fix(task-orchestration): make plan preview a chat command

Author: awsl233777

tests/unit/config-tabs-ui.test.mjs

@@ -94,7 +94,8 @@ test('config template keeps expected config tabs in top and side navigation', ()
     assert.match(orchestrationPanel, /t\('orchestration\.hero\.kicker'\)/);
     assert.match(orchestrationPanel, /t\('orchestration\.hero\.title'\)/);
     assert.doesNotMatch(orchestrationPanel, /@click="previewTaskPlan\(\)"/);
-    assert.match(orchestrationPanel, /@click="planAndRunTaskOrchestration\(\)"/);
+    assert.doesNotMatch(orchestrationPanel, /@click="planAndRunTaskOrchestration\(\)"/);
+    assert.doesNotMatch(orchestrationPanel, /orchestration\.actions\.generatePlan/);
     assert.match(orchestrationPanel, /@click="queueTaskOrchestrationAndStart\(\)"/);
     assert.match(orchestrationPanel, /@click="startTaskQueueRunner\(\)"/);
     assert.match(orchestrationPanel, /@click="retryTaskRunFromUi\(taskOrchestration.selectedRunId\)"/);
@@ -107,13 +108,14 @@ test('config template keeps expected config tabs in top and side navigation', ()
     assert.match(orchestrationPanel, /class="[^\"]*task-thread-message-card[^\"]*task-thread-workbench-card[^\"]*"/);
     assert.match(orchestrationPanel, /class="task-thread-card-label">AI · \{\{ t\('orchestration\.plan\.title'\) \}\}/);
     assert.match(orchestrationPanel, /class="task-chat-bubble-row is-user task-thread-plan-request"/);
-    assert.match(orchestrationPanel, /You · latest request/);
+    assert.match(orchestrationPanel, /You · \/plan/);
+    assert.match(orchestrationPanel, /\/plan \{\{ taskOrchestration\.target \}\}/);
     assert.match(orchestrationPanel, /v-for="message in taskOrchestrationConversationMessages"/);
     assert.match(orchestrationPanel, /message\.role === 'user' \? 'is-user' : 'is-assistant'/);
     assert.match(orchestrationPanel, /class="[^"]*task-chat-composer[^"]*"/);
     assert.match(orchestrationPanel, /v-model="taskOrchestration\.chatDraft"/);
-    assert.match(orchestrationPanel, /@keydown\.enter\.exact\.prevent="appendTaskChatMessage\(\)"/);
-    assert.match(orchestrationPanel, /@click="appendTaskChatMessage\(\)"/);
+    assert.match(orchestrationPanel, /@keydown\.enter\.exact\.prevent="submitTaskOrchestrationChatMessage\(\)"/);
+    assert.match(orchestrationPanel, /@click="submitTaskOrchestrationChatMessage\(\)"/);
     assert.match(orchestrationPanel, /t\('orchestration\.chat\.input\.label'\)/);
     assert.match(orchestrationPanel, /t\('orchestration\.chat\.input\.placeholder'\)/);
     assert.match(orchestrationPanel, /t\('orchestration\.chat\.context\.workspace\.auto'\)/);
@@ -140,7 +142,7 @@ test('config template keeps expected config tabs in top and side navigation', ()
     assert.match(orchestrationPanel, /t\('orchestration\.stage\.title'\)/);
     assert.doesNotMatch(orchestrationPanel, /class="btn-tool task-action-preview" @click="previewTaskPlan\(\)"/);
     assert.doesNotMatch(orchestrationPanel, /orchestration\.actions\.previewOnly/);
-    assert.match(orchestrationPanel, /class="task-action-row-right task-action-row-right-prominent"/);
+    assert.doesNotMatch(orchestrationPanel, /class="task-action-row-right task-action-row-right-prominent"/);
     assert.match(orchestrationPanel, /class="task-action-caption"/);
     assert.match(orchestrationPanel, /class="task-empty-state"/);
     assert.match(orchestrationPanel, /taskOrchestration.selectedRunError/);

tests/unit/web-ui-behavior-parity.test.mjs

@@ -635,6 +635,7 @@ test('captured bundled app skeleton only exposes expected data key drift versus
         'syncTaskOrchestrationPolling',
         'resetTaskOrchestrationDraft',
         'appendTaskChatMessage',
+        'submitTaskOrchestrationChatMessage',
         'appendTaskWorkflowId',
         'openClaudeMdEditor',
         'switchPromptsSubTab',

tests/unit/web-ui-logic.test.mjs

@@ -1298,6 +1298,49 @@ test('appendTaskChatMessage records sequential requests and invalidates stale pl
     assert.deepStrictEqual(req.followUps, ['Then finish requirement 2 with the prior context']);
 });
 
+test('submitTaskOrchestrationChatMessage treats /plan as chat preview command', async () => {
+    const methods = createTaskOrchestrationMethods({ api: async () => ({}) });
+    const previewCalls = [];
+    const context = {
+        ensureTaskOrchestrationState: methods.ensureTaskOrchestrationState,
+        appendTaskChatMessage: methods.appendTaskChatMessage,
+        previewTaskPlan(options) {
+            previewCalls.push(options);
+            return Promise.resolve({ ok: true });
+        },
+        showMessage(message, tone) {
+            throw new Error(`unexpected message: ${tone}:${message}`);
+        },
+        taskOrchestration: {
+            chatDraft: '/plan Finish requirement 1',
+            target: '',
+            followUpsText: '',
+            selectedEngine: 'openai-chat',
+            runMode: 'write',
+            plan: null,
+            planFingerprint: '',
+            planIssues: [],
+            planWarnings: [],
+            lastError: ''
+        }
+    };
+
+    const result = await methods.submitTaskOrchestrationChatMessage.call(context);
+
+    assert.deepStrictEqual(result, { ok: true });
+    assert.strictEqual(context.taskOrchestration.target, 'Finish requirement 1');
+    assert.strictEqual(context.taskOrchestration.followUpsText, '');
+    assert.strictEqual(context.taskOrchestration.chatDraft, '');
+    assert.deepStrictEqual(previewCalls, [{ silent: false }]);
+
+    context.taskOrchestration.chatDraft = '/plan';
+    const secondResult = await methods.submitTaskOrchestrationChatMessage.call(context);
+    assert.deepStrictEqual(secondResult, { ok: true });
+    assert.strictEqual(context.taskOrchestration.target, 'Finish requirement 1');
+    assert.strictEqual(context.taskOrchestration.followUpsText, '');
+    assert.deepStrictEqual(previewCalls, [{ silent: false }, { silent: false }]);
+});
+
 test('taskOrchestrationConversationMessages renders assistant-left and user-right sequence model', () => {
     const computed = createMainTabsComputed();
     const translations = {

web-ui/modules/app.computed.main-tabs.mjs

@@ -100,17 +100,7 @@ function createTaskConversationMessages(taskOrchestration, t = null) {
             meta: translateTaskText(t, 'orchestration.chat.meta.afterPrevious', '等待前一条完成后继续')
         });
     });
-    if (state.plan && typeof state.plan === 'object') {
-        const nodeCount = Array.isArray(state.plan.nodes) ? state.plan.nodes.length : 0;
-        const waveCount = Array.isArray(state.plan.waves) ? state.plan.waves.length : 0;
-        messages.push({
-            id: 'assistant-plan',
-            role: 'assistant',
-            label: translateTaskText(t, 'orchestration.chat.assistant.planLabel', '计划预览'),
-            text: translateTaskText(t, 'orchestration.chat.assistant.planSummary', '计划已生成：{nodes} 个节点，{waves} 个批次。', { nodes: nodeCount, waves: waveCount }),
-            meta: translateTaskText(t, 'orchestration.chat.meta.contextKept', '上下文会随线程保留')
-        });
-    } else if (target) {
+    if (!state.plan && target) {
         messages.push({
             id: 'assistant-next',
             role: 'assistant',
@@ -172,7 +162,7 @@ function createTaskDraftChecklist(metrics, t = null) {
             label: translateTaskText(t, 'orchestration.readiness.preview.label', '预览'),
             done: previewReady,
             detail: !metrics.hasPlan
-                ? translateTaskText(t, 'orchestration.readiness.preview.missing', '还没生成计划')
+                ? translateTaskText(t, 'orchestration.readiness.preview.missing', '还没发送 /plan')
                 : (metrics.planIssues.length > 0 ? translateTaskText(t, 'orchestration.readiness.preview.blocked', `有 ${metrics.planIssues.length} 个阻塞项`, { count: metrics.planIssues.length }) : translateTaskText(t, 'orchestration.readiness.preview.ready', `计划可用，${metrics.planNodeCount} 个节点`, { count: metrics.planNodeCount }))
         }
     ];
@@ -199,7 +189,7 @@ function createTaskDraftReadiness(metrics, t = null) {
             title: translateTaskText(t, 'orchestration.readiness.preview.title', '建议先预览'),
             summary: metrics.hasSequentialFollowUps
                 ? translateTaskText(t, 'orchestration.readiness.preview.sequenceSummary', '草稿已成形，已锁定 {count} 条顺序需求：先完成需求 1，再继续需求 2。', { count: metrics.requestCount })
-                : translateTaskText(t, 'orchestration.readiness.preview.summary', '草稿已成形，先生成一次计划，确认节点和依赖再执行。')
+                : translateTaskText(t, 'orchestration.readiness.preview.summary', '草稿已成形，发送 /plan 预览方案，确认节点和依赖再执行。')
         };
     }
     if (metrics.planIssues.length > 0) {
@@ -213,7 +203,7 @@ function createTaskDraftReadiness(metrics, t = null) {
         return {
             tone: 'warn',
             title: translateTaskText(t, 'orchestration.readiness.warn.title', '可以执行，但有提醒'),
-            summary: translateTaskText(t, 'orchestration.readiness.warn.summary', `计划已生成，但还有 ${metrics.planWarnings.length} 条提醒值得先看一眼。`, { count: metrics.planWarnings.length })
+            summary: translateTaskText(t, 'orchestration.readiness.warn.summary', `/plan 方案已生成，但还有 ${metrics.planWarnings.length} 条提醒值得先看一眼。`, { count: metrics.planWarnings.length })
         };
     }
     if (metrics.dryRun) {

web-ui/modules/app.methods.task-orchestration.mjs

@@ -361,6 +361,31 @@ export function createTaskOrchestrationMethods(options = {}) {
             return true;
         },
 
+        async submitTaskOrchestrationChatMessage() {
+            const state = this.ensureTaskOrchestrationState();
+            const rawMessage = String(state.chatDraft || '').trim();
+            if (!rawMessage) {
+                return false;
+            }
+            const planCommand = rawMessage.match(/^\/plan(?:\s+([\s\S]*))?$/i);
+            if (!planCommand) {
+                return this.appendTaskChatMessage();
+            }
+            const planTarget = String(planCommand[1] || '').trim();
+            if (planTarget) {
+                state.chatDraft = planTarget;
+                if (!this.appendTaskChatMessage()) {
+                    return false;
+                }
+            } else if (!String(state.target || '').trim()) {
+                this.showMessage('先输入任务需求，再发送 /plan', 'error');
+                return false;
+            } else {
+                state.chatDraft = '';
+            }
+            return this.previewTaskPlan({ silent: false });
+        },
+
         async previewTaskPlan(options = {}) {
             const state = this.ensureTaskOrchestrationState();
             if (state.planning) {

web-ui/modules/i18n/locales/en.mjs

@@ -202,7 +202,7 @@ const en = Object.freeze({
     'title.config': 'Local Configuration Console',
     'title.sessions': 'Sessions & Export',
     'title.usage': 'Local Usage & Trends',
-    'title.orchestration': 'Task Orchestration',
+    'title.orchestration': 'Task Thread',
     'title.market': 'Skills Install & Sync',
     'title.plugins': 'Plugins & Templates',
     'title.docs': 'CLI Install & Docs',
@@ -213,7 +213,7 @@ const en = Object.freeze({
     'subtitle.config': 'Manage local configs and models.',
     'subtitle.sessions': 'Browse and export sessions.',
     'subtitle.usage': 'View usage for the last 7/30 days.',
-    'subtitle.orchestration': 'Plan, queue, run, and review local tasks.',
+    'subtitle.orchestration': 'Chat with Codexmate, then send /plan when the task is ready.',
     'subtitle.market': 'Manage local skills.',
     'subtitle.plugins': 'Manage reusable prompt templates and plugins.',
     'subtitle.docs': 'CLI install commands and troubleshooting.',
@@ -958,19 +958,19 @@ const en = Object.freeze({
     'usage.range.7d.short': 'Last 7 days',
     'usage.range.30d.short': 'Last 30 days',
     'orchestration.queueStats': 'Queue: {running} running · {queued} queued',
-    'orchestration.hero.kicker': 'Task orchestration',
-    'orchestration.hero.title': 'Turn goals into executable steps',
-    'orchestration.hero.subtitle': 'Send a task message, preview a plan, then run.',
+    'orchestration.hero.kicker': 'Task thread',
+    'orchestration.hero.title': 'Chat the task into shape',
+    'orchestration.hero.subtitle': 'Send task messages, then use /plan in the thread when you want Codexmate to draft the execution plan.',
     'orchestration.quick.kicker': 'Quick task',
     'orchestration.quick.title': 'Tell Codexmate what to finish',
-    'orchestration.quick.subtitle': 'Start with the outcome. Codexmate will preview a plan, run it, and keep advanced options out of the way until needed.',
-    'orchestration.quick.caption': 'The primary action previews the plan before running. Use queue mode for batches or long-running work.',
+    'orchestration.quick.subtitle': 'Start with the outcome. Keep it conversational; send /plan when the draft should become an execution plan.',
+    'orchestration.quick.caption': 'Need a plan preview? Send /plan as a chat request. Queue mode stays in Advanced for batches or long-running work.',
     'orchestration.quick.templates.reviewFix.meta': 'Fix review feedback and validate regressions.',
     'orchestration.quick.templates.planOnly.meta': 'Investigate first without writing files.',
     'orchestration.quick.templates.workflowBatch.meta': 'Reuse local workflows for repeatable checks.',
     'orchestration.chat.input.label': 'Task message',
-    'orchestration.chat.input.placeholder': 'Tell Codexmate what to finish, e.g. fix current PR review comments, add regression tests, and attach verification screenshots',
-    'orchestration.chat.input.hint': 'Write it like a chat message; workspace, thread, and run mode are inferred by default and stay in Advanced when needed.',
+    'orchestration.chat.input.placeholder': 'Tell Codexmate what to finish. Send /plan to turn the current request into an execution plan.',
+    'orchestration.chat.input.hint': 'Write it like a chat message. Use /plan for planning; workspace, thread, and run mode stay in Advanced when needed.',
     'orchestration.chat.context.aria': 'Task context',
     'orchestration.chat.context.workspace.auto': 'Workspace auto-detected',
     'orchestration.chat.context.workspace.value': 'Workspace {value}',
@@ -989,15 +989,15 @@ const en = Object.freeze({
     'orchestration.chat.assistant.planLabel': 'Plan preview',
     'orchestration.chat.assistant.planSummary': 'Plan ready: {nodes} nodes across {waves} waves.',
     'orchestration.chat.assistant.sequenceReady': 'Multiple requests received. Codexmate will finish request 1 first, then continue with the remaining context.',
-    'orchestration.chat.assistant.singleReady': 'First request received. Add request 2 or preview and run now.',
+    'orchestration.chat.assistant.singleReady': 'First request received. Add request 2 or send /plan when you want the execution plan.',
     'orchestration.chat.user.step': 'Request {count}',
     'orchestration.chat.meta.thread': 'Thread {value}',
     'orchestration.chat.meta.workspace': 'Workspace {value}',
     'orchestration.chat.meta.order': 'Sequential execution · context kept',
     'orchestration.chat.meta.first': 'Finish this first',
     'orchestration.chat.meta.afterPrevious': 'Continue after the previous request completes',
     'orchestration.chat.meta.contextKept': 'Context is kept on the thread',
-    'orchestration.chat.meta.previewNext': 'Next: preview the plan',
+    'orchestration.chat.meta.previewNext': 'Next: send /plan',
     'orchestration.quick.checklist.title': 'Ready check',
     'orchestration.quick.checklist.subtitle': 'Only the blockers that affect execution stay visible.',
     'orchestration.quick.status.title': 'Current draft',
@@ -1098,8 +1098,8 @@ const en = Object.freeze({
     'orchestration.actions.planning': 'Planning...',
     'orchestration.actions.previewOnly': 'Preview only',
     'orchestration.actions.preparing': 'Preparing...',
-    'orchestration.actions.generatePlan': 'Generate plan',
-    'orchestration.actions.planAndRun': 'Plan & run',
+    'orchestration.actions.generatePlan': 'Send /plan',
+    'orchestration.actions.planAndRun': 'Preview /plan and run',
     'orchestration.actions.processing': 'Working...',
     'orchestration.actions.queueAndStart': 'Queue & start',
     'orchestration.actions.caption': '“Plan & run” refreshes the plan when needed; use “Queue & start” for batch runs.',