diff --git a/frontend/src/views/toolbox/supervisor/index.vue b/frontend/src/views/toolbox/supervisor/index.vue
index 19bc2c7b1..fa5f029df 100644
--- a/frontend/src/views/toolbox/supervisor/index.vue
+++ b/frontend/src/views/toolbox/supervisor/index.vue
@@ -33,13 +33,11 @@
                         fix
                         show-overflow-tooltip
                     ></el-table-column>
-                    <el-table-column
-                        :label="$t('tool.supervisor.dir')"
-                        prop="dir"
-                        min-width="100px"
-                        fix
-                        show-overflow-tooltip
-                    ></el-table-column>
+                    <el-table-column :label="$t('tool.supervisor.dir')" prop="dir" min-width="100px" fix>
+                        <template #default="{ row }">
+                            <Tooltip @click="toFolder(row.dir)" :text="row.dir" />
+                        </template>
+                    </el-table-column>
                     <el-table-column
                         :label="$t('tool.supervisor.user')"
                         prop="user"
@@ -161,6 +159,7 @@ import i18n from '@/lang';
 import { HostTool } from '@/api/interface/host-tool';
 import { MsgSuccess } from '@/utils/message';
 import { VideoPlay, VideoPause, RefreshRight } from '@element-plus/icons-vue';
+import router from '@/routers';
 const globalStore = GlobalStore();
 
 const loading = ref(false);
@@ -186,6 +185,10 @@ const getStatus = (status: any) => {
     search();
 };
 
+const toFolder = (folder: string) => {
+    router.push({ path: '/hosts/files', query: { path: folder } });
+};
+
 const showStopped = computed((): boolean => {
     if (supervisorStatus.value.init || setSuperVisor.value) {
         return false;