feat: enhance theme customization and UI components

- Implemented a new color generation module to create CSS variables based on a single hue value, supporting both light and dark modes.
- Added unit tests for the color generation logic to ensure accuracy and robustness.
- Replaced dropdown location filter with tab navigation in RulesManagerPage and SkillsManagerPage for improved UX.
- Updated app store to manage custom theme hues and states, allowing for dynamic theme adjustments.
- Sanitized notification content before persisting to localStorage to prevent sensitive data exposure.
- Refactored memory retrieval logic to handle archived status more flexibly.
- Improved Tailwind CSS configuration with new gradient utilities and animations.
- Minor adjustments to SettingsPage layout for better visual consistency.

ccw/frontend/src/locales/en/api-settings.json

@@ -23,7 +23,9 @@
       "multiKeySettings": "Multi-Key Settings",
       "syncToCodexLens": "Sync to CodexLens",
       "manageModels": "Manage Models",
-      "addModel": "Add Model"
+      "addModel": "Add Model",
+      "showDisabled": "Show Disabled",
+      "hideDisabled": "Hide Disabled"
     },
     "deleteConfirm": "Are you sure you want to delete the provider \"{name}\"?",
     "emptyState": {
@@ -129,8 +131,6 @@
     "basicInfo": "Basic Information",
     "endpointSettings": "Endpoint Settings",
     "apiBaseUpdated": "Base URL updated",
-    "showDisabled": "Show Disabled",
-    "hideDisabled": "Hide Disabled",
     "showAll": "Show All",
     "saveError": "Failed to save provider",
     "deleteError": "Failed to delete provider",

ccw/frontend/src/locales/en/cli-viewer.json

@@ -47,5 +47,10 @@
     "splitHorizontal": "Split Horizontal",
     "splitVertical": "Split Vertical",
     "closePane": "Close Pane"
-  }
+  },
+  "noActiveTab": "No active tab",
+  "selectOrCreate": "Select a tab or start a new CLI execution",
+  "executionNotFound": "Execution not found",
+  "waitingForOutput": "Waiting for output...",
+  "noOutput": "No output"
 }

ccw/frontend/src/locales/en/theme.json

@@ -1,13 +1,15 @@
 {
   "title": {
     "colorScheme": "Color Scheme",
-    "themeMode": "Theme Mode"
+    "themeMode": "Theme Mode",
+    "customHue": "Custom Hue"
   },
   "colorScheme": {
     "blue": "Classic Blue",
     "green": "Deep Green",
     "orange": "Vibrant Orange",
-    "purple": "Elegant Purple"
+    "purple": "Elegant Purple",
+    "custom": "Custom"
   },
   "themeMode": {
     "light": "Light",
@@ -17,5 +19,9 @@
     "colorScheme": "Select {name} theme",
     "themeMode": "Select {name} mode"
   },
-  "current": "Current theme: {name}"
+  "current": "Current theme: {name}",
+  "hueValue": "Hue: {value}°",
+  "preview": "Preview",
+  "save": "Save Custom Theme",
+  "reset": "Reset to Preset"
 }

ccw/frontend/src/locales/zh/api-settings.json

@@ -23,7 +23,9 @@
       "multiKeySettings": "多密钥设置",
       "syncToCodexLens": "同步到 CodexLens",
       "manageModels": "管理模型",
-      "addModel": "添加模型"
+      "addModel": "添加模型",
+      "showDisabled": "显示已禁用",
+      "hideDisabled": "隐藏已禁用"
     },
     "deleteConfirm": "确定要删除提供商 \"{name}\" 吗？",
     "emptyState": {
@@ -129,8 +131,6 @@
     "basicInfo": "基本信息",
     "endpointSettings": "端点设置",
     "apiBaseUpdated": "基础 URL 已更新",
-    "showDisabled": "显示已禁用",
-    "hideDisabled": "隐藏已禁用",
     "showAll": "显示全部",
     "saveError": "保存提供商失败",
     "deleteError": "删除提供商失败",

ccw/frontend/src/locales/zh/cli-viewer.json

@@ -47,5 +47,10 @@
     "splitHorizontal": "水平分割",
     "splitVertical": "垂直分割",
     "closePane": "关闭窗格"
-  }
+  },
+  "noActiveTab": "暂无活动标签页",
+  "selectOrCreate": "选择一个标签页或启动新的 CLI 执行",
+  "executionNotFound": "未找到执行",
+  "waitingForOutput": "等待输出...",
+  "noOutput": "暂无输出"
 }

ccw/frontend/src/locales/zh/theme.json

@@ -1,13 +1,15 @@
 {
   "title": {
     "colorScheme": "颜色主题",
-    "themeMode": "明暗模式"
+    "themeMode": "明暗模式",
+    "customHue": "自定义色调"
   },
   "colorScheme": {
     "blue": "经典蓝",
     "green": "深邃绿",
     "orange": "活力橙",
-    "purple": "优雅紫"
+    "purple": "优雅紫",
+    "custom": "自定义"
   },
   "themeMode": {
     "light": "浅色",
@@ -17,5 +19,9 @@
     "colorScheme": "选择{name}主题",
     "themeMode": "选择{name}模式"
   },
-  "current": "当前主题: {name}"
+  "current": "当前主题: {name}",
+  "hueValue": "色调: {value}°",
+  "preview": "预览",
+  "save": "保存自定义主题",
+  "reset": "重置为预设"
 }