Merge remote-tracking branch 'origin/feat/plugin-front-end' into feat/back-to-front

fix: 修复对话停止和会话记忆保存问题
- apiClient 添加 stopDialog 接口 - dialogService 添加 getSegments/getAccumulatedText 方法 - dialogService.abort 调用后端停止接口 - messageHandler.abortCurrentDialog 保存中止前的对话内容 - userInteraction 添加 getWebviewPanel 方法 - webviewContent 添加 resetSegmentedMessage 命令处理 - 修复停止后新消息覆盖旧消息的问题
2025-12-31 11:58:32 +08:00 · 2025-12-31 11:55:31 +08:00 · 2025-12-31 10:42:53 +08:00 · 2025-12-31 10:18:35 +08:00 · 2025-12-31 10:01:41 +08:00 · 2025-12-31 09:57:48 +08:00
34 changed files with 2491 additions and 218 deletions
--- a/.idea/.gitignore
+++ b/.idea/.gitignore
@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
--- a/.idea/IC-Coder-Plugin.iml
+++ b/.idea/IC-Coder-Plugin.iml
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@ -0,0 +1,16 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+    </JSCodeStyleSettings>
+    <JavaCodeStyleSettings>
+      <option name="ENABLE_JAVADOC_FORMATTING" value="false" />
+    </JavaCodeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="IF_BRACE_FORCE" value="3" />
+      <option name="DOWHILE_BRACE_FORCE" value="3" />
+      <option name="WHILE_BRACE_FORCE" value="3" />
+      <option name="FOR_BRACE_FORCE" value="3" />
+    </codeStyleSettings>
+  </code_scheme>
+</component>
--- a/.idea/codeStyles/codeStyleConfig.xml
+++ b/.idea/codeStyles/codeStyleConfig.xml
@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>
--- a/.idea/inspectionProfiles/Project_Default.xml
+++ b/.idea/inspectionProfiles/Project_Default.xml
@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_25" default="true" project-jdk-name="openjdk-25" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
--- a/.idea/modules.xml
+++ b/.idea/modules.xml
@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/IC-Coder-Plugin.iml" filepath="$PROJECT_DIR$/.idea/IC-Coder-Plugin.iml" />
+    </modules>
+  </component>
+</project>
--- a/.idea/vcs.xml
+++ b/.idea/vcs.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
--- a/CLAUDE.md
+++ b/CLAUDE.md
@ -0,0 +1,90 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+IC Coder Plugin 是一个 VS Code 扩展，为 Verilog/FPGA 开发提供智能辅助功能，包括代码生成、文件操作、iverilog 仿真和 VCD 波形查看。
+
+## Build Commands
+
+```bash
+# 安装依赖
+pnpm install
+
+# 编译 (开发模式)
+pnpm run compile
+
+# 监听模式编译
+pnpm run watch
+
+# 生产环境打包
+pnpm run package
+
+# 代码检查
+pnpm run lint
+
+# 运行测试
+pnpm run test
+
+# 编译测试文件
+pnpm run compile-tests
+```
+
+## Development
+
+- 按 F5 在 VS Code 中启动调试模式
+- 使用 webpack 打包，入口文件为 `src/extension.ts`
+- 输出目录为 `dist/`
+
+## Architecture
+
+```
+src/
+├── extension.ts          # 插件入口，注册命令和视图
+├── panels/
+│   ├── ICHelperPanel.ts  # 主聊天面板 (WebviewPanel)
+│   └── VCDViewerPanel.ts # VCD 波形查看器面板
+├── views/
+│   ├── ICViewProvider.ts # 侧边栏视图提供者
+│   └── webviewContent.ts # Webview HTML 内容 (大文件，使用搜索)
+├── utils/
+│   ├── messageHandler.ts # 消息处理核心逻辑 (大文件，使用搜索)
+│   ├── iverilogRunner.ts # iverilog 编译和仿真执行
+│   ├── chatHistoryManager.ts # 会话历史管理
+│   ├── createFiles.ts    # 文件创建工具
+│   └── readFiles.ts      # 文件读取工具
+├── types/
+│   └── chatHistory.ts    # 消息类型定义 (LangChain4j 格式)
+└── test/                 # 测试文件
+```
+
+### Key Components
+
+**消息流程**: Webview -> `onDidReceiveMessage` -> `messageHandler.ts` -> 后端处理 -> `panel.webview.postMessage` -> Webview
+
+**消息类型** (`src/types/chatHistory.ts`):
+- `MessageType.SYSTEM` / `USER` / `AI` / `TOOL_EXECUTION_RESULT`
+- 兼容 LangChain4j 格式
+
+**iverilog 集成** (`tools/iverilog/`):
+- 内置 Windows x64 版本的 iverilog/vvp
+- 通过 `IVERILOG_ROOT` 环境变量配置库路径
+- 支持命令: "生成 VCD"、"运行仿真"、"生成波形"
+
+## VS Code Extension Points
+
+- 命令: `ic-coder.openPanel`, `ic-coder.openChat`, `ic-coder.openVCDViewer`
+- 侧边栏视图: `ic-coder.mainView`
+- 激活事件: `onLanguage:verilog`, `onLanguage:vhdl`, `onStartupFinished`
+
+## Dependencies
+
+- `vcdrom`, `vcd-stream`, `waveql` - VCD 波形处理
+- `@wavedrom/doppler`, `onml` - 波形渲染
+- `iconv-lite` - 编码转换
+
+## Notes
+
+- `webviewContent.ts` 和 `messageHandler.ts` 文件较大，建议使用搜索而非完整读取
+- 当前仅支持 Windows 平台的 iverilog，其他平台需用户自行安装
--- a/package.json
+++ b/package.json
@ -9,7 +9,8 @@
  },
  "icon": "media/icon.png",
  "categories": [
-    "Other"
+    "Chat",
+    "Programming Languages"
  ],
  "keywords": [
    "IC",
@ -69,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",
--- a/src/config/settings.ts
+++ b/src/config/settings.ts
@ -1,6 +1,6 @@
 /**
 * 配置管理
- * 从 VSCode 设置读取配置项
+ * 后端地址已预配置，用户无需手动设置
 */
 import * as vscode from "vscode";

@ -14,24 +14,19 @@ export interface IccoderConfig {
  userId: string;
 }

-/** 默认配置 */
+/** 默认配置（预配置，不暴露给用户） */
 const DEFAULT_CONFIG: IccoderConfig = {
-  backendUrl: "http://localhost:8080",
+  backendUrl: "http://192.168.1.108:2233",
  timeout: 60000,
  userId: "default-user",
 };

 /**
 * 获取配置项
+ * 直接返回预配置的值，用户无需手动配置
 */
 export function getConfig(): IccoderConfig {
-  const config = vscode.workspace.getConfiguration("icCoder");
-
-  return {
-    backendUrl: config.get<string>("backendUrl", DEFAULT_CONFIG.backendUrl),
-    timeout: config.get<number>("timeout", DEFAULT_CONFIG.timeout),
-    userId: config.get<string>("userId", DEFAULT_CONFIG.userId),
-  };
+  return { ...DEFAULT_CONFIG };
 }

 /**
--- a/src/constants/toolIcons.ts
+++ b/src/constants/toolIcons.ts
@ -70,3 +70,98 @@ export const stopIconSvg = `
    <path d="M349.75 349.75m57.15 0l210.2 0q57.15 0 57.15 57.15l0 210.2q0 57.15-57.15 57.15l-210.2 0q-57.15 0-57.15-57.15l0-210.2q0-57.15 57.15-57.15Z" fill="currentColor"></path>
  </svg>
 `;
+
+/**
+ * 探索智能体图标 SVG
+ */
+export const agentIconSvg = `
+<svg t="1767101071638" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7779" width="16" height="16" style="display: inline-block; vertical-align: middle;"><path d="M173.474909 410.414545c-20.293818 0-33.838545-13.498182-33.838545-33.792v-135.377454C139.636364 187.066182 187.019636 139.636364 241.198545 139.636364h135.447273c20.270545 0 33.815273 13.591273 33.815273 33.885091s-13.591273 33.838545-33.885091 33.838545h-135.447273c-20.317091 0-33.815273 13.591273-33.815272 33.885091v135.377454c0.046545 20.293818-13.498182 33.792-33.838546 33.792z m203.101091 473.902546h-135.447273C187.042909 884.317091 139.636364 836.933818 139.636364 782.754909V647.447273c0-20.386909 13.544727-33.838545 33.838545-33.838546s33.885091 13.451636 33.885091 33.838546v135.330909c0 20.293818 13.544727 33.931636 33.838545 33.931636h135.447273c20.270545 0 33.815273 13.451636 33.815273 33.745455-0.046545 20.340364-13.591273 33.885091-33.885091 33.885091z m406.178909 0H647.447273c-20.386909 0-33.931636-13.544727-33.931637-33.931636 0-20.293818 13.544727-33.745455 33.931637-33.745455h135.330909c20.386909 0 33.838545-13.637818 33.838545-33.931636V647.447273c0-20.386909 13.544727-33.838545 33.931637-33.838546 20.293818 0 33.838545 13.451636 33.838545 33.838546v135.330909c-0.046545 54.178909-47.522909 101.562182-101.608727 101.562182z m67.723636-473.902546c-20.386909 0-33.931636-13.498182-33.931636-33.792v-135.377454c0-20.340364-13.451636-33.885091-33.838545-33.885091H647.447273c-20.386909 0-33.931636-13.498182-33.931637-33.838545S627.083636 139.636364 647.424 139.636364h135.330909c54.085818 0 101.562182 47.429818 101.562182 101.608727v135.377454c0 20.293818-13.544727 33.792-33.838546 33.792z m0 135.493819H173.474909c-20.293818 0-33.838545-13.591273-33.838545-33.931637s13.544727-33.885091 33.838545-33.885091h677.003636c20.293818 0 33.838545 13.591273 33.838546 33.885091s-13.544727 33.931636-33.838546 33.931637z" fill="#8a8a8a" p-id="7780"></path></svg>`;
+
+/**
+ * planner 图标 SVG
+ */
+export const plannerIconSvg = `<svg t="1767143425474" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10954" width="16" height="16"><path d="M860.544 633.856c-82.368 0-152.128 69.632-158.464 152h-354.88c-31.616 0-63.296-31.68-63.296-63.296V437.376c12.608 0 25.344 6.4 44.288 6.4h380.16c12.672 69.696 76.032 126.656 152.128 126.656 88.704 0 158.336-69.696 158.336-158.4s-69.632-158.4-158.336-158.4c-76.096 0-139.456 57.024-152.128 126.656h-361.216c-31.616 0-63.296-31.68-63.296-63.296v-133.12h164.736c31.68 0 63.296-22.848 63.296-54.528a55.04 55.04 0 0 0-56-56h-380.16c-31.68 0-70.72 17.984-70.72 56s31.68 54.528 63.36 54.528h133.056v538.624c0 69.696 57.088 126.656 126.72 126.656h386.56c25.344 57.088 82.368 101.376 145.728 101.376a156.8 156.8 0 0 0 158.336-158.4 156.608 156.608 0 0 0-158.208-158.272z m0-316.8c50.624 0 94.912 44.288 94.912 94.976s-44.288 94.976-94.912 94.976c-50.752 0-95.104-44.288-95.104-94.976s44.352-94.976 95.104-94.976z m0 570.24c-50.752 0-95.104-44.352-95.104-95.04s44.352-95.04 95.104-95.04c50.624 0 94.912 44.352 94.912 95.04s-44.288 95.04-94.912 95.04z" p-id="10955" fill="#8a8a8a"></path></svg>`;
+
+/**
+ * 保存知识库图标 SVG
+ */
+export const saveKnowledgeIconSvg = `
+  <span class="tool-save-knowledge-icon">
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path d="M827.733333 315.733333l-123.733333-123.733333c-12.8-12.8-34.133333-21.333333-59.733333-21.333334H256c-46.96 0-85.44 40.96-85.44 85.44v512c0 46.96 40.96 85.44 85.44 85.44h512c46.96 0 85.44-40.96 85.44-85.44V375.466667c0-25.6-8.533333-46.933333-21.333333-59.733334z m-140.8 469.333334H337.066667v-85.333334h349.866666v85.333334z m0-170.666667H337.066667v-85.333333h349.866666v85.333333z m0-170.666667H337.066667v-85.333333h349.866666v85.333333z" fill="#8a8a8a"/>
+    </svg>
+  </span>
+`;
+
+/**
+ * 文件读取图标 SVG
+ */
+export const fileReadIconSvg = `
+  <span class="tool-file-read-icon">
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326z m1.8 562H232V136h302v216c0 23.2 18.8 42 42 42h216v494z" fill="#8a8a8a"/>
+      <path d="M342 472h340c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H342c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM342 616h340c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H342c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM342 760h340c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H342c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" fill="#8a8a8a"/>
+    </svg>
+  </span>
+`;
+
+/**
+ * 文件删除图标 SVG
+ */
+export const fileDeleteIconSvg = `
+  <span class="tool-file-delete-icon">
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72z" fill="#8a8a8a"/>
+      <path d="M832 256H192c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" fill="#8a8a8a"/>
+    </svg>
+  </span>
+`;
+
+/**
+ * 仿真图标 SVG
+ */
+export const simulationIconSvg = `
+  <span class="tool-simulation-icon">
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 632H136V232h752v560z" fill="#8a8a8a"/>
+      <path d="M210 304h100c4.4 0 8 3.6 8 8v152c0 4.4-3.6 8-8 8H210c-4.4 0-8-3.6-8-8V312c0-4.4 3.6-8 8-8zM210 544h100c4.4 0 8 3.6 8 8v152c0 4.4-3.6 8-8 8H210c-4.4 0-8-3.6-8-8V552c0-4.4 3.6-8 8-8zM462 304h100c4.4 0 8 3.6 8 8v152c0 4.4-3.6 8-8 8H462c-4.4 0-8-3.6-8-8V312c0-4.4 3.6-8 8-8zM462 544h100c4.4 0 8 3.6 8 8v152c0 4.4-3.6 8-8 8H462c-4.4 0-8-3.6-8-8V552c0-4.4 3.6-8 8-8zM714 304h100c4.4 0 8 3.6 8 8v152c0 4.4-3.6 8-8 8H714c-4.4 0-8-3.6-8-8V312c0-4.4 3.6-8 8-8zM714 544h100c4.4 0 8 3.6 8 8v152c0 4.4-3.6 8-8 8H714c-4.4 0-8-3.6-8-8V552c0-4.4 3.6-8 8-8z" fill="#8a8a8a"/>
+    </svg>
+  </span>
+`;
+
+/**
+ * 波形分析图标 SVG
+ */
+export const waveformIconSvg = `
+  <span class="tool-waveform-icon">
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path d="M952 474H829.8C812.5 327.6 696.4 211.5 550 194.2V72c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v122.2C327.6 211.5 211.5 327.6 194.2 474H72c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h122.2C211.5 696.4 327.6 812.5 474 829.8V952c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V829.8C696.4 812.5 812.5 696.4 829.8 550H952c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM512 756c-134.8 0-244-109.2-244-244s109.2-244 244-244 244 109.2 244 244-109.2 244-244 244z" fill="#8a8a8a"/>
+      <path d="M512 392c-32.1 0-62.1 12.4-84.8 35.2-22.7 22.7-35.2 52.7-35.2 84.8s12.5 62.1 35.2 84.8c22.7 22.7 52.7 35.2 84.8 35.2s62.1-12.5 84.8-35.2c22.7-22.7 35.2-52.7 35.2-84.8s-12.5-62.1-35.2-84.8C574.1 404.4 544.1 392 512 392z" fill="#8a8a8a"/>
+    </svg>
+  </span>
+`;
+
+/**
+ * 知识库加载图标 SVG
+ */
+export const knowledgeLoadIconSvg = `
+  <span class="tool-knowledge-load-icon">
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32z m-40 728H184V184h656v656z" fill="#8a8a8a"/>
+      <path d="M492 400h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM492 544h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM492 688h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM340 368a40 40 0 1 0 80 0 40 40 0 1 0-80 0zM340 512a40 40 0 1 0 80 0 40 40 0 1 0-80 0zM340 656a40 40 0 1 0 80 0 40 40 0 1 0-80 0z" fill="#8a8a8a"/>
+    </svg>
+  </span>
+`;
+
+/**
+ * 状态转换图标 SVG
+ */
+export const stateTransitionIconSvg = `
+  <span class="tool-state-transition-icon">
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="#8a8a8a"/>
+      <path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.9-11.2z" fill="#8a8a8a"/>
+      <path d="M512 320c-4.4 0-8 3.6-8 8v184c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H560V328c0-4.4-3.6-8-8-8h-40z" fill="#8a8a8a"/>
+    </svg>
+  </span>
+`;
--- a/src/panels/ICHelperPanel.ts
+++ b/src/panels/ICHelperPanel.ts
@ -9,6 +9,9 @@ import {
  handleReplaceInFile,
  handleUserAnswer,
  abortCurrentDialog,
+  handlePlanAction,
+  setPendingPlanExecution,
+  getCurrentTaskId,
 } from "../utils/messageHandler";
 import { VCDViewerPanel } from "./VCDViewerPanel";
 import { ChatHistoryManager } from "../utils/chatHistoryManager";
@ -23,21 +26,27 @@ export async function showICHelperPanel(
 ) {
  // 检查用户是否已登录
  try {
-    const session = await vscode.authentication.getSession("iccoder", [], { createIfNone: false });
+    const session = await vscode.authentication.getSession("iccoder", [], {
+      createIfNone: false,
+    });
    if (!session) {
-      vscode.window.showWarningMessage("请先登录后再使用 IC Coder", "立即登录").then((selection) => {
+      vscode.window
+        .showWarningMessage("请先登录后再使用 IC Coder", "立即登录")
+        .then((selection) => {
+          if (selection === "立即登录") {
+            vscode.commands.executeCommand("ic-coder.login");
+          }
+        });
+      return;
+    }
+  } catch (error) {
+    vscode.window
+      .showWarningMessage("请先登录后再使用 IC Coder", "立即登录")
+      .then((selection) => {
        if (selection === "立即登录") {
          vscode.commands.executeCommand("ic-coder.login");
        }
      });
-      return;
-    }
-  } catch (error) {
-    vscode.window.showWarningMessage("请先登录后再使用 IC Coder", "立即登录").then((selection) => {
-      if (selection === "立即登录") {
-        vscode.commands.executeCommand("ic-coder.login");
-      }
-    });
    return;
  }

@ -107,7 +116,12 @@ export async function showICHelperPanel(
          // 切换到当前面板的任务上下文
          historyManager.switchToPanelTask(panelId);

-          handleUserMessage(panel, message.text, context.extensionPath);
+          handleUserMessage(
+            panel,
+            message.text,
+            context.extensionPath,
+            message.mode
+          );
          break;
        case "readFile":
          handleReadFile(panel, message.filePath);
@ -179,7 +193,57 @@ export async function showICHelperPanel(
          break;
        // 新增：中止对话
        case "abortDialog":
-          abortCurrentDialog();
+          void abortCurrentDialog();
+          break;
+        // 处理计划操作（只做模式切换，响应已通过 submitAnswer 发送）
+        case "planAction":
+          if (message.action === "confirm") {
+            // 确认执行：切换到 Agent 模式
+            panel.webview.postMessage({
+              command: "switchMode",
+              mode: "agent",
+            });
+            // 获取当前会话的 taskId，用于复用知识图谱数据
+            const taskId = getCurrentTaskId();
+            if (taskId) {
+              // 设置待执行的计划，对话结束后自动执行（复用 taskId）
+              setPendingPlanExecution(
+                panel,
+                message.planTitle || "计划",
+                context.extensionPath,
+                taskId
+              );
+            } else {
+              console.warn(
+                "[ICHelperPanel] 无法获取当前 taskId，知识图谱数据可能丢失"
+              );
+            }
+          }
+          break;
+        // 新增：检查工作区状态
+        case "checkWorkspace":
+          const hasWorkspace = !!(
+            vscode.workspace.workspaceFolders &&
+            vscode.workspace.workspaceFolders.length > 0
+          );
+          if (!hasWorkspace) {
+            // 弹窗提示用户需要打开工作区
+            vscode.window
+              .showWarningMessage(
+                "请先打开一个文件夹作为工作区，这样我就能更好地为您服务了 😊",
+                "打开文件夹"
+              )
+              .then((selection) => {
+                if (selection === "打开文件夹") {
+                  vscode.commands.executeCommand("vscode.openFolder");
+                }
+              });
+          }
+          // 返回工作区状态给前端
+          panel.webview.postMessage({
+            command: "workspaceStatus",
+            hasWorkspace: hasWorkspace,
+          });
          break;
      }
    },
--- a/src/services/apiClient.ts
+++ b/src/services/apiClient.ts
@ -6,7 +6,7 @@ import * as https from 'https';
 import * as http from 'http';
 import { URL } from 'url';
 import { getApiUrl, getConfig } from '../config/settings';
-import type { ToolCallResult, AnswerRequest, ToolResultResponse, AnswerResponse } from '../types/api';
+import type { ToolCallResult, AnswerRequest, ToolResultResponse, AnswerResponse, ToolConfirmResponse } from '../types/api';

 /**
 * HTTP 请求选项
@ -103,6 +103,18 @@ export async function submitAnswer(answer: AnswerRequest): Promise<AnswerRespons
  });
 }

+/**
+ * 提交工具确认响应（Ask 模式）
+ * POST /api/tool/confirm
+ */
+export async function submitToolConfirm(response: ToolConfirmResponse): Promise<ToolResultResponse> {
+  console.log(`[API] 提交工具确认: confirmId=${response.confirmId}, approved=${response.approved}`);
+  return request<ToolResultResponse>('/api/tool/confirm', {
+    method: 'POST',
+    body: response
+  });
+}
+
 /**
 * 健康检查
 * GET /api/dialog/health
@ -114,6 +126,35 @@ export async function healthCheck(): Promise<{ status: string }> {
  });
 }

+/**
+ * 停止对话请求
+ */
+export interface StopDialogRequest {
+  taskId: string;
+}
+
+/**
+ * 停止对话响应
+ */
+export interface StopDialogResponse {
+  success: boolean;
+  taskId: string;
+  message?: string;
+  error?: string;
+}
+
+/**
+ * 停止对话
+ * POST /api/dialog/stop
+ */
+export async function stopDialog(taskId: string): Promise<StopDialogResponse> {
+  console.log(`[API] 停止对话: taskId=${taskId}`);
+  return request<StopDialogResponse>('/api/dialog/stop', {
+    method: 'POST',
+    body: { taskId }
+  });
+}
+
 /**
 * 创建成功的工具结果
 */
--- a/src/services/dialogService.ts
+++ b/src/services/dialogService.ts
@ -3,17 +3,21 @@
 * 整合 SSE 通信、工具执行、用户交互
 */
 import * as vscode from 'vscode';
+import * as fs from 'fs';
+import * as path from 'path';
 import { startStreamDialog, generateTaskId, SSEController, SSECallbacks } from './sseHandler';
 import { executeToolCall, createToolExecutorContext, ToolExecutorContext } from './toolExecutor';
 import { userInteractionManager } from './userInteraction';
 import { getConfig } from '../config/settings';
-import type { DialogRequest, ToolCallRequest, AskUserEvent } from '../types/api';
+import type { DialogRequest, ToolCallRequest, AskUserEvent, RunMode, ToolConfirmEvent, PlanConfirmEvent } from '../types/api';
+import { submitToolConfirm, submitAnswer, stopDialog } from './apiClient';
+import { ChatHistoryManager } from '../utils/chatHistoryManager';

 /**
 * 消息段落类型
 */
 export interface MessageSegment {
-  type: 'text' | 'tool' | 'question';
+  type: 'text' | 'tool' | 'question' | 'agent' | 'plan';
  content?: string;
  toolName?: string;
  toolStatus?: 'running' | 'success' | 'error';
@ -21,6 +25,26 @@ export interface MessageSegment {
  askId?: string;
  question?: string;
  options?: string[];
+  // 智能体相关字段
+  agentId?: string;
+  agentName?: string;
+  agentStatus?: 'running' | 'completed' | 'error';
+  agentSteps?: AgentStep[];
+  // 计划相关字段
+  planTitle?: string;
+  planSteps?: string[];
+  planSummary?: string;
+}
+
+/**
+ * 智能体执行步骤
+ */
+export interface AgentStep {
+  step: number;
+  toolName: string;
+  toolInput?: unknown;
+  toolResult?: string;
+  status: 'running' | 'completed' | 'error';
 }

 /**
@ -35,6 +59,10 @@ export interface DialogCallbacks {
  onToolComplete?: (toolName: string, result: string) => void;
  /** 工具执行错误 */
  onToolError?: (toolName: string, error: string) => void;
+  /** 工具确认请求（Ask 模式） */
+  onToolConfirm?: (confirmId: number, toolName: string, toolInput: Record<string, unknown>) => void;
+  /** 计划确认请求（Plan 模式） */
+  onPlanConfirm?: (confirmId: number, title: string, steps: string[], summary: string) => void;
  /** 显示问题（ask_user） */
  onQuestion?: (askId: string, question: string, options: string[]) => void;
  /** 实时更新段落（流式过程中） */
@ -59,8 +87,9 @@ export class DialogSession {
  private segments: MessageSegment[] = [];
  private currentTextSegment: MessageSegment | null = null;

-  constructor(extensionPath: string) {
-    this.taskId = generateTaskId();
+  constructor(extensionPath: string, existingTaskId?: string) {
+    // 支持复用现有 taskId（用于 Plan 模式确认后继续执行）
+    this.taskId = existingTaskId || generateTaskId();
    this.toolContext = createToolExecutorContext(extensionPath);
  }

@ -126,12 +155,166 @@ export class DialogSession {
    return this.isActive;
  }

+  /**
+   * 加载知识图谱数据
+   * 从 .iccoder/knowledge.json 读取
+   */
+  private async loadKnowledgeData(): Promise<string | null> {
+    console.log('[DialogSession] loadKnowledgeData 开始执行');
+
+    // 等待 workspaceFolders 就绪（首次打开窗口/首次触发命令时可能为空）
+    const workspaceFolders = await this.waitForWorkspaceFolders();
+    if (!workspaceFolders || workspaceFolders.length === 0) {
+      console.log('[DialogSession] 没有工作区文件夹');
+      return null;
+    }
+
+    // 多根工作区场景：优先读取实际存在 knowledge.json 的根目录
+    for (const folder of this.getWorkspaceFolderCandidates(workspaceFolders)) {
+      const knowledgeUri = vscode.Uri.joinPath(folder.uri, '.iccoder', 'knowledge.json');
+      console.log('[DialogSession] 知识图谱 URI:', knowledgeUri.toString());
+
+      try {
+        const content = await this.readTextFileWithRetry(knowledgeUri, 5);
+        if (!content) {
+          continue;
+        }
+
+        // 基础校验 + 清洗：避免偶发读取到半截内容导致后端反序列化失败
+        try {
+          const parsed = JSON.parse(content) as any;
+
+          // 兼容：后端 KnowledgeGraph.isEmpty() 可能被序列化为 "empty"，老后端反序列化会失败
+          if (parsed && typeof parsed === 'object' && 'empty' in parsed) {
+            delete parsed.empty;
+          }
+
+          const sanitized = JSON.stringify(parsed);
+          console.log('[DialogSession] 知识图谱已清洗, sanitizedLen:', sanitized.length);
+          return sanitized;
+        } catch (e) {
+          console.warn('[DialogSession] 知识图谱 JSON 解析失败，跳过本次读取:', e);
+          continue;
+        }
+      } catch (error) {
+        console.warn('[DialogSession] 加载知识图谱失败:', error);
+      }
+    }
+
+    return null;
+  }
+
+  private async waitForWorkspaceFolders(): Promise<readonly vscode.WorkspaceFolder[] | undefined> {
+    for (let i = 0; i < 10; i++) {
+      const folders = vscode.workspace.workspaceFolders;
+      if (folders && folders.length > 0) {
+        return folders;
+      }
+      await new Promise(resolve => setTimeout(resolve, 100));
+    }
+    return vscode.workspace.workspaceFolders;
+  }
+
+  private getWorkspaceFolderCandidates(
+    workspaceFolders: readonly vscode.WorkspaceFolder[]
+  ): vscode.WorkspaceFolder[] {
+    const result: vscode.WorkspaceFolder[] = [];
+
+    // 1) 当前激活文件所在的 workspace folder（如果有）
+    const activeUri = vscode.window.activeTextEditor?.document?.uri;
+    const activeFolder = activeUri ? vscode.workspace.getWorkspaceFolder(activeUri) : undefined;
+    if (activeFolder) {
+      result.push(activeFolder);
+    }
+
+    // 2) 其它 workspace folders（去重）
+    for (const folder of workspaceFolders) {
+      if (!result.some(f => f.uri.toString() === folder.uri.toString())) {
+        result.push(folder);
+      }
+    }
+
+    return result;
+  }
+
+  private async readTextFileWithRetry(uri: vscode.Uri, maxAttempts: number): Promise<string | null> {
+    for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+      try {
+        const bytes = await vscode.workspace.fs.readFile(uri);
+        const text = Buffer.from(bytes).toString('utf-8');
+        if (!text || !text.trim()) {
+          return null;
+        }
+        return text;
+      } catch (error) {
+        // 文件不存在：不是错误，直接返回 null
+        if (error instanceof vscode.FileSystemError && error.code === 'FileNotFound') {
+          return null;
+        }
+
+        const retryable =
+          (error instanceof vscode.FileSystemError && error.code === 'Unavailable') ||
+          (typeof (error as any)?.code === 'string' && ['EBUSY', 'EPERM', 'EACCES'].includes((error as any).code));
+
+        if (!retryable || attempt >= maxAttempts) {
+          throw error;
+        }
+
+        const delayMs = 50 * attempt;
+        console.log(`[DialogSession] 读取知识图谱失败（可重试）: attempt=${attempt}/${maxAttempts}, delay=${delayMs}ms`);
+        await new Promise(resolve => setTimeout(resolve, delayMs));
+      }
+    }
+
+    return null;
+  }
+
+  /**
+   * 获取工具操作描述（用于确认对话框）
+   */
+  private getToolDescription(toolName: string, toolInput: Record<string, unknown>): string {
+    const lines: string[] = [];
+
+    switch (toolName) {
+      case 'file_write':
+        lines.push(`文件路径: ${toolInput.path || '未知'}`);
+        if (toolInput.content) {
+          const content = String(toolInput.content);
+          lines.push(`内容长度: ${content.length} 字符`);
+          lines.push(`内容预览: ${content.substring(0, 100)}${content.length > 100 ? '...' : ''}`);
+        }
+        break;
+      case 'file_delete':
+        lines.push(`删除文件: ${toolInput.path || '未知'}`);
+        break;
+      case 'syntax_check':
+        lines.push('执行语法检查');
+        if (toolInput.code) {
+          const code = String(toolInput.code);
+          lines.push(`代码长度: ${code.length} 字符`);
+        }
+        break;
+      case 'simulation':
+        lines.push(`RTL文件: ${toolInput.rtlPath || '未知'}`);
+        lines.push(`TB文件: ${toolInput.tbPath || '未知'}`);
+        if (toolInput.duration) {
+          lines.push(`仿真时长: ${toolInput.duration}`);
+        }
+        break;
+      default:
+        lines.push(`参数: ${JSON.stringify(toolInput, null, 2)}`);
+    }
+
+    return lines.join('\n');
+  }
+
  /**
   * 发送消息并开始流式对话
   */
  async sendMessage(
    message: string,
-    callbacks: DialogCallbacks
+    callbacks: DialogCallbacks,
+    mode?: RunMode
  ): Promise<void> {
    if (this.isActive) {
      callbacks.onError?.('当前有对话正在进行中');
@ -144,13 +327,29 @@ export class DialogSession {
    this.currentTextSegment = null;

    const config = getConfig();
+
+    // 获取压缩数据和新消息（用于后端重启后恢复）
+    const historyManager = ChatHistoryManager.getInstance();
+    const compactedData = await historyManager.loadCompactedData(this.taskId);
+    const newMessages = historyManager.getNewMessagesSinceCompaction();
+
+    // 加载知识图谱数据
+    const knowledgeData = await this.loadKnowledgeData();
+    console.log('[DialogSession] knowledgeData 加载结果:', knowledgeData ? `${knowledgeData.length} 字符` : 'null');
+
    const request: DialogRequest = {
      taskId: this.taskId,
      message,
      userId: config.userId,
-      toolMode: 'AGENT'
+      mode: mode || 'agent',
+      compactedData: compactedData || undefined,
+      newMessages: newMessages.length > 0 ? newMessages : undefined,
+      knowledgeData: knowledgeData || undefined
    };

+    // 追踪用户消息
+    historyManager.trackUserMessage(message);
+
    const sseCallbacks: SSECallbacks = {
      onTextDelta: (data) => {
        this.accumulatedText += data.text;
@ -164,28 +363,42 @@ export class DialogSession {
      onToolCall: async (data: ToolCallRequest) => {
        const toolName = data.params.name;
        console.log('[DialogSession] onToolCall:', toolName);
-        // 检查是否已经有相同的工具段落（可能由 onToolStart 添加）
-        const lastToolSegment = this.segments.filter(s => s.type === 'tool').pop();
-        if (lastToolSegment && lastToolSegment.toolName === toolName && lastToolSegment.toolStatus === 'running') {
-          console.log('[DialogSession] onToolCall: 跳过重复的工具段落:', toolName);
+
+        // 检查是否有活跃的智能体（如果有，工具执行会显示在智能体卡片内，不需要单独显示）
+        const hasActiveAgent = this.segments.some(
+          s => s.type === 'agent' && s.agentStatus === 'running'
+        );
+
+        if (hasActiveAgent) {
+          console.log('[DialogSession] onToolCall: 智能体执行中，跳过工具段落:', toolName);
        } else {
-          this.addToolSegment(toolName, 'running');
-          // 实时发送段落更新
-          callbacks.onSegmentUpdate?.(this.segments);
+          // 检查是否已经有相同的工具段落（可能由 onToolStart 添加）
+          const lastToolSegment = this.segments.filter(s => s.type === 'tool').pop();
+          if (lastToolSegment && lastToolSegment.toolName === toolName && lastToolSegment.toolStatus === 'running') {
+            console.log('[DialogSession] onToolCall: 跳过重复的工具段落:', toolName);
+          } else {
+            this.addToolSegment(toolName, 'running');
+            // 实时发送段落更新
+            callbacks.onSegmentUpdate?.(this.segments);
+          }
        }
+
        // 注意：不在这里调用 callbacks.onToolStart，避免与 onToolStart 事件重复
        try {
          await executeToolCall(data, this.toolContext);
-          this.updateToolSegment(toolName, 'success', '执行完成');
-          // 实时发送段落更新
-          callbacks.onSegmentUpdate?.(this.segments);
+          if (!hasActiveAgent) {
+            this.updateToolSegment(toolName, 'success', '执行完成');
+            // 实时发送段落更新
+            callbacks.onSegmentUpdate?.(this.segments);
+          }
          // 也不调用 callbacks.onToolComplete，避免重复
        } catch (error) {
          const errorMsg = error instanceof Error ? error.message : '未知错误';
-          this.updateToolSegment(toolName, 'error', errorMsg);
+          if (!hasActiveAgent) {
+            this.updateToolSegment(toolName, 'error', errorMsg);
+            callbacks.onSegmentUpdate?.(this.segments);
+          }
          callbacks.onToolError?.(toolName, errorMsg);
-          // 实时发送段落更新
-          callbacks.onSegmentUpdate?.(this.segments);
        }
      },

@ -218,6 +431,106 @@ export class DialogSession {
        callbacks.onSegmentUpdate?.(this.segments);
      },

+      onToolConfirm: async (data: ToolConfirmEvent) => {
+        console.log('[DialogSession] onToolConfirm:', data.toolName, data.confirmId);
+
+        // 结束当前文本段落
+        this.finalizeTextSegment();
+
+        // 生成工具描述
+        const toolDescription = this.getToolDescription(data.toolName, data.toolInput);
+
+        // 构建问题文本
+        const toolNameMap: Record<string, string> = {
+          '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);
+
+        // 使用 userInteractionManager 等待用户回答
+        try {
+          await userInteractionManager.handleAskUser(
+            {
+              askId: askId,
+              question: question,
+              options: ['确认执行', '取消']
+            } as AskUserEvent,
+            this.taskId
+          );
+
+          // 注意：用户回答后，需要在 receiveAnswer 中处理 tool_confirm 类型的 askId
+          // 这里不直接调用 submitToolConfirm，而是在 userInteractionManager 中统一处理
+        } catch (error) {
+          console.error('[DialogSession] 处理工具确认失败:', error);
+          // 如果出错，默认取消执行
+          try {
+            await submitToolConfirm({
+              confirmId: data.confirmId,
+              taskId: this.taskId,
+              approved: false
+            });
+          } catch (submitError) {
+            console.error('[DialogSession] 发送取消响应失败:', submitError);
+          }
+        }
+      },
+
+      onPlanConfirm: async (data: PlanConfirmEvent) => {
+        console.log('[DialogSession] onPlanConfirm:', data.title);
+
+        // 结束当前文本段落
+        this.finalizeTextSegment();
+
+        const askId = `ask_${data.confirmId}`;
+
+        // 添加计划段落到聊天界面（包含 askId 用于响应）
+        this.segments.push({
+          type: 'plan',
+          askId: askId,
+          planTitle: data.title,
+          planSteps: data.steps,
+          planSummary: data.summary
+        });
+
+        // 实时发送段落更新
+        callbacks.onSegmentUpdate?.(this.segments);
+
+        // 注册问题到前端（类似 askUser），以便用户回答时能找到
+        const planEvent = {
+          askId: askId,
+          question: `请确认执行计划：${data.title}`,
+          options: ['确认执行', '修改计划', '取消']
+        };
+        try {
+          await userInteractionManager.handleAskUser(planEvent as AskUserEvent, this.taskId);
+        } catch (error) {
+          console.error('[DialogSession] 处理计划确认失败:', error);
+        }
+
+        // 调用回调通知 UI
+        callbacks.onPlanConfirm?.(data.confirmId, data.title, data.steps, data.summary);
+      },
+
      onAskUser: async (data: AskUserEvent) => {
        this.finalizeTextSegment();
        this.segments.push({
@ -257,6 +570,75 @@ export class DialogSession {
        callbacks.onNotification?.(data.message);
      },

+      // 智能体事件处理
+      onAgentStart: (data) => {
+        console.log('[DialogSession] onAgentStart:', data.agentId);
+        this.finalizeTextSegment();
+        this.segments.push({
+          type: 'agent',
+          agentId: data.agentId,
+          agentName: data.agentName,
+          content: data.instruction,
+          agentStatus: 'running',
+          agentSteps: []
+        });
+        callbacks.onSegmentUpdate?.(this.segments);
+      },
+
+      onAgentProgress: (data) => {
+        console.log('[DialogSession] onAgentProgress:', data.agentId, data.step, data.status);
+        const agentSegment = this.segments.find(
+          s => s.type === 'agent' && s.agentId === data.agentId
+        );
+        if (agentSegment && agentSegment.agentSteps) {
+          if (data.status === 'running') {
+            agentSegment.agentSteps.push({
+              step: data.step,
+              toolName: data.toolName,
+              toolInput: data.toolInput,
+              status: 'running'
+            });
+          } else {
+            const step = agentSegment.agentSteps.find(s => s.step === data.step);
+            if (step) {
+              step.status = data.status;
+              step.toolResult = data.toolResult;
+            }
+          }
+          callbacks.onSegmentUpdate?.(this.segments);
+        }
+      },
+
+      onAgentComplete: (data) => {
+        console.log('[DialogSession] onAgentComplete:', data.agentId);
+        const agentSegment = this.segments.find(
+          s => s.type === 'agent' && s.agentId === data.agentId
+        );
+        if (agentSegment) {
+          agentSegment.agentStatus = 'completed';
+          agentSegment.content = data.summary;
+          callbacks.onSegmentUpdate?.(this.segments);
+        }
+      },
+
+      onAgentError: (data) => {
+        console.log('[DialogSession] onAgentError:', data.agentId, data.error);
+        const agentSegment = this.segments.find(
+          s => s.type === 'agent' && s.agentId === data.agentId
+        );
+        if (agentSegment) {
+          agentSegment.agentStatus = 'error';
+          agentSegment.content = data.error;
+          callbacks.onSegmentUpdate?.(this.segments);
+        }
+      },
+
+      onMemoryCompacted: async (data) => {
+        console.log('[DialogSession] onMemoryCompacted:', data.taskId);
+        // 保存压缩数据到本地
+        await historyManager.saveCompactedData(data.compactedData);
+      },
+
      onOpen: () => {
        console.log('[DialogSession] SSE 连接已建立');
      },
@ -287,6 +669,25 @@ export class DialogSession {
    }
    this.isActive = false;
    userInteractionManager.cancelAll();
+
+    // 通知后端停止处理
+    stopDialog(this.taskId).catch(err => {
+      console.warn('[DialogSession] 停止对话请求失败:', err);
+    });
+  }
+
+  /**
+   * 获取当前的消息段落（用于中止时保存）
+   */
+  getSegments(): MessageSegment[] {
+    return this.segments;
+  }
+
+  /**
+   * 获取累积的文本内容
+   */
+  getAccumulatedText(): string {
+    return this.accumulatedText;
  }

  /**
@ -309,13 +710,15 @@ class DialogManager {

  /**
   * 创建新会话
+   * @param extensionPath 扩展路径
+   * @param existingTaskId 可选，复用现有的 taskId（用于 Plan 模式确认后继续执行）
   */
-  createSession(extensionPath: string): DialogSession {
+  createSession(extensionPath: string, existingTaskId?: string): DialogSession {
    // 如果有活跃会话，先中止
    if (this.currentSession?.active) {
      this.currentSession.abort();
    }
-    this.currentSession = new DialogSession(extensionPath);
+    this.currentSession = new DialogSession(extensionPath, existingTaskId);
    return this.currentSession;
  }

--- a/src/services/sseHandler.ts
+++ b/src/services/sseHandler.ts
@ -13,6 +13,8 @@ import type {
  SSEEventType,
  TextDeltaEvent,
  ToolCallRequest,
+  ToolConfirmEvent,
+  PlanConfirmEvent,
  AskUserEvent,
  CompleteEvent,
  ErrorEvent,
@ -21,8 +23,13 @@ import type {
  ToolErrorEvent,
  WarningEvent,
  NotificationEvent,
-  DepthUpdateEvent
+  DepthUpdateEvent,
+  AgentStartEvent,
+  AgentProgressEvent,
+  AgentCompleteEvent,
+  AgentErrorEvent
 } from '../types/api';
+import type { MemoryCompactedEvent } from '../types/memory';

 /**
 * SSE 事件回调接口
@ -32,6 +39,10 @@ export interface SSECallbacks {
  onTextDelta?: (data: TextDeltaEvent) => void;
  /** 收到工具调用请求 */
  onToolCall?: (data: ToolCallRequest) => void;
+  /** 收到工具确认请求（Ask 模式） */
+  onToolConfirm?: (data: ToolConfirmEvent) => void;
+  /** 收到计划确认请求（Plan 模式） */
+  onPlanConfirm?: (data: PlanConfirmEvent) => void;
  /** 工具开始执行 */
  onToolStart?: (data: ToolStartEvent) => void;
  /** 工具执行完成 */
@ -50,6 +61,16 @@ export interface SSECallbacks {
  onNotification?: (data: NotificationEvent) => void;
  /** 深度更新 */
  onDepthUpdate?: (data: DepthUpdateEvent) => void;
+  /** 子智能体启动 */
+  onAgentStart?: (data: AgentStartEvent) => void;
+  /** 子智能体进度 */
+  onAgentProgress?: (data: AgentProgressEvent) => void;
+  /** 子智能体完成 */
+  onAgentComplete?: (data: AgentCompleteEvent) => void;
+  /** 子智能体错误 */
+  onAgentError?: (data: AgentErrorEvent) => void;
+  /** 记忆压缩完成 */
+  onMemoryCompacted?: (data: MemoryCompactedEvent) => void;
  /** 连接打开 */
  onOpen?: () => void;
  /** 连接关闭 */
@ -124,7 +145,7 @@ export async function startStreamDialog(

  const body = JSON.stringify(request);

-  console.log(`[SSE] 开始流式对话: taskId=${request.taskId}, url=${urlString}`);
+  console.log(`[SSE] 开始流式对话: taskId=${request.taskId}, mode=${request.mode}, url=${urlString}`);

  return new Promise((resolve, reject) => {
    const options: http.RequestOptions = {
@ -256,6 +277,12 @@ function dispatchEvent(
    case 'tool_call':
      callbacks.onToolCall?.(data as ToolCallRequest);
      break;
+    case 'tool_confirm':
+      callbacks.onToolConfirm?.(data as ToolConfirmEvent);
+      break;
+    case 'plan_confirm':
+      callbacks.onPlanConfirm?.(data as PlanConfirmEvent);
+      break;
    case 'tool_start':
      callbacks.onToolStart?.(data as ToolStartEvent);
      break;
@ -283,6 +310,21 @@ function dispatchEvent(
    case 'depth_update':
      callbacks.onDepthUpdate?.(data as DepthUpdateEvent);
      break;
+    case 'agent_start':
+      callbacks.onAgentStart?.(data as AgentStartEvent);
+      break;
+    case 'agent_progress':
+      callbacks.onAgentProgress?.(data as AgentProgressEvent);
+      break;
+    case 'agent_complete':
+      callbacks.onAgentComplete?.(data as AgentCompleteEvent);
+      break;
+    case 'agent_error':
+      callbacks.onAgentError?.(data as AgentErrorEvent);
+      break;
+    case 'memory_compacted':
+      callbacks.onMemoryCompacted?.(data as MemoryCompactedEvent);
+      break;
    default:
      console.log(`[SSE] 未知事件类型: ${eventType}`, data);
  }
--- a/src/services/toolExecutor.ts
+++ b/src/services/toolExecutor.ts
@ -20,10 +20,13 @@ import type {
  ToolName,
  FileReadArgs,
  FileWriteArgs,
+  FileDeleteArgs,
  FileListArgs,
  SyntaxCheckArgs,
  SimulationArgs,
-  WaveformSummaryArgs
+  WaveformSummaryArgs,
+  KnowledgeSaveArgs,
+  KnowledgeLoadArgs
 } from '../types/api';

 /**
@ -61,6 +64,9 @@ export async function executeToolCall(
      case 'file_write':
        resultText = await executeFileWrite(args as unknown as FileWriteArgs);
        break;
+      case 'file_delete':
+        resultText = await executeFileDelete(args as unknown as FileDeleteArgs);
+        break;
      case 'file_list':
        resultText = await executeFileList(args as unknown as FileListArgs);
        break;
@ -73,6 +79,12 @@ export async function executeToolCall(
      case 'waveform_summary':
        resultText = await executeWaveformSummary(args as unknown as WaveformSummaryArgs);
        break;
+      case 'knowledge_save':
+        resultText = await executeKnowledgeSave(args as unknown as KnowledgeSaveArgs);
+        break;
+      case 'knowledge_load':
+        resultText = await executeKnowledgeLoad();
+        break;
      default:
        throw new Error(`未知工具: ${toolName}`);
    }
@ -105,9 +117,59 @@ async function executeFileRead(args: FileReadArgs): Promise<string> {
 */
 async function executeFileWrite(args: FileWriteArgs): Promise<string> {
  await createOrOverwriteFile(args.path, args.content);
+
+  // Verilog 文件添加知识图谱提示
+  const isVerilogFile = args.path.endsWith('.v') || args.path.endsWith('.sv');
+  if (isVerilogFile) {
+    return `文件已写入: ${args.path}\n\n[提示] 如有新信号或规则，请更新知识图谱`;
+  }
+
  return `文件已写入: ${args.path}`;
 }

+/**
+ * 执行 file_delete 工具
+ * 删除指定路径的文件
+ */
+async function executeFileDelete(args: FileDeleteArgs): Promise<string> {
+  const filePath = args.path;
+
+  // 获取工作区路径
+  const workspaceFolders = vscode.workspace.workspaceFolders;
+  if (!workspaceFolders || workspaceFolders.length === 0) {
+    throw new Error('请先打开一个工作区');
+  }
+
+  const workspacePath = workspaceFolders[0].uri.fsPath;
+
+  // 解析文件路径（支持相对路径和绝对路径）
+  const absolutePath = path.isAbsolute(filePath)
+    ? filePath
+    : path.join(workspacePath, filePath);
+
+  // 检查文件是否存在
+  if (!fs.existsSync(absolutePath)) {
+    throw new Error(`文件不存在: ${filePath}`);
+  }
+
+  // 检查是否为文件（不允许删除目录）
+  const stat = fs.statSync(absolutePath);
+  if (stat.isDirectory()) {
+    throw new Error(`不能删除目录，请指定文件路径: ${filePath}`);
+  }
+
+  // 删除文件
+  fs.unlinkSync(absolutePath);
+
+  // Verilog 文件添加知识图谱提示
+  const isVerilogFile = filePath.endsWith('.v') || filePath.endsWith('.sv');
+  if (isVerilogFile) {
+    return `文件已删除: ${filePath}\n\n[提示] 请删除知识图谱中相关节点`;
+  }
+
+  return `文件已删除: ${filePath}`;
+}
+
 /**
 * 执行 file_list 工具
 */
@ -246,6 +308,65 @@ async function executeWaveformSummary(args: WaveformSummaryArgs): Promise<string
  return `波形分析功能暂未实现。\n请求参数:\n- VCD文件: ${args.vcdPath}\n- 信号: ${args.signals}\n- 检查点: ${args.checkpoints || '无'}`;
 }

+/**
+ * 执行 knowledge_save 工具
+ * 保存知识图谱到 .iccoder/knowledge.json
+ */
+async function executeKnowledgeSave(args: KnowledgeSaveArgs): Promise<string> {
+  const workspaceFolder = getWorkspaceFolder();
+  if (!workspaceFolder) {
+    throw new Error('请先打开一个工作区');
+  }
+
+  const iccoderDirUri = vscode.Uri.joinPath(workspaceFolder.uri, '.iccoder');
+  const knowledgeUri = vscode.Uri.joinPath(iccoderDirUri, 'knowledge.json');
+
+  // 确保 .iccoder 目录存在（兼容远程/虚拟工作区）
+  await vscode.workspace.fs.createDirectory(iccoderDirUri);
+
+  // 写入知识图谱（UTF-8）
+  await vscode.workspace.fs.writeFile(knowledgeUri, Buffer.from(args.data || '', 'utf-8'));
+
+  return `知识图谱已保存: .iccoder/knowledge.json`;
+}
+
+/**
+ * 执行 knowledge_load 工具
+ * 从 .iccoder/knowledge.json 加载知识图谱
+ */
+async function executeKnowledgeLoad(): Promise<string> {
+  const workspaceFolder = getWorkspaceFolder();
+  if (!workspaceFolder) {
+    throw new Error('请先打开一个工作区');
+  }
+
+  const knowledgeUri = vscode.Uri.joinPath(workspaceFolder.uri, '.iccoder', 'knowledge.json');
+
+  try {
+    const bytes = await vscode.workspace.fs.readFile(knowledgeUri);
+    const content = Buffer.from(bytes).toString('utf-8');
+    return content;
+  } catch (error) {
+    // 文件不存在：返回空图谱
+    if (error instanceof vscode.FileSystemError && error.code === 'FileNotFound') {
+      // 与后端 KnowledgeGraph 结构保持一致（nodes/edges + nodeClass 多态字段）
+      return JSON.stringify({ taskId: '', version: 1, module: null, nodes: [], edges: [] });
+    }
+    throw error;
+  }
+}
+
+function getWorkspaceFolder(): vscode.WorkspaceFolder | undefined {
+  const folders = vscode.workspace.workspaceFolders;
+  if (!folders || folders.length === 0) {
+    return undefined;
+  }
+
+  const activeUri = vscode.window.activeTextEditor?.document?.uri;
+  const activeFolder = activeUri ? vscode.workspace.getWorkspaceFolder(activeUri) : undefined;
+  return activeFolder ?? folders[0];
+}
+
 /**
 * 获取 iverilog 路径
 */
--- 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';

 /**
@ -32,6 +32,13 @@ export class UserInteractionManager {
    this.webviewPanel = panel;
  }

+  /**
+   * 获取 WebView 面板
+   */
+  getWebviewPanel(): vscode.WebviewPanel | null {
+    return this.webviewPanel;
+  }
+
  /**
   * 处理 ask_user 事件
   * @param event ask_user 事件数据
@ -107,21 +114,46 @@ export class UserInteractionManager {
    taskId: string,
    answer: string
  ): Promise<void> {
-    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;
    }
  }

--- a/src/types/api.ts
+++ b/src/types/api.ts
@ -3,8 +3,19 @@
 * 对应后端 IC Coder Backend 的接口格式
 */

+import { CompactedMemory, CompactedMessage } from './memory';
+
 // ============== 对话请求/响应 ==============

+/**
+ * 运行模式类型
+ * - plan: 只读模式，只能查询分析
+ * - ask: 逐个确认，每个写操作需确认
+ * - agent: 智能体自主（默认）
+ * - auto: 完全自动
+ */
+export type RunMode = 'plan' | 'ask' | 'agent' | 'auto';
+
 /**
 * 对话请求
 * POST /api/dialog/stream
@ -16,8 +27,14 @@ export interface DialogRequest {
  message: string;
  /** 用户ID */
  userId: string;
-  /** 工具模式 */
-  toolMode: 'ASK' | 'AGENT';
+  /** 运行模式 */
+  mode: RunMode;
+  /** 压缩后的记忆数据（用于后端重启后恢复） */
+  compactedData?: CompactedMemory;
+  /** 压缩后产生的新消息 */
+  newMessages?: CompactedMessage[];
+  /** 知识图谱数据（JSON 字符串，用于恢复知识图谱） */
+  knowledgeData?: string;
 }

 // ============== SSE 事件类型 ==============
@ -26,10 +43,17 @@ export interface DialogRequest {
 export type SSEEventType =
  | 'text_delta'      // 文本增量
  | 'tool_call'       // 客户端工具调用请求
+  | 'tool_confirm'    // 工具确认请求（Ask 模式）
+  | 'plan_confirm'    // 计划确认请求（Plan 模式）
  | 'tool_start'      // 工具开始执行
  | 'tool_complete'   // 工具执行完成
  | 'tool_error'      // 工具执行错误
  | 'ask_user'        // 向用户提问
+  | 'agent_start'     // 子智能体启动
+  | 'agent_progress'  // 子智能体进度
+  | 'agent_complete'  // 子智能体完成
+  | 'agent_error'     // 子智能体错误
+  | 'memory_compacted' // 记忆压缩完成
  | 'complete'        // 对话完成
  | 'error'           // 错误
  | 'warning'         // 警告
@ -59,6 +83,32 @@ export interface ToolErrorEvent {
  error: string;
 }

+/** tool_confirm 事件数据（Ask 模式确认请求） */
+export interface ToolConfirmEvent {
+  /** 确认ID，用于匹配响应 */
+  confirmId: number;
+  /** 工具名称 */
+  toolName: string;
+  /** 工具输入参数 */
+  toolInput: Record<string, unknown>;
+  /** 时间戳 */
+  timestamp: number;
+}
+
+/** plan_confirm 事件数据（Plan 模式计划确认） */
+export interface PlanConfirmEvent {
+  /** 确认ID */
+  confirmId: number;
+  /** 计划标题 */
+  title: string;
+  /** 执行步骤列表 */
+  steps: string[];
+  /** 计划摘要 */
+  summary: string;
+  /** 时间戳 */
+  timestamp: number;
+}
+
 /** ask_user 事件数据 */
 export interface AskUserEvent {
  askId: string;
@ -92,6 +142,45 @@ export interface DepthUpdateEvent {
  depth: number;
 }

+// ============== 智能体事件类型 ==============
+
+/** agent_start 事件数据 */
+export interface AgentStartEvent {
+  agentId: string;
+  agentType: string;
+  agentName: string;
+  instruction: string;
+  timestamp: number;
+}
+
+/** agent_progress 事件数据 */
+export interface AgentProgressEvent {
+  agentId: string;
+  step: number;
+  toolName: string;
+  toolInput?: unknown;
+  toolResult?: string;
+  status: 'running' | 'completed' | 'error';
+  timestamp: number;
+}
+
+/** agent_complete 事件数据 */
+export interface AgentCompleteEvent {
+  agentId: string;
+  agentType: string;
+  summary: string;
+  stats: Record<string, unknown>;
+  timestamp: number;
+}
+
+/** agent_error 事件数据 */
+export interface AgentErrorEvent {
+  agentId: string;
+  agentType: string;
+  error: string;
+  timestamp: number;
+}
+
 // ============== 工具调用协议 (MCP 格式) ==============

 /**
@ -186,16 +275,34 @@ export interface ToolResultResponse {
  error?: string;
 }

+// ============== 工具确认响应 ==============
+
+/**
+ * 工具确认响应请求
+ * POST /api/tool/confirm
+ */
+export interface ToolConfirmResponse {
+  /** 确认ID，与 ToolConfirmEvent.confirmId 对应 */
+  confirmId: number;
+  /** 任务ID */
+  taskId: string;
+  /** 是否批准执行 */
+  approved: boolean;
+}
+
 // ============== 辅助类型 ==============

 /** 后端工具名称 */
 export type ToolName =
  | 'file_read'
  | 'file_write'
+  | 'file_delete'
  | 'file_list'
  | 'syntax_check'
  | 'simulation'
-  | 'waveform_summary';
+  | 'waveform_summary'
+  | 'knowledge_save'
+  | 'knowledge_load';

 /** file_read 工具参数 */
 export interface FileReadArgs {
@ -208,6 +315,12 @@ export interface FileWriteArgs {
  content: string;
 }

+/** file_delete 工具参数 */
+export interface FileDeleteArgs {
+  /** 要删除的文件路径 */
+  path: string;
+}
+
 /** file_list 工具参数 */
 export interface FileListArgs {
  path?: string;
@ -233,11 +346,25 @@ export interface WaveformSummaryArgs {
  checkpoints?: string;
 }

+/** knowledge_save 工具参数 */
+export interface KnowledgeSaveArgs {
+  /** 知识图谱 JSON 数据 */
+  data: string;
+}
+
+/** knowledge_load 工具参数 */
+export interface KnowledgeLoadArgs {
+  // 无参数，直接读取 .iccoder/knowledge.json
+}
+
 /** 工具参数联合类型 */
 export type ToolArgs =
  | FileReadArgs
  | FileWriteArgs
+  | FileDeleteArgs
  | FileListArgs
  | SyntaxCheckArgs
  | SimulationArgs
-  | WaveformSummaryArgs;
+  | WaveformSummaryArgs
+  | KnowledgeSaveArgs
+  | KnowledgeLoadArgs;
--- a/src/types/chatHistory.ts
+++ b/src/types/chatHistory.ts
@ -5,7 +5,8 @@ export enum MessageType {
  SYSTEM = "SYSTEM",
  USER = "USER",
  AI = "AI",
-  TOOL_EXECUTION_RESULT = "TOOL_EXECUTION_RESULT"
+  TOOL_EXECUTION_RESULT = "TOOL_EXECUTION_RESULT",
+  COMPACTION_SUMMARY = "COMPACTION_SUMMARY"  // 压缩摘要
 }

 /**
@ -69,10 +70,22 @@ export interface ToolExecutionResultMessage extends BaseMessage {
  text: string; // JSON字符串
 }

+/**
+ * 压缩摘要消息
+ */
+export interface CompactionSummaryMessage extends BaseMessage {
+  type: MessageType.COMPACTION_SUMMARY;
+  summary: string;
+  version: number;
+  compactedAt: string;
+  originalMessageCount: number;
+  compactedMessageCount: number;
+}
+
 /**
 * 联合消息类型
 */
-export type ChatMessage = SystemMessage | UserMessage | AiMessage | ToolExecutionResultMessage;
+export type ChatMessage = SystemMessage | UserMessage | AiMessage | ToolExecutionResultMessage | CompactionSummaryMessage;

 /**
 * 对话轮次元数据
--- a/src/types/memory.ts
+++ b/src/types/memory.ts
@ -0,0 +1,42 @@
+/**
+ * 压缩记忆相关类型定义
+ */
+
+/**
+ * 压缩后的记忆数据
+ */
+export interface CompactedMemory {
+  taskId: string;
+  version: number;
+  compactedAt: string;
+  summary: string;
+  recentMessages: CompactedMessage[];
+  originalMessageCount: number;
+  compactedMessageCount: number;
+}
+
+/**
+ * 压缩消息格式
+ */
+export interface CompactedMessage {
+  type: 'USER' | 'AI' | 'SYSTEM' | 'TOOL_RESULT';
+  content: string;
+  toolCall?: ToolCallInfo;
+}
+
+/**
+ * 工具调用信息
+ */
+export interface ToolCallInfo {
+  toolName: string;
+  toolInput: string;
+  toolOutput?: string;
+}
+
+/**
+ * 记忆压缩 SSE 事件
+ */
+export interface MemoryCompactedEvent {
+  taskId: string;
+  compactedData: CompactedMemory;
+}
--- a/src/utils/chatHistoryManager.ts
+++ b/src/utils/chatHistoryManager.ts
@ -9,8 +9,10 @@ import {
  UserMessage,
  AiMessage,
  SystemMessage,
-  ToolExecutionResultMessage
+  ToolExecutionResultMessage,
+  CompactionSummaryMessage
 } from '../types/chatHistory';
+import { CompactedMemory, CompactedMessage } from '../types/memory';

 /**
 * 会话历史管理器
@ -23,6 +25,8 @@ export class ChatHistoryManager {
  private currentProjectPath: string | null = null;
  // 存储每个面板的任务信息（taskId 和 projectPath）
  private panelTaskMap: Map<string, { taskId: string; projectPath: string }> = new Map();
+  // 追踪压缩后产生的新消息
+  private newMessagesSinceCompaction: CompactedMessage[] = [];

  private constructor() {
    // 设置存储路径: ~/.iccoder
@ -690,4 +694,203 @@ export class ChatHistoryManager {
      hasMore: end < total
    };
  }
+
+  // ========== 压缩数据相关方法 ==========
+
+  /**
+   * 保存压缩数据（存入 conversation.json 作为压缩摘要消息）
+   */
+  public async saveCompactedData(compacted: CompactedMemory): Promise<void> {
+    // 尝试从多个来源获取 projectPath
+    let projectPath = this.currentProjectPath;
+
+    if (!projectPath) {
+      for (const [, taskInfo] of this.panelTaskMap) {
+        if (taskInfo.taskId === compacted.taskId) {
+          projectPath = taskInfo.projectPath;
+          break;
+        }
+      }
+    }
+
+    if (!projectPath) {
+      console.error('[ChatHistoryManager] 无法保存压缩数据：projectPath 为空');
+      return;
+    }
+
+    // 读取现有对话历史
+    const taskDir = this.getTaskDir(projectPath, compacted.taskId);
+    const conversationPath = path.join(taskDir, 'conversation.json');
+    let messages: ChatMessage[] = [];
+
+    try {
+      const uri = vscode.Uri.file(conversationPath);
+      const content = await vscode.workspace.fs.readFile(uri);
+      messages = JSON.parse(Buffer.from(content).toString('utf-8'));
+    } catch {
+      // 文件不存在，使用空数组
+    }
+
+    // 创建压缩摘要消息
+    const summaryMessage: CompactionSummaryMessage = {
+      type: MessageType.COMPACTION_SUMMARY,
+      summary: compacted.summary,
+      version: compacted.version,
+      compactedAt: compacted.compactedAt,
+      originalMessageCount: compacted.originalMessageCount,
+      compactedMessageCount: compacted.compactedMessageCount
+    };
+
+    // 添加到对话历史
+    messages.push(summaryMessage);
+
+    // 保存
+    const uri = vscode.Uri.file(conversationPath);
+    const content = Buffer.from(JSON.stringify(messages, null, 2), 'utf-8');
+    await vscode.workspace.fs.writeFile(uri, content);
+
+    // 重置新消息追踪
+    this.newMessagesSinceCompaction = [];
+
+    console.log(`[ChatHistoryManager] 压缩摘要已保存到 conversation.json: taskId=${compacted.taskId}`);
+  }
+
+  /**
+   * 加载压缩数据（从 conversation.json 构建）
+   */
+  public async loadCompactedData(taskId: string): Promise<CompactedMemory | null> {
+    // 尝试从多个来源获取 projectPath
+    let projectPath = this.currentProjectPath;
+
+    if (!projectPath) {
+      for (const [, taskInfo] of this.panelTaskMap) {
+        if (taskInfo.taskId === taskId) {
+          projectPath = taskInfo.projectPath;
+          break;
+        }
+      }
+    }
+
+    if (!projectPath) {
+      console.log('[ChatHistoryManager] loadCompactedData: projectPath 为空');
+      return null;
+    }
+
+    // 读取 conversation.json
+    const taskDir = this.getTaskDir(projectPath, taskId);
+    const conversationPath = path.join(taskDir, 'conversation.json');
+
+    try {
+      const uri = vscode.Uri.file(conversationPath);
+      const content = await vscode.workspace.fs.readFile(uri);
+      const messages: ChatMessage[] = JSON.parse(Buffer.from(content).toString('utf-8'));
+
+      if (messages.length === 0) {
+        console.log('[ChatHistoryManager] conversation.json 为空');
+        return null;
+      }
+
+      // 从 conversation.json 构建 CompactedMemory
+      return this.buildCompactedMemoryFromConversation(taskId, messages);
+    } catch {
+      console.log('[ChatHistoryManager] conversation.json 不存在:', conversationPath);
+      return null;
+    }
+  }
+
+  /**
+   * 从 conversation.json 构建 CompactedMemory
+   */
+  private buildCompactedMemoryFromConversation(taskId: string, messages: ChatMessage[]): CompactedMemory {
+    // 查找最后一个压缩摘要消息
+    let lastSummary: CompactionSummaryMessage | null = null;
+    let summaryIndex = -1;
+
+    for (let i = messages.length - 1; i >= 0; i--) {
+      if (messages[i].type === MessageType.COMPACTION_SUMMARY) {
+        lastSummary = messages[i] as CompactionSummaryMessage;
+        summaryIndex = i;
+        break;
+      }
+    }
+
+    // 获取摘要后的消息（或全部消息）
+    const recentMessages = summaryIndex >= 0
+      ? messages.slice(summaryIndex + 1)
+      : messages;
+
+    // 转换为 CompactedMessage 格式
+    const compactedMessages: CompactedMessage[] = recentMessages.map(msg => ({
+      type: this.mapMessageType(msg.type),
+      content: this.extractMessageContent(msg)
+    }));
+
+    return {
+      taskId,
+      version: lastSummary?.version || Date.now(),
+      compactedAt: lastSummary?.compactedAt || new Date().toISOString(),
+      summary: lastSummary?.summary || '',
+      recentMessages: compactedMessages,
+      originalMessageCount: messages.length,
+      compactedMessageCount: compactedMessages.length
+    };
+  }
+
+  /**
+   * 映射消息类型
+   */
+  private mapMessageType(type: MessageType): 'USER' | 'AI' | 'SYSTEM' | 'TOOL_RESULT' {
+    switch (type) {
+      case MessageType.USER: return 'USER';
+      case MessageType.AI: return 'AI';
+      case MessageType.SYSTEM: return 'SYSTEM';
+      case MessageType.TOOL_EXECUTION_RESULT: return 'TOOL_RESULT';
+      default: return 'USER';
+    }
+  }
+
+  /**
+   * 提取消息内容
+   */
+  private extractMessageContent(msg: ChatMessage): string {
+    switch (msg.type) {
+      case MessageType.USER:
+        return (msg as UserMessage).contents?.[0]?.text || '';
+      case MessageType.AI:
+        return (msg as AiMessage).text || '';
+      case MessageType.SYSTEM:
+        return (msg as SystemMessage).text || '';
+      case MessageType.TOOL_EXECUTION_RESULT:
+        return (msg as ToolExecutionResultMessage).text || '';
+      default:
+        return '';
+    }
+  }
+
+  /**
+   * 获取压缩后产生的新消息
+   */
+  public getNewMessagesSinceCompaction(): CompactedMessage[] {
+    return this.newMessagesSinceCompaction;
+  }
+
+  /**
+   * 追踪新消息（用户消息）
+   */
+  public trackUserMessage(text: string): void {
+    this.newMessagesSinceCompaction.push({
+      type: 'USER',
+      content: text
+    });
+  }
+
+  /**
+   * 追踪新消息（AI消息）
+   */
+  public trackAiMessage(text: string): void {
+    this.newMessagesSinceCompaction.push({
+      type: 'AI',
+      content: text
+    });
+  }
 }
--- a/src/utils/createFiles.ts
+++ b/src/utils/createFiles.ts
@ -16,7 +16,9 @@ export async function createFile(
      if (workspaceFolders && workspaceFolders.length > 0) {
        absolutePath = path.join(workspaceFolders[0].uri.fsPath, filePath);
      } else {
-        throw new Error("没有打开的工作区，无法创建相对路径的文件");
+        throw new Error(
+          "请先打开一个文件夹作为工作区，这样我就能为您创建文件了"
+        );
      }
    }

@ -28,7 +30,7 @@ export async function createFile(
      throw new Error(`文件已存在: ${absolutePath}`);
    } catch (error: any) {
      // 如果文件不存在，继续创建
-      if (error.code !== 'FileNotFound') {
+      if (error.code !== "FileNotFound") {
        throw error;
      }
    }
@ -65,7 +67,9 @@ export async function createOrOverwriteFile(
      if (workspaceFolders && workspaceFolders.length > 0) {
        absolutePath = path.join(workspaceFolders[0].uri.fsPath, filePath);
      } else {
-        throw new Error("没有打开的工作区，无法创建相对路径的文件");
+        throw new Error(
+          "请先打开一个文件夹作为工作区，这样我就能为您创建文件了"
+        );
      }
    }

@ -99,7 +103,9 @@ export async function createDirectory(dirPath: string): Promise<void> {
      if (workspaceFolders && workspaceFolders.length > 0) {
        absolutePath = path.join(workspaceFolders[0].uri.fsPath, dirPath);
      } else {
-        throw new Error("没有打开的工作区，无法创建相对路径的目录");
+        throw new Error(
+          "请先打开一个文件夹作为工作区，这样我就能为您创建目录了"
+        );
      }
    }

@ -115,7 +121,7 @@ export async function createDirectory(dirPath: string): Promise<void> {
      }
    } catch (error: any) {
      // 如果目录不存在，继续创建
-      if (error.code !== 'FileNotFound') {
+      if (error.code !== "FileNotFound") {
        throw error;
      }
    }
@ -161,7 +167,9 @@ export async function deleteFile(filePath: string): Promise<void> {
      if (workspaceFolders && workspaceFolders.length > 0) {
        absolutePath = path.join(workspaceFolders[0].uri.fsPath, filePath);
      } else {
-        throw new Error("没有打开的工作区，无法删除相对路径的文件");
+        throw new Error(
+          "请先打开一个文件夹作为工作区，这样我就能为您删除文件了"
+        );
      }
    }

@ -197,7 +205,9 @@ export async function updateFile(
      if (workspaceFolders && workspaceFolders.length > 0) {
        absolutePath = path.join(workspaceFolders[0].uri.fsPath, filePath);
      } else {
-        throw new Error("没有打开的工作区，无法修改相对路径的文件");
+        throw new Error(
+          "请先打开一个文件夹作为工作区，这样我就能为您修改文件了"
+        );
      }
    }

@ -236,7 +246,9 @@ export async function appendToFile(
      if (workspaceFolders && workspaceFolders.length > 0) {
        absolutePath = path.join(workspaceFolders[0].uri.fsPath, filePath);
      } else {
-        throw new Error("没有打开的工作区，无法追加相对路径的文件");
+        throw new Error(
+          "请先打开一个文件夹作为工作区，这样我就能为您追加文件内容了"
+        );
      }
    }

@ -274,7 +286,9 @@ export async function replaceFile(
      if (workspaceFolders && workspaceFolders.length > 0) {
        absolutePath = path.join(workspaceFolders[0].uri.fsPath, filePath);
      } else {
-        throw new Error("没有打开的工作区，无法修改相对路径的文件");
+        throw new Error(
+          "请先打开一个文件夹作为工作区，这样我就能为您修改文件了"
+        );
      }
    }

@ -291,14 +305,17 @@ export async function replaceFile(

    // 转义特殊字符，将字符串作为字面量处理
    const escapeRegExp = (str: string) => {
-      return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+      return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
    };

    // 替换内容 - 如果是字符串，先转义特殊字符
    let newContent: string;
-    if (typeof searchValue === 'string') {
+    if (typeof searchValue === "string") {
      const escapedSearch = escapeRegExp(searchValue);
-      newContent = fileContent.replace(new RegExp(escapedSearch, "g"), replaceValue);
+      newContent = fileContent.replace(
+        new RegExp(escapedSearch, "g"),
+        replaceValue
+      );
    } else {
      newContent = fileContent.replace(searchValue, replaceValue);
    }
@ -330,7 +347,9 @@ export async function insertAtLine(
      if (workspaceFolders && workspaceFolders.length > 0) {
        absolutePath = path.join(workspaceFolders[0].uri.fsPath, filePath);
      } else {
-        throw new Error("没有打开的工作区，无法修改相对路径的文件");
+        throw new Error(
+          "请先打开一个文件夹作为工作区，这样我就能为您修改文件了"
+        );
      }
    }

@ -382,7 +401,9 @@ export async function renameFile(
        absoluteNewPath = path.join(workspaceRoot, newPath);
      }
    } else {
-      throw new Error("没有打开的工作区,无法重命名相对路径的文件");
+      throw new Error(
+        "请先打开一个文件夹作为工作区，这样我就能为您重命名文件了"
+      );
    }

    const oldUri = vscode.Uri.file(absoluteOldPath);
@ -401,10 +422,13 @@ export async function renameFile(
      throw new Error(`目标文件已存在: ${absoluteNewPath}`);
    } catch (error: any) {
      // 如果文件不存在，继续重命名
-      if (error.code !== 'FileNotFound' && !error.message.includes('目标文件已存在')) {
+      if (
+        error.code !== "FileNotFound" &&
+        !error.message.includes("目标文件已存在")
+      ) {
        throw error;
      }
-      if (error.message.includes('目标文件已存在')) {
+      if (error.message.includes("目标文件已存在")) {
        throw error;
      }
    }
--- a/src/utils/messageHandler.ts
+++ b/src/utils/messageHandler.ts
@ -19,19 +19,43 @@ import { dialogManager, DialogSession } from "../services/dialogService";
 import { userInteractionManager } from "../services/userInteraction";
 import { healthCheck } from "../services/apiClient";

+import type { RunMode } from '../types/api';
+
 /** 是否使用后端服务（可通过配置控制） */
 let useBackendService = true;

 /** 当前对话会话 */
 let currentSession: DialogSession | null = null;

+/** 待执行的计划（Plan 模式确认后自动执行） */
+let pendingPlanExecution: {
+  panel: vscode.WebviewPanel;
+  planTitle: string;
+  extensionPath: string;
+  taskId: string;  // 保存 taskId 以便复用
+} | null = null;
+
+/**
+ * 设置待执行的计划（由 ICHelperPanel 调用）
+ */
+export function setPendingPlanExecution(
+  panel: vscode.WebviewPanel,
+  planTitle: string,
+  extensionPath: string,
+  taskId: string
+): void {
+  pendingPlanExecution = { panel, planTitle, extensionPath, taskId };
+  console.log('[MessageHandler] 设置待执行计划:', planTitle, 'taskId:', taskId);
+}
+
 /**
 * 处理用户消息
 */
 export async function handleUserMessage(
  panel: vscode.WebviewPanel,
  text: string,
-  extensionPath?: string
+  extensionPath?: string,
+  mode?: RunMode
 ) {
  console.log("收到用户消息:", text);

@ -63,7 +87,7 @@ export async function handleUserMessage(
  // 尝试使用后端服务
  if (useBackendService && extensionPath) {
    try {
-      await handleUserMessageWithBackend(panel, text, extensionPath);
+      await handleUserMessageWithBackend(panel, text, extensionPath, mode);
      return;
    } catch (error) {
      console.error("后端服务不可用，回退到本地模式:", error);
@ -97,11 +121,16 @@ export async function handleUserMessage(
 async function handleUserMessageWithBackend(
  panel: vscode.WebviewPanel,
  text: string,
-  extensionPath: string
+  extensionPath: string,
+  mode?: RunMode,
+  reuseTaskId?: string  // 可选，复用现有 taskId（用于 Plan 模式确认后继续执行）
 ): Promise<void> {
  // 创建或复用会话
  if (!currentSession || !currentSession.active) {
-    currentSession = dialogManager.createSession(extensionPath);
+    currentSession = dialogManager.createSession(extensionPath, reuseTaskId);
+    if (reuseTaskId) {
+      console.log('[MessageHandler] 复用 taskId 创建会话:', reuseTaskId);
+    }
  }

  const historyManager = ChatHistoryManager.getInstance();
@ -184,6 +213,29 @@ async function handleUserMessageWithBackend(
          console.warn("保存AI响应历史失败:", error);
        }

+        // 检查是否有待执行的计划（Plan 模式确认后自动执行）
+        if (pendingPlanExecution) {
+          const { panel: execPanel, planTitle, extensionPath: execPath, taskId: reuseTaskId } = pendingPlanExecution;
+          pendingPlanExecution = null;
+          console.log('[MessageHandler] 自动执行计划:', planTitle, '复用 taskId:', reuseTaskId);
+
+          // 延迟一小段时间确保当前对话完全结束
+          setTimeout(async () => {
+            try {
+              // 复用 taskId 创建新会话，确保知识图谱数据不丢失
+              await handleUserMessageWithBackend(
+                execPanel,
+                `请按照刚才的计划执行：${planTitle}`,
+                execPath,
+                'agent',
+                reuseTaskId  // 复用 Plan 模式的 taskId
+              );
+            } catch (err) {
+              console.error('[MessageHandler] 自动执行计划失败:', err);
+            }
+          }, 500);
+        }
+
        resolve();
      },

@ -201,7 +253,7 @@ async function handleUserMessageWithBackend(
      onNotification: (message) => {
        vscode.window.showInformationMessage(message);
      },
-    });
+    }, mode);
  });
 }

@ -221,11 +273,108 @@ export async function handleUserAnswer(
 /**
 * 中止当前对话
 */
-export function abortCurrentDialog(): void {
+export async function abortCurrentDialog(): Promise<void> {
+  if (currentSession) {
+    // 保存当前已有的对话内容
+    const segments = currentSession.getSegments();
+    if (segments && segments.length > 0) {
+      try {
+        const historyManager = ChatHistoryManager.getInstance();
+        const textContent = segments
+          .filter(s => s.type === 'text' && s.content)
+          .map(s => s.content)
+          .join('\n');
+
+        // 添加中止标记
+        const abortedContent = textContent + '\n\n[对话已被用户中止]';
+        await historyManager.addAiMessage(abortedContent, undefined, segments);
+        console.log('[MessageHandler] 已保存中止前的对话内容');
+      } catch (error) {
+        console.warn('[MessageHandler] 保存中止对话失败:', error);
+      }
+    }
+  }
+
+  // 通知 WebView 重置分段消息容器
+  const panel = userInteractionManager.getWebviewPanel();
+  if (panel) {
+    panel.webview.postMessage({ command: 'resetSegmentedMessage' });
+    console.log('[MessageHandler] 已发送重置分段消息命令');
+  }
+
  dialogManager.abortCurrentSession();
  currentSession = null;
 }

+/**
+ * 获取当前会话的 taskId
+ */
+export function getCurrentTaskId(): string | null {
+  return currentSession?.getTaskId() || null;
+}
+
+/**
+ * 处理计划操作（Plan 模式）
+ * @param panel WebView 面板
+ * @param action 操作类型：confirm/modify/cancel
+ * @param planTitle 计划标题
+ * @param extensionPath 扩展路径
+ */
+export async function handlePlanAction(
+  panel: vscode.WebviewPanel,
+  action: string,
+  planTitle: string,
+  extensionPath: string
+): Promise<void> {
+  console.log('[handlePlanAction] action:', action, 'planTitle:', planTitle);
+
+  switch (action) {
+    case 'confirm':
+      // 确认执行：切换到 Agent 模式并发送执行消息
+      panel.webview.postMessage({
+        command: 'switchMode',
+        mode: 'agent'
+      });
+      // 发送执行消息
+      await handleUserMessage(
+        panel,
+        `请按照刚才的计划执行：${planTitle}`,
+        extensionPath,
+        'agent'
+      );
+      break;
+
+    case 'modify':
+      // 修改计划：提示用户输入修改建议
+      const modification = await vscode.window.showInputBox({
+        prompt: '请输入您对计划的修改建议',
+        placeHolder: '例如：第2步需要先检查文件是否存在...',
+        ignoreFocusOut: true
+      });
+      if (modification) {
+        await handleUserMessage(
+          panel,
+          `请根据以下建议修改计划：${modification}`,
+          extensionPath,
+          'plan'
+        );
+      }
+      break;
+
+    case 'cancel':
+      // 取消计划：通知用户
+      panel.webview.postMessage({
+        command: 'addMessage',
+        text: '计划已取消。',
+        sender: 'bot'
+      });
+      break;
+
+    default:
+      console.warn('[handlePlanAction] 未知操作:', action);
+  }
+}
+
 /**
 * 解析文件操作命令
 */
--- a/src/utils/readFiles.ts
+++ b/src/utils/readFiles.ts
@ -94,6 +94,13 @@ export async function readDirectory(
    const results = [];

    for (const [fileName, fileType] of entries) {
+      // 处理目录
+      if (fileType === vscode.FileType.Directory) {
+        results.push({ path: fileName + '/', content: '[目录]', isDirectory: true });
+        continue;
+      }
+
+      // 处理文件
      if (fileType === vscode.FileType.File) {
        // 如果指定了扩展名过滤
        if (extensions && extensions.length > 0) {
@ -108,7 +115,7 @@ export async function readDirectory(
          const fileUri = vscode.Uri.file(filePath);
          const contentBytes = await vscode.workspace.fs.readFile(fileUri);
          const content = Buffer.from(contentBytes).toString("utf-8");
-          results.push({ path: fileName, content });
+          results.push({ path: fileName, content, isDirectory: false });
        } catch (error) {
          // 跳过无法读取的文件
          continue;
--- a/src/views/ICViewProvider.ts
+++ b/src/views/ICViewProvider.ts
@ -47,7 +47,7 @@ export function showICHelperPanel(context: vscode.ExtensionContext) {
    (message) => {
      switch (message.command) {
        case "sendMessage":
-          handleUserMessage(panel, message.text, context.extensionPath);
+          handleUserMessage(panel, message.text, context.extensionPath, message.mode);
          break;
        case "readFile":
          handleReadFile(panel, message.filePath);
@ -90,7 +90,7 @@ export function showICHelperPanel(context: vscode.ExtensionContext) {
          break;
        // 新增：中止对话
        case "abortDialog":
-          abortCurrentDialog();
+          void abortCurrentDialog();
          break;
      }
    },
--- a/src/views/agentCard.ts
+++ b/src/views/agentCard.ts
@ -0,0 +1,177 @@
+/**
+ * 智能体卡片组件
+ *
+ * 功能说明:
+ * - 提供智能体执行状态的可视化展示
+ * - 显示智能体名称、状态和执行步骤
+ * - 支持实时更新步骤信息
+ */
+
+import { agentIconSvg } from "../constants/toolIcons";
+
+/**
+ * 获取智能体卡片的样式
+ */
+export function getAgentCardStyles(): string {
+  return `
+    /* 智能体卡片样式 */
+    .segment-agent {
+      margin: 8px 0;
+    }
+    .agent-card {
+      border: 1px solid var(--vscode-input-border);
+      border-radius: 8px;
+      overflow: hidden;
+      background: var(--vscode-editor-background);
+    }
+    .agent-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      background: var(--vscode-sideBar-background);
+      border-bottom: 1px solid var(--vscode-input-border);
+    }
+    .agent-icon {
+      font-size: 16px;
+    }
+    .agent-name {
+      font-weight: 500;
+      flex: 1;
+    }
+    .agent-status {
+      font-size: 11px;
+      padding: 2px 8px;
+      border-radius: 10px;
+    }
+    .agent-status.running {
+      background: var(--vscode-inputValidation-infoBackground);
+      color: var(--vscode-inputValidation-infoForeground);
+    }
+    .agent-status.completed {
+      background: #28a745;
+      color: white;
+    }
+    .agent-status.error {
+      background: #dc3545;
+      color: white;
+    }
+    .agent-body {
+      padding: 8px;
+    }
+    .agent-steps-container {
+      max-height: 150px;
+      overflow-y: auto;
+      font-size: 12px;
+    }
+    .agent-step {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 4px 8px;
+      border-radius: 4px;
+      margin-bottom: 4px;
+      background: var(--vscode-list-hoverBackground);
+    }
+    .agent-step:last-child {
+      margin-bottom: 0;
+    }
+    .step-icon {
+      flex-shrink: 0;
+    }
+    .step-name {
+      font-weight: 500;
+      color: var(--vscode-foreground);
+    }
+    .step-result {
+      color: var(--vscode-descriptionForeground);
+      font-size: 11px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .agent-step-placeholder {
+      color: var(--vscode-descriptionForeground);
+      font-style: italic;
+      padding: 8px;
+      text-align: center;
+    }
+  `;
+}
+
+/**
+ * 获取智能体卡片的脚本
+ */
+export function getAgentCardScript(): string {
+  return `
+    // 工具名称中文映射
+    function getAgentToolDisplayName(toolName) {
+      const toolNameMap = {
+        'file_read': '文件读取',
+        'file_write': '文件写入',
+        'file_delete': '文件删除',
+        'file_list': '检索文件',
+        'syntax_check': '语法检查',
+        'simulation': '仿真',
+        'waveform_summary': '波形分析',
+        'knowledge_save': '保存知识库',
+        'knowledge_load': '加载知识库',
+        'queryKnowledgeSummary': '查询知识摘要',
+        'queryRules': '查询规则',
+        'setModule': '设置模块',
+        'addSignal': '添加信号',
+        'addSignalExample': '添加信号示例',
+        'validateKnowledgeGraph': '验证知识图谱',
+        'querySignals': '查询信号',
+        'addPlan': '添加计划',
+        'addEdge': '添加边',
+        'showPlan': '显示计划',
+        'spawnExplorer': '代码探索'
+      };
+      return toolNameMap[toolName] || toolName;
+    }
+
+    /**
+     * 渲染智能体卡片
+     * @param {Object} segment - 智能体段落数据
+     * @param {HTMLElement} segmentDiv - 段落容器元素
+     */
+    function renderAgentCard(segment, segmentDiv) {
+      segmentDiv.className += ' segment-agent';
+
+      const statusText = segment.agentStatus === 'completed' ? '完成'
+        : segment.agentStatus === 'error' ? '错误' : '执行中';
+      const statusClass = segment.agentStatus || 'running';
+
+      const stepsHtml = (segment.agentSteps || []).map(step => {
+        const icon = step.status === 'completed' ? '✅' : step.status === 'error' ? '❌' : '🔄';
+        const displayName = getAgentToolDisplayName(step.toolName);
+        const result = step.toolResult ? \`: \${step.toolResult.substring(0, 50)}\${step.toolResult.length > 50 ? '...' : ''}\` : '';
+        return \`<div class="agent-step"><span class="step-icon">\${icon}</span><span class="step-name">\${displayName}</span><span class="step-result">\${result}</span></div>\`;
+      }).join('');
+
+      segmentDiv.innerHTML = \`
+        <div class="agent-card">
+          <div class="agent-header">
+            <span class="agent-icon">${agentIconSvg}</span>
+            <span class="agent-name">\${segment.agentName || '智能体'}</span>
+            <span class="agent-status \${statusClass}">\${statusText}</span>
+          </div>
+          <div class="agent-body">
+            <div class="agent-steps-container">
+              \${stepsHtml || '<div class="agent-step-placeholder">等待执行...</div>'}
+            </div>
+          </div>
+        </div>
+      \`;
+
+      // 自动滚动到最新步骤
+      setTimeout(() => {
+        const container = segmentDiv.querySelector('.agent-steps-container');
+        if (container) {
+          container.scrollTop = container.scrollHeight;
+        }
+      }, 0);
+    }
+  `;
+}
--- a/src/views/agentModeSelector.ts
+++ b/src/views/agentModeSelector.ts
@ -1,6 +1,11 @@
 /**
 * 模式选择器组件
- * 提供 Agent/Ask/Auto 三种模式的选择功能
+ * 提供 Plan/Ask/Agent 四种模式的选择功能
+ *
+ * 模式说明：
+ * - Plan: 只读模式，只能查询分析，不能写文件
+ * - Ask: 逐个确认，每个写操作需用户确认
+ * - Agent: 智能体自主，自动执行大部分操作
 */

 /**
@ -17,12 +22,21 @@ export function getModeSelectorContent(): string {
          </svg>
        </div>
        <div class="mode-dropdown" id="modeDropdown">
-          <div class="mode-option" data-value="agent" onclick="selectMode('agent', 'Agent')">Agent</div>
-          <div class="mode-option" data-value="ask" onclick="selectMode('ask', 'Ask')">Ask</div>
-          <div class="mode-option" data-value="auto" onclick="selectMode('auto', 'Auto')">Auto</div>
+          <div class="mode-option" data-value="plan" onclick="selectMode('plan', 'Plan')">
+            <span class="mode-option-label">Plan</span>
+            <span class="mode-option-desc">只读模式</span>
+          </div>
+          <div class="mode-option" data-value="ask" onclick="selectMode('ask', 'Ask')">
+            <span class="mode-option-label">Ask</span>
+            <span class="mode-option-desc">逐个确认</span>
+          </div>
+          <div class="mode-option selected" data-value="agent" onclick="selectMode('agent', 'Agent')">
+            <span class="mode-option-label">Agent</span>
+            <span class="mode-option-desc">智能体自主</span>
+          </div>
        </div>
      </div>
-      <span class="tooltiptext">切换模式</span>
+      <span class="tooltiptext" id="modeTooltip">智能体自主模式</span>
    </div>
  `;
 }
@ -69,7 +83,7 @@ export function getModeSelectorStyles(): string {
      position: absolute;
      bottom: calc(100% + 2px);
      left: 0;
-      min-width: 100%;
+      min-width: 140px;
      background: var(--vscode-dropdown-background);
      border: 1px solid var(--vscode-dropdown-border);
      border-radius: 4px;
@ -83,7 +97,10 @@ export function getModeSelectorStyles(): string {
    }
    /* 模式选择器的选项样式 */
    .mode-option {
-      padding: 6px 12px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 8px 12px;
      font-size: 12px;
      cursor: pointer;
      transition: background 0.2s ease;
@ -93,8 +110,15 @@ export function getModeSelectorStyles(): string {
      background: rgba(128, 128, 128, 0.3);
    }
    .mode-option.selected {
-      background: rgba(128, 128, 128, 0.5);
-      color: var(--vscode-foreground);
+      background: rgba(64, 158, 255, 0.2);
+    }
+    .mode-option-label {
+      font-weight: 500;
+    }
+    .mode-option-desc {
+      font-size: 10px;
+      color: var(--vscode-descriptionForeground);
+      margin-left: 12px;
    }
  `;
 }
@ -124,10 +148,22 @@ export function getModeSelectorScript(): string {
    function selectMode(value, label) {
      currentMode = value;
      const modeValue = document.getElementById('modeValue');
+      const modeTooltip = document.getElementById('modeTooltip');
+
      if (modeValue) {
        modeValue.textContent = label;
      }

+      // 更新 tooltip
+      if (modeTooltip) {
+        const tooltipMap = {
+          'plan': '只读模式 - 只能查询分析',
+          'ask': '逐个确认 - 每个写操作需确认',
+          'agent': '智能体自主模式','
+        };
+        modeTooltip.textContent = tooltipMap[value] || '切换模式';
+      }
+
      // 更新选中状态
      const options = document.querySelectorAll('.mode-option');
      options.forEach(option => {
--- a/src/views/inputArea.ts
+++ b/src/views/inputArea.ts
@ -2,37 +2,29 @@ import { getWaveformPreviewContent } from "./waveformPreviewContent";
 import {
  getModelSelectorContent,
  getModelSelectorStyles,
-  getModelSelectorScript
+  getModelSelectorScript,
 } from "./modelSelector";
 import {
  getModeSelectorContent,
  getModeSelectorStyles,
-  getModeSelectorScript
+  getModeSelectorScript,
 } from "./agentModeSelector";
 import {
  getContextButtonContent,
  getContextButtonStyles,
-  getContextButtonScript
+  getContextButtonScript,
 } from "./contextButton";
 import {
  getContextCompressContent,
  getContextCompressStyles,
-  getContextCompressScript
+  getContextCompressScript,
 } from "./contextCompress";
-import {
-  getPlanToggleContent,
-  getPlanToggleStyles,
-  getPlanToggleScript
-} from "./planToggle";
 import {
  getOptimizeButtonContent,
  getOptimizeButtonStyles,
-  getOptimizeButtonScript
+  getOptimizeButtonScript,
 } from "./optimizeButton";
-import {
-  sendIconSvg,
-  stopIconSvg
-} from "../constants/toolIcons";
+import { sendIconSvg, stopIconSvg } from "../constants/toolIcons";

 /**
 * 获取输入区域的 HTML 内容
@ -45,7 +37,6 @@ export function getInputAreaContent(): string {
          <!-- 顶部工具栏 -->
          <div class="input-top-toolbar">
            ${getContextButtonContent()}
-            ${getPlanToggleContent()}
          </div>
          <textarea
            id="messageInput"
@ -81,7 +72,6 @@ export function getInputAreaStyles(): string {
    ${getModelSelectorStyles()}
    ${getContextButtonStyles()}
    ${getContextCompressStyles()}
-    ${getPlanToggleStyles()}
    ${getOptimizeButtonStyles()}
    .input-area {
      border-top: 1px solid var(--vscode-panel-border);
@ -261,16 +251,19 @@ export function getInputAreaStyles(): string {
 */
 export function getInputAreaScript(): string {
  return `
-    ${getModeSelectorScript()}
+    // 注意：getModeSelectorScript() 已在 webviewContent.ts 开头加载，这里不再重复加载
    ${getModelSelectorScript()}
    ${getContextButtonScript()}
    ${getContextCompressScript()}
-    ${getPlanToggleScript()}
    ${getOptimizeButtonScript()}

    // 对话状态管理
    let isConversationActive = false;

+    // 工作区检测状态
+    let hasCheckedWorkspace = false; // 是否已经检测过工作区
+    let hasWorkspace = true; // 工作区状态
+
    // 自动调整 textarea 高度
    function autoResizeTextarea() {
      if (messageInput) {
@ -283,11 +276,16 @@ export function getInputAreaScript(): string {
    if (messageInput) {
      messageInput.addEventListener('input', autoResizeTextarea);

+      // 监听点击事件，检测工作区状态
+      messageInput.addEventListener('focus', () => {
+        if (!hasCheckedWorkspace) {
+          hasCheckedWorkspace = true;
+          vscode.postMessage({ command: 'checkWorkspace' });
+        }
+      });
+
      // 初始化时调整一次高度
      autoResizeTextarea();
-
-      // 聚焦到输入框
-      messageInput.focus();
    }

    // 切换发送按钮状态
@ -326,15 +324,24 @@ export function getInputAreaScript(): string {
      const text = messageInput.value.trim();
      if (!text) return;

+      // 检查工作区状态
+      if (!hasWorkspace) {
+        // 如果没有工作区，阻止发送并清空输入框
+        messageInput.value = '';
+        autoResizeTextarea();
+        return;
+      }
+
      const mode = getCurrentMode(); // 从模式选择器组件获取当前模式
      const model = getCurrentModel(); // 从模型选择器组件获取当前模型
+      const planMode = document.getElementById('planToggle')?.checked || false;

      addMessage(text, 'user');

      // 切换按钮为暂停状态
      setSendButtonState(true);

-      vscode.postMessage({ command: 'sendMessage', text: text, mode: mode, model: model });
+      vscode.postMessage({ command: 'sendMessage', text: text, mode: mode, model: model, planMode: planMode });
      messageInput.value = '';
      autoResizeTextarea(); // 重置输入框高度
      messageInput.focus();
--- a/src/views/messageArea.ts
+++ b/src/views/messageArea.ts
@ -13,13 +13,23 @@
 import {
  collapseIconSvg,
  fileWriteIconSvg,
+  fileReadIconSvg,
+  fileDeleteIconSvg,
  syntaxCheckIconSvg,
  SearchCode,
+  agentIconSvg,
+  saveKnowledgeIconSvg,
+  simulationIconSvg,
+  waveformIconSvg,
+  knowledgeLoadIconSvg,
+  stateTransitionIconSvg,
 } from "../constants/toolIcons";
 import {
  getWaveformPreviewContent,
  getWaveformPreviewScript,
 } from "./waveformPreviewContent";
+import { getAgentCardStyles, getAgentCardScript } from "./agentCard";
+import { getPlanCardStyles, getPlanCardScript } from "./planCard";

 /**
 * 获取消息区域的 HTML 内容
@ -400,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);
@ -416,6 +426,28 @@ export function getMessageAreaStyles(): string {
        height: 100%;
        display: block;
      }
+      .tool-file-read-icon {
+        width: 16px;
+        height: 16px;
+        flex-shrink: 0;
+        margin-right: 6px;
+      }
+      .tool-file-read-icon svg {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+      .tool-file-delete-icon {
+        width: 16px;
+        height: 16px;
+        flex-shrink: 0;
+        margin-right: 6px;
+      }
+      .tool-file-delete-icon svg {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
      .tool-syntax-check-icon {
        width: 16px;
        height: 16px;
@ -438,6 +470,61 @@ export function getMessageAreaStyles(): string {
        height: 100%;
        display: block;
      }
+      .tool-save-knowledge-icon {
+        width: 16px;
+        height: 16px;
+        flex-shrink: 0;
+        margin-right: 6px;
+      }
+      .tool-save-knowledge-icon svg {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+      .tool-simulation-icon {
+        width: 16px;
+        height: 16px;
+        flex-shrink: 0;
+        margin-right: 6px;
+      }
+      .tool-simulation-icon svg {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+      .tool-waveform-icon {
+        width: 16px;
+        height: 16px;
+        flex-shrink: 0;
+        margin-right: 6px;
+      }
+      .tool-waveform-icon svg {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+      .tool-knowledge-load-icon {
+        width: 16px;
+        height: 16px;
+        flex-shrink: 0;
+        margin-right: 6px;
+      }
+      .tool-knowledge-load-icon svg {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+      .tool-state-transition-icon {
+        width: 16px;
+        height: 16px;
+        flex-shrink: 0;
+        margin-right: 6px;
+      }
+      .tool-state-transition-icon svg {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
      .tool-segment-content {
        overflow: hidden;
        transition: max-height 0.3s ease;
@ -528,6 +615,10 @@ export function getMessageAreaStyles(): string {
        border-radius: 4px;
        font-size: 12px;}

+      ${getAgentCardStyles()}
+
+      ${getPlanCardStyles()}
+
      ${getWaveformPreviewContent()}
    `;
 }
@ -540,18 +631,75 @@ export function getMessageAreaScript(): string {
      // 工具图标定义
      const collapseIconSvg = \`${collapseIconSvg}\`;
      const fileWriteIconSvg = \`${fileWriteIconSvg}\`;
+      const fileReadIconSvg = \`${fileReadIconSvg}\`;
+      const fileDeleteIconSvg = \`${fileDeleteIconSvg}\`;
      const syntaxCheckIconSvg = \`${syntaxCheckIconSvg}\`;
      const searchCodeIconSvg = \`${SearchCode}\`;
+      const saveKnowledgeIconSvg = \`${saveKnowledgeIconSvg}\`;
+      const simulationIconSvg = \`${simulationIconSvg}\`;
+      const waveformIconSvg = \`${waveformIconSvg}\`;
+      const knowledgeLoadIconSvg = \`${knowledgeLoadIconSvg}\`;
+      const stateTransitionIconSvg = \`${stateTransitionIconSvg}\`;
+
+      ${getAgentCardScript()}
+
+      ${getPlanCardScript()}
+
+      // 获取工具图标
+      function getToolIcon(toolName) {
+        const iconMap = {
+          'file_read': fileReadIconSvg,
+          'file_write': fileWriteIconSvg,
+          'file_delete': fileDeleteIconSvg,
+          'file_list': searchCodeIconSvg,
+          'syntax_check': syntaxCheckIconSvg,
+          'simulation': simulationIconSvg,
+          'waveform_summary': waveformIconSvg,
+          'knowledge_save': saveKnowledgeIconSvg,
+          'knowledge_load': knowledgeLoadIconSvg,
+          'queryKnowledgeSummary': knowledgeLoadIconSvg,
+          'queryRules': knowledgeLoadIconSvg,
+          'setModule': fileWriteIconSvg,
+          'addSignal': fileWriteIconSvg,
+          'addSignalExample': fileWriteIconSvg,
+          'validateKnowledgeGraph': syntaxCheckIconSvg,
+          'querySignals': searchCodeIconSvg,
+          'addPlan': fileWriteIconSvg,
+          'addEdge': fileWriteIconSvg,
+          'showPlan': searchCodeIconSvg,
+          'addRule': fileWriteIconSvg,
+          'updateNode': fileWriteIconSvg,
+          'addStateTransition': stateTransitionIconSvg
+        };
+        return iconMap[toolName] || '';
+      }

      // 工具名称映射
      function getToolDisplayName(toolName) {
        const toolNameMap = {
          'file_read': '已完成文件读取',
          'file_write': '已完成文件写入',
+          'file_delete': '已完成文件删除',
          'file_list': '已检索代码文件',
          'syntax_check': '已完成语法检查',
          'simulation': '已完成仿真',
-          'waveform_summary': '已完成波形分析'
+          'waveform_summary': '已完成波形分析',
+          'knowledge_save': '已保存知识库',
+          'knowledge_load': '已加载知识库',
+          'queryKnowledgeSummary': '已查询知识摘要',
+          'queryRules': '已查询规则',
+          'setModule': '已设置模块',
+          'addSignal': '已添加信号',
+          'addSignalExample': '已添加信号示例',
+          'validateKnowledgeGraph': '已验证知识图谱',
+          'querySignals': '已查询信号',
+          'addPlan': '已添加计划',
+          'addEdge': '已添加边',
+          'showPlan': '已显示计划',
+          'addRule': '已添加规则',
+          'updateNode': '已更新节点',
+          'addStateTransition': '已添加状态转换',
+          'spawnExplorer': '代码探索'
        };
        return toolNameMap[toolName] || toolName;
      }
@ -742,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);
@ -773,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;
@ -784,22 +945,29 @@ export function getMessageAreaScript(): string {
            segmentDiv.className += ' segment-text';
            segmentDiv.innerHTML = formatText(segment.content);
          } else if (segment.type === 'tool') {
+            // 过滤掉不需要显示的工具
+            if (segment.toolName === 'spawnExplorer') {
+              return;
+            }
            const statusIcon = segment.toolStatus === 'error' ? '❌' : '🔧';
            const toolResult = segment.toolResult || '';

            // 检查工具结果是否过长(超过一行显示不下)
            const shouldCollapse = toolResult && toolResult.length > 60;

+            // 恢复之前保存的展开/折叠状态
+            const savedState = toolCollapseStates.get(toolIndex);
+            const isCollapsed = savedState !== undefined ? savedState : shouldCollapse;
+            const currentToolIndex = toolIndex;
+            toolIndex++; // 递增工具索引
+
            segmentDiv.innerHTML = \`
-              <div class="tool-segment-header\${shouldCollapse ? ' collapsed' : ''}" data-collapsible="\${shouldCollapse}">
-                \${shouldCollapse ? collapseIconSvg : ''}
-                \${!shouldCollapse && segment.toolStatus === 'success' && segment.toolName === 'file_write' ? fileWriteIconSvg : ''}
-                \${!shouldCollapse && segment.toolStatus === 'success' && segment.toolName === 'syntax_check' ? syntaxCheckIconSvg : ''}
-                \${!shouldCollapse && segment.toolStatus === 'success' && segment.toolName === 'file_list' ? searchCodeIconSvg : ''}
+              <div class="tool-segment-header\${isCollapsed ? ' collapsed' : ''}" data-collapsible="\${shouldCollapse}" data-tool-index="\${currentToolIndex}">
+                \${shouldCollapse ? \`<span class="tool-collapse-icon">\${collapseIconSvg}</span>\` : getToolIcon(segment.toolName)}
                <span class="tool-segment-name">\${getToolDisplayName(segment.toolName) || '工具'}</span>
                \${toolResult && !shouldCollapse ? \`<span class="tool-segment-result">\${toolResult}</span>\` : ''}
              </div>
-              \${shouldCollapse ? \`<div class="tool-segment-content collapsed"><span class="tool-segment-result" style="display:block;white-space:pre-wrap;max-width:100%;margin-top:8px;margin-left:18px;">\${toolResult}</span></div>\` : ''}
+              \${shouldCollapse ? \`<div class="tool-segment-content\${isCollapsed ? ' collapsed' : ''}" style="max-height:\${isCollapsed ? '0' : 'none'}"><span class="tool-segment-result" style="display:block;white-space:pre-wrap;max-width:100%;margin-top:8px;margin-left:18px;">\${toolResult}</span></div>\` : ''}
            \`;

            // 如果是仿真工具且成功完成，尝试添加波形预览
@ -825,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);
                    }
                  });
                }
@ -916,6 +1081,12 @@ export function getMessageAreaScript(): string {
                }
              }, 0);
            }
+          } else if (segment.type === 'agent') {
+            // 智能体卡片渲染
+            renderAgentCard(segment, segmentDiv);
+          } else if (segment.type === 'plan') {
+            // 计划卡片渲染（使用独立组件）
+            renderPlanCardInSegment(segment, segmentDiv, answeredQuestions);
          }

          currentSegmentedMessage.appendChild(segmentDiv);
@ -982,6 +1153,10 @@ export function getMessageAreaScript(): string {
            segmentDiv.className += ' segment-text';
            segmentDiv.innerHTML = formatText(segment.content);
          } else if (segment.type === 'tool') {
+            // 过滤掉不需要显示的工具
+            if (segment.toolName === 'spawnExplorer') {
+              return;
+            }
            const statusIcon = segment.toolStatus === 'error' ? '❌' : '🔧';
            const toolResult = segment.toolResult || '';

@ -990,10 +1165,7 @@ export function getMessageAreaScript(): string {

            segmentDiv.innerHTML = \`
              <div class="tool-segment-header\${shouldCollapse ? ' collapsed' : ''}" data-collapsible="\${shouldCollapse}">
-                \${shouldCollapse ? collapseIconSvg : ''}
-                \${!shouldCollapse && segment.toolStatus === 'success' && segment.toolName === 'file_write' ? fileWriteIconSvg : ''}
-                \${!shouldCollapse && segment.toolStatus === 'success' && segment.toolName === 'syntax_check' ? syntaxCheckIconSvg : ''}
-                \${!shouldCollapse && segment.toolStatus === 'success' && segment.toolName === 'file_list' ? searchCodeIconSvg : ''}
+                \${shouldCollapse ? \`<span class="icon-collapsed" style="display:block;width:16px;height:16px;flex-shrink:0;">\${collapseIconSvg}</span><span class="icon-expanded" style="display:none;width:16px;height:16px;flex-shrink:0;">\${collapseIconSvg}</span>\` : getToolIcon(segment.toolName)}
                <span class="tool-segment-name">\${getToolDisplayName(segment.toolName) || '工具'}</span>
                \${toolResult && !shouldCollapse ? \`<span class="tool-segment-result">\${toolResult}</span>\` : ''}
              </div>
@ -1023,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);
                    }
                  });
                }
@ -1058,6 +1227,12 @@ export function getMessageAreaScript(): string {
                </div>
              </div>
            \`;
+          } else if (segment.type === 'agent') {
+            // 智能体卡片渲染
+            renderAgentCard(segment, segmentDiv);
+          } else if (segment.type === 'plan') {
+            // 计划卡片渲染（使用独立组件）
+            renderPlanCardStatic(segment, segmentDiv);
          }

          container.appendChild(segmentDiv);
--- a/src/views/planCard.ts
+++ b/src/views/planCard.ts
@ -0,0 +1,273 @@
+/**
+ * 计划卡片组件
+ *
+ * 功能说明:
+ * - 显示执行计划的卡片界面
+ * - 包含计划标题、摘要和步骤列表
+ * - 提供确认执行、修改计划、取消等操作按钮
+ */
+
+import { plannerIconSvg } from "../constants/toolIcons";
+
+/**
+ * 获取计划卡片的样式
+ */
+export function getPlanCardStyles(): string {
+  return `
+    /* 计划卡片样式 */
+    .segment-plan {
+      margin: 12px 0;
+    }
+    .plan-card {
+      border: 1px solid var(--vscode-input-border);
+      border-radius: 8px;
+      overflow: hidden;
+      background: var(--vscode-editor-background);
+    }
+    .plan-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 12px 16px;
+      background: var(--vscode-sideBar-background);
+      border-bottom: 1px solid var(--vscode-input-border);
+    }
+    .plan-icon {
+      font-size: 18px;
+    }
+    .plan-title {
+      font-weight: 600;
+      font-size: 14px;
+    }
+    .plan-body {
+      padding: 16px;
+    }
+    .plan-summary {
+      color: var(--vscode-descriptionForeground);
+      margin-bottom: 12px;
+      font-size: 13px;
+      line-height: 1.5;
+    }
+    .plan-steps {
+      font-size: 13px;
+    }
+    .plan-step {
+      padding: 8px 12px;
+      margin-bottom: 6px;
+      background: var(--vscode-list-hoverBackground);
+      border-radius: 4px;
+      line-height: 1.5;
+    }
+    .plan-step:last-child {
+      margin-bottom: 0;
+    }
+    .step-num {
+      color: var(--vscode-textLink-foreground);
+      font-weight: 500;
+      margin-right: 6px;
+    }
+    .plan-actions {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      padding: 14px 16px;
+      border-top: 1px solid var(--vscode-input-border);
+      background: var(--vscode-sideBar-background);
+    }
+    .plan-actions .question-options {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+    .plan-btn {
+      padding: 8px 18px;
+      border-radius: 4px;
+      border: none;
+      cursor: pointer;
+      font-size: 12px;
+      font-weight: 500;
+    }
+    .plan-btn-confirm {
+      background: var(--vscode-button-background);
+      color: var(--vscode-button-foreground);
+    }
+    .plan-btn-confirm:hover {
+      background: var(--vscode-button-hoverBackground);
+    }
+    .plan-btn-modify {
+      background: var(--vscode-input-background);
+      color: var(--vscode-foreground);
+      border: 1px solid var(--vscode-input-border);
+    }
+    .plan-btn-cancel {
+      background: transparent;
+      color: var(--vscode-descriptionForeground);
+    }
+    .plan-actions .custom-input-container {
+      display: flex;
+      gap: 8px;
+      width: 100%;
+    }
+    .plan-actions .custom-input {
+      flex: 1;
+      padding: 8px 12px;
+      background: var(--vscode-input-background);
+      color: var(--vscode-input-foreground);
+      border: 1px solid var(--vscode-input-border);
+      border-radius: 4px;
+      font-size: 13px;
+    }
+    .plan-actions .custom-submit {
+      padding: 8px 18px;
+      background: var(--vscode-button-background);
+      color: var(--vscode-button-foreground);
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 12px;
+      font-weight: 500;
+    }
+    .plan-actions .custom-submit:hover {
+      background: var(--vscode-button-hoverBackground);
+    }
+  `;
+}
+
+/**
+ * 获取计划卡片的脚本
+ */
+export function getPlanCardScript(): string {
+  return `
+    // 渲染计划卡片（在 updateSegmentsRealtime 中使用）
+    function renderPlanCardInSegment(segment, segmentDiv, answeredQuestions) {
+      segmentDiv.className += ' segment-plan';
+
+      // 检查是否已回答
+      const isAnswered = answeredQuestions.has(segment.askId);
+      const selectedAnswer = answeredQuestions.get(segment.askId);
+
+      if (isAnswered) {
+        segmentDiv.classList.add('answered');
+      }
+
+      const stepsHtml = (segment.planSteps || []).map((step, i) =>
+        \`<div class="plan-step"><span class="step-num">\${i + 1}.</span> \${step}</div>\`
+      ).join('');
+
+      // 选项按钮
+      const options = ['确认执行', '修改计划', '取消'];
+      const optionsHtml = options.map(opt => {
+        const isSelected = isAnswered && opt === selectedAnswer;
+        return \`<button class="question-option\${isSelected ? ' selected' : ''}" data-option="\${opt}">\${opt}</button>\`;
+      }).join('');
+
+      segmentDiv.innerHTML = \`
+        <div class="plan-card">
+          <div class="plan-header">
+            <span class="plan-icon">${plannerIconSvg}</span>
+            <span class="plan-title">\${segment.planTitle || '执行计划'}</span>
+          </div>
+          <div class="plan-body">
+            <div class="plan-summary">\${segment.planSummary || ''}</div>
+            <div class="plan-steps">\${stepsHtml}</div>
+          </div>
+          <div class="plan-actions">
+            <div class="question-options" data-ask-id="\${segment.askId}">\${optionsHtml}</div>
+            <div class="custom-input-container" style="display: \${isAnswered ? 'none' : 'flex'};">
+              <input type="text" class="custom-input" placeholder="输入修改建议..." />
+              <button class="custom-submit">提交</button>
+            </div>
+          </div>
+        </div>
+      \`;
+
+      // 只在未回答时添加事件监听
+      if (!isAnswered) {
+        setTimeout(() => {
+          const optionButtons = segmentDiv.querySelectorAll('.question-option');
+          optionButtons.forEach(btn => {
+            btn.addEventListener('click', function() {
+              const option = this.getAttribute('data-option');
+              // 发送答案到后端
+              handleQuestionAnswerInSegment(segment.askId, option, segmentDiv);
+              // 同时发送 planAction 用于模式切换
+              const actionMap = {
+                '确认执行': 'confirm',
+                '修改计划': 'modify',
+                '取消': 'cancel'
+              };
+              vscode.postMessage({
+                command: 'planAction',
+                action: actionMap[option] || option,
+                planTitle: segment.planTitle
+              });
+            });
+          });
+
+          const submitBtn = segmentDiv.querySelector('.custom-submit');
+          const customInput = segmentDiv.querySelector('.custom-input');
+          if (submitBtn && customInput) {
+            submitBtn.addEventListener('click', function() {
+              const customValue = customInput.value.trim();
+              if (customValue) {
+                handleQuestionAnswerInSegment(segment.askId, customValue, segmentDiv);
+              }
+            });
+
+            customInput.addEventListener('keypress', function(e) {
+              if (e.key === 'Enter') {
+                const customValue = customInput.value.trim();
+                if (customValue) {
+                  handleQuestionAnswerInSegment(segment.askId, customValue, segmentDiv);
+                }
+              }
+            });
+          }
+        }, 0);
+      }
+    }
+
+    // 渲染计划卡片（在 renderSegments 中使用）
+    function renderPlanCardStatic(segment, segmentDiv) {
+      segmentDiv.className += ' segment-plan';
+      const stepsHtml = (segment.planSteps || []).map((step, i) =>
+        \`<div class="plan-step"><span class="step-num">\${i + 1}.</span> \${step}</div>\`
+      ).join('');
+
+      segmentDiv.innerHTML = \`
+        <div class="plan-card">
+          <div class="plan-header">
+            <span class="plan-icon">📋</span>
+            <span class="plan-title">\${segment.planTitle || '执行计划'}</span>
+          </div>
+          <div class="plan-body">
+            <div class="plan-summary">\${segment.planSummary || ''}</div>
+            <div class="plan-steps">\${stepsHtml}</div>
+          </div>
+          <div class="plan-actions">
+            <button class="plan-btn plan-btn-confirm" data-action="confirm">确认执行</button>
+            <button class="plan-btn plan-btn-modify" data-action="modify">修改计划</button>
+            <button class="plan-btn plan-btn-cancel" data-action="cancel">取消</button>
+          </div>
+        </div>
+      \`;
+
+      // 绑定按钮事件
+      setTimeout(() => {
+        const planCard = segmentDiv.querySelector('.plan-card');
+        if (planCard) {
+          planCard.querySelectorAll('.plan-btn').forEach(btn => {
+            btn.addEventListener('click', (e) => {
+              const action = e.currentTarget?.dataset?.action;
+              vscode.postMessage({
+                command: 'planAction',
+                action: action,
+                planTitle: segment.planTitle
+              });
+            });
+          });
+        }
+      }, 0);
+    }
+  `;
+}
--- a/src/views/planToggle.ts
+++ b/src/views/planToggle.ts
@ -1,19 +1,21 @@
 /**
 * Plan 开关组件
+ * 注意：功能已移至模式选择器，此组件仅保留样式（已禁用）
 */

 /**
 * 获取 Plan 开关的 HTML 内容
+ * 已禁用，仅保留样式展示
 */
 export function getPlanToggleContent(): string {
  return `
    <div class="tooltip">
-      <label class="plan-toggle">
-        <input type="checkbox" id="planToggle" onchange="handlePlanToggle()">
+      <label class="plan-toggle plan-toggle-disabled">
+        <input type="checkbox" id="planToggle" disabled>
        <span class="plan-toggle-slider"></span>
        <span class="plan-toggle-label">Plan</span>
      </label>
-      <span class="tooltiptext" id="planTooltip">启用 Plan 模式</span>
+      <span class="tooltiptext" id="planTooltip">请使用模式选择器切换 Plan 模式</span>
    </div>
  `;
 }
@ -73,6 +75,17 @@ export function getPlanToggleStyles(): string {
      font-weight: 500;
      color: var(--vscode-foreground);
    }
+
+    /* 禁用状态样式 */
+    .plan-toggle-disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+
+    .plan-toggle-disabled .plan-toggle-slider {
+      background: var(--vscode-input-background);
+      border-color: var(--vscode-input-border);
+    }
  `;
 }

--- a/src/views/waveformPreviewContent.ts
+++ b/src/views/waveformPreviewContent.ts
@ -263,61 +263,63 @@ export function getWaveformPreviewScript(): string {
        const timeRange = maxTime - minTime || 1;

        // 绘制波形
-        let pathData = '';
-        let lastX = leftMargin;
-        let lastValue = signal.values[0].value;
+        if (signal.width === 1) {
+          // 单比特信号 - 绘制数字波形
+          let pathData = '';
+          const yHigh = y;
+          const yLow = y + signalHeight;

-        signal.values.forEach((point, i) => {
-          const x = leftMargin + ((point.time - minTime) / timeRange) * waveformWidth;
-          const value = point.value;
-
-          if (signal.width === 1) {
-            // 单比特信号 - 绘制数字波形
-            const yHigh = y;
-            const yLow = y + signalHeight;
-            const currentY = (value === '1') ? yHigh : yLow;
+          signal.values.forEach((point, i) => {
+            const x = leftMargin + ((point.time - minTime) / timeRange) * waveformWidth;
+            const currentY = (point.value === '1') ? yHigh : yLow;

            if (i === 0) {
              pathData = \`M \${x} \${currentY}\`;
            } else {
-              // 绘制垂直跳变
-              const prevY = (lastValue === '1') ? yHigh : yLow;
+              const prevValue = signal.values[i - 1].value;
+              const prevY = (prevValue === '1') ? yHigh : yLow;
              if (prevY !== currentY) {
                pathData += \` L \${x} \${prevY} L \${x} \${currentY}\`;
              } else {
                pathData += \` L \${x} \${currentY}\`;
              }
            }
+          });

-            lastValue = value;
-            lastX = x;
-          } else {
-            // 多比特信号 - 绘制总线波形（梯形）
-            const yTop = y + 5;
-            const yBottom = y + signalHeight - 5;
-            const transitionWidth = 5;
-
-            if (i === 0) {
-              pathData = \`M \${x} \${yTop + (yBottom - yTop) / 2}\`;
-            } else {
-              // 绘制梯形过渡
-              pathData += \` L \${x - transitionWidth} \${yTop} L \${x} \${yTop + (yBottom - yTop) / 2}\`;
-            }
-
-            lastX = x;
-          }
-        });
-
-        // 延伸到右边界
-        if (signal.width === 1) {
-          const lastY = (lastValue === '1') ? y : (y + signalHeight);
+          // 延伸到右边界
+          const lastValue = signal.values[signal.values.length - 1].value;
+          const lastY = (lastValue === '1') ? yHigh : yLow;
          pathData += \` L \${leftMargin + waveformWidth} \${lastY}\`;
-        } else {
-          const yMid = y + signalHeight / 2;
-          pathData += \` L \${leftMargin + waveformWidth} \${yMid}\`;
-        }

-        svgContent += \`<path d="\${pathData}" stroke="\${color}" stroke-width="1.5" fill="none"/>\`;
+          svgContent += \`<path d="\${pathData}" stroke="\${color}" stroke-width="1.5" fill="none"/>\`;
+        } else {
+          // 多比特信号 - 绘制总线波形（上下双线）
+          const yTop = y + 5;
+          const yBottom = y + signalHeight - 5;
+          const transitionWidth = 4;
+
+          let topPath = \`M \${leftMargin} \${yTop}\`;
+          let bottomPath = \`M \${leftMargin} \${yBottom}\`;
+
+          signal.values.forEach((point, i) => {
+            const x = leftMargin + ((point.time - minTime) / timeRange) * waveformWidth;
+
+            // 上线和下线都延伸到变化点
+            topPath += \` L \${x} \${yTop}\`;
+            bottomPath += \` L \${x} \${yBottom}\`;
+
+            // 绘制梯形过渡
+            topPath += \` L \${x + transitionWidth} \${yBottom} L \${x + transitionWidth} \${yTop}\`;
+            bottomPath += \` L \${x + transitionWidth} \${yTop} L \${x + transitionWidth} \${yBottom}\`;
+          });
+
+          // 延伸到右边界
+          topPath += \` L \${leftMargin + waveformWidth} \${yTop}\`;
+          bottomPath += \` L \${leftMargin + waveformWidth} \${yBottom}\`;
+
+          svgContent += \`<path d="\${topPath}" stroke="\${color}" stroke-width="1.5" fill="none"/>\`;
+          svgContent += \`<path d="\${bottomPath}" stroke="\${color}" stroke-width="1.5" fill="none"/>\`;
+        }
      });

      // 绘制时间轴
--- a/src/views/webviewContent.ts
+++ b/src/views/webviewContent.ts
@ -17,6 +17,10 @@ import {
  getMessageAreaStyles,
  getMessageAreaScript,
 } from "./messageArea";
+import {
+  getAgentCardStyles,
+  getAgentCardScript,
+} from "./agentCard";
 /**
 * 获取 WebView 面板的 HTML 内容
 */
@ -65,6 +69,7 @@ export function getWebviewContent(iconUri?: string): string {
      padding: 0 20px 20px 20px;
    }
    ${getMessageAreaStyles()}
+    ${getAgentCardStyles()}
    ${getWaveformPreviewContent()}
    ${getConversationHistoryBarStyles()}
    ${getInputAreaStyles()}
@ -250,7 +255,7 @@ export function getWebviewContent(iconUri?: string): string {
      padding: 0;
    }
    .message-segment {
-      padding: 10px 22  px;
+      padding: 10px 22px;
    }
    .segment-text {
      line-height: 1.6;
@ -393,6 +398,7 @@ export function getWebviewContent(iconUri?: string): string {
      <button class="quick-btn" onclick="quickAction('counter')">生成计数器</button>
      <button class="quick-btn" onclick="quickAction('fsm')">生成状态机</button>
      <button class="quick-btn" onclick="quickAction('testbench')">生成测试平台</button>
+      <button class="quick-btn" onclick="quickAction('explore')">知识探索</button>
    </div>

    ${getInputAreaContent()}
@ -411,11 +417,68 @@ export function getWebviewContent(iconUri?: string): string {
    let loadingIndicator = null;
    let currentSegmentedMessage = null; // 当前分段消息容器

+    // ========== 模式选择器脚本（直接内联，避免模板字符串嵌套问题）==========
+    let currentMode = 'agent';
+
+    function toggleModeDropdown() {
+      const modeSelectEl = document.getElementById('modeSelect');
+      const modelSelectEl = document.getElementById('modelSelect');
+      if (modeSelectEl) {
+        modeSelectEl.classList.toggle('active');
+        if (modelSelectEl) {
+          modelSelectEl.classList.remove('active');
+        }
+      }
+    }
+
+    function selectMode(value, label) {
+      currentMode = value;
+      const modeValue = document.getElementById('modeValue');
+      const modeTooltip = document.getElementById('modeTooltip');
+      if (modeValue) {
+        modeValue.textContent = label;
+      }
+      if (modeTooltip) {
+        const tooltipMap = {
+          'plan': '只读模式 - 只能查询分析',
+          'ask': '逐个确认 - 每个写操作需确认',
+          'agent': '智能体自主模式',
+          'auto': '完全自动 - 所有操作自动执行'
+        };
+        modeTooltip.textContent = tooltipMap[value] || '切换模式';
+      }
+      const options = document.querySelectorAll('.mode-option');
+      options.forEach(option => {
+        if (option.getAttribute('data-value') === value) {
+          option.classList.add('selected');
+        } else {
+          option.classList.remove('selected');
+        }
+      });
+      const modeSelectEl = document.getElementById('modeSelect');
+      if (modeSelectEl) {
+        modeSelectEl.classList.remove('active');
+      }
+    }
+
+    function getCurrentMode() {
+      return currentMode;
+    }
+
+    document.addEventListener('click', (event) => {
+      const modeSelectEl = document.getElementById('modeSelect');
+      if (modeSelectEl && !modeSelectEl.contains(event.target)) {
+        modeSelectEl.classList.remove('active');
+      }
+    });
+    // ========== 模式选择器脚本结束 ==========
+
    function quickAction(type) {
      const questions = {
        counter: '生成一个4位同步计数器',
        fsm: '生成一个状态机',
-        testbench: '生成测试平台'
+        testbench: '生成测试平台',
+        explore: '请启动知识探索智能体，分析当前项目结构'
      };
      if (questions[type]) {
        messageInput.value = questions[type];
@ -436,8 +499,6 @@ export function getWebviewContent(iconUri?: string): string {
      }
    }

-    messageInput.focus();
-
    // 监听来自插件的消息
    window.addEventListener('message', event => {
      const message = event.data;
@ -504,11 +565,25 @@ export function getWebviewContent(iconUri?: string): string {
          }
          break;

+        case 'resetSegmentedMessage':
+          // 重置分段消息容器（停止对话时调用）
+          console.log('[WebView] 重置分段消息容器');
+          currentSegmentedMessage = null;
+          break;
+
        case 'hideLoading':
          // 隐藏加载指示器
          hideLoadingIndicator();
          break;

+        case 'workspaceStatus':
+          // 更新工作区状态
+          if (typeof hasWorkspace !== 'undefined') {
+            hasWorkspace = message.hasWorkspace;
+            console.log('[WebView] 工作区状态:', hasWorkspace);
+          }
+          break;
+
        case 'vcdInfo':
          // 渲染迷你波形预览信息
          try {
@ -581,12 +656,34 @@ export function getWebviewContent(iconUri?: string): string {
          }
          break;

+        case 'switchMode':
+          // 切换运行模式（Plan 确认后自动切换到 Agent）
+          if (message.mode && typeof selectMode === 'function') {
+            const labelMap = {
+              'plan': 'Plan',
+              'ask': 'Ask',
+              'agent': 'Agent',
+              'auto': 'Auto'
+            };
+            selectMode(message.mode, labelMap[message.mode] || message.mode);
+            console.log('[WebView] 模式已切换到:', message.mode);
+          }
+          break;
+
+        case 'addMessage':
+          // 添加消息（通用）
+          if (message.text && message.sender) {
+            addMessage(message.text, message.sender);
+          }
+          break;
+
        default:
          console.log('[WebView] 未处理的消息类型:', message.command);
      }
    });

    ${getMessageAreaScript()}
+    ${getAgentCardScript()}
    ${getWaveformPreviewScript()}
    ${getConversationHistoryBarScript()}
    ${getInputAreaScript()}
Author	SHA1	Message	Date
XiaoFeng	c49aaf753c	Merge remote-tracking branch 'origin/feat/plugin-front-end' into feat/back-to-front	2025-12-31 11:58:32 +08:00
XiaoFeng	0f8674e1c7	fix: 修复对话停止和会话记忆保存问题 - apiClient 添加 stopDialog 接口 - dialogService 添加 getSegments/getAccumulatedText 方法 - dialogService.abort 调用后端停止接口 - messageHandler.abortCurrentDialog 保存中止前的对话内容 - userInteraction 添加 getWebviewPanel 方法 - webviewContent 添加 resetSegmentedMessage 命令处理 - 修复停止后新消息覆盖旧消息的问题	2025-12-31 11:55:31 +08:00
Roe-xin	ef2159f1bd	refactor: 移除 VSCode 设置中的配置项，使用预配置的默认值	2025-12-31 10:42:53 +08:00
Roe-xin	b662d25c9c	refactor: 将 Ask 模式的工具确认从弹窗改为内嵌聊天卡片 ## 主要修改 ### dialogService.ts - 移除 `vscode.window.showWarningMessage` 弹窗 - 将工具确认改为添加 question 类型的 segment - 使用 `userInteractionManager.handleAskUser` 等待用户回答 - 生成唯一的 askId: `tool_confirm_{confirmId}` ### userInteraction.ts - 导入 `submitToolConfirm` 方法 - 在 `submitUserAnswer` 中识别工具确认类型的 askId - 根据用户选择（"确认执行" / "取消"）调用对应的 API ## 用户体验改进 - 工具确认问题自然融入对话流程 - 用户可以看到历史确认记录 - 非阻塞式交互，体验更流畅	2025-12-31 10:18:35 +08:00
Roe-xin	1ce1ed715c	refactor: 移除模式选择器中的 Auto 模式选项	2025-12-31 10:01:41 +08:00
Roe-xin	2587018405	fix: 修复工具下拉框展开/折叠功能 - 修复工具下拉框无法打开的问题，添加正确的图标元素结构 - 实现状态持久化机制，解决新内容产出时下拉框自动关闭的问题 - 优化图标显示逻辑，使用 CSS transform 实现平滑旋转动画 - 折叠状态图标向左旋转 90 度，展开状态图标向下	2025-12-31 09:57:48 +08:00
XiaoFeng	28b75e8475	Merge remote-tracking branch 'origin/feat/plugin-front-end' into feat/back-to-front	2025-12-31 09:44:03 +08:00
Roe-xin	5287d483d8	feat: 为所有工具添加图标显示 - 新增多个工具图标定义（文件读取、删除、仿真、波形分析等） - 添加 getToolIcon 函数统一管理工具图标映射 - 优化工具显示逻辑，所有工具现在都显示对应图标 - 新增 addStateTransition 工具的图标和名称映射 - 添加所有新图标的 CSS 样式	2025-12-31 09:43:30 +08:00
XiaoFeng	16e91bd2c0	feat: 实现会话记忆同步和知识图谱恢复机制 - 添加 memory_compacted SSE 事件处理 - 添加 CompactedMemory/CompactedMessage 类型定义 - 添加 COMPACTION_SUMMARY 消息类型 - 实现压缩数据存储到 conversation.json - 实现从 conversation.json 构建恢复数据 - 发送请求时附带 knowledgeData 用于恢复知识图谱	2025-12-31 09:35:20 +08:00
Roe-xin	e6b6bc3698	feat: 抽取 plan-card 为独立组件并优化样式主要改动： 1. 创建独立的 planCard.ts 组件 - 导出 getPlanCardStyles() 和 getPlanCardScript() - 包含 renderPlanCardInSegment 和 renderPlanCardStatic 两个渲染函数 2. 优化 messageArea.ts - 移除原有的 plan-card 内联样式和脚本（约 80 行） - 引入 planCard 组件并调用其函数 - 添加 addRule 和 updateNode 工具映射 3. 优化计划卡片样式 - 调整外边距：segment-plan 从 8px 增加到 12px - 优化内边距：header 12px 16px，body 16px，actions 14px 16px - 改进按钮布局：使用垂直布局，按钮和输入框分行显示 - 增加元素间距：步骤间距 6px，按钮间距 10px - 添加行高 1.5 提升可读性 4. 添加 plannerIconSvg 图标	2025-12-31 09:25:08 +08:00
Roe-xin	d43cd610a0	feat: 优化智能体卡片和工具显示 - 添加智能体卡片智能滚动功能：自动滚动到底部，用户向上滚动时停止，滚动到底部恢复 - 过滤 spawnExplorer 工具，不在界面显示 - 添加所有工具的中文名称映射（file_read、file_write、queryRules、setModule 等） - 优化代码结构，移除未使用的导入	2025-12-30 22:51:15 +08:00
Roe-xin	842e5fb49b	feat: 移除计划切换相关内容和样式	2025-12-30 20:48:32 +08:00
Roe-xin	430581598b	Merge branch 'feat/back-to-front' into feat/plugin-front-end	2025-12-30 20:46:26 +08:00
Roe-xin	2d5b297171	Merge branch 'feat/back-to-front' of https://git.pengyejiatu.com/pengyejiatu/IC-Coder-Plugin into feat/back-to-front	2025-12-30 20:43:22 +08:00
XiaoFeng	023fdb66c3	feat: WebView 集成运行模式 - webviewContent 集成模式选择器脚本和样式 - inputArea 适配模式传递 - ICViewProvider/ICHelperPanel 传递模式参数	2025-12-30 20:42:44 +08:00
XiaoFeng	42481cd314	feat: SSE 事件处理和计划确认 UI - sseHandler 添加 onPlanConfirm、onToolConfirm 回调 - messageArea 添加计划确认对话框渲染	2025-12-30 20:42:35 +08:00
XiaoFeng	e77194628a	feat: 模式传递和 API 调用 - dialogService 接收并传递 mode 参数 - apiClient 构造带 mode 的请求 - messageHandler 从 WebView 消息获取 mode	2025-12-30 20:42:28 +08:00
XiaoFeng	2aff54de74	feat: 实现模式选择器 UI - agentModeSelector 添加下拉菜单和模式切换逻辑 - planToggle 适配新的模式系统	2025-12-30 20:42:19 +08:00
XiaoFeng	91fadf591f	feat: 添加运行模式类型定义 - 添加 RunMode 类型（plan/ask/agent/auto） - 添加 PlanConfirmEvent、ToolConfirmEvent 类型 - DialogRequest 使用 mode 字段替代 toolMode/planMode	2025-12-30 20:42:11 +08:00
Roe-xin	02b56a7031	feat: 更新插件分类为聊天和编程语言	2025-12-30 16:49:49 +08:00
Roe-xin	c42ebdfe59	feat: 更新默认后端服务地址为192.168.1.108	2025-12-30 16:10:49 +08:00
Roe-xin	3f0cc8ae29	feat: 添加工作区状态检查功能，优化用户体验 - 用户鼠标聚焦到输入框中就弹窗提示用户打开优化用户体验	2025-12-30 16:02:36 +08:00
Roe-xin	0f458f6299	feat: 优化波形预览脚本绘制逻辑，支持单比特和多比特信号的不同绘制方式	2025-12-30 15:35:35 +08:00
Roe-xin	d415d8ee4e	feat: 更新后端服务地址为192.168.1.108	2025-12-30 15:02:28 +08:00
XiaoFeng	bd7a85b705	Merge remote-tracking branch 'origin/feat/Plugin-front-end' into feat/back-to-front	2025-12-30 09:42:23 +08:00
XiaoFeng	44bbcde5cf	feat: 知识图谱工具支持 + 智能体事件处理 - dialogService: 添加智能体 SSE 事件处理 - toolExecutor: 添加 knowledge_save/knowledge_load 工具 - messageArea: 添加智能体消息渲染支持 - 添加 CLAUDE.md 项目配置	2025-12-30 09:40:04 +08:00
XiaoFeng	d4c726ea9c	feat: 添加智能体卡片组件 - 新建 agentCard.ts 智能体卡片UI组件 - webviewContent.ts 集成样式和脚本	2025-12-29 09:22:34 +08:00
XiaoFeng	082ef923b2	feat: 添加智能体事件类型和SSE处理 - api.ts 添加4个智能体事件类型定义 - sseHandler.ts 添加智能体事件回调和分发	2025-12-29 09:22:26 +08:00
XiaoFeng	5cb68652f9	fix: file_list 工具现在同时返回文件和目录	2025-12-26 15:40:40 +08:00
XiaoFeng	9bfa774336	feat: 添加 knowledge_save/load 工具 - api.ts: 添加 knowledge_save/load 类型定义 - toolExecutor.ts: 实现知识图谱保存和加载功能	2025-12-26 11:41:38 +08:00
XiaoFeng	009da59d38	Merge remote-tracking branch 'origin/feat/Plugin-front-end' into feat/back-to-front	2025-12-25 16:18:05 +08:00
XiaoFeng	5ea5ddba6e	feat: 添加 file_delete 工具支持	2025-12-25 16:17:31 +08:00