From 2087f2d35047b6ad89ef36e6c827fb499a30cde3 Mon Sep 17 00:00:00 2001
From: catlog22 <catlog22@github.com>
Date: Mon, 5 Jan 2026 20:19:19 +0800
Subject: [PATCH] feat: add new translations for index management, incremental
 update, and environment variables in i18n module; enhance UI for API model
 info display and streamline index management section

---
 ccw/src/templates/dashboard-js/i18n.js        |  6 +++
 .../dashboard-js/views/codexlens-manager.js   | 49 ++++++++++++-------
 2 files changed, 36 insertions(+), 19 deletions(-)

diff --git a/ccw/src/templates/dashboard-js/i18n.js b/ccw/src/templates/dashboard-js/i18n.js
index 54a7ae44..0fec1b46 100644
--- a/ccw/src/templates/dashboard-js/i18n.js
+++ b/ccw/src/templates/dashboard-js/i18n.js
@@ -280,6 +280,9 @@ const i18n = {
     'codexlens.cleanAllIndexes': 'Clean All Indexes',
     'codexlens.installCodexLens': 'Install CodexLens',
     'codexlens.createIndex': 'Create Index',
+    'codexlens.indexManagement': 'Management',
+    'codexlens.incrementalUpdate': 'Incremental Update',
+    'codexlens.environmentVariables': 'Environment Variables',
     'codexlens.embeddingBackend': 'Embedding Backend',
     'codexlens.localFastembed': 'Local (FastEmbed)',
     'codexlens.apiLitellm': 'API (LiteLLM)',
@@ -2242,6 +2245,9 @@ const i18n = {
     'codexlens.cleanAllIndexes': '清理所有索引',
     'codexlens.installCodexLens': '安装 CodexLens',
     'codexlens.createIndex': '创建索引',
+    'codexlens.indexManagement': '管理',
+    'codexlens.incrementalUpdate': '增量更新',
+    'codexlens.environmentVariables': '环境变量',
     'codexlens.embeddingBackend': '嵌入后端',
     'codexlens.localFastembed': '本地 (FastEmbed)',
     'codexlens.apiLitellm': 'API (LiteLLM)',
diff --git a/ccw/src/templates/dashboard-js/views/codexlens-manager.js b/ccw/src/templates/dashboard-js/views/codexlens-manager.js
index 1e97f39b..c2626d8f 100644
--- a/ccw/src/templates/dashboard-js/views/codexlens-manager.js
+++ b/ccw/src/templates/dashboard-js/views/codexlens-manager.js
@@ -1790,12 +1790,20 @@ async function loadRerankerModelList() {
           '</div>';
       });
     } else {
-      // LiteLLM backend - show API info
+      // API/LiteLLM backend - show current model info
       html +=
-        '<div class="p-3 bg-muted/30 rounded text-center">' +
-          '<i data-lucide="cloud" class="w-6 h-6 text-primary mx-auto mb-2"></i>' +
-          '<div class="text-sm">Using API reranker</div>' +
-          '<div class="text-xs text-muted-foreground mt-1">Model configured via CODEXLENS_RERANKER_MODEL</div>' +
+        '<div class="p-3 bg-muted/30 rounded">' +
+          '<div class="flex items-center justify-center gap-2 mb-2">' +
+            '<i data-lucide="cloud" class="w-5 h-5 text-primary"></i>' +
+            '<span class="text-sm font-medium">Using API Reranker</span>' +
+          '</div>' +
+          '<div class="text-center">' +
+            '<div class="text-xs text-muted-foreground mb-1">Current Model:</div>' +
+            '<div class="text-sm font-mono bg-background px-2 py-1 rounded border border-border inline-block">' +
+              escapeHtml(currentModel) +
+            '</div>' +
+          '</div>' +
+          '<div class="text-xs text-muted-foreground mt-2 text-center">Configure via Environment Variables below</div>' +
         '</div>';
     }
 
@@ -1890,9 +1898,13 @@ function switchCodexLensModelTab(tabName) {
     if (tabName === 'embedding') {
       embeddingContent.style.display = 'block';
       rerankerContent.style.display = 'none';
+      // Reload embedding models when switching to embedding tab
+      loadModelList();
     } else {
       embeddingContent.style.display = 'none';
       rerankerContent.style.display = 'block';
+      // Load reranker models when switching to reranker tab
+      loadRerankerModelList();
     }
   }
 }
@@ -2936,9 +2948,9 @@ function buildCodexLensManagerPage(config) {
         '<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">' +
           // Left Column
           '<div class="space-y-6">' +
-            // Create Index Section - Simplified (model config in Environment Variables)
+            // Index Management Section - Combined Create Index + Maintenance
             '<div class="bg-card border border-border rounded-lg p-5">' +
-              '<h4 class="text-lg font-semibold mb-4 flex items-center gap-2"><i data-lucide="layers" class="w-5 h-5 text-primary"></i> ' + t('codexlens.createIndex') + '</h4>' +
+              '<h4 class="text-lg font-semibold mb-4 flex items-center gap-2"><i data-lucide="layers" class="w-5 h-5 text-primary"></i> ' + t('codexlens.indexManagement') + '</h4>' +
               '<div class="space-y-4">' +
                 // Index Actions - Primary buttons
                 '<div class="grid grid-cols-2 gap-3">' +
@@ -2954,9 +2966,17 @@ function buildCodexLensManagerPage(config) {
                 // Incremental Update button
                 '<button class="btn btn-outline w-full flex items-center justify-center gap-2 py-2.5" onclick="runIncrementalUpdate()" title="Update index with changed files only">' +
                   '<i data-lucide="refresh-cw" class="w-4 h-4"></i>' +
-                  '<span>Incremental Update</span>' +
+                  '<span>' + t('codexlens.incrementalUpdate') + '</span>' +
                 '</button>' +
-                '<p class="text-xs text-muted-foreground">' + t('codexlens.indexTypeHint') + ' Configure embedding model in Environment Variables below.</p>' +
+                '<p class="text-xs text-muted-foreground">' + t('codexlens.indexTypeHint') + '</p>' +
+                // Maintenance Actions
+                '<div class="pt-3 border-t border-border">' +
+                  '<div class="flex flex-wrap gap-2">' +
+                    '<button class="btn-sm btn-outline" onclick="cleanCurrentWorkspaceIndex()"><i data-lucide="folder-x" class="w-3.5 h-3.5"></i> ' + t('codexlens.cleanCurrentWorkspace') + '</button>' +
+                    '<button class="btn-sm btn-outline" onclick="cleanCodexLensIndexes()"><i data-lucide="trash" class="w-3.5 h-3.5"></i> ' + t('codexlens.cleanAllIndexes') + '</button>' +
+                    '<button class="btn-sm btn-destructive" onclick="uninstallCodexLensFromManager()"><i data-lucide="trash-2" class="w-3.5 h-3.5"></i> ' + t('cli.uninstall') + '</button>' +
+                  '</div>' +
+                '</div>' +
               '</div>' +
             '</div>' +
             // Storage Path Section
@@ -2980,22 +3000,13 @@ function buildCodexLensManagerPage(config) {
             // Environment Variables Section
             '<div class="bg-card border border-border rounded-lg p-5">' +
               '<div class="flex items-center justify-between mb-4">' +
-                '<h4 class="text-lg font-semibold flex items-center gap-2"><i data-lucide="file-code" class="w-5 h-5 text-primary"></i> Environment Variables</h4>' +
+                '<h4 class="text-lg font-semibold flex items-center gap-2"><i data-lucide="file-code" class="w-5 h-5 text-primary"></i> ' + t('codexlens.environmentVariables') + '</h4>' +
                 '<button class="btn-sm btn-outline" onclick="loadEnvVariables()"><i data-lucide="refresh-cw" class="w-3.5 h-3.5"></i> Load</button>' +
               '</div>' +
               '<div id="envVarsContainer" class="space-y-2">' +
                 '<div class="text-sm text-muted-foreground">Click Load to view/edit ~/.codexlens/.env</div>' +
               '</div>' +
             '</div>' +
-            // Maintenance Section
-            '<div class="bg-card border border-border rounded-lg p-5">' +
-              '<h4 class="text-lg font-semibold mb-4 flex items-center gap-2"><i data-lucide="settings" class="w-5 h-5 text-primary"></i> ' + t('codexlens.maintenance') + '</h4>' +
-              '<div class="flex flex-wrap gap-2">' +
-                '<button class="btn-sm btn-outline" onclick="cleanCurrentWorkspaceIndex()"><i data-lucide="folder-x" class="w-3.5 h-3.5"></i> ' + t('codexlens.cleanCurrentWorkspace') + '</button>' +
-                '<button class="btn-sm btn-outline" onclick="cleanCodexLensIndexes()"><i data-lucide="trash" class="w-3.5 h-3.5"></i> ' + t('codexlens.cleanAllIndexes') + '</button>' +
-                '<button class="btn-sm btn-destructive" onclick="uninstallCodexLensFromManager()"><i data-lucide="trash-2" class="w-3.5 h-3.5"></i> ' + t('cli.uninstall') + '</button>' +
-              '</div>' +
-            '</div>' +
           '</div>' +
           // Right Column
           '<div class="space-y-6">' +