Feat: mark loaded subdirectories in sidebar and recent dropdown

- Show green check icon for loaded subdirs in DirBrowserDrawer
- Display loaded count in parent node label (e.g. "export (3/5)")
- Show "5 个子目录 · 已加载 2" in recent dropdown for browse-mode entries
- Update loaded count in real-time after each subdir finishes loading

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: dynamicheart

llm-eval-viewer/src/components/DirBrowserDrawer.vue

@@ -40,8 +40,9 @@
               <el-icon v-if="!data.isLeaf" style="margin-right: 4px">
                 <Folder />
               </el-icon>
-              <el-icon v-else style="margin-right: 4px">
-                <Document />
+              <el-icon v-else style="margin-right: 4px" :color="loadedKeys.has(data.id) ? 'var(--ev-color-success, #67c23a)' : undefined">
+                <Check v-if="loadedKeys.has(data.id)" />
+                <Document v-else />
               </el-icon>
               {{ node.label }}
             </span>
@@ -56,7 +57,7 @@
 
 <script setup>
 import { ref, onMounted, onBeforeUnmount } from 'vue';
-import { Folder, Document, ArrowLeft, ArrowRight, QuestionFilled } from '@element-plus/icons-vue';
+import { Folder, Document, ArrowLeft, ArrowRight, QuestionFilled, Check } from '@element-plus/icons-vue';
 
 const STORAGE_KEY = 'dir_sidebar_width';
 const COLLAPSED_KEY = 'dir_sidebar_collapsed';
@@ -69,6 +70,7 @@ defineProps({
   dirTree: { type: Array, default: () => [] },
   currentNodeKey: { type: String, default: '' },
   hint: { type: String, default: '' },
+  loadedKeys: { type: Set, default: () => new Set() },
 });
 
 const emit = defineEmits(['select-run', 'resize']);

llm-eval-viewer/src/i18n/en.js

@@ -509,6 +509,7 @@ export default {
     scanning: 'Scanning...',
     noValidSubDirs: 'No valid subdirectories found (must contain .jsonl.gz files)',
     subDirCount: '{count} subdirectories',
+    loaded: '{count} loaded',
     toolCount: 'Tool Count',
   },
 };

llm-eval-viewer/src/i18n/zh-CN.js

@@ -508,6 +508,7 @@ export default {
     scanning: '正在扫描...',
     noValidSubDirs: '未找到有效的子目录（子目录需包含 .jsonl.gz 文件）',
     subDirCount: '{count} 个子目录',
+    loaded: '已加载 {count}',
     toolCount: '工具调用数',
   },
 };

llm-eval-viewer/src/views/HevalView.vue

@@ -6,6 +6,7 @@
       :visible="showSidebar"
       :dir-tree="subDirs"
       :current-node-key="currentSubDir"
+      :loaded-keys="loadedSubDirs"
       @select-run="onSelectSubDir"
       @resize="w => sidebarWidth = w"
     />
@@ -25,7 +26,7 @@
                     <el-tag v-if="d.mode === 'directory'" size="small" type="info" style="margin-left: 6px">{{ $t('hyeval.browseDirectory') }}</el-tag>
                   </div>
                   <div class="recent-item-meta">
-                    <template v-if="d.mode === 'directory'">{{ $t('hyeval.subDirCount', { count: d.records }) }}</template>
+                    <template v-if="d.mode === 'directory'">{{ $t('hyeval.subDirCount', { count: d.records }) }}<template v-if="d.loaded"> · {{ $t('hyeval.loaded', { count: d.loaded }) }}</template></template>
                     <template v-else>{{ d.records }} {{ $t('hyeval.records') }}</template>
                     · {{ formatTime(d.time) }}
                   </div>
@@ -405,6 +406,7 @@ export default {
       currentSubDir: localStorage.getItem('hyeval_current_subdir') || '',
       sidebarWidth: 0,
       loadGeneration: 0,
+      loadedSubDirs: new Set(),
     };
   },
 
@@ -621,7 +623,9 @@ export default {
     updateRecentDirs(name, recordCount, mode) {
       const MAX = 40;
       const list = this.recentDirs.filter(d => d.name !== name);
-      list.unshift({ name, time: Date.now(), records: recordCount || 0, mode: mode || 'file' });
+      const entry = { name, time: Date.now(), records: recordCount || 0, mode: mode || 'file' };
+      if (mode === 'directory') entry.loaded = this.loadedSubDirs.size;
+      list.unshift(entry);
       if (list.length > MAX) list.length = MAX;
       this.recentDirs = list;
       localStorage.setItem('hyeval_recent_dirs', JSON.stringify(list));
@@ -820,9 +824,16 @@ export default {
         return;
       }
       dirs.sort((a, b) => b.label.localeCompare(a.label));
+      const loaded = new Set();
+      await Promise.all(dirs.map(async (d) => {
+        const cached = await this.getJudgeCache(`hyeval_v${CACHE_VERSION}_judge_${d.label}`);
+        if (cached) loaded.add(d.label);
+      }));
+      this.loadedSubDirs = loaded;
+      const parentLabel = `${parentHandle.name} (${loaded.size}/${dirs.length})`;
       this.subDirs = [{
         id: `parent_${parentHandle.name}`,
-        label: parentHandle.name,
+        label: parentLabel,
         children: dirs,
       }];
       this.browseMode = 'directory';
@@ -853,6 +864,20 @@ export default {
       await this.loadDirectory(node.handle);
     },
 
+    updateSidebarLabel() {
+      if (!this.subDirs.length) return;
+      const root = this.subDirs[0];
+      const total = root.children ? root.children.length : 0;
+      const name = this.parentDirHandle ? this.parentDirHandle.name : root.label.replace(/ \(.*\)$/, '');
+      root.label = `${name} (${this.loadedSubDirs.size}/${total})`;
+      this.subDirs = [...this.subDirs];
+      const idx = this.recentDirs.findIndex(d => d.name === name && d.mode === 'directory');
+      if (idx !== -1) {
+        this.recentDirs[idx].loaded = this.loadedSubDirs.size;
+        localStorage.setItem('hyeval_recent_dirs', JSON.stringify(this.recentDirs));
+      }
+    },
+
     formatTime(ts) {
       if (!ts) return '';
       const d = new Date(ts);
@@ -1106,6 +1131,10 @@ export default {
         this.msgCountMap = cachedMsg;
         this.diagMap = cachedDiag;
         this.toolCallMap = cachedTool;
+        if (this.browseMode === 'directory' && fn) {
+          this.loadedSubDirs.add(fn);
+          this.updateSidebarLabel();
+        }
         return;
       }
 
@@ -1169,6 +1198,10 @@ export default {
       await this.setJudgeCache(msgCacheKey, msgMap);
       await this.setJudgeCache(diagCacheKey, diagMapLocal);
       await this.setJudgeCache(toolCacheKey, toolMap);
+      if (this.browseMode === 'directory' && fn) {
+        this.loadedSubDirs.add(fn);
+        this.updateSidebarLabel();
+      }
     },
 
     async getJudgeCache(key) {