feat: 优化缓存管理，增加从缓存读取 CLI 状态和配置的功能

Author: catlog22

ccw/src/templates/dashboard-js/components/cli-status.js

@@ -78,14 +78,31 @@ async function loadAllStatusesFallback() {
 
 /**
  * Legacy: Load CLI tool status individually
+ * 优先从缓存读取，如果缓存有效则直接使用
  */
 async function loadCliToolStatus() {
+  // 尝试从缓存获取
+  if (window.cacheManager) {
+    const cached = window.cacheManager.get('cli-status');
+    if (cached) {
+      cliToolStatus = cached;
+      updateCliBadge();
+      console.log('[CLI Status] Loaded from cache');
+      return cached;
+    }
+  }
+
   try {
     const response = await fetch('/api/cli/status');
     if (!response.ok) throw new Error('Failed to load CLI status');
     const data = await response.json();
     cliToolStatus = data;
 
+    // 存入缓存
+    if (window.cacheManager) {
+      window.cacheManager.set('cli-status', data, 300000); // 5分钟
+    }
+
     // Update badge
     updateCliBadge();
 
@@ -135,36 +152,31 @@ async function loadCodexLensStatus() {
 /**
  * Load CodexLens dashboard data using aggregated endpoint (single API call)
  * This is optimized for the CodexLens Manager page initialization
+ * 优先从缓存读取，如果缓存有效则直接使用
  * @returns {Promise<object|null>} Dashboard init data or null on error
  */
 async function loadCodexLensDashboardInit() {
+  // 尝试从缓存获取
+  if (window.cacheManager) {
+    const cached = window.cacheManager.get('dashboard-init');
+    if (cached) {
+      applyDashboardInitData(cached);
+      console.log('[CLI Status] CodexLens dashboard init loaded from cache');
+      return cached;
+    }
+  }
+
   try {
     const response = await fetch('/api/codexlens/dashboard-init');
     if (!response.ok) throw new Error('Failed to load CodexLens dashboard init');
     const data = await response.json();
 
-    // Update status variables from aggregated response
-    codexLensStatus = data.status || { ready: false };
-    semanticStatus = data.semantic || { available: false };
+    applyDashboardInitData(data);
 
-    // Expose to window for other modules
-    if (!window.cliToolsStatus) {
-      window.cliToolsStatus = {};
+    // 存入缓存
+    if (window.cacheManager) {
+      window.cacheManager.set('dashboard-init', data, 300000); // 5分钟
     }
-    window.cliToolsStatus.codexlens = {
-      installed: data.installed || false,
-      version: data.status?.version || null,
-      installedModels: [],
-      config: data.config || {},
-      semantic: data.semantic || {}
-    };
-
-    // Store config globally for easy access
-    window.codexLensConfig = data.config || {};
-    window.codexLensStatusData = data.statusData || {};
-
-    // Update badges
-    updateCodexLensBadge();
 
     console.log('[CLI Status] CodexLens dashboard init loaded:', {
       installed: data.installed,
@@ -180,6 +192,35 @@ async function loadCodexLensDashboardInit() {
   }
 }
 
+/**
+ * 应用 dashboard-init 数据到状态变量
+ * @param {object} data - dashboard init 响应数据
+ */
+function applyDashboardInitData(data) {
+  // Update status variables from aggregated response
+  codexLensStatus = data.status || { ready: false };
+  semanticStatus = data.semantic || { available: false };
+
+  // Expose to window for other modules
+  if (!window.cliToolsStatus) {
+    window.cliToolsStatus = {};
+  }
+  window.cliToolsStatus.codexlens = {
+    installed: data.installed || false,
+    version: data.status?.version || null,
+    installedModels: [],
+    config: data.config || {},
+    semantic: data.semantic || {}
+  };
+
+  // Store config globally for easy access
+  window.codexLensConfig = data.config || {};
+  window.codexLensStatusData = data.statusData || {};
+
+  // Update badges
+  updateCodexLensBadge();
+}
+
 /**
  * Legacy: Load semantic status individually
  */
@@ -229,8 +270,23 @@ async function loadInstalledModels() {
 
 /**
  * Load CLI tools config from .claude/cli-tools.json (project or global fallback)
+ * 优先从缓存读取，如果缓存有效则直接使用
  */
 async function loadCliToolsConfig() {
+  // 尝试从缓存获取
+  if (window.cacheManager) {
+    const cached = window.cacheManager.get('cli-tools-config');
+    if (cached) {
+      cliToolsConfig = cached.tools?.tools || {};
+      window.claudeCliToolsConfig = cached;
+      if (cached.defaultTool) {
+        defaultCliTool = cached.defaultTool;
+      }
+      console.log('[CLI Tools Config] Loaded from cache');
+      return cached;
+    }
+  }
+
   try {
     const response = await fetch('/api/cli/tools-config');
     if (!response.ok) return null;
@@ -244,6 +300,11 @@ async function loadCliToolsConfig() {
       defaultCliTool = data.defaultTool;
     }
 
+    // 存入缓存
+    if (window.cacheManager) {
+      window.cacheManager.set('cli-tools-config', data, 300000); // 5分钟
+    }
+
     console.log('[CLI Config] Loaded from:', data._configInfo?.source || 'unknown', '| Default:', data.defaultTool);
     return data;
   } catch (err) {

ccw/src/templates/dashboard-js/main.js

@@ -118,22 +118,30 @@ function initPreloadServices() {
     { isHighPriority: true, ttl: 120000 } // 2分钟
   );
 
+  // CLI 状态 - 高优先级
   window.preloadService.register('cli-status',
     () => fetch('/api/cli/status').then(r => r.ok ? r.json() : Promise.reject(r)),
     { isHighPriority: true, ttl: 300000 } // 5分钟
   );
 
+  // CLI 工具配置 - /api/cli/config（cli-manager.js 使用）
+  window.preloadService.register('cli-config',
+    () => fetch('/api/cli/config').then(r => r.ok ? r.json() : Promise.reject(r)),
+    { isHighPriority: true, ttl: 300000 } // 5分钟
+  );
+
+  // CLI 工具列表配置 - /api/cli/tools-config（cli-status.js 使用）
+  window.preloadService.register('cli-tools-config',
+    () => fetch('/api/cli/tools-config').then(r => r.ok ? r.json() : Promise.reject(r)),
+    { isHighPriority: true, ttl: 300000 } // 5分钟
+  );
+
   // 注册中优先级数据源
   window.preloadService.register('codexlens-models',
     () => fetch('/api/codexlens/models').then(r => r.ok ? r.json() : Promise.reject(r)),
     { isHighPriority: false, ttl: 600000 } // 10分钟
   );
 
-  window.preloadService.register('cli-config',
-    () => fetch('/api/cli/config').then(r => r.ok ? r.json() : Promise.reject(r)),
-    { isHighPriority: false, ttl: 300000 } // 5分钟
-  );
-
   // 立即触发高优先级预加载（静默后台执行）
   window.preloadService.runInitialPreload();
 

ccw/src/templates/dashboard-js/views/codexlens-manager.js

@@ -1,6 +1,11 @@
 // CodexLens Manager - Configuration, Model Management, and Semantic Dependencies
 // Extracted from cli-manager.js for better maintainability
 
+// ============================================================
+// EVENT HANDLERS - 用于防止内存泄漏的处理器引用
+// ============================================================
+var _workspaceStatusHandler = null;
+
 // ============================================================
 // CACHE BRIDGE - 使用全局 PreloadService
 // ============================================================
@@ -156,13 +161,17 @@ async function refreshWorkspaceIndexStatus(forceRefresh) {
     if (window.lucide) lucide.createIcons();
   }
 
-  // 2. Listen for data update events
+  // 2. Listen for data update events (防止内存泄漏：先移除旧监听器)
   if (window.eventManager) {
-    var handleUpdate = function(data) {
+    // 移除之前的监听器（如果存在）
+    if (_workspaceStatusHandler) {
+      window.eventManager.off('data:updated:workspace-status', _workspaceStatusHandler);
+    }
+    // 创建新的监听器并保存引用
+    _workspaceStatusHandler = function(data) {
       render(data);
     };
-    // Use one-time listener or remove at appropriate time
-    window.eventManager.on('data:updated:workspace-status', handleUpdate);
+    window.eventManager.on('data:updated:workspace-status', _workspaceStatusHandler);
   }
 
   // 3. Trigger background loading