From 2587018405a2c7b97ed26d144c6ed0a65bce776e Mon Sep 17 00:00:00 2001 From: Roe-xin Date: Wed, 31 Dec 2025 09:57:48 +0800 Subject: [PATCH 1/4] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=B7=A5=E5=85=B7?= =?UTF-8?q?=E4=B8=8B=E6=8B=89=E6=A1=86=E5=B1=95=E5=BC=80/=E6=8A=98?= =?UTF-8?q?=E5=8F=A0=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 修复工具下拉框无法打开的问题，添加正确的图标元素结构 - 实现状态持久化机制，解决新内容产出时下拉框自动关闭的问题 - 优化图标显示逻辑，使用 CSS transform 实现平滑旋转动画 - 折叠状态图标向左旋转 90 度，展开状态图标向下 --- src/views/messageArea.ts | 47 +++++++++++++++++++++++++--------------- 1 file changed, 30 insertions(+), 17 deletions(-) diff --git a/src/views/messageArea.ts b/src/views/messageArea.ts index 498710b..3466583 100644 --- a/src/views/messageArea.ts +++ b/src/views/messageArea.ts @@ -410,7 +410,7 @@ export function getMessageAreaStyles(): string { display: block; } .tool-segment-header.collapsed .tool-collapse-icon { - transform: rotate(0deg); + transform: rotate(-90deg); } .tool-segment-header:not(.collapsed) .tool-collapse-icon { transform: rotate(0deg); @@ -890,6 +890,9 @@ export function getMessageAreaScript(): string { // 存储已回答问题的状态 const answeredQuestions = new Map(); // askId -> answer + // 存储工具展开/折叠状态 + const toolCollapseStates = new Map(); // index -> isCollapsed + // 实时更新分段消息（按后端返回顺序） function updateSegmentsRealtime(segments, isComplete) { console.log('[WebView] updateSegmentsRealtime 被调用, segments:', segments, 'isComplete:', isComplete); @@ -921,9 +924,19 @@ export function getMessageAreaScript(): string { messagesEl.appendChild(currentSegmentedMessage); } + // 保存当前所有工具的展开/折叠状态 + if (currentSegmentedMessage) { + const toolHeaders = currentSegmentedMessage.querySelectorAll('.tool-segment-header[data-collapsible="true"]'); + toolHeaders.forEach((header, idx) => { + const isCollapsed = header.classList.contains('collapsed'); + toolCollapseStates.set(idx, isCollapsed); + }); + } + // 清空容器并重新渲染所有段落 currentSegmentedMessage.innerHTML = ''; + let toolIndex = 0; // 用于跟踪工具段落的索引 segments.forEach((segment, index) => { const segmentDiv = document.createElement('div'); segmentDiv.className = 'message-segment segment-' + segment.type; @@ -942,13 +955,19 @@ export function getMessageAreaScript(): string { // 检查工具结果是否过长(超过一行显示不下) const shouldCollapse = toolResult && toolResult.length > 60; + // 恢复之前保存的展开/折叠状态 + const savedState = toolCollapseStates.get(toolIndex); + const isCollapsed = savedState !== undefined ? savedState : shouldCollapse; + const currentToolIndex = toolIndex; + toolIndex++; // 递增工具索引 + segmentDiv.innerHTML = \` -
- \${shouldCollapse ? collapseIconSvg : getToolIcon(segment.toolName)} +
+ \${shouldCollapse ? \`\${collapseIconSvg}\` : getToolIcon(segment.toolName)} \${getToolDisplayName(segment.toolName) || '工具'} \${toolResult && !shouldCollapse ? \`\${toolResult}\` : ''}
- \${shouldCollapse ? \`\` : ''} + \${shouldCollapse ? \`
\${toolResult}
\` : ''} \`; // 如果是仿真工具且成功完成，尝试添加波形预览 @@ -974,27 +993,24 @@ export function getMessageAreaScript(): string { setTimeout(() => { const header = segmentDiv.querySelector('.tool-segment-header'); const content = segmentDiv.querySelector('.tool-segment-content'); - const iconCollapsed = segmentDiv.querySelector('.icon-collapsed'); - const iconExpanded = segmentDiv.querySelector('.icon-expanded'); if (header && content) { header.addEventListener('click', function() { const isCollapsed = header.classList.contains('collapsed'); + const toolIdx = parseInt(header.getAttribute('data-tool-index') || '0'); if (isCollapsed) { // 展开 header.classList.remove('collapsed'); content.classList.remove('collapsed'); content.style.maxHeight = content.scrollHeight + 'px'; - if (iconCollapsed) iconCollapsed.style.display = 'none'; - if (iconExpanded) iconExpanded.style.display = 'block'; + toolCollapseStates.set(toolIdx, false); } else { // 折叠 header.classList.add('collapsed'); content.classList.add('collapsed'); content.style.maxHeight = '0'; - if (iconCollapsed) iconCollapsed.style.display = 'block'; - if (iconExpanded) iconExpanded.style.display = 'none'; + toolCollapseStates.set(toolIdx, true); } }); } @@ -1149,7 +1165,7 @@ export function getMessageAreaScript(): string { segmentDiv.innerHTML = \`
- \${shouldCollapse ? collapseIconSvg : getToolIcon(segment.toolName)} + \${shouldCollapse ? \`\${collapseIconSvg}\` : getToolIcon(segment.toolName)} \${getToolDisplayName(segment.toolName) || '工具'} \${toolResult && !shouldCollapse ? \`\${toolResult}\` : ''}
@@ -1179,27 +1195,24 @@ export function getMessageAreaScript(): string { setTimeout(() => { const header = segmentDiv.querySelector('.tool-segment-header'); const content = segmentDiv.querySelector('.tool-segment-content'); - const iconCollapsed = segmentDiv.querySelector('.icon-collapsed'); - const iconExpanded = segmentDiv.querySelector('.icon-expanded'); if (header && content) { header.addEventListener('click', function() { const isCollapsed = header.classList.contains('collapsed'); + const toolIdx = parseInt(header.getAttribute('data-tool-index') || '0'); if (isCollapsed) { // 展开 header.classList.remove('collapsed'); content.classList.remove('collapsed'); content.style.maxHeight = content.scrollHeight + 'px'; - if (iconCollapsed) iconCollapsed.style.display = 'none'; - if (iconExpanded) iconExpanded.style.display = 'block'; + toolCollapseStates.set(toolIdx, false); } else { // 折叠 header.classList.add('collapsed'); content.classList.add('collapsed'); content.style.maxHeight = '0'; - if (iconCollapsed) iconCollapsed.style.display = 'block'; - if (iconExpanded) iconExpanded.style.display = 'none'; + toolCollapseStates.set(toolIdx, true); } }); } From 1ce1ed715c2752e9bf12956fe1124642bc6b1d6a Mon Sep 17 00:00:00 2001 From: Roe-xin Date: Wed, 31 Dec 2025 10:01:41 +0800 Subject: [PATCH 2/4] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=E6=A8=A1?= =?UTF-8?q?=E5=BC=8F=E9=80=89=E6=8B=A9=E5=99=A8=E4=B8=AD=E7=9A=84=20Auto?= =?UTF-8?q?=20=E6=A8=A1=E5=BC=8F=E9=80=89=E9=A1=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/agentModeSelector.ts | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/src/views/agentModeSelector.ts b/src/views/agentModeSelector.ts index fbb298b..272ab4c 100644 --- a/src/views/agentModeSelector.ts +++ b/src/views/agentModeSelector.ts @@ -1,12 +1,11 @@ /** * 模式选择器组件 - * 提供 Plan/Ask/Agent/Auto 四种模式的选择功能 + * 提供 Plan/Ask/Agent 四种模式的选择功能 * * 模式说明： * - Plan: 只读模式，只能查询分析，不能写文件 * - Ask: 逐个确认，每个写操作需用户确认 * - Agent: 智能体自主，自动执行大部分操作 - * - Auto: 完全自动，所有操作自动执行 */ /** @@ -35,10 +34,6 @@ export function getModeSelectorContent(): string { Agent 智能体自主
-
- Auto - 完全自动 -
智能体自主模式 @@ -164,8 +159,7 @@ export function getModeSelectorScript(): string { const tooltipMap = { 'plan': '只读模式 - 只能查询分析', 'ask': '逐个确认 - 每个写操作需确认', - 'agent': '智能体自主模式', - 'auto': '完全自动 - 所有操作自动执行' + 'agent': '智能体自主模式',' }; modeTooltip.textContent = tooltipMap[value] || '切换模式'; } From b662d25c9c3dc7bc0b61e75dac7e6201dd8c198b Mon Sep 17 00:00:00 2001 From: Roe-xin Date: Wed, 31 Dec 2025 10:18:35 +0800 Subject: [PATCH 3/4] =?UTF-8?q?refactor:=20=E5=B0=86=20Ask=20=E6=A8=A1?= =?UTF-8?q?=E5=BC=8F=E7=9A=84=E5=B7=A5=E5=85=B7=E7=A1=AE=E8=AE=A4=E4=BB=8E?= =?UTF-8?q?=E5=BC=B9=E7=AA=97=E6=94=B9=E4=B8=BA=E5=86=85=E5=B5=8C=E8=81=8A?= =?UTF-8?q?=E5=A4=A9=E5=8D=A1=E7=89=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## 主要修改 ### dialogService.ts - 移除 `vscode.window.showWarningMessage` 弹窗 - 将工具确认改为添加 question 类型的 segment - 使用 `userInteractionManager.handleAskUser` 等待用户回答 - 生成唯一的 askId: `tool_confirm_{confirmId}` ### userInteraction.ts - 导入 `submitToolConfirm` 方法 - 在 `submitUserAnswer` 中识别工具确认类型的 askId - 根据用户选择（"确认执行" / "取消"）调用对应的 API ## 用户体验改进 - 工具确认问题自然融入对话流程 - 用户可以看到历史确认记录 - 非阻塞式交互，体验更流畅 --- src/services/dialogService.ts | 74 ++++++++++++++++++++++++--------- src/services/userInteraction.ts | 53 ++++++++++++++++------- 2 files changed, 93 insertions(+), 34 deletions(-) diff --git a/src/services/dialogService.ts b/src/services/dialogService.ts index ec4551a..4d304f7 100644 --- a/src/services/dialogService.ts +++ b/src/services/dialogService.ts @@ -301,30 +301,64 @@ export class DialogSession { onToolConfirm: async (data: ToolConfirmEvent) => { console.log('[DialogSession] onToolConfirm:', data.toolName, data.confirmId); - // 调用回调通知 UI 显示确认对话框 + // 结束当前文本段落 + this.finalizeTextSegment(); + + // 生成工具描述 + const toolDescription = this.getToolDescription(data.toolName, data.toolInput); + + // 构建问题文本 + const toolNameMap: Record = { + 'file_write': '写入文件', + 'file_delete': '删除文件', + 'syntax_check': '语法检查', + 'simulation': '运行仿真' + }; + const toolDisplayName = toolNameMap[data.toolName] || data.toolName; + const question = `确认执行操作：${toolDisplayName}\n\n${toolDescription}`; + + // 生成唯一的 askId + const askId = `tool_confirm_${data.confirmId}`; + + // 添加问题段落到聊天界面 + this.segments.push({ + type: 'question', + askId: askId, + question: question, + options: ['确认执行', '取消'] + }); + + // 实时发送段落更新 + callbacks.onSegmentUpdate?.(this.segments); + + // 调用回调通知 UI callbacks.onToolConfirm?.(data.confirmId, data.toolName, data.toolInput); - // 使用 VSCode 快速选择框显示确认对话框 - const toolDescription = this.getToolDescription(data.toolName, data.toolInput); - const result = await vscode.window.showWarningMessage( - `确认执行操作: ${data.toolName}`, - { modal: true, detail: toolDescription }, - '确认执行', - '取消' - ); - - const approved = result === '确认执行'; - console.log('[DialogSession] 用户确认结果:', approved); - - // 发送确认响应到后端 + // 使用 userInteractionManager 等待用户回答 try { - await submitToolConfirm({ - confirmId: data.confirmId, - taskId: this.taskId, - approved - }); + await userInteractionManager.handleAskUser( + { + askId: askId, + question: question, + options: ['确认执行', '取消'] + } as AskUserEvent, + this.taskId + ); + + // 注意：用户回答后，需要在 receiveAnswer 中处理 tool_confirm 类型的 askId + // 这里不直接调用 submitToolConfirm，而是在 userInteractionManager 中统一处理 } catch (error) { - console.error('[DialogSession] 发送确认响应失败:', error); + console.error('[DialogSession] 处理工具确认失败:', error); + // 如果出错，默认取消执行 + try { + await submitToolConfirm({ + confirmId: data.confirmId, + taskId: this.taskId, + approved: false + }); + } catch (submitError) { + console.error('[DialogSession] 发送取消响应失败:', submitError); + } } }, diff --git a/src/services/userInteraction.ts b/src/services/userInteraction.ts index f5e9a21..0879224 100644 --- a/src/services/userInteraction.ts +++ b/src/services/userInteraction.ts @@ -3,7 +3,7 @@ * 处理 ask_user 事件，通过 WebView 显示问题并收集用户回答 */ import * as vscode from 'vscode'; -import { submitAnswer } from './apiClient'; +import { submitAnswer, submitToolConfirm } from './apiClient'; import type { AskUserEvent, AnswerRequest } from '../types/api'; /** @@ -107,21 +107,46 @@ export class UserInteractionManager { taskId: string, answer: string ): Promise { - const request: AnswerRequest = { - askId, - taskId, - customInput: answer - }; + // 检查是否是工具确认类型的问题 + if (askId.startsWith('tool_confirm_')) { + // 提取 confirmId + const confirmId = parseInt(askId.replace('tool_confirm_', '')); + const approved = answer === '确认执行'; - try { - const response = await submitAnswer(request); - if (!response.success) { - throw new Error(response.error || '提交回答失败'); + console.log(`[UserInteraction] 提交工具确认: confirmId=${confirmId}, approved=${approved}`); + + try { + const response = await submitToolConfirm({ + confirmId, + taskId, + approved + }); + if (!response.success) { + throw new Error(response.error || '提交工具确认失败'); + } + console.log(`[UserInteraction] 工具确认已提交: confirmId=${confirmId}`); + } catch (error) { + console.error(`[UserInteraction] 提交工具确认失败: confirmId=${confirmId}`, error); + throw error; + } + } else { + // 普通问题回答 + const request: AnswerRequest = { + askId, + taskId, + customInput: answer + }; + + try { + const response = await submitAnswer(request); + if (!response.success) { + throw new Error(response.error || '提交回答失败'); + } + console.log(`[UserInteraction] 回答已提交: askId=${askId}`); + } catch (error) { + console.error(`[UserInteraction] 提交回答失败: askId=${askId}`, error); + throw error; } - console.log(`[UserInteraction] 回答已提交: askId=${askId}`); - } catch (error) { - console.error(`[UserInteraction] 提交回答失败: askId=${askId}`, error); - throw error; } } From ef2159f1bd6503a3c10dceef21d176010eadf83d Mon Sep 17 00:00:00 2001 From: Roe-xin Date: Wed, 31 Dec 2025 10:42:53 +0800 Subject: [PATCH 4/4] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=20VSCode=20?= =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E4=B8=AD=E7=9A=84=E9=85=8D=E7=BD=AE=E9=A1=B9?= =?UTF-8?q?=EF=BC=8C=E4=BD=BF=E7=94=A8=E9=A2=84=E9=85=8D=E7=BD=AE=E7=9A=84?= =?UTF-8?q?=E9=BB=98=E8=AE=A4=E5=80=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 22 +--------------------- src/config/settings.ts | 13 ++++--------- 2 files changed, 5 insertions(+), 30 deletions(-) diff --git a/package.json b/package.json index c6a416a..9f6fe4f 100644 --- a/package.json +++ b/package.json @@ -70,27 +70,7 @@ "id": "iccoder", "label": "IC Coder" } - ], - "configuration": { - "title": "IC Coder", - "properties": { - "icCoder.backendUrl": { - "type": "string", - "default": "http://192.168.1.108:2233", - "description": "后端服务地址" - }, - "icCoder.timeout": { - "type": "number", - "default": 60000, - "description": "请求超时时间（毫秒）" - }, - "icCoder.userId": { - "type": "string", - "default": "default-user", - "description": "用户ID（临时配置）" - } - } - } + ] }, "scripts": { "vscode:prepublish": "pnpm run package", diff --git a/src/config/settings.ts b/src/config/settings.ts index 8b6e490..15ce17d 100644 --- a/src/config/settings.ts +++ b/src/config/settings.ts @@ -1,6 +1,6 @@ /** * 配置管理 - * 从 VSCode 设置读取配置项 + * 后端地址已预配置，用户无需手动设置 */ import * as vscode from "vscode"; @@ -14,7 +14,7 @@ export interface IccoderConfig { userId: string; } -/** 默认配置 */ +/** 默认配置（预配置，不暴露给用户） */ const DEFAULT_CONFIG: IccoderConfig = { backendUrl: "http://192.168.1.108:2233", timeout: 60000, @@ -23,15 +23,10 @@ const DEFAULT_CONFIG: IccoderConfig = { /** * 获取配置项 + * 直接返回预配置的值，用户无需手动配置 */ export function getConfig(): IccoderConfig { - const config = vscode.workspace.getConfiguration("icCoder"); - - return { - backendUrl: config.get("backendUrl", DEFAULT_CONFIG.backendUrl), - timeout: config.get("timeout", DEFAULT_CONFIG.timeout), - userId: config.get("userId", DEFAULT_CONFIG.userId), - }; + return { ...DEFAULT_CONFIG }; } /**