From 05199f5dafe36682092f8d0066a6280fba919faf Mon Sep 17 00:00:00 2001
From: A-Words <awordsgg@outlook.com>
Date: Fri, 6 Mar 2026 10:32:51 +0800
Subject: [PATCH 1/4] feat: support toggling file list columns

---
 frontend/src/lang/modules/en.ts               |   2 +
 frontend/src/lang/modules/es-es.ts            |   2 +
 frontend/src/lang/modules/ja.ts               |   2 +
 frontend/src/lang/modules/ko.ts               |   2 +
 frontend/src/lang/modules/ms.ts               |   2 +
 frontend/src/lang/modules/pt-br.ts            |   2 +
 frontend/src/lang/modules/ru.ts               |   2 +
 frontend/src/lang/modules/tr.ts               |   2 +
 frontend/src/lang/modules/zh-Hant.ts          |   2 +
 frontend/src/lang/modules/zh.ts               |   2 +
 .../src/views/host/file-management/index.vue  | 153 +++++++++++++++---
 11 files changed, 154 insertions(+), 19 deletions(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 1a6e1497f062..09dc19998d4a 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -1604,6 +1604,8 @@ const message = {
         remarkPlaceholder: 'Remark',
         remarkToggle: 'Remarks',
         remarkToggleTip: 'Load file remarks',
+        columnSetting: 'Columns',
+        showColumns: 'Show columns',
         canNotDeCompress: 'Cannot decompress this file',
         uploadSuccess: 'Successfully upload',
         downloadProcess: 'Download progress',
diff --git a/frontend/src/lang/modules/es-es.ts b/frontend/src/lang/modules/es-es.ts
index 1536efde5439..304fd8631c19 100644
--- a/frontend/src/lang/modules/es-es.ts
+++ b/frontend/src/lang/modules/es-es.ts
@@ -1618,6 +1618,8 @@ const message = {
         remarkPlaceholder: 'Observación',
         remarkToggle: 'Notas',
         remarkToggleTip: 'Cargar notas del archivo',
+        columnSetting: 'Columnas',
+        showColumns: 'Mostrar columnas',
         canNotDeCompress: 'No se puede descomprimir este archivo',
         uploadSuccess: 'Carga completada correctamente',
         downloadProcess: 'Progreso de descarga',
diff --git a/frontend/src/lang/modules/ja.ts b/frontend/src/lang/modules/ja.ts
index 0a3fc33cc257..7de889879633 100644
--- a/frontend/src/lang/modules/ja.ts
+++ b/frontend/src/lang/modules/ja.ts
@@ -1582,6 +1582,8 @@ const message = {
         remarkPlaceholder: '備考',
         remarkToggle: '備考',
         remarkToggleTip: 'ファイルの備考を読み込む',
+        columnSetting: '列設定',
+        showColumns: '表示列',
         canNotDeCompress: 'このファイルを解凍できません',
         uploadSuccess: '正常にアップロードします',
         downloadProcess: '進捗状況をダウンロードします',
diff --git a/frontend/src/lang/modules/ko.ts b/frontend/src/lang/modules/ko.ts
index d9129e442861..7a20a198439e 100644
--- a/frontend/src/lang/modules/ko.ts
+++ b/frontend/src/lang/modules/ko.ts
@@ -1560,6 +1560,8 @@ const message = {
         remarkPlaceholder: '비고',
         remarkToggle: '비고',
         remarkToggleTip: '파일 비고 로드',
+        columnSetting: '열 설정',
+        showColumns: '표시 열',
         canNotDeCompress: '이 파일은 압축 해제할 수 없습니다',
         uploadSuccess: '업로드 성공',
         downloadProcess: '다운로드 진행률',
diff --git a/frontend/src/lang/modules/ms.ts b/frontend/src/lang/modules/ms.ts
index d90f4ffb9fb5..4ce25756ddb1 100644
--- a/frontend/src/lang/modules/ms.ts
+++ b/frontend/src/lang/modules/ms.ts
@@ -1621,6 +1621,8 @@ const message = {
         remarkPlaceholder: 'Catatan',
         remarkToggle: 'Catatan',
         remarkToggleTip: 'Muatkan catatan fail',
+        columnSetting: 'Tetapan lajur',
+        showColumns: 'Tunjukkan lajur',
         canNotDeCompress: 'Tidak dapat nyahmampatkan fail ini',
         uploadSuccess: 'Berjaya dimuat naik',
         downloadProcess: 'Kemajuan muat turun',
diff --git a/frontend/src/lang/modules/pt-br.ts b/frontend/src/lang/modules/pt-br.ts
index 5bf2e6ba76f6..a6eb4deea6ea 100644
--- a/frontend/src/lang/modules/pt-br.ts
+++ b/frontend/src/lang/modules/pt-br.ts
@@ -1609,6 +1609,8 @@ const message = {
         remarkPlaceholder: 'Observação',
         remarkToggle: 'Observações',
         remarkToggleTip: 'Carregar observações do arquivo',
+        columnSetting: 'Colunas',
+        showColumns: 'Mostrar colunas',
         canNotDeCompress: 'Não é possível descompactar este arquivo',
         uploadSuccess: 'Upload bem-sucedido',
         downloadProcess: 'Progresso do download',
diff --git a/frontend/src/lang/modules/ru.ts b/frontend/src/lang/modules/ru.ts
index 014377fd65bf..aa1ec554f9b2 100644
--- a/frontend/src/lang/modules/ru.ts
+++ b/frontend/src/lang/modules/ru.ts
@@ -1612,6 +1612,8 @@ const message = {
         remarkPlaceholder: 'Примечание',
         remarkToggle: 'Примечания',
         remarkToggleTip: 'Загружать примечания файлов',
+        columnSetting: 'Столбцы',
+        showColumns: 'Показать столбцы',
         canNotDeCompress: 'Невозможно распаковать этот файл',
         uploadSuccess: 'Успешно загружено',
         downloadProcess: 'Прогресс загрузки',
diff --git a/frontend/src/lang/modules/tr.ts b/frontend/src/lang/modules/tr.ts
index 9efb3dcf4ed8..97844b9e1cf6 100644
--- a/frontend/src/lang/modules/tr.ts
+++ b/frontend/src/lang/modules/tr.ts
@@ -1630,6 +1630,8 @@ const message = {
         remarkPlaceholder: 'Not',
         remarkToggle: 'Notlar',
         remarkToggleTip: 'Dosya notlarını yükle',
+        columnSetting: 'Sutunlar',
+        showColumns: 'Gosterilen sutunlar',
         canNotDeCompress: 'Bu dosyanın sıkıştırması açılamaz',
         uploadSuccess: 'Başarıyla yüklendi',
         downloadProcess: 'İndirme ilerlemesi',
diff --git a/frontend/src/lang/modules/zh-Hant.ts b/frontend/src/lang/modules/zh-Hant.ts
index 8785ed287fc2..7835872859d1 100644
--- a/frontend/src/lang/modules/zh-Hant.ts
+++ b/frontend/src/lang/modules/zh-Hant.ts
@@ -1531,6 +1531,8 @@ const message = {
         remarkPlaceholder: '備註內容',
         remarkToggle: '備註',
         remarkToggleTip: '載入檔案備註',
+        columnSetting: '欄位設定',
+        showColumns: '顯示欄位',
         canNotDeCompress: '無法解壓此檔案',
         uploadSuccess: '上傳成功!',
         downloadProcess: '下載進度',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 19d1c6fc585b..fc8b324f73ca 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -1507,6 +1507,8 @@ const message = {
         remarkPlaceholder: '备注内容',
         remarkToggle: '备注',
         remarkToggleTip: '加载文件备注',
+        columnSetting: '列设置',
+        showColumns: '显示列',
         canNotDeCompress: '无法解压此文件',
         uploadSuccess: '上传成功!',
         downloadProcess: '下载进度',
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index 274dd0487cfc..da8d10c32c60 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -424,23 +424,50 @@
                                     <el-button plain class="close" icon="Close" @click="closeMove"></el-button>
                                 </el-tooltip>
                             </el-button-group>
-                            <div class="w-80">
-                                <el-input
-                                    v-model="req.search"
-                                    clearable
-                                    @clear="search()"
-                                    @keydown.enter="search()"
-                                    :placeholder="$t('file.search')"
-                                >
-                                    <template #prepend>
-                                        <el-checkbox v-model="req.containSub">
-                                            {{ $t('file.sub') }}
-                                        </el-checkbox>
-                                    </template>
-                                    <template #append>
-                                        <el-button icon="Search" @click="search" round />
+                            <div class="flex items-center gap-2">
+                                <el-dropdown trigger="click">
+                                    <el-button plain>
+                                        {{ $t('file.columnSetting') }}
+                                    </el-button>
+                                    <template #dropdown>
+                                        <el-dropdown-menu>
+                                            <div class="column-setting-menu">
+                                                <div class="column-setting-title">
+                                                    {{ $t('file.showColumns') }}
+                                                </div>
+                                                <el-dropdown-item v-for="column in hideableColumns" :key="column.key">
+                                                    <div class="column-setting-item">
+                                                        <el-checkbox
+                                                            :model-value="isColumnVisible(column.key)"
+                                                            @click.stop
+                                                            @change="() => toggleColumn(column.key)"
+                                                        >
+                                                            {{ getColumnLabel(column.key) }}
+                                                        </el-checkbox>
+                                                    </div>
+                                                </el-dropdown-item>
+                                            </div>
+                                        </el-dropdown-menu>
                                     </template>
-                                </el-input>
+                                </el-dropdown>
+                                <div class="w-80">
+                                    <el-input
+                                        v-model="req.search"
+                                        clearable
+                                        @clear="search()"
+                                        @keydown.enter="search()"
+                                        :placeholder="$t('file.search')"
+                                    >
+                                        <template #prepend>
+                                            <el-checkbox v-model="req.containSub">
+                                                {{ $t('file.sub') }}
+                                            </el-checkbox>
+                                        </template>
+                                        <template #append>
+                                            <el-button icon="Search" @click="search" round />
+                                        </template>
+                                    </el-input>
+                                </div>
                             </div>
                         </div>
                     </template>
@@ -520,7 +547,12 @@
                                     </div>
                                 </template>
                             </el-table-column>
-                            <el-table-column :label="$t('file.mode')" prop="mode" width="80">
+                            <el-table-column
+                                v-if="isColumnVisible('mode')"
+                                :label="$t('file.mode')"
+                                prop="mode"
+                                width="80"
+                            >
                                 <template #default="{ row }">
                                     <el-link underline="never" @click="openMode(row)">{{ row.mode }}</el-link>
                                 </template>
@@ -538,7 +570,13 @@
                                     </el-link>
                                 </template>
                             </el-table-column>
-                            <el-table-column :label="$t('file.size')" prop="size" width="80" :sortable="'custom'">
+                            <el-table-column
+                                v-if="isColumnVisible('size')"
+                                :label="$t('file.size')"
+                                prop="size"
+                                width="80"
+                                :sortable="'custom'"
+                            >
                                 <template #default="{ row }">
                                     <el-button
                                         type="primary"
@@ -560,6 +598,7 @@
                                 </template>
                             </el-table-column>
                             <el-table-column
+                                v-if="isColumnVisible('modTime')"
                                 :label="$t('file.updateTime')"
                                 prop="modTime"
                                 width="180"
@@ -567,7 +606,13 @@
                                 show-overflow-tooltip
                                 :sortable="'custom'"
                             ></el-table-column>
-                            <el-table-column :label="$t('file.remark')" prop="remark" width="180" show-overflow-tooltip>
+                            <el-table-column
+                                v-if="isColumnVisible('remark')"
+                                :label="$t('file.remark')"
+                                prop="remark"
+                                width="180"
+                                show-overflow-tooltip
+                            >
                                 <template #default="{ row }">
                                     <span>{{ row.remark ? row.remark : '-' }}</span>
                                 </template>
@@ -709,6 +754,13 @@ interface FilePaths {
     name: string;
 }
 
+type FileColumnKey = 'mode' | 'size' | 'modTime' | 'remark';
+
+interface FileColumnConfig {
+    key: FileColumnKey;
+    defaultVisible: boolean;
+}
+
 const router = useRouter();
 const data = ref();
 const tableRefs = ref<Record<string, any>>({});
@@ -718,6 +770,7 @@ const dropdownMaxHeight = ref(450);
 const baseDir = ref();
 const remarkRequestId = ref(0);
 const remarkLoadTimer = ref<number | null>(null);
+const FILE_VISIBLE_COLUMNS_KEY = 'file-management-visible-columns';
 const editableTabsKey = ref('');
 const editableTabs = ref([
     { id: '1', name: getLastPath(baseDir.value), path: baseDir.value },
@@ -827,6 +880,22 @@ const setRenameRef = (key: string, el: any) => {
 const getCurrentRename = () => renameRefs.value[editableTabsKey.value];
 
 const pathRefs = ref<Record<string, any>>({});
+const fileColumns: FileColumnConfig[] = [
+    { key: 'mode', defaultVisible: true },
+    { key: 'size', defaultVisible: true },
+    { key: 'modTime', defaultVisible: true },
+    { key: 'remark', defaultVisible: true },
+];
+const visibleColumnKeys = ref<FileColumnKey[]>(
+    fileColumns.filter((column) => column.defaultVisible).map((column) => column.key),
+);
+const hideableColumns = computed(() => fileColumns);
+const columnLabelMap: Record<FileColumnKey, () => string> = {
+    mode: () => i18n.global.t('file.mode'),
+    size: () => i18n.global.t('file.size'),
+    modTime: () => i18n.global.t('file.updateTime'),
+    remark: () => i18n.global.t('file.remark'),
+};
 
 const setPathRef = (key: string, el: any) => {
     if (el) {
@@ -834,6 +903,40 @@ const setPathRef = (key: string, el: any) => {
     }
 };
 const getCurrentPath = () => pathRefs.value[editableTabsKey.value];
+const getColumnLabel = (key: FileColumnKey) => columnLabelMap[key]();
+const isColumnVisible = (key: FileColumnKey) => visibleColumnKeys.value.includes(key);
+
+const getDefaultVisibleColumns = () =>
+    fileColumns.filter((column) => column.defaultVisible).map((column) => column.key);
+
+const persistVisibleColumns = () => {
+    localStorage.setItem(FILE_VISIBLE_COLUMNS_KEY, JSON.stringify(visibleColumnKeys.value));
+};
+
+const loadVisibleColumns = () => {
+    const raw = localStorage.getItem(FILE_VISIBLE_COLUMNS_KEY);
+    if (!raw) {
+        visibleColumnKeys.value = getDefaultVisibleColumns();
+        return;
+    }
+    try {
+        const saved = JSON.parse(raw);
+        visibleColumnKeys.value = fileColumns
+            .filter((column) => column.defaultVisible || (Array.isArray(saved) && saved.includes(column.key)))
+            .map((column) => column.key);
+    } catch (error) {
+        visibleColumnKeys.value = getDefaultVisibleColumns();
+    }
+};
+
+const toggleColumn = (key: FileColumnKey) => {
+    if (isColumnVisible(key)) {
+        visibleColumnKeys.value = visibleColumnKeys.value.filter((columnKey) => columnKey !== key);
+    } else {
+        visibleColumnKeys.value = [...visibleColumnKeys.value, key];
+    }
+    persistVisibleColumns();
+};
 
 const { searchableStatus, searchablePath, setSearchableInputRef, searchableInputBlur } = useMultipleSearchable(paths);
 
@@ -2061,6 +2164,7 @@ onMounted(async () => {
     updateHeight();
     window.addEventListener('resize', updateHeight);
     initShowHidden();
+    loadVisibleColumns();
     initTabsAndPaths();
     await getHostMount();
     initHistory();
@@ -2157,6 +2261,17 @@ onBeforeUnmount(() => {
 .table-input {
     --el-input-inner-height: 22px !important;
 }
+.column-setting-menu {
+    padding: 4px 0;
+}
+.column-setting-title {
+    padding: 4px 16px 8px;
+    color: var(--el-text-color-secondary);
+    font-size: 12px;
+}
+.column-setting-item {
+    width: 100%;
+}
 :deep(.file-tabs .el-tabs__nav .el-tabs__item:last-child) {
     border-bottom: 1px solid var(--el-border-color-light) !important;
 }

From 1bd1e6e8b5d15913fda2562474bb42b7e0250b9e Mon Sep 17 00:00:00 2001
From: A-Words <awordsgg@outlook.com>
Date: Fri, 6 Mar 2026 17:27:30 +0800
Subject: [PATCH 2/4] feat: use fu table column select for file list

---
 .../src/views/host/file-management/index.vue  | 110 ++++--------------
 1 file changed, 20 insertions(+), 90 deletions(-)

diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index da8d10c32c60..e02345e1913c 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -425,31 +425,13 @@
                                 </el-tooltip>
                             </el-button-group>
                             <div class="flex items-center gap-2">
-                                <el-dropdown trigger="click">
-                                    <el-button plain>
-                                        {{ $t('file.columnSetting') }}
-                                    </el-button>
-                                    <template #dropdown>
-                                        <el-dropdown-menu>
-                                            <div class="column-setting-menu">
-                                                <div class="column-setting-title">
-                                                    {{ $t('file.showColumns') }}
-                                                </div>
-                                                <el-dropdown-item v-for="column in hideableColumns" :key="column.key">
-                                                    <div class="column-setting-item">
-                                                        <el-checkbox
-                                                            :model-value="isColumnVisible(column.key)"
-                                                            @click.stop
-                                                            @change="() => toggleColumn(column.key)"
-                                                        >
-                                                            {{ getColumnLabel(column.key) }}
-                                                        </el-checkbox>
-                                                    </div>
-                                                </el-dropdown-item>
-                                            </div>
-                                        </el-dropdown-menu>
-                                    </template>
-                                </el-dropdown>
+                                <fu-table-column-select
+                                    :columns="columns"
+                                    trigger="hover"
+                                    :title="$t('commons.table.selectColumn')"
+                                    popper-class="popper-class"
+                                    :only-icon="true"
+                                />
                                 <div class="w-80">
                                     <el-input
                                         v-model="req.search"
@@ -483,6 +465,8 @@
                             @cell-mouse-leave="hideFavorite"
                             :heightDiff="heightDiff"
                             :right-buttons="rightButtons"
+                            :columns="columns"
+                            localKey="fileManagementColumn"
                         >
                             <el-table-column type="selection" width="30" />
                             <el-table-column
@@ -757,8 +741,10 @@ interface FilePaths {
 type FileColumnKey = 'mode' | 'size' | 'modTime' | 'remark';
 
 interface FileColumnConfig {
-    key: FileColumnKey;
-    defaultVisible: boolean;
+    label: string;
+    show: boolean;
+    fix?: boolean;
+    value: FileColumnKey;
 }
 
 const router = useRouter();
@@ -770,7 +756,6 @@ const dropdownMaxHeight = ref(450);
 const baseDir = ref();
 const remarkRequestId = ref(0);
 const remarkLoadTimer = ref<number | null>(null);
-const FILE_VISIBLE_COLUMNS_KEY = 'file-management-visible-columns';
 const editableTabsKey = ref('');
 const editableTabs = ref([
     { id: '1', name: getLastPath(baseDir.value), path: baseDir.value },
@@ -880,22 +865,12 @@ const setRenameRef = (key: string, el: any) => {
 const getCurrentRename = () => renameRefs.value[editableTabsKey.value];
 
 const pathRefs = ref<Record<string, any>>({});
-const fileColumns: FileColumnConfig[] = [
-    { key: 'mode', defaultVisible: true },
-    { key: 'size', defaultVisible: true },
-    { key: 'modTime', defaultVisible: true },
-    { key: 'remark', defaultVisible: true },
-];
-const visibleColumnKeys = ref<FileColumnKey[]>(
-    fileColumns.filter((column) => column.defaultVisible).map((column) => column.key),
-);
-const hideableColumns = computed(() => fileColumns);
-const columnLabelMap: Record<FileColumnKey, () => string> = {
-    mode: () => i18n.global.t('file.mode'),
-    size: () => i18n.global.t('file.size'),
-    modTime: () => i18n.global.t('file.updateTime'),
-    remark: () => i18n.global.t('file.remark'),
-};
+const columns = ref<FileColumnConfig[]>([
+    { label: i18n.global.t('file.mode'), value: 'mode', show: true },
+    { label: i18n.global.t('file.size'), value: 'size', show: true },
+    { label: i18n.global.t('file.updateTime'), value: 'modTime', show: true },
+    { label: i18n.global.t('file.remark'), value: 'remark', show: true },
+]);
 
 const setPathRef = (key: string, el: any) => {
     if (el) {
@@ -903,40 +878,7 @@ const setPathRef = (key: string, el: any) => {
     }
 };
 const getCurrentPath = () => pathRefs.value[editableTabsKey.value];
-const getColumnLabel = (key: FileColumnKey) => columnLabelMap[key]();
-const isColumnVisible = (key: FileColumnKey) => visibleColumnKeys.value.includes(key);
-
-const getDefaultVisibleColumns = () =>
-    fileColumns.filter((column) => column.defaultVisible).map((column) => column.key);
-
-const persistVisibleColumns = () => {
-    localStorage.setItem(FILE_VISIBLE_COLUMNS_KEY, JSON.stringify(visibleColumnKeys.value));
-};
-
-const loadVisibleColumns = () => {
-    const raw = localStorage.getItem(FILE_VISIBLE_COLUMNS_KEY);
-    if (!raw) {
-        visibleColumnKeys.value = getDefaultVisibleColumns();
-        return;
-    }
-    try {
-        const saved = JSON.parse(raw);
-        visibleColumnKeys.value = fileColumns
-            .filter((column) => column.defaultVisible || (Array.isArray(saved) && saved.includes(column.key)))
-            .map((column) => column.key);
-    } catch (error) {
-        visibleColumnKeys.value = getDefaultVisibleColumns();
-    }
-};
-
-const toggleColumn = (key: FileColumnKey) => {
-    if (isColumnVisible(key)) {
-        visibleColumnKeys.value = visibleColumnKeys.value.filter((columnKey) => columnKey !== key);
-    } else {
-        visibleColumnKeys.value = [...visibleColumnKeys.value, key];
-    }
-    persistVisibleColumns();
-};
+const isColumnVisible = (key: FileColumnKey) => columns.value.find((column) => column.value === key)?.show !== false;
 
 const { searchableStatus, searchablePath, setSearchableInputRef, searchableInputBlur } = useMultipleSearchable(paths);
 
@@ -2164,7 +2106,6 @@ onMounted(async () => {
     updateHeight();
     window.addEventListener('resize', updateHeight);
     initShowHidden();
-    loadVisibleColumns();
     initTabsAndPaths();
     await getHostMount();
     initHistory();
@@ -2261,17 +2202,6 @@ onBeforeUnmount(() => {
 .table-input {
     --el-input-inner-height: 22px !important;
 }
-.column-setting-menu {
-    padding: 4px 0;
-}
-.column-setting-title {
-    padding: 4px 16px 8px;
-    color: var(--el-text-color-secondary);
-    font-size: 12px;
-}
-.column-setting-item {
-    width: 100%;
-}
 :deep(.file-tabs .el-tabs__nav .el-tabs__item:last-child) {
     border-bottom: 1px solid var(--el-border-color-light) !important;
 }

From 4a25009b5e5cc99dad3151b7a23a6ebc03a31605 Mon Sep 17 00:00:00 2001
From: A-Words <awordsgg@outlook.com>
Date: Fri, 6 Mar 2026 17:52:02 +0800
Subject: [PATCH 3/4] chore: remove unused file column i18n keys

---
 frontend/src/lang/modules/en.ts      | 2 --
 frontend/src/lang/modules/es-es.ts   | 2 --
 frontend/src/lang/modules/ja.ts      | 2 --
 frontend/src/lang/modules/ko.ts      | 2 --
 frontend/src/lang/modules/ms.ts      | 2 --
 frontend/src/lang/modules/pt-br.ts   | 2 --
 frontend/src/lang/modules/ru.ts      | 2 --
 frontend/src/lang/modules/tr.ts      | 2 --
 frontend/src/lang/modules/zh-Hant.ts | 2 --
 frontend/src/lang/modules/zh.ts      | 2 --
 10 files changed, 20 deletions(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 09dc19998d4a..1a6e1497f062 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -1604,8 +1604,6 @@ const message = {
         remarkPlaceholder: 'Remark',
         remarkToggle: 'Remarks',
         remarkToggleTip: 'Load file remarks',
-        columnSetting: 'Columns',
-        showColumns: 'Show columns',
         canNotDeCompress: 'Cannot decompress this file',
         uploadSuccess: 'Successfully upload',
         downloadProcess: 'Download progress',
diff --git a/frontend/src/lang/modules/es-es.ts b/frontend/src/lang/modules/es-es.ts
index 304fd8631c19..1536efde5439 100644
--- a/frontend/src/lang/modules/es-es.ts
+++ b/frontend/src/lang/modules/es-es.ts
@@ -1618,8 +1618,6 @@ const message = {
         remarkPlaceholder: 'Observación',
         remarkToggle: 'Notas',
         remarkToggleTip: 'Cargar notas del archivo',
-        columnSetting: 'Columnas',
-        showColumns: 'Mostrar columnas',
         canNotDeCompress: 'No se puede descomprimir este archivo',
         uploadSuccess: 'Carga completada correctamente',
         downloadProcess: 'Progreso de descarga',
diff --git a/frontend/src/lang/modules/ja.ts b/frontend/src/lang/modules/ja.ts
index 7de889879633..0a3fc33cc257 100644
--- a/frontend/src/lang/modules/ja.ts
+++ b/frontend/src/lang/modules/ja.ts
@@ -1582,8 +1582,6 @@ const message = {
         remarkPlaceholder: '備考',
         remarkToggle: '備考',
         remarkToggleTip: 'ファイルの備考を読み込む',
-        columnSetting: '列設定',
-        showColumns: '表示列',
         canNotDeCompress: 'このファイルを解凍できません',
         uploadSuccess: '正常にアップロードします',
         downloadProcess: '進捗状況をダウンロードします',
diff --git a/frontend/src/lang/modules/ko.ts b/frontend/src/lang/modules/ko.ts
index 7a20a198439e..d9129e442861 100644
--- a/frontend/src/lang/modules/ko.ts
+++ b/frontend/src/lang/modules/ko.ts
@@ -1560,8 +1560,6 @@ const message = {
         remarkPlaceholder: '비고',
         remarkToggle: '비고',
         remarkToggleTip: '파일 비고 로드',
-        columnSetting: '열 설정',
-        showColumns: '표시 열',
         canNotDeCompress: '이 파일은 압축 해제할 수 없습니다',
         uploadSuccess: '업로드 성공',
         downloadProcess: '다운로드 진행률',
diff --git a/frontend/src/lang/modules/ms.ts b/frontend/src/lang/modules/ms.ts
index 4ce25756ddb1..d90f4ffb9fb5 100644
--- a/frontend/src/lang/modules/ms.ts
+++ b/frontend/src/lang/modules/ms.ts
@@ -1621,8 +1621,6 @@ const message = {
         remarkPlaceholder: 'Catatan',
         remarkToggle: 'Catatan',
         remarkToggleTip: 'Muatkan catatan fail',
-        columnSetting: 'Tetapan lajur',
-        showColumns: 'Tunjukkan lajur',
         canNotDeCompress: 'Tidak dapat nyahmampatkan fail ini',
         uploadSuccess: 'Berjaya dimuat naik',
         downloadProcess: 'Kemajuan muat turun',
diff --git a/frontend/src/lang/modules/pt-br.ts b/frontend/src/lang/modules/pt-br.ts
index a6eb4deea6ea..5bf2e6ba76f6 100644
--- a/frontend/src/lang/modules/pt-br.ts
+++ b/frontend/src/lang/modules/pt-br.ts
@@ -1609,8 +1609,6 @@ const message = {
         remarkPlaceholder: 'Observação',
         remarkToggle: 'Observações',
         remarkToggleTip: 'Carregar observações do arquivo',
-        columnSetting: 'Colunas',
-        showColumns: 'Mostrar colunas',
         canNotDeCompress: 'Não é possível descompactar este arquivo',
         uploadSuccess: 'Upload bem-sucedido',
         downloadProcess: 'Progresso do download',
diff --git a/frontend/src/lang/modules/ru.ts b/frontend/src/lang/modules/ru.ts
index aa1ec554f9b2..014377fd65bf 100644
--- a/frontend/src/lang/modules/ru.ts
+++ b/frontend/src/lang/modules/ru.ts
@@ -1612,8 +1612,6 @@ const message = {
         remarkPlaceholder: 'Примечание',
         remarkToggle: 'Примечания',
         remarkToggleTip: 'Загружать примечания файлов',
-        columnSetting: 'Столбцы',
-        showColumns: 'Показать столбцы',
         canNotDeCompress: 'Невозможно распаковать этот файл',
         uploadSuccess: 'Успешно загружено',
         downloadProcess: 'Прогресс загрузки',
diff --git a/frontend/src/lang/modules/tr.ts b/frontend/src/lang/modules/tr.ts
index 97844b9e1cf6..9efb3dcf4ed8 100644
--- a/frontend/src/lang/modules/tr.ts
+++ b/frontend/src/lang/modules/tr.ts
@@ -1630,8 +1630,6 @@ const message = {
         remarkPlaceholder: 'Not',
         remarkToggle: 'Notlar',
         remarkToggleTip: 'Dosya notlarını yükle',
-        columnSetting: 'Sutunlar',
-        showColumns: 'Gosterilen sutunlar',
         canNotDeCompress: 'Bu dosyanın sıkıştırması açılamaz',
         uploadSuccess: 'Başarıyla yüklendi',
         downloadProcess: 'İndirme ilerlemesi',
diff --git a/frontend/src/lang/modules/zh-Hant.ts b/frontend/src/lang/modules/zh-Hant.ts
index 7835872859d1..8785ed287fc2 100644
--- a/frontend/src/lang/modules/zh-Hant.ts
+++ b/frontend/src/lang/modules/zh-Hant.ts
@@ -1531,8 +1531,6 @@ const message = {
         remarkPlaceholder: '備註內容',
         remarkToggle: '備註',
         remarkToggleTip: '載入檔案備註',
-        columnSetting: '欄位設定',
-        showColumns: '顯示欄位',
         canNotDeCompress: '無法解壓此檔案',
         uploadSuccess: '上傳成功!',
         downloadProcess: '下載進度',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index fc8b324f73ca..19d1c6fc585b 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -1507,8 +1507,6 @@ const message = {
         remarkPlaceholder: '备注内容',
         remarkToggle: '备注',
         remarkToggleTip: '加载文件备注',
-        columnSetting: '列设置',
-        showColumns: '显示列',
         canNotDeCompress: '无法解压此文件',
         uploadSuccess: '上传成功!',
         downloadProcess: '下载进度',

From 77fa8ea799ab70109bc0b2a5595867bbb8f835a1 Mon Sep 17 00:00:00 2001
From: A-Words <awordsgg@outlook.com>
Date: Fri, 6 Mar 2026 23:17:35 +0800
Subject: [PATCH 4/4] feat: simplify file column visibility logic and remove
 unused configurations

---
 .../src/views/host/file-management/index.vue  | 41 ++-----------------
 1 file changed, 4 insertions(+), 37 deletions(-)

diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index e02345e1913c..3fe52a21789c 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -531,12 +531,7 @@
                                     </div>
                                 </template>
                             </el-table-column>
-                            <el-table-column
-                                v-if="isColumnVisible('mode')"
-                                :label="$t('file.mode')"
-                                prop="mode"
-                                width="80"
-                            >
+                            <el-table-column :label="$t('file.mode')" prop="mode" width="80">
                                 <template #default="{ row }">
                                     <el-link underline="never" @click="openMode(row)">{{ row.mode }}</el-link>
                                 </template>
@@ -554,13 +549,7 @@
                                     </el-link>
                                 </template>
                             </el-table-column>
-                            <el-table-column
-                                v-if="isColumnVisible('size')"
-                                :label="$t('file.size')"
-                                prop="size"
-                                width="80"
-                                :sortable="'custom'"
-                            >
+                            <el-table-column :label="$t('file.size')" prop="size" width="80" :sortable="'custom'">
                                 <template #default="{ row }">
                                     <el-button
                                         type="primary"
@@ -582,7 +571,6 @@
                                 </template>
                             </el-table-column>
                             <el-table-column
-                                v-if="isColumnVisible('modTime')"
                                 :label="$t('file.updateTime')"
                                 prop="modTime"
                                 width="180"
@@ -590,13 +578,7 @@
                                 show-overflow-tooltip
                                 :sortable="'custom'"
                             ></el-table-column>
-                            <el-table-column
-                                v-if="isColumnVisible('remark')"
-                                :label="$t('file.remark')"
-                                prop="remark"
-                                width="180"
-                                show-overflow-tooltip
-                            >
+                            <el-table-column :label="$t('file.remark')" prop="remark" width="180" show-overflow-tooltip>
                                 <template #default="{ row }">
                                     <span>{{ row.remark ? row.remark : '-' }}</span>
                                 </template>
@@ -738,15 +720,6 @@ interface FilePaths {
     name: string;
 }
 
-type FileColumnKey = 'mode' | 'size' | 'modTime' | 'remark';
-
-interface FileColumnConfig {
-    label: string;
-    show: boolean;
-    fix?: boolean;
-    value: FileColumnKey;
-}
-
 const router = useRouter();
 const data = ref();
 const tableRefs = ref<Record<string, any>>({});
@@ -865,12 +838,7 @@ const setRenameRef = (key: string, el: any) => {
 const getCurrentRename = () => renameRefs.value[editableTabsKey.value];
 
 const pathRefs = ref<Record<string, any>>({});
-const columns = ref<FileColumnConfig[]>([
-    { label: i18n.global.t('file.mode'), value: 'mode', show: true },
-    { label: i18n.global.t('file.size'), value: 'size', show: true },
-    { label: i18n.global.t('file.updateTime'), value: 'modTime', show: true },
-    { label: i18n.global.t('file.remark'), value: 'remark', show: true },
-]);
+const columns = ref([]);
 
 const setPathRef = (key: string, el: any) => {
     if (el) {
@@ -878,7 +846,6 @@ const setPathRef = (key: string, el: any) => {
     }
 };
 const getCurrentPath = () => pathRefs.value[editableTabsKey.value];
-const isColumnVisible = (key: FileColumnKey) => columns.value.find((column) => column.value === key)?.show !== false;
 
 const { searchableStatus, searchablePath, setSearchableInputRef, searchableInputBlur } = useMultipleSearchable(paths);