feat: 添加规划笔记功能以支持任务生成和约束管理

ccw/src/core/routes/cli-routes.ts

@@ -302,7 +302,7 @@ export async function handleCliRoutes(ctx: RouteContext): Promise<boolean> {
     if (req.method === 'PUT') {
       handlePostRequest(req, res, async (body: unknown) => {
         try {
-          const updates = body as { enabled?: boolean; primaryModel?: string; secondaryModel?: string; tags?: string[]; envFile?: string | null };
+          const updates = body as { enabled?: boolean; primaryModel?: string; secondaryModel?: string; availableModels?: string[]; tags?: string[]; envFile?: string | null };
           const updated = updateToolConfig(initialPath, tool, updates);
 
           // Broadcast config updated event

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

@@ -482,6 +482,18 @@ function buildToolConfigModalContent(tool, config, models, status) {
       '</div>' +
     '</div>' +
 
+    // Available Models Section - Unified input with inline models
+    '<div class="tool-config-section">' +
+      '<h4>Available Models <span class="text-muted">(shown in dropdowns below)</span></h4>' +
+      '<div class="tags-unified-input" id="modelsUnifiedInput">' +
+        (config.availableModels || models).map(function(model) {
+          return '<span class="tag-item tag-model">' + escapeHtml(model) + '<button type="button" class="tag-remove" data-model="' + escapeHtml(model) + '">&times;</button></span>';
+        }).join('') +
+        '<input type="text" id="modelInput" class="tag-inline-input" placeholder="Enter model name and press Enter" />' +
+      '</div>' +
+      '<p class="text-muted text-xs mt-1"><i data-lucide="info" class="w-3 h-3"></i> Click × to remove, type to add new models</p>' +
+    '</div>' +
+
     // Primary Model Section
     '<div class="tool-config-section">' +
       '<h4>Primary Model <span class="text-muted">(CLI endpoint calls)</span></h4>' +
@@ -855,6 +867,8 @@ function closeFileBrowserModal(selectedPath) {
 function initToolConfigModalEvents(tool, currentConfig, models) {
   // Local tags state (copy from config)
   var currentTags = (currentConfig.tags || []).slice();
+  // Local available models state (copy from config or use defaults)
+  var currentModels = (currentConfig.availableModels || models).slice();
 
   // Helper to render tags inline with input
   function renderTags() {
@@ -896,6 +910,58 @@ function initToolConfigModalEvents(tool, currentConfig, models) {
     });
   }
 
+  // Helper to render available models inline with input
+  function renderModels() {
+    var container = document.getElementById('modelsUnifiedInput');
+    var input = document.getElementById('modelInput');
+    if (!container) return;
+
+    // Remove existing model items but keep the input
+    container.querySelectorAll('.tag-item').forEach(function(el) { el.remove(); });
+
+    // Insert models before the input
+    currentModels.forEach(function(model) {
+      var modelEl = document.createElement('span');
+      modelEl.className = 'tag-item tag-model';
+      modelEl.innerHTML = escapeHtml(model) + '<button type="button" class="tag-remove" data-model="' + escapeHtml(model) + '">&times;</button>';
+      container.insertBefore(modelEl, input);
+    });
+
+    // Re-attach remove handlers
+    container.querySelectorAll('.tag-remove').forEach(function(btn) {
+      btn.onclick = function(e) {
+        e.stopPropagation();
+        var modelToRemove = this.getAttribute('data-model');
+        currentModels = currentModels.filter(function(m) { return m !== modelToRemove; });
+        renderModels();
+        updateModelSelects();
+      };
+    });
+  }
+
+  // Helper to update model select dropdowns with current model list
+  function updateModelSelects() {
+    var primarySelect = document.getElementById('primaryModelSelect');
+    var secondarySelect = document.getElementById('secondaryModelSelect');
+    if (!primarySelect || !secondarySelect) return;
+
+    var primaryValue = primarySelect.value;
+    var secondaryValue = secondarySelect.value;
+
+    // Rebuild options
+    var buildOptions = function(selectedValue) {
+      var html = '';
+      currentModels.forEach(function(m) {
+        html += '<option value="' + escapeHtml(m) + '"' + (m === selectedValue ? ' selected' : '') + '>' + escapeHtml(m) + '</option>';
+      });
+      html += '<option value="__custom__"' + (selectedValue === '__custom__' ? ' selected' : '') + '>Custom...</option>';
+      return html;
+    };
+
+    primarySelect.innerHTML = buildOptions(primaryValue);
+    secondarySelect.innerHTML = buildOptions(secondaryValue);
+  }
+
   // Click on unified input container focuses the input
   var unifiedInput = document.getElementById('tagsUnifiedInput');
   if (unifiedInput) {
@@ -906,6 +972,16 @@ function initToolConfigModalEvents(tool, currentConfig, models) {
     };
   }
 
+  // Click on models unified input container focuses the input
+  var modelsUnifiedInput = document.getElementById('modelsUnifiedInput');
+  if (modelsUnifiedInput) {
+    modelsUnifiedInput.onclick = function(e) {
+      if (e.target === this) {
+        document.getElementById('modelInput').focus();
+      }
+    };
+  }
+
   // Tag input handler
   var tagInput = document.getElementById('tagInput');
   if (tagInput) {
@@ -933,8 +1009,27 @@ function initToolConfigModalEvents(tool, currentConfig, models) {
     };
   });
 
+  // Model input handler
+  var modelInput = document.getElementById('modelInput');
+  if (modelInput) {
+    modelInput.onkeydown = function(e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        var newModel = this.value.trim();
+        if (newModel && currentModels.indexOf(newModel) === -1) {
+          currentModels.push(newModel);
+          renderModels();
+          updateModelSelects();
+        }
+        this.value = '';
+      }
+    };
+  }
+
   // Initialize tags display
   renderTags();
+  // Initialize models display
+  renderModels();
   // Initialize lucide icons for predefined buttons
   if (window.lucide) lucide.createIcons();
 
@@ -1020,6 +1115,11 @@ function initToolConfigModalEvents(tool, currentConfig, models) {
         return;
       }
 
+      if (currentModels.length === 0) {
+        showRefreshToast('At least one available model is required', 'error');
+        return;
+      }
+
       // Get envFile value (only for gemini/qwen)
       var envFileInput = document.getElementById('envFileInput');
       var envFile = envFileInput ? envFileInput.value.trim() : '';
@@ -1028,6 +1128,7 @@ function initToolConfigModalEvents(tool, currentConfig, models) {
         var updateData = {
           primaryModel: primaryModel,
           secondaryModel: secondaryModel,
+          availableModels: currentModels,
           tags: currentTags
         };
 

ccw/src/tools/claude-cli-tools.ts

@@ -33,6 +33,11 @@ export interface ClaudeCliTool {
   enabled: boolean;
   primaryModel?: string;
   secondaryModel?: string;
+  /**
+   * Available models for this tool (shown in UI dropdown)
+   * If not provided, defaults will be used based on tool type
+   */
+  availableModels?: string[];
   tags: string[];
   /**
    * Tool type determines routing:
@@ -122,12 +127,13 @@ export interface ClaudeCliCombinedConfig extends ClaudeCliToolsConfig {
 // ========== Default Config ==========
 
 const DEFAULT_TOOLS_CONFIG: ClaudeCliToolsConfig = {
-  version: '3.3.0',
+  version: '3.4.0',
   tools: {
     gemini: {
       enabled: true,
       primaryModel: 'gemini-2.5-pro',
       secondaryModel: 'gemini-2.5-flash',
+      availableModels: ['gemini-2.5-pro', 'gemini-2.5-flash', 'gemini-2.0-flash', 'gemini-2.0-flash-thinking', 'gemini-1.5-pro'],
       tags: [],
       type: 'builtin'
     },
@@ -135,6 +141,7 @@ const DEFAULT_TOOLS_CONFIG: ClaudeCliToolsConfig = {
       enabled: true,
       primaryModel: 'coder-model',
       secondaryModel: 'coder-model',
+      availableModels: ['coder-model', 'vision-model', 'qwen-2.5-coder', 'qwen-2.5-72b'],
       tags: [],
       type: 'builtin'
     },
@@ -142,6 +149,7 @@ const DEFAULT_TOOLS_CONFIG: ClaudeCliToolsConfig = {
       enabled: true,
       primaryModel: 'gpt-5.2',
       secondaryModel: 'gpt-5.2',
+      availableModels: ['gpt-5.2', 'gpt-5', 'gpt5-codex', 'o3', 'o1'],
       tags: [],
       type: 'builtin'
     },
@@ -149,6 +157,7 @@ const DEFAULT_TOOLS_CONFIG: ClaudeCliToolsConfig = {
       enabled: true,
       primaryModel: 'sonnet',
       secondaryModel: 'haiku',
+      availableModels: ['opus', 'sonnet', 'haiku'],
       tags: [],
       type: 'builtin'
     },
@@ -156,6 +165,7 @@ const DEFAULT_TOOLS_CONFIG: ClaudeCliToolsConfig = {
       enabled: true,
       primaryModel: 'opencode/glm-4.7-free',
       secondaryModel: 'opencode/glm-4.7-free',
+      availableModels: ['opencode/glm-4.7-free', 'opencode/deepseek-v3-free'],
       tags: [],
       type: 'builtin'
     }
@@ -1098,6 +1108,7 @@ export function updateToolConfig(
     enabled: boolean;
     primaryModel: string;
     secondaryModel: string;
+    availableModels: string[];
     tags: string[];
     envFile: string | null;
   }>
@@ -1114,6 +1125,9 @@ export function updateToolConfig(
     if (updates.secondaryModel !== undefined) {
       config.tools[tool].secondaryModel = updates.secondaryModel;
     }
+    if (updates.availableModels !== undefined) {
+      config.tools[tool].availableModels = updates.availableModels;
+    }
     if (updates.tags !== undefined) {
       config.tools[tool].tags = updates.tags;
     }