style:调整对话样式

style:优化了预览波形的样式
Merge branch 'feat/back-to-front' into feature/waveform-renderer
2026-01-08 20:25:51 +08:00 · 2026-01-08 18:18:51 +08:00 · 2026-01-08 17:26:29 +08:00 · 2026-01-08 17:24:36 +08:00 · 2026-01-08 16:10:41 +08:00 · 2026-01-08 15:27:14 +08:00
221 changed files with 67564 additions and 768 deletions
--- a/.gitignore
+++ b/.gitignore
@ -3,3 +3,14 @@ dist
 node_modules
 .vscode-test/
 *.vsix
 # waveform_trace 打包产物（exe 太大，通过 Release 发布）
 tools/waveform_trace/bin/
 tools/waveform_trace/src/build/
 tools/waveform_trace/src/dist/
 tools/waveform_trace/src/*.spec
 # Python 缓存
 __pycache__/
 *.pyc
 *.pyo
--- a/.vscodeignore
+++ b/.vscodeignore
@ -0,0 +1,29 @@
 # 排除开发文件
 .vscode/**
 .git/**
 .gitignore
 node_modules/**
 src/**
 **/*.ts
 **/*.map
 # 排除测试文件
 test/**
 **/*.test.js
 # 排除文档
 *.md
 !README.md
 # 排除 waveform_trace Python 源码（只保留 exe）
 tools/waveform_trace/src/**
 tools/waveform_trace/build/**
 tools/waveform_trace/dist/**
 tools/waveform_trace/build.bat
 tools/waveform_trace/build.sh
 # 排除打包临时文件
 **/__pycache__/**
 **/*.pyc
 **/*.pyo
 **/*.spec
--- a/docs/数据流程详解.md
+++ b/docs/数据流程详解.md
--- a/media/surfer/index.html
+++ b/media/surfer/index.html
@ -0,0 +1,200 @@
 <!DOCTYPE html>
 <html>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <!-- Disable zooming: -->
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 <head>
    <!-- change this to your project name -->
    <title>Surfer</title>
    <!-- config for our rust wasm binary. go to https://trunkrs.dev/assets/#rust for more customization -->
        <script type="module">
        import init from '/surfer.js';
        await init({module_or_path: '/surfer_bg.wasm'});
        import {WebHandle, inject_message, id_of_name, draw_text_arrow} from '/surfer.js';
        window.inject_message = inject_message;
        window.id_of_name = id_of_name;
        window.draw_text_arrow = draw_text_arrow;
        /*SURFER_SETUP_HOOKS*/
    </script>
    <!-- this is the base url relative to which other urls will be constructed. trunk will insert this from the public-url option -->
    <base href="/" />
    <script>
        function on_surfer_error(msg) {
            console.log("Setting error message")
            document.getElementById("error_message").innerHTML = msg
            document.getElementById("error_container").style.display = "block"
        }
        window.on_surfer_error = on_surfer_error;
    </script>
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" media="(prefers-color-scheme: light)" content="white">
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#404040">
    <style>
        html {
            /* Remove touch delay: */
            touch-action: manipulation;
        }
        body {
            /* Light mode background color for what is not covered by the egui canvas,
            or where the egui canvas is translucent. */
            background: #909090;
        }
        @media (prefers-color-scheme: dark) {
            body {
                /* Dark mode background color for what is not covered by the egui canvas,
                or where the egui canvas is translucent. */
                background: #404040;
            }
        }
        /* Allow canvas to fill entire web page: */
        html,
        body {
            overflow: hidden;
            margin: 0 !important;
            padding: 0 !important;
            height: 100%;
            width: 100%;
        }
        /* Make canvas fill entire document: */
        canvas {
            margin-right: auto;
            margin-left: auto;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .centered {
            margin-right: auto;
            margin-left: auto;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #f0f0f0;
            font-size: 24px;
            font-family: Ubuntu-Light, Helvetica, sans-serif;
            text-align: center;
        }
        /* ---------------------------------------------- */
        /* Loading animation from https://loading.io/css/ */
        .lds-dual-ring {
            display: inline-block;
            width: 24px;
            height: 24px;
        }
        .lds-dual-ring:after {
            content: " ";
            display: block;
            width: 24px;
            height: 24px;
            margin: 0px;
            border-radius: 50%;
            border: 3px solid #fff;
            border-color: #fff transparent #fff transparent;
            animation: lds-dual-ring 1.2s linear infinite;
        }
        @keyframes lds-dual-ring {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        #error_container {
            padding: 1em;
            border-radius: 0.5em;
            margin: 0px auto;
            max-width: 980px;
            color: #ffffff;
            background-color: black;
            position: relative;
            height: 90%;
            overflow: scroll;
        }
        #error_container a {
            color: #ff9999;
        }
        #error_message {
            overflow: scroll;
            white-space: break-spaces;
        }
    </style>
 <link rel="modulepreload" href="/surfer.js" crossorigin="anonymous" integrity="sha384-s5jcnzgSMjwjfa1Jq5kr3vQVXGQ7D+ZdMsCBdbbcmKefqvRKw652YAYaaHZJQob6"><link rel="preload" href="/surfer_bg.wasm" crossorigin="anonymous" integrity="sha384-YzYZZQJDXiKIAVpyBMziailnMHJ/sxzBq0VNMP854yLbTd2lneCR5ZgcvB4cYMFc" as="fetch" type="application/wasm"></head>
 <body>
    <!-- The WASM code will resize the canvas dynamically -->
    <!-- the id is hardcoded in main.rs . so, make sure both match. -->
    <canvas id="the_canvas_id"></canvas>
    <div id="error_container" style="display: none;">
        <h1>Sorry, Surfer crashed 🔥</h1>
        <p>
            Something caused Surfer to crash. Please report the error on
            <a href="https://gitlab.com/surfer-project/surfer/-/issues/new">
                gitlab
            </a>
        </p>
        <p>
            Any report is appreciated, but it is extra helpful if you can attach the waveform that caused
            the crash and/or the steps to reproduce the crash.
        </p>
        <h3>
            Backtrace:
        </h3>
        <div class="error_container">
            <!-- This is filled in by javascript -->
            <code id="error_message"></code>
        </div>
    </div>
    <!-- Register the message listener system -->
    <script src="integration.js"></script>
    <script>
        register_message_listener()
    </script>
    <!--Register Service Worker. this will cache the wasm / js scripts for offline use (for PWA functionality). -->
    <!-- Force refresh (Ctrl + F5) to load the latest files instead of cached files  -->
    <script>
        // We disable caching during development so that we always view the latest version.
        if ('serviceWorker' in navigator && window.location.hash !== "#dev") {
            window.addEventListener('load', function () {
                navigator.serviceWorker.register('sw.js');
            });
        }
    </script>
 </body>
 </html>
 <!-- Powered by egui: https://github.com/emilk/egui/ -->
--- a/media/surfer/integration.js
+++ b/media/surfer/integration.js
@ -0,0 +1,65 @@
 // Web apps which integrate Surfer as an iframe can give commands to surfer via
 // the .postMessage [1] function on the iframe.
 //
 //  For example, to tell Surfer to load waveforms from a URL, use
 // `.postMessage({command: "LoadUrl", url: "https://app.surfer-project.org/picorv32.vcd"})`
 //
 //  For more complex functionality, one can also inject any `Message` defined
 // in `surfer::Message` in surfer/main.rs. However, the API of these messages
 // is not stable and may change at any time. If you add functionality via
 // these, make sure to test the new functionality when changing Surfer version.
 //
 // [1] https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage
 function register_message_listener() {
  window.addEventListener("message", (event) => {
    // JSON decode the message
    const decoded = event.data
    switch (decoded.command) {
      // Load a waveform from a URL. The format is inferred from the data.
      // Example: `{command: "LoadUrl", url: "https://app.surfer-project.org/picorv32.vcd"}`
      case 'LoadUrl': {
        const msg = {
          LoadWaveformFileFromUrl: [
            decoded.url,
            "Clear"
          ]
        }
        inject_message(JSON.stringify(msg))
        break;
      }
      case 'ToggleMenu': {
        const msg = "ToggleMenu"
        inject_message(JSON.stringify(msg))
        break;
      }
      // Load waveform data directly from string content
      case 'LoadData': {
        const msg = {
          LoadFromData: [
            decoded.content,
            decoded.fileName || "waveform.vcd",
            "Clear"
          ]
        }
        inject_message(JSON.stringify(msg))
        break;
      }
      // Inject any other message supported by Surfer in the surfer::Message enum.
      // NOTE: The API of these is unstable.
      case 'InjectMessage': {
        inject_message(decoded.message);
        break
      }
      default:
        console.log(`Unknown message.command ${decoded.command}`)
        break;
    }
  });
 }
--- a/media/surfer/manifest.json
+++ b/media/surfer/manifest.json
@ -0,0 +1,10 @@
 {
  "background_color": "white",
  "display": "standalone",
  "id": "/index.html",
  "lang": "en-US",
  "name": "Surfer",
  "short_name": "surfer",
  "start_url": "./index.html",
  "theme_color": "white"
 }
--- a/media/surfer/surfer.js
+++ b/media/surfer/surfer.js
--- a/media/surfer/surfer/index.html
+++ b/media/surfer/surfer/index.html
@ -0,0 +1,200 @@
 <!DOCTYPE html>
 <html>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <!-- Disable zooming: -->
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 <head>
    <!-- change this to your project name -->
    <title>Surfer</title>
    <!-- config for our rust wasm binary. go to https://trunkrs.dev/assets/#rust for more customization -->
        <script type="module">
        import init from '/surfer.js';
        await init({module_or_path: '/surfer_bg.wasm'});
        import {WebHandle, inject_message, id_of_name, draw_text_arrow} from '/surfer.js';
        window.inject_message = inject_message;
        window.id_of_name = id_of_name;
        window.draw_text_arrow = draw_text_arrow;
        /*SURFER_SETUP_HOOKS*/
    </script>
    <!-- this is the base url relative to which other urls will be constructed. trunk will insert this from the public-url option -->
    <base href="/" />
    <script>
        function on_surfer_error(msg) {
            console.log("Setting error message")
            document.getElementById("error_message").innerHTML = msg
            document.getElementById("error_container").style.display = "block"
        }
        window.on_surfer_error = on_surfer_error;
    </script>
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" media="(prefers-color-scheme: light)" content="white">
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#404040">
    <style>
        html {
            /* Remove touch delay: */
            touch-action: manipulation;
        }
        body {
            /* Light mode background color for what is not covered by the egui canvas,
            or where the egui canvas is translucent. */
            background: #909090;
        }
        @media (prefers-color-scheme: dark) {
            body {
                /* Dark mode background color for what is not covered by the egui canvas,
                or where the egui canvas is translucent. */
                background: #404040;
            }
        }
        /* Allow canvas to fill entire web page: */
        html,
        body {
            overflow: hidden;
            margin: 0 !important;
            padding: 0 !important;
            height: 100%;
            width: 100%;
        }
        /* Make canvas fill entire document: */
        canvas {
            margin-right: auto;
            margin-left: auto;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .centered {
            margin-right: auto;
            margin-left: auto;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #f0f0f0;
            font-size: 24px;
            font-family: Ubuntu-Light, Helvetica, sans-serif;
            text-align: center;
        }
        /* ---------------------------------------------- */
        /* Loading animation from https://loading.io/css/ */
        .lds-dual-ring {
            display: inline-block;
            width: 24px;
            height: 24px;
        }
        .lds-dual-ring:after {
            content: " ";
            display: block;
            width: 24px;
            height: 24px;
            margin: 0px;
            border-radius: 50%;
            border: 3px solid #fff;
            border-color: #fff transparent #fff transparent;
            animation: lds-dual-ring 1.2s linear infinite;
        }
        @keyframes lds-dual-ring {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        #error_container {
            padding: 1em;
            border-radius: 0.5em;
            margin: 0px auto;
            max-width: 980px;
            color: #ffffff;
            background-color: black;
            position: relative;
            height: 90%;
            overflow: scroll;
        }
        #error_container a {
            color: #ff9999;
        }
        #error_message {
            overflow: scroll;
            white-space: break-spaces;
        }
    </style>
 <link rel="modulepreload" href="/surfer.js" crossorigin="anonymous" integrity="sha384-s5jcnzgSMjwjfa1Jq5kr3vQVXGQ7D+ZdMsCBdbbcmKefqvRKw652YAYaaHZJQob6"><link rel="preload" href="/surfer_bg.wasm" crossorigin="anonymous" integrity="sha384-YzYZZQJDXiKIAVpyBMziailnMHJ/sxzBq0VNMP854yLbTd2lneCR5ZgcvB4cYMFc" as="fetch" type="application/wasm"></head>
 <body>
    <!-- The WASM code will resize the canvas dynamically -->
    <!-- the id is hardcoded in main.rs . so, make sure both match. -->
    <canvas id="the_canvas_id"></canvas>
    <div id="error_container" style="display: none;">
        <h1>Sorry, Surfer crashed 🔥</h1>
        <p>
            Something caused Surfer to crash. Please report the error on
            <a href="https://gitlab.com/surfer-project/surfer/-/issues/new">
                gitlab
            </a>
        </p>
        <p>
            Any report is appreciated, but it is extra helpful if you can attach the waveform that caused
            the crash and/or the steps to reproduce the crash.
        </p>
        <h3>
            Backtrace:
        </h3>
        <div class="error_container">
            <!-- This is filled in by javascript -->
            <code id="error_message"></code>
        </div>
    </div>
    <!-- Register the message listener system -->
    <script src="integration.js"></script>
    <script>
        register_message_listener()
    </script>
    <!--Register Service Worker. this will cache the wasm / js scripts for offline use (for PWA functionality). -->
    <!-- Force refresh (Ctrl + F5) to load the latest files instead of cached files  -->
    <script>
        // We disable caching during development so that we always view the latest version.
        if ('serviceWorker' in navigator && window.location.hash !== "#dev") {
            window.addEventListener('load', function () {
                navigator.serviceWorker.register('sw.js');
            });
        }
    </script>
 </body>
 </html>
 <!-- Powered by egui: https://github.com/emilk/egui/ -->
--- a/media/surfer/surfer/integration.js
+++ b/media/surfer/surfer/integration.js
@ -0,0 +1,52 @@
 // Web apps which integrate Surfer as an iframe can give commands to surfer via
 // the .postMessage [1] function on the iframe.
 //
 //  For example, to tell Surfer to load waveforms from a URL, use
 // `.postMessage({command: "LoadUrl", url: "https://app.surfer-project.org/picorv32.vcd"})`
 //
 //  For more complex functionality, one can also inject any `Message` defined
 // in `surfer::Message` in surfer/main.rs. However, the API of these messages
 // is not stable and may change at any time. If you add functionality via
 // these, make sure to test the new functionality when changing Surfer version.
 //
 // [1] https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage
 function register_message_listener() {
  window.addEventListener("message", (event) => {
    // JSON decode the message
    const decoded = event.data
    switch (decoded.command) {
      // Load a waveform from a URL. The format is inferred from the data.
      // Example: `{command: "LoadUrl", url: "https://app.surfer-project.org/picorv32.vcd"}`
      case 'LoadUrl': {
        const msg = {
          LoadWaveformFileFromUrl: [
            decoded.url,
            "Clear"
          ]
        }
        inject_message(JSON.stringify(msg))
        break;
      }
      case 'ToggleMenu': {
        const msg = "ToggleMenu"
        inject_message(JSON.stringify(msg))
        break;
      }
      // Inject any other message supported by Surfer in the surfer::Message enum.
      // NOTE: The API of these is unstable.
      case 'InjectMessage': {
        inject_message(decoded.message);
        break
      }
      default:
        console.log(`Unknown message.command ${decoded.command}`)
        break;
    }
  });
 }
--- a/media/surfer/surfer/manifest.json
+++ b/media/surfer/surfer/manifest.json
@ -0,0 +1,10 @@
 {
  "background_color": "white",
  "display": "standalone",
  "id": "/index.html",
  "lang": "en-US",
  "name": "Surfer",
  "short_name": "surfer",
  "start_url": "./index.html",
  "theme_color": "white"
 }
--- a/media/surfer/surfer/surfer.js
+++ b/media/surfer/surfer/surfer.js
--- a/media/surfer/surfer/surfer_bg.wasm
+++ b/media/surfer/surfer/surfer_bg.wasm
--- a/media/surfer/surfer/sw.js
+++ b/media/surfer/surfer/sw.js
@ -0,0 +1,37 @@
 self.addEventListener("install", function () {
  self.skipWaiting();
 });
 self.addEventListener("activate", (event) => {
  event.waitUntil(self.clients.claim());
 });
 self.addEventListener("fetch", function (event) {
  if (event.request.cache === "only-if-cached" && event.request.mode !== "same-origin") {
    return;
  }
  event.respondWith(
    fetch(event.request)
      .then(function (response) {
        // It seems like we only need to set the headers for index.html
        // If you want to be on the safe side, comment this out
        // if (!response.url.includes("index.html")) return response;
        const newHeaders = new Headers(response.headers);
        newHeaders.set("Cross-Origin-Embedder-Policy", "require-corp");
        newHeaders.set("Cross-Origin-Opener-Policy", "same-origin");
        const moddedResponse = new Response(response.body, {
          status: response.status,
          statusText: response.statusText,
          headers: newHeaders,
        });
        return moddedResponse;
      })
      .catch(function (e) {
        console.error(e);
      })
  );
 });
--- a/media/surfer/surfer_bg.wasm
+++ b/media/surfer/surfer_bg.wasm
--- a/media/surfer/sw.js
+++ b/media/surfer/sw.js
@ -0,0 +1,37 @@
 self.addEventListener("install", function () {
  self.skipWaiting();
 });
 self.addEventListener("activate", (event) => {
  event.waitUntil(self.clients.claim());
 });
 self.addEventListener("fetch", function (event) {
  if (event.request.cache === "only-if-cached" && event.request.mode !== "same-origin") {
    return;
  }
  event.respondWith(
    fetch(event.request)
      .then(function (response) {
        // It seems like we only need to set the headers for index.html
        // If you want to be on the safe side, comment this out
        // if (!response.url.includes("index.html")) return response;
        const newHeaders = new Headers(response.headers);
        newHeaders.set("Cross-Origin-Embedder-Policy", "require-corp");
        newHeaders.set("Cross-Origin-Opener-Policy", "same-origin");
        const moddedResponse = new Response(response.body, {
          status: response.status,
          statusText: response.statusText,
          headers: newHeaders,
        });
        return moddedResponse;
      })
      .catch(function (e) {
        console.error(e);
      })
  );
 });
--- a/package.json
+++ b/package.json
@ -71,26 +71,18 @@
        "label": "IC Coder"
      }
    ],
-    "configuration": {
+    "customEditors": [
-      "title": "IC Coder",
+      {
-      "properties": {
+        "viewType": "ic-coder.vcdViewer",
-        "icCoder.backendUrl": {
+        "displayName": "VCD 波形查看器",
-          "type": "string",
+        "selector": [
-          "default": "http://192.168.1.108:2233",
+          {
-          "description": "后端服务地址"
+            "filenamePattern": "*.vcd"
-        },
+          }
-        "icCoder.timeout": {
+        ],
-          "type": "number",
+        "priority": "default"
          "default": 60000,
          "description": "请求超时时间（毫秒）"
        },
        "icCoder.userId": {
          "type": "string",
          "default": "default-user",
          "description": "用户ID（临时配置）"
        }
      }
-    }
+    ]
  },
  "scripts": {
    "vscode:prepublish": "pnpm run package",
@ -121,7 +113,8 @@
  "files": [
    "dist",
    "media",
-    "tools"
+    "tools",
    "src/assets"
  ],
  "dependencies": {
    "@wavedrom/doppler": "^1.14.0",
--- a/rustup-init.exe
+++ b/rustup-init.exe
--- a/src/assets/model/Auto.png
+++ b/src/assets/model/Auto.png
--- a/src/assets/model/Max.png
+++ b/src/assets/model/Max.png
--- a/src/assets/model/Sy.png
+++ b/src/assets/model/Sy.png
--- a/src/assets/model/lite.png
+++ b/src/assets/model/lite.png
--- a/src/components/codeHighlight.ts
+++ b/src/components/codeHighlight.ts
@ -0,0 +1,237 @@
 /**
 * 代码高亮组件
 *
 * 功能说明:
 * - 使用 highlight.js 提供专业的代码语法高亮
 * - 支持多种编程语言（Verilog, JavaScript, Python 等）
 * - 提供行内代码和代码块的不同样式
 * - 自动检测语言类型
 */
 /**
 * 获取 highlight.js 的 CDN 链接
 */
 export function getHighlightJsLinks(): string {
  return `
    <!-- Highlight.js CSS (VS Code Dark+ 主题) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/vs2015.min.css">
    <!-- Highlight.js 核心库 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
    <!-- Verilog 语言支持 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/verilog.min.js"></script>
  `;
 }
 /**
 * 获取代码高亮的样式
 */
 export function getCodeHighlightStyles(): string {
  return `
    /* 代码块基础样式 */
    .segment-text pre {
      background: var(--vscode-textCodeBlock-background);
      border: 1px solid var(--vscode-panel-border);
      border-radius: 6px;
      padding: 12px;
      overflow-x: auto;
      margin: 12px 0;
      position: relative;
      white-space: pre;
    }
    .segment-text pre code {
      background: transparent !important;
      padding: 0;
      border: none;
      display: block;
      line-height: 1.5;
      white-space: pre;
      font-family: 'Courier New', Consolas, 'Monaco', monospace;
      font-size: 0.9em;
    }
    /* 行内代码样式 */
    .segment-text code:not(pre code) {
      background: var(--vscode-textCodeBlock-background);
      padding: 2px 6px;
      border-radius: 3px;
      color: var(--vscode-textPreformat-foreground);
      border: 1px solid var(--vscode-panel-border);
      font-family: 'Courier New', Consolas, 'Monaco', monospace;
      font-size: 0.9em;
    }
    /* 覆盖 highlight.js 的背景色，使用 VSCode 主题色 */
    .segment-text pre code.hljs {
      background: transparent !important;
      padding: 0 !important;
    }
    /* 代码块语言标签 */
    .code-block-wrapper {
      position: relative;
      margin: -20px 0;
    }
    .code-language-label {
      position: absolute;
      top: 8px;
      right: 8px;
      background: var(--vscode-badge-background);
      color: var(--vscode-badge-foreground);
      padding: 2px 8px;
      border-radius: 3px;
      font-size: 11px;
      font-weight: 500;
      text-transform: uppercase;
      opacity: 0.8;
      z-index: 1;
    }
    /* 代码块复制按钮 */
    .code-copy-btn {
      position: absolute;
      top: 8px;
      right: 8px;
      background: var(--vscode-button-secondaryBackground);
      color: var(--vscode-button-secondaryForeground);
      border: 1px solid var(--vscode-button-border);
      border-radius: 4px;
      padding: 4px 8px;
      font-size: 11px;
      cursor: pointer;
      opacity: 0;
      transition: opacity 0.2s ease;
      z-index: 2;
    }
    .code-block-wrapper:hover .code-copy-btn {
      opacity: 1;
    }
    .code-copy-btn:hover {
      background: var(--vscode-button-secondaryHoverBackground);
    }
    .code-copy-btn.copied {
      background: var(--vscode-button-background);
      color: var(--vscode-button-foreground);
    }
    /* 代码块滚动条样式 */
    .segment-text pre::-webkit-scrollbar {
      height: 8px;
    }
    .segment-text pre::-webkit-scrollbar-track {
      background: var(--vscode-scrollbarSlider-background);
      border-radius: 4px;
    }
    .segment-text pre::-webkit-scrollbar-thumb {
      background: var(--vscode-scrollbarSlider-hoverBackground);
      border-radius: 4px;
    }
    .segment-text pre::-webkit-scrollbar-thumb:hover {
      background: var(--vscode-scrollbarSlider-activeBackground);
    }
  `;
 }
 /**
 * 获取代码高亮的脚本
 */
 export function getCodeHighlightScript(): string {
  return `
    /**
     * 使用 highlight.js 进行代码高亮
     */
    function highlightCodeBlocks() {
      // 等待 highlight.js 加载完成
      if (typeof hljs === 'undefined') {
        setTimeout(highlightCodeBlocks, 100);
        return;
      }
      const codeBlocks = document.querySelectorAll('.segment-text pre code:not(.hljs)');
      codeBlocks.forEach((block) => {
        hljs.highlightElement(block);
      });
    }
    /**
     * 为代码块添加复制按钮
     */
    function enhanceCodeBlocks() {
      const codeBlocks = document.querySelectorAll('.segment-text pre code');
      codeBlocks.forEach((codeElement) => {
        const preElement = codeElement.parentElement;
        if (!preElement || preElement.classList.contains('enhanced')) {
          return;
        }
        // 标记为已增强，避免重复处理
        preElement.classList.add('enhanced');
        // 应用语法高亮
        if (typeof hljs !== 'undefined' && !codeElement.classList.contains('hljs')) {
          hljs.highlightElement(codeElement);
        }
        // 创建包装器
        const wrapper = document.createElement('div');
        wrapper.className = 'code-block-wrapper';
        preElement.parentNode.insertBefore(wrapper, preElement);
        wrapper.appendChild(preElement);
        // 添加复制按钮
        const copyBtn = document.createElement('button');
        copyBtn.className = 'code-copy-btn';
        copyBtn.textContent = '复制';
        copyBtn.onclick = function() {
          const code = codeElement.textContent;
          navigator.clipboard.writeText(code).then(() => {
            copyBtn.textContent = '已复制';
            copyBtn.classList.add('copied');
            setTimeout(() => {
              copyBtn.textContent = '复制';
              copyBtn.classList.remove('copied');
            }, 2000);
          });
        };
        wrapper.appendChild(copyBtn);
      });
    }
    /**
     * 监听 DOM 变化，自动增强新添加的代码块
     */
    function observeCodeBlocks() {
      const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
          if (mutation.addedNodes.length > 0) {
            enhanceCodeBlocks();
          }
        });
      });
      observer.observe(document.getElementById('messages'), {
        childList: true,
        subtree: true
      });
    }
    // 初始化代码块增强
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', () => {
        enhanceCodeBlocks();
        observeCodeBlocks();
      });
    } else {
      enhanceCodeBlocks();
      observeCodeBlocks();
    }
  `;
 }
--- a/src/config/settings.ts
+++ b/src/config/settings.ts
@ -1,9 +1,18 @@
 /**
 * 配置管理
- * 从 VSCode 设置读取配置项
+ * 支持 dev（本地开发）和 test（测试服务器）两种环境
 */
 import * as vscode from "vscode";
 /** 环境类型 */
 type Environment = "dev" | "test" | "prod";
 /** 当前环境 - 修改这里切换环境 */
 const CURRENT_ENV: Environment = "test";
 /** 服务等级类型 */
 export type ServiceTier = "lite" | "syntaxic" | "max" | "auto";
 /** 配置项接口 */
 export interface IccoderConfig {
  /** 后端服务地址 */
@ -12,26 +21,47 @@ export interface IccoderConfig {
  timeout: number;
  /** 用户ID（临时使用，后续对接认证） */
  userId: string;
  /** 服务等级 */
  serviceTier: ServiceTier;
 }
-/** 默认配置 */
+/** 环境配置 */
-const DEFAULT_CONFIG: IccoderConfig = {
+const ENV_CONFIG: Record<Environment, IccoderConfig> = {
-  backendUrl: "http://192.168.1.108:2233",
+  /** 本地开发环境 */
-  timeout: 60000,
+  dev: {
-  userId: "default-user",
+    backendUrl: "http://localhost:2233",
    timeout: 300000,
    userId: "default-user",
    serviceTier: "max", // 默认使用 max
  },
  /** 测试服务器环境 */
  test: {
    backendUrl: "http://192.168.1.108:2233",
    timeout: 60000,
    userId: "default-user",
    serviceTier: "max",
  },
  /** 生产环境 */
  prod: {
    backendUrl: "https://api.iccoder.com",
    timeout: 60000,
    userId: "default-user",
    serviceTier: "auto",
  },
 };
 /**
 * 获取当前环境
 */
 export function getCurrentEnv(): Environment {
  return CURRENT_ENV;
 }
 /**
 * 获取配置项
 */
 export function getConfig(): IccoderConfig {
-  const config = vscode.workspace.getConfiguration("icCoder");
+  return { ...ENV_CONFIG[CURRENT_ENV] };
  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),
  };
 }
 /**
@ -39,7 +69,6 @@ export function getConfig(): IccoderConfig {
 */
 export function getApiUrl(path: string): string {
  const { backendUrl } = getConfig();
  // 确保 URL 格式正确
  const baseUrl = backendUrl.endsWith("/")
    ? backendUrl.slice(0, -1)
    : backendUrl;
--- a/src/constants/toolIcons.ts
+++ b/src/constants/toolIcons.ts
@ -82,6 +82,11 @@ export const agentIconSvg = `
 */
 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>`;
 /**
 * Ask 模式图标 SVG
 */
 export const askIconSvg = `<svg t="1767143500000" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><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="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420.4c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8 0-25.6 10.1-49.4 28.4-67.2 18.7-18.2 43.4-28.2 71.6-28.2s52.9 10 71.6 28.2c18.3 17.8 28.4 41.6 28.4 67.2 0 29.5-12.2 55.3-36.2 76.6-23.2 20.6-61.1 45.9-82.2 60.6-17.8 12.4-28.6 32.7-28.6 54.2V640c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-35.8c0-4.1 2.6-7.8 6.5-9.2 31.3-11.6 84.8-40.6 113.8-64.8 42.6-35.6 66.2-83.5 66.2-134.8 0-39.7-17.2-76.4-48.4-103.3z" fill="#8a8a8a"/><path d="M512 716m-40 0a40 40 0 1 0 80 0 40 40 0 1 0-80 0Z" fill="#8a8a8a"/></svg>`;
 /**
 * 保存知识库图标 SVG
 */
@ -165,3 +170,8 @@ export const stateTransitionIconSvg = `
    </svg>
  </span>
 `;
 /**
 * 用户提问图标 SVG
 */
 export const userQuestionIconSvg = `<svg t="1767869230062" class="icon" viewBox="0 0 1068 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4819" width="14" height="14"><path d="M563.645217 578.782609c2.537739-35.350261 6.322087-58.189913 11.397566-68.518957 7.568696-15.449043 24.175304-34.370783 49.775304-56.631652 35.172174-30.72 58.546087-53.960348 70.121739-69.810087 11.575652-15.805217 17.408-36.418783 17.408-61.885217 0-41.939478-15.805217-76.399304-47.37113-103.379479-31.610435-26.980174-73.638957-40.470261-126.130087-40.47026-56.765217 0-101.376 15.760696-133.921392 47.282086C372.424348 256.934957 356.173913 298.562783 356.173913 350.386087h71.145739c1.335652-31.165217 6.811826-55.02887 16.384-71.590957 17.051826-29.740522 47.86087-44.610783 92.338087-44.610782 35.973565 0 61.796174 8.637217 77.378783 25.911652 15.582609 17.274435 23.373913 37.665391 23.373913 61.128348 0 16.784696-5.342609 32.990609-16.027826 48.573217-5.787826 8.904348-13.534609 17.363478-23.151305 25.555478l-31.966608 28.40487c-30.675478 27.113739-50.487652 51.155478-59.570087 72.125217-6.054957 13.979826-10.551652 41.627826-13.579131 82.899479h71.145739z m15.137392 89.043478a44.521739 44.521739 0 1 0-89.043479 0 44.521739 44.521739 0 0 0 89.043479 0z" fill="#8a8a8a" p-id="4820"></path><path d="M934.912 0h-801.391304a133.565217 133.565217 0 0 0-133.565218 133.565217v623.304348l0.222609 7.835826A133.565217 133.565217 0 0 0 133.565217 890.434783h222.608696v89.043478a44.521739 44.521739 0 0 0 64.556522 39.713391L675.661913 890.434783h259.294609a133.565217 133.565217 0 0 0 133.565217-133.565218V133.565217a133.565217 133.565217 0 0 0-133.565217-133.565217z m-801.391304 89.043478h801.391304a44.521739 44.521739 0 0 1 44.521739 44.521739v623.304348a44.521739 44.521739 0 0 1-44.521739 44.521739h-269.801739a44.521739 44.521739 0 0 0-20.034783 4.763826l-199.902608 100.930783V845.913043a44.521739 44.521739 0 0 0-44.52174-44.521739h-267.130434a44.521739 44.521739 0 0 1-44.521739-44.521739V133.565217a44.521739 44.521739 0 0 1 44.521739-44.521739z" fill="#8a8a8a" p-id="4821"></path></svg>`;
--- a/src/extension.ts
+++ b/src/extension.ts
@ -1,13 +1,27 @@
 import * as vscode from "vscode";
 import { ICViewProvider } from "./views/ICViewProvider";
 import { showICHelperPanel } from "./panels/ICHelperPanel";
-import { VCDViewerPanel } from "./panels/VCDViewerPanel";
+import { VCDViewerPanel, VCDViewerEditorProvider } from "./panels/VCDViewerPanel";
 import { ChatHistoryManager } from "./utils/chatHistoryManager";
 import { ICCoderAuthenticationProvider } from "./services/icCoderAuthProvider";
 import { VCDFileServer } from "./services/vcdFileServer";
 export function activate(context: vscode.ExtensionContext) {
  console.log("🎉 IC Coder 插件已激活！");
  // 初始化 VCD 文件服务器
  const vcdFileServer = new VCDFileServer();
  vcdFileServer.start().then((port) => {
    console.log(`VCD 文件服务器已启动，端口: ${port}`);
  }).catch((error) => {
    console.error("启动 VCD 文件服务器失败:", error);
  });
  // 在插件停用时关闭服务器
  context.subscriptions.push({
    dispose: () => vcdFileServer.stop()
  });
  // 注册 Authentication Provider
  const authProvider = new ICCoderAuthenticationProvider(context);
  context.subscriptions.push(
@ -68,7 +82,7 @@ export function activate(context: vscode.ExtensionContext) {
        }
      }
-      VCDViewerPanel.createOrShow(context.extensionUri, vcdFilePath);
+      VCDViewerPanel.createOrShow(context.extensionUri, vcdFilePath, vcdFileServer);
    }
  );
@ -160,6 +174,9 @@ export function activate(context: vscode.ExtensionContext) {
    viewProvider
  );
  // 注册 VCD 自定义编辑器
  const vcdEditorProvider = VCDViewerEditorProvider.register(context, vcdFileServer);
  // 添加到订阅
  context.subscriptions.push(
    openPanelCommand,
@ -174,7 +191,8 @@ export function activate(context: vscode.ExtensionContext) {
    // deleteSessionCommand,
    // clearHistoryCommand,
    // searchSessionCommand,
-    viewRegistration
+    viewRegistration,
    vcdEditorProvider
  );
 }
--- a/src/panels/ICHelperPanel.ts
+++ b/src/panels/ICHelperPanel.ts
@ -12,7 +12,9 @@ import {
  handlePlanAction,
  setPendingPlanExecution,
  getCurrentTaskId,
  setLastTaskId,
 } from "../utils/messageHandler";
 import { compactDialog } from "../services/apiClient";
 import { VCDViewerPanel } from "./VCDViewerPanel";
 import { ChatHistoryManager } from "../utils/chatHistoryManager";
 import { MessageType } from "../types/chatHistory";
@ -58,7 +60,10 @@ export async function showICHelperPanel(
    {
      enableScripts: true,
      retainContextWhenHidden: true,
-      localResourceRoots: [vscode.Uri.joinPath(context.extensionUri, "media")],
+      localResourceRoots: [
        vscode.Uri.joinPath(context.extensionUri, "media"),
        vscode.Uri.joinPath(context.extensionUri, "src", "assets")
      ],
    }
  );
@ -80,8 +85,28 @@ export async function showICHelperPanel(
    vscode.Uri.joinPath(context.extensionUri, "media", "icon.png")
  );
  // 获取模型图标URI
  const autoIconUri = panel.webview.asWebviewUri(
    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "Auto.png")
  );
  const liteIconUri = panel.webview.asWebviewUri(
    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "lite.png")
  );
  const syIconUri = panel.webview.asWebviewUri(
    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "Sy.png")
  );
  const maxIconUri = panel.webview.asWebviewUri(
    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "Max.png")
  );
  // 设置HTML内容
-  panel.webview.html = getWebviewContent(iconUri.toString());
+  panel.webview.html = getWebviewContent(
    iconUri.toString(),
    autoIconUri.toString(),
    liteIconUri.toString(),
    syIconUri.toString(),
    maxIconUri.toString()
  );
  // 处理消息
  panel.webview.onDidReceiveMessage(
@ -116,11 +141,15 @@ export async function showICHelperPanel(
          // 切换到当前面板的任务上下文
          historyManager.switchToPanelTask(panelId);
          // 显示进度条
          panel.webview.postMessage({ type: 'showProgress' });
          handleUserMessage(
            panel,
            message.text,
            context.extensionPath,
-            message.mode
+            message.mode,
            message.model  // 传递服务等级
          );
          break;
        case "readFile":
@ -147,12 +176,10 @@ export async function showICHelperPanel(
          vscode.window.showInformationMessage(message.text);
          break;
        case "openWaveformViewer":
-          // 打开波形查看器
+          // 打开波形查看器 - 使用 vscode.open 触发自定义编辑器
          if (message.vcdFilePath) {
-            VCDViewerPanel.createOrShow(
+            const vcdUri = vscode.Uri.file(message.vcdFilePath);
-              context.extensionUri,
+            vscode.commands.executeCommand('vscode.open', vcdUri);
              message.vcdFilePath
            );
          }
          break;
        case "getVCDInfo":
@ -193,7 +220,40 @@ export async function showICHelperPanel(
          break;
        // 新增：中止对话
        case "abortDialog":
-          abortCurrentDialog();
+          void abortCurrentDialog();
          break;
        // 新增：压缩会话
        case "compressConversation":
          {
            const taskId = getCurrentTaskId();
            if (taskId) {
              compactDialog(taskId)
                .then((result) => {
                  if (result.success) {
                    panel.webview.postMessage({
                      command: "receiveMessage",
                      text: "✅ 会话压缩完成",
                    });
                  } else {
                    panel.webview.postMessage({
                      command: "receiveMessage",
                      text: `❌ 压缩失败: ${result.error || "未知错误"}`,
                    });
                  }
                })
                .catch((err) => {
                  panel.webview.postMessage({
                    command: "receiveMessage",
                    text: `❌ 压缩失败: ${err.message || "网络错误"}`,
                  });
                });
            } else {
              panel.webview.postMessage({
                command: "receiveMessage",
                text: "❌ 没有活跃的会话",
              });
            }
          }
          break;
        // 处理计划操作（只做模式切换，响应已通过 submitAnswer 发送）
        case "planAction":
@ -220,6 +280,109 @@ export async function showICHelperPanel(
            }
          }
          break;
        // 添加文件上下文 - 显示工作区文件列表
        case "addContextFile":
          {
            const workspaceFolder = vscode.workspace.workspaceFolders?.[0];
            if (!workspaceFolder) {
              vscode.window.showWarningMessage("请先打开一个工作区");
              break;
            }
            // 获取工作区所有文件
            const files = await vscode.workspace.findFiles(
              "**/*",
              "**/node_modules/**"
            );
            panel.webview.postMessage({
              command: "showWorkspaceFileList",
              files: files.map((uri) => ({
                path: uri.fsPath,
                relativePath: vscode.workspace.asRelativePath(uri),
              })),
            });
          }
          break;
        // 添加文件夹上下文 - 显示工作区文件夹列表
        case "addContextFolder":
          {
            const workspaceFolder = vscode.workspace.workspaceFolders?.[0];
            if (!workspaceFolder) {
              vscode.window.showWarningMessage("请先打开一个工作区");
              break;
            }
            // 获取工作区所有文件夹
            const fs = require("fs");
            const path = require("path");
            const folders: Array<{ path: string; relativePath: string }> = [];
            function scanFolders(dir: string, baseDir: string) {
              try {
                const items = fs.readdirSync(dir, { withFileTypes: true });
                for (const item of items) {
                  if (item.isDirectory() && item.name !== "node_modules" && !item.name.startsWith(".")) {
                    const fullPath = path.join(dir, item.name);
                    const relativePath = path.relative(baseDir, fullPath);
                    folders.push({ path: fullPath, relativePath });
                    scanFolders(fullPath, baseDir);
                  }
                }
              } catch (error) {
                console.error("扫描文件夹失败:", error);
              }
            }
            scanFolders(workspaceFolder.uri.fsPath, workspaceFolder.uri.fsPath);
            panel.webview.postMessage({
              command: "showWorkspaceFolderList",
              folders: folders,
            });
          }
          break;
        // 添加图片上下文
        case "addContextImage":
          {
            const imageUris = await vscode.window.showOpenDialog({
              canSelectFiles: true,
              canSelectFolders: false,
              canSelectMany: true,
              openLabel: "选择图片",
              filters: {
                "图片文件": ["png", "jpg", "jpeg", "gif", "bmp", "svg", "webp"],
              },
            });
            if (imageUris && imageUris.length > 0) {
              panel.webview.postMessage({
                command: "contextImagesSelected",
                images: imageUris.map((uri) => uri.fsPath),
              });
            }
          }
          break;
        // 添加文档库上下文
        case "addContextDocument":
          {
            const docUris = await vscode.window.showOpenDialog({
              canSelectFiles: true,
              canSelectFolders: false,
              canSelectMany: true,
              openLabel: "选择文档",
              filters: {
                "文档文件": ["pdf", "doc", "docx", "txt", "md"],
                "所有文件": ["*"],
              },
            });
            if (docUris && docUris.length > 0) {
              panel.webview.postMessage({
                command: "contextDocumentsSelected",
                documents: docUris.map((uri) => uri.fsPath),
              });
            }
          }
          break;
        // 新增：检查工作区状态
        case "checkWorkspace":
          const hasWorkspace = !!(
@ -528,6 +691,9 @@ async function selectConversation(
      return;
    }
    // 设置 lastTaskId，用于压缩等操作
    setLastTaskId(taskId);
    // 更新面板的任务映射，确保后续对话保存到正确的任务中
    const panelId = (panel as any).__uniqueId;
    historyManager.setPanelTask(panelId, taskId, workspacePath);
--- a/src/panels/VCDViewerPanel.ts
+++ b/src/panels/VCDViewerPanel.ts
@ -1,19 +1,77 @@
 import * as vscode from "vscode";
 import * as path from "path";
 import * as fs from "fs";
 import { VCDFileServer } from "../services/vcdFileServer";
 /**
- * VCD 波形查看器面板
+ * VCD 波形查看器自定义编辑器提供者
 */
 export class VCDViewerEditorProvider implements vscode.CustomReadonlyEditorProvider {
  public static register(context: vscode.ExtensionContext, vcdFileServer: VCDFileServer): vscode.Disposable {
    const provider = new VCDViewerEditorProvider(context, vcdFileServer);
    const providerRegistration = vscode.window.registerCustomEditorProvider(
      "ic-coder.vcdViewer",
      provider,
      {
        webviewOptions: {
          retainContextWhenHidden: true,
        },
      }
    );
    return providerRegistration;
  }
  constructor(
    private readonly context: vscode.ExtensionContext,
    private readonly vcdFileServer: VCDFileServer
  ) {}
  async openCustomDocument(
    uri: vscode.Uri,
    openContext: vscode.CustomDocumentOpenContext,
    token: vscode.CancellationToken
  ): Promise<vscode.CustomDocument> {
    return {
      uri,
      dispose: () => {},
    };
  }
  async resolveCustomEditor(
    document: vscode.CustomDocument,
    webviewPanel: vscode.WebviewPanel,
    token: vscode.CancellationToken
  ): Promise<void> {
    webviewPanel.webview.options = {
      enableScripts: true,
      localResourceRoots: [this.context.extensionUri],
    };
    // 使用公共工厂方法创建 VCD 查看器实例
    VCDViewerPanel.createFromWebviewPanel(
      webviewPanel,
      this.context.extensionUri,
      document.uri.fsPath,
      this.vcdFileServer
    );
  }
 }
 /**
 * VCD 波形查看器面板 (使用 Surfer)
 */
 export class VCDViewerPanel {
  public static currentPanel: VCDViewerPanel | undefined;
  private readonly _panel: vscode.WebviewPanel;
  private readonly _extensionUri: vscode.Uri;
  private _disposables: vscode.Disposable[] = [];
  private _currentVcdPath: string | undefined;
  private _vcdFileServer: VCDFileServer | undefined;
-  private constructor(panel: vscode.WebviewPanel, extensionUri: vscode.Uri) {
+  private constructor(panel: vscode.WebviewPanel, extensionUri: vscode.Uri, vcdFileServer?: VCDFileServer) {
    this._panel = panel;
    this._extensionUri = extensionUri;
    this._vcdFileServer = vcdFileServer;
    // 设置初始 HTML 内容
    this._panel.webview.html = this._getLoadingHtml();
@ -24,12 +82,20 @@ export class VCDViewerPanel {
    // 监听来自 webview 的消息
    this._panel.webview.onDidReceiveMessage(
      (message) => {
        console.log("[VCDViewerPanel] 收到消息:", message);
        switch (message.command) {
          case "loadVCD":
            if (message.filePath) {
              this.loadVCDFile(message.filePath);
            }
            break;
          case "loaded":
            // Surfer iframe 加载完成，发送 VCD 文件
            console.log("[VCDViewerPanel] Surfer 已加载，当前 VCD 路径:", this._currentVcdPath);
            if (this._currentVcdPath) {
              this.sendVcdToSurfer(this._currentVcdPath);
            }
            break;
        }
      },
      null,
@ -40,7 +106,7 @@ export class VCDViewerPanel {
  /**
   * 创建或显示 VCD 查看器面板
   */
-  public static createOrShow(extensionUri: vscode.Uri, vcdFilePath?: string) {
+  public static createOrShow(extensionUri: vscode.Uri, vcdFilePath?: string, vcdFileServer?: VCDFileServer) {
    const column = vscode.ViewColumn.One;
    // 如果已经有面板打开，则显示它
@ -64,7 +130,7 @@ export class VCDViewerPanel {
      }
    );
-    VCDViewerPanel.currentPanel = new VCDViewerPanel(panel, extensionUri);
+    VCDViewerPanel.currentPanel = new VCDViewerPanel(panel, extensionUri, vcdFileServer);
    // 如果提供了 VCD 文件路径，加载它
    if (vcdFilePath) {
@ -72,23 +138,44 @@ export class VCDViewerPanel {
    }
  }
  /**
   * 从已有的 webview panel 创建 VCD 查看器（用于自定义编辑器）
   */
  public static createFromWebviewPanel(
    panel: vscode.WebviewPanel,
    extensionUri: vscode.Uri,
    vcdFilePath: string,
    vcdFileServer?: VCDFileServer
  ) {
    const viewer = new VCDViewerPanel(panel, extensionUri, vcdFileServer);
    viewer.loadVCDFile(vcdFilePath);
    return viewer;
  }
  /**
   * 加载 VCD 文件
   */
  public loadVCDFile(vcdFilePath: string) {
    try {
      console.log("[VCDViewerPanel] 开始加载 VCD 文件:", vcdFilePath);
      // 检查文件是否存在
      if (!fs.existsSync(vcdFilePath)) {
        vscode.window.showErrorMessage(`VCD 文件不存在: ${vcdFilePath}`);
        return;
      }
      // 保存当前 VCD 路径
      this._currentVcdPath = vcdFilePath;
      console.log("[VCDViewerPanel] VCD 路径已保存:", this._currentVcdPath);
      // 更新面板标题
      const fileName = path.basename(vcdFilePath);
-      this._panel.title = `VCD 波形查看器 - ${fileName}`;
+      this._panel.title = `Surfer 波形查看器 - ${fileName}`;
      // 设置 HTML 内容
-      this._panel.webview.html = this._getWebviewContent(vcdFilePath);
+      this._panel.webview.html = this._getWebviewContent();
      console.log("[VCDViewerPanel] Webview HTML 已设置");
    } catch (error) {
      vscode.window.showErrorMessage(
        `加载 VCD 文件失败: ${error instanceof Error ? error.message : "未知错误"}`
@ -96,6 +183,104 @@ export class VCDViewerPanel {
    }
  }
  /**
   * 解析 VCD 文件获取根模块及其直接子模块名称
   */
  private parseVcdRootScope(vcdFilePath: string): string[] {
    try {
      // 读取 VCD 文件
      const buffer = fs.readFileSync(vcdFilePath, { encoding: 'utf8' });
      const lines = buffer.split('\n');
      const scopeNames: string[] = [];
      let scopeDepth = 0;
      const scopeStack: string[] = [];
      for (const line of lines) {
        const trimmed = line.trim();
        // 遇到 $enddefinitions 就停止解析
        if (trimmed.startsWith('$enddefinitions')) {
          break;
        }
        // 查找 $scope 定义
        const scopeMatch = trimmed.match(/^\$scope\s+(\w+)\s+(\w+)/);
        if (scopeMatch) {
          const scopeType = scopeMatch[1];
          const scopeName = scopeMatch[2];
          // 记录顶层 module (depth = 0)
          if (scopeDepth === 0 && scopeType === 'module') {
            scopeStack.push(scopeName);
            console.log("[VCDViewerPanel] 找到顶层作用域:", scopeName);
          }
          // 记录顶层下的直接子模块 (depth = 1)
          else if (scopeDepth === 1 && scopeType === 'module') {
            const fullPath = [...scopeStack, scopeName];
            scopeNames.push(fullPath.join('.'));
            console.log("[VCDViewerPanel] 找到子模块:", fullPath.join('.'));
          }
          scopeDepth++;
        }
        // 遇到 $upscope 减少深度
        if (trimmed.startsWith('$upscope')) {
          scopeDepth--;
          if (scopeDepth === 0) {
            scopeStack.pop();
          }
        }
      }
      return scopeNames;
    } catch (error) {
      console.error("[VCDViewerPanel] 解析 VCD 文件失败:", error);
      return [];
    }
  }
  /**
   * 发送 VCD 文件到 Surfer
   */
  private sendVcdToSurfer(vcdFilePath: string) {
    try {
      console.log("[VCDViewerPanel] 准备发送 VCD 到 Surfer:", vcdFilePath);
      if (!this._vcdFileServer) {
        throw new Error("VCD 文件服务器未初始化");
      }
      // 解析 VCD 文件获取根模块名称
      const scopeNames = this.parseVcdRootScope(vcdFilePath);
      console.log("[VCDViewerPanel] 解析到的作用域名称:", scopeNames);
      // 注册文件到 HTTP 服务器
      const fileId = this._vcdFileServer.registerFile(vcdFilePath);
      const httpUrl = this._vcdFileServer.getFileUrl(fileId);
      const fileName = path.basename(vcdFilePath);
      console.log("[VCDViewerPanel] 文件名:", fileName);
      console.log("[VCDViewerPanel] HTTP URL:", httpUrl);
      // 使用 LoadUrl 命令通过 HTTP 加载文件
      this._panel.webview.postMessage({
        command: "loadVcdUrl",
        url: httpUrl,
        fileName: fileName,
        scopeNames: scopeNames, // 传递解析到的作用域名称
      });
      console.log("[VCDViewerPanel] 已发送 loadVcdUrl 消息到 webview");
    } catch (error) {
      console.error("[VCDViewerPanel] 发送 VCD 数据失败:", error);
      vscode.window.showErrorMessage(
        `发送 VCD 数据失败: ${error instanceof Error ? error.message : "未知错误"}`
      );
    }
  }
  /**
   * 清理资源
   */
@ -163,188 +348,239 @@ export class VCDViewerPanel {
  /**
   * 获取 Webview 的 HTML 内容
   */
-  private _getWebviewContent(vcdFilePath: string): string {
+  private _getWebviewContent(): string {
-    // 获取资源 URI
+    // 获取 surfer 资源 URI
-    const vcdromJsUri = this._panel.webview.asWebviewUri(
+    const surferJsUri = this._panel.webview.asWebviewUri(
-      vscode.Uri.joinPath(this._extensionUri, "media", "vcdrom", "vcdrom.js")
+      vscode.Uri.joinPath(this._extensionUri, "media", "surfer", "surfer.js")
    );
-    const vcdWasmUri = this._panel.webview.asWebviewUri(
+    const surferWasmUri = this._panel.webview.asWebviewUri(
-      vscode.Uri.joinPath(this._extensionUri, "media", "vcdrom", "vcd.wasm")
+      vscode.Uri.joinPath(this._extensionUri, "media", "surfer", "surfer_bg.wasm")
    );
-    const fontRegularUri = this._panel.webview.asWebviewUri(
+    const integrationJsUri = this._panel.webview.asWebviewUri(
-      vscode.Uri.joinPath(this._extensionUri, "media", "vcdrom", "IosevkaDrom-Regular.woff2")
+      vscode.Uri.joinPath(this._extensionUri, "media", "surfer", "integration.js")
    );
    const fontObliqueUri = this._panel.webview.asWebviewUri(
      vscode.Uri.joinPath(this._extensionUri, "media", "vcdrom", "IosevkaDrom-Oblique.woff2")
    );
    const fontItalicUri = this._panel.webview.asWebviewUri(
      vscode.Uri.joinPath(this._extensionUri, "media", "vcdrom", "IosevkaDrom-Italic.woff2")
    );
    // 读取 VCD 文件内容并转换为 base64
    const vcdContent = fs.readFileSync(vcdFilePath, "utf-8");
    const vcdBase64 = Buffer.from(vcdContent).toString("base64");
    return `<!DOCTYPE html>
-<html lang="zh-CN">
+<html>
 <head>
    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
-    <meta http-equiv="Content-Security-Policy" content="default-src 'none'; font-src ${this._panel.webview.cspSource}; style-src 'unsafe-inline' ${this._panel.webview.cspSource}; script-src 'unsafe-inline' 'unsafe-eval' ${this._panel.webview.cspSource}; img-src ${this._panel.webview.cspSource} data:; connect-src ${this._panel.webview.cspSource};">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'unsafe-inline' 'unsafe-eval' ${this._panel.webview.cspSource}; worker-src blob:; connect-src ${this._panel.webview.cspSource} blob: http://127.0.0.1:*;">
-    <title>VCD 波形查看器</title>
+    <title>Surfer 波形查看器</title>
    <script>
        // 获取 VS Code API（只能调用一次）
        const vscode = acquireVsCodeApi();
        window.vscode = vscode;
        window.surferReady = false;
        window.pendingVcdData = null;
        function on_surfer_error(msg) {
            console.log("Surfer error:", msg);
            document.getElementById("error_message").innerHTML = msg;
            document.getElementById("error_container").style.display = "block";
        }
        window.on_surfer_error = on_surfer_error;
        // 加载 VCD URL 的函数
        function loadVcdUrl(data) {
            try {
                console.log('[Webview] ========== 开始加载 VCD URL ==========');
                console.log('[Webview] URL:', data.url);
                console.log('[Webview] Scope names from VCD:', data.scopeNames);
                // 使用 setTimeout 确保 Surfer 完全准备好
                setTimeout(() => {
                    console.log('[Webview] 通过 postMessage 发送 LoadUrl 命令');
                    // 使用 integration.js 提供的标准 LoadUrl 命令
                    window.postMessage({
                        command: 'LoadUrl',
                        url: data.url
                    }, '*');
                    console.log('[Webview] ✅ 已发送 LoadUrl 命令');
                    // 等待文件加载完成后，自动添加所有信号
                    setTimeout(async () => {
                        try {
                            console.log('[Webview] Attempting to add all signals automatically');
                            // 使用从 VCD 文件解析出来的作用域名称
                            let scopeNamesToTry = [];
                            if (data.scopeNames && data.scopeNames.length > 0) {
                                // 使用解析出来的实际子模块路径（例如 "tb.dut"）
                                scopeNamesToTry = data.scopeNames.map(path => path.split('.'));
                                console.log('[Webview] Using parsed scope names:', scopeNamesToTry);
                            } else {
                                // 回退到常见的根作用域名称
                                scopeNamesToTry = [
                                    ['top'],
                                    ['testbench'],
                                    ['tb'],
                                    ['test'],
                                    ['dut']
                                ];
                                console.log('[Webview] Using fallback scope names');
                            }
                            for (let i = 0; i < scopeNamesToTry.length; i++) {
                                const scopeName = scopeNamesToTry[i];
                                try {
                                    const addScopeMsg = {
                                        "AddScope": [
                                            {
                                                "strs": scopeName,
                                                "id": {"Wellen": i + 1}
                                            },
                                            true  // 递归添加子模块的所有信号
                                        ]
                                    };
                                    window.inject_message(JSON.stringify(addScopeMsg));
                                    console.log('[Webview] Sent AddScope for: ' + scopeName.join('.') + ' (recursive)');
                                } catch (e) {
                                    console.log('[Webview] Failed for scope: ' + scopeName.join('.'), e);
                                }
                            }
                            // 等待信号加载完成后，自动缩放到全部时间范围
                            setTimeout(() => {
                                try {
                                    window.inject_message(JSON.stringify("ZoomToFit"));
                                    console.log('[Webview] Sent ZoomToFit command');
                                } catch (e) {
                                    console.log('[Webview] ZoomToFit failed:', e);
                                }
                            }, 500);
                        } catch (e) {
                            console.error('[Webview] Failed to add signals:', e);
                        }
                    }, 1500);
                }, 100);
            } catch (error) {
                console.error('[Webview] ❌ 加载 VCD 失败:', error);
                on_surfer_error(error.message + '\\n' + error.stack);
            }
        }
        window.loadVcdUrl = loadVcdUrl;
    </script>
    <script type="module">
        console.log('[Webview] 开始初始化 Surfer...');
        import init from '${surferJsUri}';
        await init({module_or_path: '${surferWasmUri}'});
        console.log('[Webview] Surfer WASM 已加载');
        import {WebHandle, inject_message, id_of_name, draw_text_arrow} from '${surferJsUri}';
        window.inject_message = inject_message;
        window.id_of_name = id_of_name;
        window.draw_text_arrow = draw_text_arrow;
        console.log('[Webview] Surfer 函数已导入，inject_message 类型:', typeof window.inject_message);
        // 等待一小段时间确保 Surfer 完全初始化
        await new Promise(resolve => setTimeout(resolve, 100));
        window.surferReady = true;
        console.log('[Webview] Surfer 已完全初始化并准备就绪');
        // 关闭 Surfer 的日志面板（如果打开的话）
        try {
            window.inject_message(JSON.stringify("ToggleLogs"));
            console.log('[Webview] 已发送关闭日志面板命令');
        } catch (e) {
            console.log('[Webview] 关闭日志面板失败:', e);
        }
        // 如果有待处理的 VCD 数据，现在加载它
        if (window.pendingVcdData) {
            console.log('[Webview] 发现待处理的 VCD 数据，立即加载');
            loadVcdUrl(window.pendingVcdData);
            window.pendingVcdData = null;
        } else {
            console.log('[Webview] 没有待处理的 VCD 数据');
        }
        // 通知 VS Code surfer 已加载完成
        console.log('[Webview] 发送 loaded 消息到 VS Code');
        window.vscode.postMessage({ command: 'loaded' });
    </script>
    <style>
-        @font-face {
+        html, body {
            font-family: 'Iosevka Drom Web';
            font-display: swap;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            src: url('${fontRegularUri}') format('woff2');
        }
        @font-face {
            font-family: 'Iosevka Drom Web';
            font-display: swap;
            font-weight: 400;
            font-stretch: normal;
            font-style: oblique;
            src: url('${fontObliqueUri}') format('woff2');
        }
        @font-face {
            font-family: 'Iosevka Drom Web';
            font-display: swap;
            font-weight: 400;
            font-stretch: normal;
            font-style: italic;
            src: url('${fontItalicUri}') format('woff2');
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: 'Iosevka Drom Web', monospace;
            color: var(--vscode-foreground);
            background-color: var(--vscode-editor-background);
            overflow: hidden;
            margin: 0 !important;
            padding: 0 !important;
            height: 100%;
            width: 100%;
            background: var(--vscode-editor-background);
        }
-        #waveform-container {
+        canvas {
-            width: 100vw;
+            margin-right: auto;
-            height: 100vh;
+            margin-left: auto;
-            overflow: auto;
+            display: block;
-        }
+            position: absolute;
-
+            top: 0;
-        #waveform1 {
+            left: 0;
            width: 100%;
            height: 100%;
        }
-        .loading {
+        #error_container {
-            display: flex;
+            padding: 1em;
-            justify-content: center;
+            border-radius: 0.5em;
-            align-items: center;
+            margin: 0px auto;
-            height: 100vh;
+            max-width: 980px;
            flex-direction: column;
        }
        .spinner {
            border: 4px solid var(--vscode-progressBar-background);
            border-top: 4px solid var(--vscode-progressBar-foreground);
            border-radius: 50%;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
            margin-bottom: 20px;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .error-message {
            padding: 20px;
            color: var(--vscode-errorForeground);
            background-color: var(--vscode-inputValidation-errorBackground);
-            border: 1px solid var(--vscode-inputValidation-errorBorder);
+            position: relative;
-            border-radius: 4px;
+            height: 90%;
-            margin: 20px;
+            overflow: scroll;
        }
        #error_message {
            overflow: scroll;
            white-space: break-spaces;
        }
    </style>
    <script src="${vcdromJsUri}"></script>
 </head>
 <body>
-    <div id="waveform-container">
+    <canvas id="the_canvas_id"></canvas>
-        <div class="loading">
+
-            <div class="spinner"></div>
+    <div id="error_container" style="display: none;">
-            <p>正在加载 VCD 波形...</p>
+        <h3>❌ Surfer 加载失败</h3>
-        </div>
+        <code id="error_message"></code>
        <div id="waveform1"></div>
    </div>
    <script src="${integrationJsUri}"></script>
    <script>
-        (async function() {
+        register_message_listener();
            try {
                // 设置 WASM 文件路径
                window.wasmBinaryFile = '${vcdWasmUri}';
-                // 解码 base64 VCD 内容
+        console.log('[Webview] 注册 VS Code 消息监听器');
-                const vcdBase64 = '${vcdBase64}';
+        // 监听来自 VS Code 扩展的消息（使用 vscode API）
-                const vcdContent = atob(vcdBase64);
+        window.addEventListener('message', event => {
            const message = event.data;
-                // 隐藏加载提示
+            // 检查是否来自 VS Code
-                document.querySelector('.loading').style.display = 'none';
+            if (message.command === 'loadVcdUrl') {
                console.log('[Webview] 收到 VS Code 消息，命令:', message.command);
                console.log('[Webview] Surfer 就绪状态:', window.surferReady);
-                // 创建一个函数来提供 VCD 数据流
+                if (window.surferReady) {
-                const vcdProvider = async (handler) => {
+                    // Surfer 已就绪，立即加载
-                    // 将 VCD 内容转换为 Uint8Array
+                    loadVcdUrl(message);
                    const encoder = new TextEncoder();
                    const vcdData = encoder.encode(vcdContent);
                    // 创建一个 ReadableStream reader
                    const stream = new ReadableStream({
                        start(controller) {
                            controller.enqueue(vcdData);
                            controller.close();
                        }
                    });
                    const reader = stream.getReader();
                    // 调用 handler 并传递 reader
                    await handler([{
                        key: 'local',
                        value: 'waveform.vcd',
                        format: 'raw',
                        baseName: 'waveform.vcd',
                        ext: 'vcd',
                        reader: reader
                    }]);
                };
                // 初始化 VCDrom，使用函数回调方式
                if (typeof VCDrom === 'function') {
                    await VCDrom('waveform1', vcdProvider);
                } else {
-                    throw new Error('VCDrom 未正确加载');
+                    // Surfer 未就绪，保存数据等待加载
                    console.log('[Webview] Surfer 未就绪，保存数据待加载');
                    window.pendingVcdData = message;
                }
            } catch (error) {
                console.error('加载 VCD 波形失败:', error);
                document.getElementById('waveform-container').innerHTML =
                    '<div class="error-message">' +
                    '<h3>❌ 加载 VCD 波形失败</h3>' +
                    '<p>' + error.message + '</p>' +
                    '<p style="margin-top: 10px;">请确保 VCD 文件格式正确。</p>' +
                    '<pre style="margin-top: 10px; padding: 10px; background: rgba(0,0,0,0.1); overflow: auto;">' + error.stack + '</pre>' +
                    '</div>';
            }
-        })();
+        }, true); // 使用捕获阶段，优先于 integration.js 的监听器
    </script>
 </body>
 </html>`;
--- a/src/services/apiClient.ts
+++ b/src/services/apiClient.ts
@ -126,6 +126,55 @@ 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 }
  });
 }
 /** 压缩对话响应 */
 export interface CompactDialogResponse {
  success: boolean;
  taskId: string;
  message?: string;
  error?: string;
 }
 /**
 * 手动压缩对话历史
 * POST /api/dialog/compact
 */
 export async function compactDialog(taskId: string): Promise<CompactDialogResponse> {
  console.log(`[API] 压缩对话: taskId=${taskId}`);
  return request<CompactDialogResponse>('/api/dialog/compact', {
    method: 'POST',
    body: { taskId }
  });
 }
 /**
 * 创建成功的工具结果
 */
--- a/src/services/dialogService.ts
+++ b/src/services/dialogService.ts
@ -3,12 +3,15 @@
 * 整合 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, RunMode, ToolConfirmEvent, PlanConfirmEvent } from '../types/api';
+import type { DialogRequest, ToolCallRequest, AskUserEvent, RunMode, ServiceTier, ToolConfirmEvent, PlanConfirmEvent } from '../types/api';
-import { submitToolConfirm, submitAnswer } from './apiClient';
+import { submitToolConfirm, submitAnswer, stopDialog } from './apiClient';
 import { ChatHistoryManager } from '../utils/chatHistoryManager';
 /**
 * 消息段落类型
@ -70,6 +73,8 @@ export interface DialogCallbacks {
  onError?: (message: string) => void;
  /** 通知消息 */
  onNotification?: (message: string) => void;
  /** 上下文使用量更新 */
  onContextUsage?: (data: { currentTokens: number; maxTokens: number; percentage: number }) => void;
 }
 /**
@ -152,6 +157,120 @@ 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;
  }
  /**
   * 获取工具操作描述（用于确认对话框）
   */
@ -197,7 +316,8 @@ export class DialogSession {
  async sendMessage(
    message: string,
    callbacks: DialogCallbacks,
-    mode?: RunMode
+    mode?: RunMode,
    serviceTier?: ServiceTier  // 新增：服务等级参数
  ): Promise<void> {
    if (this.isActive) {
      callbacks.onError?.('当前有对话正在进行中');
@ -210,13 +330,30 @@ 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,
-      mode: mode || 'agent'
+      mode: mode || 'agent',
      serviceTier: serviceTier || config.serviceTier,  // 优先使用传入的参数
      compactedData: compactedData || undefined,
      newMessages: newMessages.length > 0 ? newMessages : undefined,
      knowledgeData: knowledgeData || undefined
    };
    // 追踪用户消息
    historyManager.trackUserMessage(message);
    const sseCallbacks: SSECallbacks = {
      onTextDelta: (data) => {
        this.accumulatedText += data.text;
@ -301,30 +438,64 @@ export class DialogSession {
      onToolConfirm: async (data: ToolConfirmEvent) => {
        console.log('[DialogSession] onToolConfirm:', data.toolName, data.confirmId);
-        // 调用回调通知 UI 显示确认对话框
+        // 结束当前文本段落
        this.finalizeTextSegment();
        // 生成工具描述
        const toolDescription = this.getToolDescription(data.toolName, data.toolInput);
        // 构建问题文本
        const toolNameMap: Record<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);
-        // 使用 VSCode 快速选择框显示确认对话框
+        // 使用 userInteractionManager 等待用户回答
        const toolDescription = this.getToolDescription(data.toolName, data.toolInput);
        const result = await vscode.window.showWarningMessage(
          `确认执行操作: ${data.toolName}`,
          { modal: true, detail: toolDescription },
          '确认执行',
          '取消'
        );
        const approved = result === '确认执行';
        console.log('[DialogSession] 用户确认结果:', approved);
        // 发送确认响应到后端
        try {
-          await submitToolConfirm({
+          await userInteractionManager.handleAskUser(
-            confirmId: data.confirmId,
+            {
-            taskId: this.taskId,
+              askId: askId,
-            approved
+              question: question,
-          });
+              options: ['确认执行', '取消']
            } as AskUserEvent,
            this.taskId
          );
          // 注意：用户回答后，需要在 receiveAnswer 中处理 tool_confirm 类型的 askId
          // 这里不直接调用 submitToolConfirm，而是在 userInteractionManager 中统一处理
        } catch (error) {
-          console.error('[DialogSession] 发送确认响应失败:', error);
+          console.error('[DialogSession] 处理工具确认失败:', error);
          // 如果出错，默认取消执行
          try {
            await submitToolConfirm({
              confirmId: data.confirmId,
              taskId: this.taskId,
              approved: false
            });
          } catch (submitError) {
            console.error('[DialogSession] 发送取消响应失败:', submitError);
          }
        }
      },
@ -386,6 +557,12 @@ export class DialogSession {
      onComplete: (data) => {
        this.isActive = false;
        this.finalizeTextSegment();
        // 追踪 AI 消息（用于后端重启后恢复）
        if (this.accumulatedText) {
          historyManager.trackAiMessage(this.accumulatedText);
        }
        // 发送所有段落
        callbacks.onComplete?.(this.segments);
      },
@ -466,6 +643,17 @@ export class DialogSession {
        }
      },
      onMemoryCompacted: async (data) => {
        console.log('[DialogSession] onMemoryCompacted:', data.taskId);
        // 保存压缩数据到本地
        await historyManager.saveCompactedData(data.compactedData);
      },
      onContextUsage: (data) => {
        console.log('[DialogSession] onContextUsage:', data.currentTokens, '/', data.maxTokens);
        callbacks.onContextUsage?.(data);
      },
      onOpen: () => {
        console.log('[DialogSession] SSE 连接已建立');
      },
@ -496,6 +684,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;
  }
  /**
--- a/src/services/sseHandler.ts
+++ b/src/services/sseHandler.ts
@ -27,8 +27,10 @@ import type {
  AgentStartEvent,
  AgentProgressEvent,
  AgentCompleteEvent,
-  AgentErrorEvent
+  AgentErrorEvent,
  ContextUsageEvent
 } from '../types/api';
 import type { MemoryCompactedEvent } from '../types/memory';
 /**
 * SSE 事件回调接口
@ -68,6 +70,10 @@ export interface SSECallbacks {
  onAgentComplete?: (data: AgentCompleteEvent) => void;
  /** 子智能体错误 */
  onAgentError?: (data: AgentErrorEvent) => void;
  /** 记忆压缩完成 */
  onMemoryCompacted?: (data: MemoryCompactedEvent) => void;
  /** 上下文使用量更新 */
  onContextUsage?: (data: ContextUsageEvent) => void;
  /** 连接打开 */
  onOpen?: () => void;
  /** 连接关闭 */
@ -319,6 +325,17 @@ function dispatchEvent(
    case 'agent_error':
      callbacks.onAgentError?.(data as AgentErrorEvent);
      break;
    case 'memory_compacted':
      callbacks.onMemoryCompacted?.(data as MemoryCompactedEvent);
      break;
    case 'context_usage':
      callbacks.onContextUsage?.(data as ContextUsageEvent);
      break;
    case 'heartbeat':
      // 心跳事件：仅用于保持连接，不需要特殊处理
      // Node.js req.setTimeout 会在收到数据时自动重置计时器
      console.log('[SSE] 收到心跳');
      break;
    default:
      console.log(`[SSE] 未知事件类型: ${eventType}`, data);
  }
--- a/src/services/toolExecutor.ts
+++ b/src/services/toolExecutor.ts
@ -9,6 +9,8 @@ import * as fs from 'fs';
 import { readFileContent, readDirectory } from '../utils/readFiles';
 import { createOrOverwriteFile } from '../utils/createFiles';
 import { generateVCD, checkIverilogAvailable } from '../utils/iverilogRunner';
 import { analyzeVcdFile } from '../utils/vcdParser';
 import { executeWaveformTrace, WaveformTraceArgs } from '../utils/waveformTracer';
 import {
  submitToolResult,
  createSuccessResult,
@ -79,6 +81,9 @@ export async function executeToolCall(
      case 'waveform_summary':
        resultText = await executeWaveformSummary(args as unknown as WaveformSummaryArgs);
        break;
      case 'waveform_trace':
        resultText = await executeWaveformTrace(args as unknown as WaveformTraceArgs, context);
        break;
      case 'knowledge_save':
        resultText = await executeKnowledgeSave(args as unknown as KnowledgeSaveArgs);
        break;
@ -300,12 +305,36 @@ async function executeSimulation(
 /**
 * 执行 waveform_summary 工具
- * TODO: 实现 VCD 波形分析
+ * 解析 VCD 文件并返回波形摘要
 */
 async function executeWaveformSummary(args: WaveformSummaryArgs): Promise<string> {
-  // TODO: 使用 vcdrom/vcd-stream 解析 VCD 文件
+  const { vcdPath, signals, checkpoints } = args;
-  // 目前返回一个占位响应
+
-  return `波形分析功能暂未实现。\n请求参数:\n- VCD文件: ${args.vcdPath}\n- 信号: ${args.signals}\n- 检查点: ${args.checkpoints || '无'}`;
+  // 获取工作区路径
  const workspaceFolders = vscode.workspace.workspaceFolders;
  if (!workspaceFolders || workspaceFolders.length === 0) {
    throw new Error('请先打开一个工作区');
  }
  const workspacePath = workspaceFolders[0].uri.fsPath;
  // 解析 VCD 文件路径（支持相对路径）
  const absolutePath = path.isAbsolute(vcdPath)
    ? vcdPath
    : path.join(workspacePath, vcdPath);
  // 检查文件是否存在
  if (!fs.existsSync(absolutePath)) {
    throw new Error(`VCD 文件不存在: ${vcdPath}`);
  }
  // 解析检查点时间
  const checkpoint = checkpoints ? parseInt(checkpoints, 10) : undefined;
  // 调用 VCD 解析器
  const result = analyzeVcdFile(absolutePath, signals, checkpoint);
  return result;
 }
 /**
@ -313,22 +342,19 @@ async function executeWaveformSummary(args: WaveformSummaryArgs): Promise<string
 * 保存知识图谱到 .iccoder/knowledge.json
 */
 async function executeKnowledgeSave(args: KnowledgeSaveArgs): Promise<string> {
-  const workspaceFolders = vscode.workspace.workspaceFolders;
+  const workspaceFolder = getWorkspaceFolder();
-  if (!workspaceFolders || workspaceFolders.length === 0) {
+  if (!workspaceFolder) {
    throw new Error('请先打开一个工作区');
  }
-  const workspacePath = workspaceFolders[0].uri.fsPath;
+  const iccoderDirUri = vscode.Uri.joinPath(workspaceFolder.uri, '.iccoder');
-  const iccoderDir = path.join(workspacePath, '.iccoder');
+  const knowledgeUri = vscode.Uri.joinPath(iccoderDirUri, 'knowledge.json');
  const knowledgePath = path.join(iccoderDir, 'knowledge.json');
-  // 确保 .iccoder 目录存在
+  // 确保 .iccoder 目录存在（兼容远程/虚拟工作区）
-  if (!fs.existsSync(iccoderDir)) {
+  await vscode.workspace.fs.createDirectory(iccoderDirUri);
    fs.mkdirSync(iccoderDir, { recursive: true });
  }
-  // 写入知识图谱
+  // 写入知识图谱（UTF-8）
-  fs.writeFileSync(knowledgePath, args.data, 'utf-8');
+  await vscode.workspace.fs.writeFile(knowledgeUri, Buffer.from(args.data || '', 'utf-8'));
  return `知识图谱已保存: .iccoder/knowledge.json`;
 }
@ -338,21 +364,36 @@ async function executeKnowledgeSave(args: KnowledgeSaveArgs): Promise<string> {
 * 从 .iccoder/knowledge.json 加载知识图谱
 */
 async function executeKnowledgeLoad(): Promise<string> {
-  const workspaceFolders = vscode.workspace.workspaceFolders;
+  const workspaceFolder = getWorkspaceFolder();
-  if (!workspaceFolders || workspaceFolders.length === 0) {
+  if (!workspaceFolder) {
    throw new Error('请先打开一个工作区');
  }
-  const workspacePath = workspaceFolders[0].uri.fsPath;
+  const knowledgeUri = vscode.Uri.joinPath(workspaceFolder.uri, '.iccoder', 'knowledge.json');
  const knowledgePath = path.join(workspacePath, '.iccoder', 'knowledge.json');
-  // 如果文件不存在，返回空图谱
+  try {
-  if (!fs.existsSync(knowledgePath)) {
+    const bytes = await vscode.workspace.fs.readFile(knowledgeUri);
-    return JSON.stringify({ directed: true, nodes: [], links: [] });
+    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 content = fs.readFileSync(knowledgePath, 'utf-8');
+  const activeUri = vscode.window.activeTextEditor?.document?.uri;
-  return content;
+  const activeFolder = activeUri ? vscode.workspace.getWorkspaceFolder(activeUri) : undefined;
  return activeFolder ?? folders[0];
 }
 /**
--- 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 事件数据
@ -60,13 +67,13 @@ export class UserInteractionManager {
        reject
      });
-      // 设置超时（5分钟）
+      // 设置超时（2小时）
      setTimeout(() => {
        if (this.pendingQuestions.has(askId)) {
          this.pendingQuestions.delete(askId);
          reject(new Error('用户回答超时'));
        }
-      }, 300000);
+      }, 7200000);
    });
  }
@ -107,21 +114,46 @@ export class UserInteractionManager {
    taskId: string,
    answer: string
  ): Promise<void> {
-    const request: AnswerRequest = {
+    // 检查是否是工具确认类型的问题
-      askId,
+    if (askId.startsWith('tool_confirm_')) {
-      taskId,
+      // 提取 confirmId
-      customInput: answer
+      const confirmId = parseInt(askId.replace('tool_confirm_', ''));
-    };
+      const approved = answer === '确认执行';
-    try {
+      console.log(`[UserInteraction] 提交工具确认: confirmId=${confirmId}, approved=${approved}`);
-      const response = await submitAnswer(request);
+
-      if (!response.success) {
+      try {
-        throw new Error(response.error || '提交回答失败');
+        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/services/vcdFileServer.ts
+++ b/src/services/vcdFileServer.ts
@ -0,0 +1,145 @@
 import * as http from "http";
 import * as fs from "fs";
 import * as path from "path";
 /**
 * VCD 文件 HTTP 服务器
 * 用于为 Surfer 波形查看器提供 VCD 文件访问
 */
 export class VCDFileServer {
  private server: http.Server | null = null;
  private port: number = 0;
  private vcdFiles: Map<string, string> = new Map(); // fileId -> filePath
  /**
   * 启动服务器
   */
  public async start(): Promise<number> {
    if (this.server) {
      return this.port;
    }
    return new Promise((resolve, reject) => {
      this.server = http.createServer((req, res) => {
        this.handleRequest(req, res);
      });
      // 监听随机端口
      this.server.listen(0, "127.0.0.1", () => {
        const address = this.server!.address();
        if (address && typeof address === "object") {
          this.port = address.port;
          console.log(`[VCDFileServer] 服务器已启动，端口: ${this.port}`);
          resolve(this.port);
        } else {
          reject(new Error("无法获取服务器端口"));
        }
      });
      this.server.on("error", (error) => {
        console.error("[VCDFileServer] 服务器错误:", error);
        reject(error);
      });
    });
  }
  /**
   * 停止服务器
   */
  public stop(): void {
    if (this.server) {
      this.server.close();
      this.server = null;
      this.port = 0;
      this.vcdFiles.clear();
      console.log("[VCDFileServer] 服务器已停止");
    }
  }
  /**
   * 注册 VCD 文件
   */
  public registerFile(filePath: string): string {
    const fileId = this.generateFileId(filePath);
    this.vcdFiles.set(fileId, filePath);
    console.log(`[VCDFileServer] 注册文件: ${fileId} -> ${filePath}`);
    return fileId;
  }
  /**
   * 获取文件 URL
   */
  public getFileUrl(fileId: string): string {
    return `http://127.0.0.1:${this.port}/vcd/${fileId}`;
  }
  /**
   * 生成文件 ID
   */
  private generateFileId(filePath: string): string {
    const timestamp = Date.now();
    const fileName = path.basename(filePath);
    return `${timestamp}-${fileName}`;
  }
  /**
   * 处理 HTTP 请求
   */
  private handleRequest(req: http.IncomingMessage, res: http.ServerResponse): void {
    const url = req.url || "";
    console.log(`[VCDFileServer] 收到请求: ${url}`);
    // 设置 CORS 头
    res.setHeader("Access-Control-Allow-Origin", "*");
    res.setHeader("Access-Control-Allow-Methods", "GET, OPTIONS");
    res.setHeader("Access-Control-Allow-Headers", "Content-Type");
    // 处理 OPTIONS 请求
    if (req.method === "OPTIONS") {
      res.writeHead(200);
      res.end();
      return;
    }
    // 解析 URL，提取文件 ID
    const match = url.match(/^\/vcd\/(.+)$/);
    if (!match) {
      res.writeHead(404, { "Content-Type": "text/plain" });
      res.end("Not Found");
      return;
    }
    const fileId = match[1];
    const filePath = this.vcdFiles.get(fileId);
    if (!filePath) {
      console.error(`[VCDFileServer] 文件 ID 不存在: ${fileId}`);
      res.writeHead(404, { "Content-Type": "text/plain" });
      res.end("File Not Found");
      return;
    }
    // 检查文件是否存在
    if (!fs.existsSync(filePath)) {
      console.error(`[VCDFileServer] 文件不存在: ${filePath}`);
      res.writeHead(404, { "Content-Type": "text/plain" });
      res.end("File Not Found");
      return;
    }
    // 读取并发送文件
    try {
      const fileContent = fs.readFileSync(filePath);
      res.writeHead(200, {
        "Content-Type": "text/plain",
        "Content-Length": fileContent.length,
      });
      res.end(fileContent);
      console.log(`[VCDFileServer] 成功发送文件: ${filePath}`);
    } catch (error) {
      console.error(`[VCDFileServer] 读取文件失败:`, error);
      res.writeHead(500, { "Content-Type": "text/plain" });
      res.end("Internal Server Error");
    }
  }
 }
--- a/src/types/api.ts
+++ b/src/types/api.ts
@ -3,6 +3,8 @@
 * 对应后端 IC Coder Backend 的接口格式
 */
 import { CompactedMemory, CompactedMessage } from "./memory";
 // ============== 对话请求/响应 ==============
 /**
@ -12,7 +14,16 @@
 * - agent: 智能体自主（默认）
 * - auto: 完全自动
 */
-export type RunMode = 'plan' | 'ask' | 'agent' | 'auto';
+export type RunMode = "plan" | "ask" | "agent" | "auto";
 /**
 * 服务等级类型
 * - lite: 轻量级
 * - syntaxic: 语法级
 * - max: 最大性能
 * - auto: 自动选择
 */
 export type ServiceTier = "lite" | "syntaxic" | "max" | "auto";
 /**
 * 对话请求
@ -27,29 +38,40 @@ export interface DialogRequest {
  userId: string;
  /** 运行模式 */
  mode: RunMode;
  /** 服务等级 */
  serviceTier?: ServiceTier;
  /** 压缩后的记忆数据（用于后端重启后恢复） */
  compactedData?: CompactedMemory;
  /** 压缩后产生的新消息 */
  newMessages?: CompactedMessage[];
  /** 知识图谱数据（JSON 字符串，用于恢复知识图谱） */
  knowledgeData?: string;
 }
 // ============== SSE 事件类型 ==============
 /** SSE 事件类型枚举 */
 export type SSEEventType =
-  | 'text_delta'      // 文本增量
+  | "text_delta" // 文本增量
-  | 'tool_call'       // 客户端工具调用请求
+  | "tool_call" // 客户端工具调用请求
-  | 'tool_confirm'    // 工具确认请求（Ask 模式）
+  | "tool_confirm" // 工具确认请求（Ask 模式）
-  | 'plan_confirm'    // 计划确认请求（Plan 模式）
+  | "plan_confirm" // 计划确认请求（Plan 模式）
-  | 'tool_start'      // 工具开始执行
+  | "tool_start" // 工具开始执行
-  | 'tool_complete'   // 工具执行完成
+  | "tool_complete" // 工具执行完成
-  | 'tool_error'      // 工具执行错误
+  | "tool_error" // 工具执行错误
-  | 'ask_user'        // 向用户提问
+  | "ask_user" // 向用户提问
-  | 'agent_start'     // 子智能体启动
+  | "agent_start" // 子智能体启动
-  | 'agent_progress'  // 子智能体进度
+  | "agent_progress" // 子智能体进度
-  | 'agent_complete'  // 子智能体完成
+  | "agent_complete" // 子智能体完成
-  | 'agent_error'     // 子智能体错误
+  | "agent_error" // 子智能体错误
-  | 'complete'        // 对话完成
+  | "memory_compacted" // 记忆压缩完成
-  | 'error'           // 错误
+  | "context_usage" // 上下文使用量
-  | 'warning'         // 警告
+  | "complete" // 对话完成
-  | 'notification'    // 通知
+  | "error" // 错误
-  | 'depth_update';   // 深度更新
+  | "warning" // 警告
  | "notification" // 通知
  | "depth_update" // 深度更新
  | "heartbeat"; // 心跳
 /** text_delta 事件数据 */
 export interface TextDeltaEvent {
@ -151,7 +173,7 @@ export interface AgentProgressEvent {
  toolName: string;
  toolInput?: unknown;
  toolResult?: string;
-  status: 'running' | 'completed' | 'error';
+  status: "running" | "completed" | "error";
  timestamp: number;
 }
@ -172,6 +194,13 @@ export interface AgentErrorEvent {
  timestamp: number;
 }
 /** context_usage 事件数据 */
 export interface ContextUsageEvent {
  currentTokens: number;
  maxTokens: number;
  percentage: number;
 }
 // ============== 工具调用协议 (MCP 格式) ==============
 /**
@ -180,11 +209,11 @@ export interface AgentErrorEvent {
 */
 export interface ToolCallRequest {
  /** JSON-RPC版本，固定为"2.0" */
-  jsonrpc: '2.0';
+  jsonrpc: "2.0";
  /** 请求ID，用于匹配响应 */
  id: number;
  /** 方法名，固定为"tools/call" */
-  method: 'tools/call';
+  method: "tools/call";
  /** 调用参数 */
  params: {
    /** 工具名称 */
@ -200,7 +229,7 @@ export interface ToolCallRequest {
 */
 export interface ToolCallResult {
  /** JSON-RPC版本 */
-  jsonrpc: '2.0';
+  jsonrpc: "2.0";
  /** 请求ID，与ToolCallRequest.id对应 */
  id: number;
  /** 执行结果（与error互斥） */
@ -285,15 +314,16 @@ export interface ToolConfirmResponse {
 /** 后端工具名称 */
 export type ToolName =
-  | 'file_read'
+  | "file_read"
-  | 'file_write'
+  | "file_write"
-  | 'file_delete'
+  | "file_delete"
-  | 'file_list'
+  | "file_list"
-  | 'syntax_check'
+  | "syntax_check"
-  | 'simulation'
+  | "simulation"
-  | 'waveform_summary'
+  | "waveform_summary"
-  | 'knowledge_save'
+  | "waveform_trace"
-  | 'knowledge_load';
+  | "knowledge_save"
  | "knowledge_load";
 /** file_read 工具参数 */
 export interface FileReadArgs {
@ -337,6 +367,18 @@ export interface WaveformSummaryArgs {
  checkpoints?: string;
 }
 /** waveform_trace 工具参数 */
 export interface WaveformTraceArgs {
  /** Verilog 源文件路径（相对于项目根目录） */
  verilogPath: string;
  /** VCD 波形文件路径（相对于项目根目录） */
  vcdPath: string;
  /** 仿真工具的输出字符串（包含 mismatch 信息） */
  simOutput: string;
  /** BFS 回溯层数，默认 2 */
  traceLevel?: number;
 }
 /** knowledge_save 工具参数 */
 export interface KnowledgeSaveArgs {
  /** 知识图谱 JSON 数据 */
@ -357,5 +399,6 @@ export type ToolArgs =
  | SyntaxCheckArgs
  | SimulationArgs
  | WaveformSummaryArgs
  | WaveformTraceArgs
  | 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/messageHandler.ts
+++ b/src/utils/messageHandler.ts
@ -19,7 +19,7 @@ import { dialogManager, DialogSession } from "../services/dialogService";
 import { userInteractionManager } from "../services/userInteraction";
 import { healthCheck } from "../services/apiClient";
-import type { RunMode } from '../types/api';
+import type { RunMode, ServiceTier } from "../types/api";
 /** 是否使用后端服务（可通过配置控制） */
 let useBackendService = true;
@ -27,12 +27,15 @@ let useBackendService = true;
 /** 当前对话会话 */
 let currentSession: DialogSession | null = null;
 /** 最后一个活跃的 taskId（用于压缩等操作） */
 let lastTaskId: string | null = null;
 /** 待执行的计划（Plan 模式确认后自动执行） */
 let pendingPlanExecution: {
  panel: vscode.WebviewPanel;
  planTitle: string;
  extensionPath: string;
-  taskId: string;  // 保存 taskId 以便复用
+  taskId: string; // 保存 taskId 以便复用
 } | null = null;
 /**
@ -45,7 +48,7 @@ export function setPendingPlanExecution(
  taskId: string
 ): void {
  pendingPlanExecution = { panel, planTitle, extensionPath, taskId };
-  console.log('[MessageHandler] 设置待执行计划:', planTitle, 'taskId:', taskId);
+  console.log("[MessageHandler] 设置待执行计划:", planTitle, "taskId:", taskId);
 }
 /**
@ -55,7 +58,8 @@ export async function handleUserMessage(
  panel: vscode.WebviewPanel,
  text: string,
  extensionPath?: string,
-  mode?: RunMode
+  mode?: RunMode,
  serviceTier?: ServiceTier  // 新增：服务等级参数
 ) {
  console.log("收到用户消息:", text);
@ -87,32 +91,31 @@ export async function handleUserMessage(
  // 尝试使用后端服务
  if (useBackendService && extensionPath) {
    try {
-      await handleUserMessageWithBackend(panel, text, extensionPath, mode);
+      await handleUserMessageWithBackend(panel, text, extensionPath, mode, undefined, serviceTier);
      return;
    } catch (error) {
-      console.error("后端服务不可用，回退到本地模式:", error);
+      console.error("后端服务不可用:", error);
-      // 后端不可用时，使用本地模拟回复
+      panel.webview.postMessage({
        command: "updateStatus",
        text: "后端服务不可用",
        type: "error",
      });
      // 恢复输入状态
      panel.webview.postMessage({
        command: "updateSegments",
        segments: [],
        isComplete: true,
      });
      throw error;
    }
  }
-  // 本地模拟回复（后端不可用时的 fallback）
+  // 如果没有 extensionPath，显示错误
-  console.log("使用本地模拟回复");
+  panel.webview.postMessage({
-  const reply = getMockReply(text);
+    command: "updateStatus",
-
+    text: "无法处理消息：缺少必要参数",
-  // 记录AI回复到历史（允许失败）
+    type: "error",
-  try {
+  });
    const historyManager = ChatHistoryManager.getInstance();
    await historyManager.addAiMessage(reply);
  } catch (error) {
    console.warn("记录AI回复历史失败:", error);
  }
  setTimeout(() => {
    panel.webview.postMessage({
      command: "receiveMessage",
      text: reply,
    });
  }, 500);
 }
 /**
@ -123,18 +126,23 @@ async function handleUserMessageWithBackend(
  text: string,
  extensionPath: string,
  mode?: RunMode,
-  reuseTaskId?: string  // 可选，复用现有 taskId（用于 Plan 模式确认后继续执行）
+  reuseTaskId?: string, // 可选，复用现有 taskId（用于 Plan 模式确认后继续执行）
  serviceTier?: ServiceTier  // 新增：服务等级参数
 ): Promise<void> {
  const historyManager = ChatHistoryManager.getInstance();
  // 获取 historyManager 中的 taskId（由 ICHelperPanel 创建）
  // 优先使用 reuseTaskId，其次使用 historyManager 的 taskId
  const taskIdToUse = reuseTaskId || historyManager.getCurrentTaskId();
  // 创建或复用会话
  if (!currentSession || !currentSession.active) {
-    currentSession = dialogManager.createSession(extensionPath, reuseTaskId);
+    currentSession = dialogManager.createSession(extensionPath, taskIdToUse || undefined);
-    if (reuseTaskId) {
+    // 保存 taskId 用于后续操作（如压缩）
-      console.log('[MessageHandler] 复用 taskId 创建会话:', reuseTaskId);
+    lastTaskId = currentSession.getTaskId();
-    }
+    console.log("[MessageHandler] 创建会话: taskId=", lastTaskId, "来源=", taskIdToUse ? "historyManager" : "新生成");
  }
  const historyManager = ChatHistoryManager.getInstance();
  // 显示状态栏
  panel.webview.postMessage({
    command: "updateStatus",
@ -143,117 +151,147 @@ async function handleUserMessageWithBackend(
  });
  return new Promise((resolve, reject) => {
-    currentSession!.sendMessage(text, {
+    currentSession!.sendMessage(
-      onText: (fullText, isStreaming) => {
+      text,
-        // 不再单独处理文本，统一通过 onSegmentUpdate 处理
+      {
        onText: (fullText, isStreaming) => {
          // 不再单独处理文本，统一通过 onSegmentUpdate 处理
        },
        onSegmentUpdate: (segments) => {
          // 实时发送段落更新，按后端返回顺序展示
          panel.webview.postMessage({
            command: "updateSegments",
            segments: segments,
          });
        },
        onToolStart: (toolName) => {
          // 更新状态栏
          panel.webview.postMessage({
            command: "updateStatus",
            text: `正在执行 ${toolName}...`,
            type: "working",
          });
        },
        onToolComplete: (toolName, result) => {
          // 工具完成，不需要单独处理，通过 onSegmentUpdate 统一更新
        },
        onToolError: (toolName, error) => {
          // 工具错误，不需要单独处理，通过 onSegmentUpdate 统一更新
        },
        onQuestion: (askId, question, options) => {
          // 只更新状态栏，问题显示由 onSegmentUpdate 统一处理
          panel.webview.postMessage({
            command: "updateStatus",
            text: "等待用户回答...",
            type: "working",
          });
        },
        onComplete: async (segments) => {
          // 隐藏状态栏
          panel.webview.postMessage({
            command: "hideStatus",
          });
          // 最后一次发送完整的段落
          console.log("[MessageHandler] 对话完成, 段落数:", segments.length);
          const result = await panel.webview.postMessage({
            command: "updateSegments",
            segments: segments,
            isComplete: true,
          });
          console.log("[MessageHandler] postMessage 返回值:", result);
          // 保存完整的 segments 到历史记录
          try {
            // 将完整的 segments 保存到一条 AI 消息中
            // 这样加载时可以完整还原对话样式
            const textContent = segments
              .filter((s) => s.type === "text" && s.content)
              .map((s) => s.content)
              .join("\n");
            await historyManager.addAiMessage(textContent, undefined, segments);
          } catch (error) {
            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();
        },
        onError: (message) => {
          panel.webview.postMessage({
            command: "hideLoading",
          });
          panel.webview.postMessage({
            command: "receiveMessage",
            text: `❌ 错误: ${message}`,
          });
          // 恢复输入状态
          panel.webview.postMessage({
            command: "updateSegments",
            segments: [],
            isComplete: true,
          });
          reject(new Error(message));
        },
        onNotification: (message) => {
          vscode.window.showInformationMessage(message);
        },
        onContextUsage: (data) => {
          // 发送上下文使用量到 WebView
          panel.webview.postMessage({
            command: "contextUsage",
            currentTokens: data.currentTokens,
            maxTokens: data.maxTokens,
            percentage: data.percentage,
          });
        },
      },
-
+      mode,
-      onSegmentUpdate: (segments) => {
+      serviceTier  // 传递服务等级
-        // 实时发送段落更新，按后端返回顺序展示
+    );
        panel.webview.postMessage({
          command: "updateSegments",
          segments: segments,
        });
      },
      onToolStart: (toolName) => {
        // 更新状态栏
        panel.webview.postMessage({
          command: "updateStatus",
          text: `正在执行 ${toolName}...`,
          type: "working",
        });
      },
      onToolComplete: (toolName, result) => {
        // 工具完成，不需要单独处理，通过 onSegmentUpdate 统一更新
      },
      onToolError: (toolName, error) => {
        // 工具错误，不需要单独处理，通过 onSegmentUpdate 统一更新
      },
      onQuestion: (askId, question, options) => {
        // 只更新状态栏，问题显示由 onSegmentUpdate 统一处理
        panel.webview.postMessage({
          command: "updateStatus",
          text: "等待用户回答...",
          type: "working",
        });
      },
      onComplete: async (segments) => {
        // 隐藏状态栏
        panel.webview.postMessage({
          command: "hideStatus",
        });
        // 最后一次发送完整的段落
        console.log('[MessageHandler] 对话完成, 段落数:', segments.length);
        console.log('[MessageHandler] segments 内容:', JSON.stringify(segments));
        const result = await panel.webview.postMessage({
          command: "updateSegments",
          segments: segments,
          isComplete: true,
        });
        console.log('[MessageHandler] postMessage 返回值:', result);
        // 保存完整的 segments 到历史记录
        try {
          // 将完整的 segments 保存到一条 AI 消息中
          // 这样加载时可以完整还原对话样式
          const textContent = segments
            .filter(s => s.type === 'text' && s.content)
            .map(s => s.content)
            .join('\n');
          await historyManager.addAiMessage(textContent, undefined, segments);
        } catch (error) {
          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();
      },
      onError: (message) => {
        panel.webview.postMessage({
          command: "hideLoading",
        });
        panel.webview.postMessage({
          command: "receiveMessage",
          text: `❌ 错误: ${message}`,
        });
        reject(new Error(message));
      },
      onNotification: (message) => {
        vscode.window.showInformationMessage(message);
      },
    }, mode);
  });
 }
@ -273,7 +311,35 @@ 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;
 }
@ -282,7 +348,15 @@ export function abortCurrentDialog(): void {
 * 获取当前会话的 taskId
 */
 export function getCurrentTaskId(): string | null {
-  return currentSession?.getTaskId() || null;
+  return currentSession?.getTaskId() || lastTaskId;
 }
 /**
 * 设置最后的 taskId（加载历史会话时调用）
 */
 export function setLastTaskId(taskId: string): void {
  lastTaskId = taskId;
  console.log("[MessageHandler] 设置 lastTaskId:", taskId);
 }
 /**
@ -298,52 +372,52 @@ export async function handlePlanAction(
  planTitle: string,
  extensionPath: string
 ): Promise<void> {
-  console.log('[handlePlanAction] action:', action, 'planTitle:', planTitle);
+  console.log("[handlePlanAction] action:", action, "planTitle:", planTitle);
  switch (action) {
-    case 'confirm':
+    case "confirm":
      // 确认执行：切换到 Agent 模式并发送执行消息
      panel.webview.postMessage({
-        command: 'switchMode',
+        command: "switchMode",
-        mode: 'agent'
+        mode: "agent",
      });
      // 发送执行消息
      await handleUserMessage(
        panel,
        `请按照刚才的计划执行：${planTitle}`,
        extensionPath,
-        'agent'
+        "agent"
      );
      break;
-    case 'modify':
+    case "modify":
      // 修改计划：提示用户输入修改建议
      const modification = await vscode.window.showInputBox({
-        prompt: '请输入您对计划的修改建议',
+        prompt: "请输入您对计划的修改建议",
-        placeHolder: '例如：第2步需要先检查文件是否存在...',
+        placeHolder: "例如：第2步需要先检查文件是否存在...",
-        ignoreFocusOut: true
+        ignoreFocusOut: true,
      });
      if (modification) {
        await handleUserMessage(
          panel,
          `请根据以下建议修改计划：${modification}`,
          extensionPath,
-          'plan'
+          "plan"
        );
      }
      break;
-    case 'cancel':
+    case "cancel":
      // 取消计划：通知用户
      panel.webview.postMessage({
-        command: 'addMessage',
+        command: "addMessage",
-        text: '计划已取消。',
+        text: "计划已取消。",
-        sender: 'bot'
+        sender: "bot",
      });
      break;
    default:
-      console.warn('[handlePlanAction] 未知操作:', action);
+      console.warn("[handlePlanAction] 未知操作:", action);
  }
 }
@ -382,7 +456,9 @@ function parseFileOperation(text: string): {
  }
  // 匹配重命名文件：将 xxx.ts 重命名为 yyy.ts 或 把 xxx.ts 改名为 yyy.ts（优先匹配，避免被修改匹配）
-  const renameMatch = lowerText.match(/(?:将|把)\s*(.+?\.\w+)\s*(?:重命名|改名)\s*(?:为|成)\s*(.+?\.\w+)/);
+  const renameMatch = lowerText.match(
    /(?:将|把)\s*(.+?\.\w+)\s*(?:重命名|改名)\s*(?:为|成)\s*(.+?\.\w+)/
  );
  if (renameMatch) {
    const oldPath = renameMatch[1].trim();
    const newPath = renameMatch[2].trim();
@ -397,7 +473,9 @@ function parseFileOperation(text: string): {
  // 格式1: 在 xxx.ts 中将 "aaa" 替换为 "bbb"
  // 格式2: 将 xxx.ts 文件 "aaa" 替换为 "bbb"
  // 格式3: 将 xxx.ts 文件 'aaa' 替换为 'bbb'
-  const replaceMatch1 = lowerText.match(/在\s*(.+?\.\w+)\s*(?:文件)?中?\s*(?:将|把)\s*["'](.+?)["']\s*替换\s*(?:为|成)\s*["'](.+?)["']/);
+  const replaceMatch1 = lowerText.match(
    /在\s*(.+?\.\w+)\s*(?:文件)?中?\s*(?:将|把)\s*["'](.+?)["']\s*替换\s*(?:为|成)\s*["'](.+?)["']/
  );
  if (replaceMatch1) {
    const filePath = replaceMatch1[1].trim();
    const searchText = replaceMatch1[2].trim();
@ -411,7 +489,9 @@ function parseFileOperation(text: string): {
  }
  // 格式2: 将 xxx.ts 文件 "aaa" 替换为 "bbb"
-  const replaceMatch2 = lowerText.match(/(?:将|把)\s*(.+?\.\w+)\s*(?:文件)?\s*["'](.+?)["']\s*替换\s*(?:为|成)\s*["'](.+?)["']/);
+  const replaceMatch2 = lowerText.match(
    /(?:将|把)\s*(.+?\.\w+)\s*(?:文件)?\s*["'](.+?)["']\s*替换\s*(?:为|成)\s*["'](.+?)["']/
  );
  if (replaceMatch2) {
    const filePath = replaceMatch2[1].trim();
    const searchText = replaceMatch2[2].trim();
@ -739,41 +819,6 @@ export async function handleReplaceInFile(
  }
 }
 /**
 * 获取模拟回复
 */
 function getMockReply(question: string): string {
  const replies = [
    `已收到您的问题："${question}"
 这是一个演示版本，实际需要连接AI服务。
 示例回复：这是一个计数器模板：
 \`\`\`verilog
 module counter (
  input clk,
  input rst_n,
  output reg [3:0] count
 );
  always @(posedge clk or negedge rst_n) begin
    if (!rst_n) count <= 0;
    else count <= count + 1;
  end
 endmodule
 \`\`\``,
    `感谢提问！关于"${question}"，在真实版本中我会：
 1. 分析您的代码上下文
 2. 提供优化建议
 3. 生成完整代码
 4. 解释设计原理
 当前是演示版，请点击侧边栏按钮快速生成代码。`,
  ];
  return replies[Math.floor(Math.random() * replies.length)];
 }
 /**
 * 将代码插入到编辑器
 */
@ -866,7 +911,8 @@ async function handleVCDGeneration(
        if (!projectCheck.hasTestbench) {
          errorMsg += "• ❌ 缺少 testbench 文件\n";
-          errorMsg += "\n提示: testbench 文件应包含 $dumpfile 和 $dumpvars 语句来生成 VCD 文件。\n";
+          errorMsg +=
            "\n提示: testbench 文件应包含 $dumpfile 和 $dumpvars 语句来生成 VCD 文件。\n";
        } else {
          errorMsg += `• ✅ Testbench: ${projectCheck.testbenchFile}\n`;
        }
@ -910,9 +956,7 @@ async function handleVCDGeneration(
          fileName: fileName,
        });
-        vscode.window.showInformationMessage(
+        vscode.window.showInformationMessage(`VCD 文件生成成功: ${fileName}`);
          `VCD 文件生成成功: ${fileName}`
        );
      } else {
        panel.webview.postMessage({
          command: "receiveMessage",
--- a/src/utils/vcdParser.ts
+++ b/src/utils/vcdParser.ts
@ -0,0 +1,467 @@
 /**
 * VCD (Value Change Dump) 解析器
 * 纯 TypeScript 实现，参照 VerilogCoder 项目格式
 *
 * @deprecated 当前未使用，保留备用
 * 目前使用 waveformTracer.ts 调用 Python 打包的 waveform_trace.exe
 * 未来可能用此文件替换 Python 实现
 */
 import * as fs from 'fs';
 import * as path from 'path';
 // ==================== 类型定义 ====================
 /** 信号定义 */
 export interface VcdSignal {
  name: string;           // 完整路径名，如 "tb.top_module.data"
  shortName: string;      // 短名，如 "data"
  symbolId: string;       // VCD 符号 ID，如 "!", "#"
  width: number;          // 位宽
  varType: string;        // 变量类型：wire, reg
  module: string;         // 所属模块
 }
 /** 时间-值对 */
 export interface TimeValue {
  time: number;
  value: string;
 }
 /** 信号波形数据 */
 export interface SignalWaveform {
  signal: VcdSignal;
  changes: TimeValue[];
 }
 /** VCD 解析结果 */
 export interface VcdData {
  date?: string;
  version?: string;
  timescale: string;
  endTime: number;
  signals: Map<string, VcdSignal>;      // symbolId -> signal
  waveforms: Map<string, TimeValue[]>;  // symbolId -> changes
 }
 /** Mismatch 信息 */
 export interface MismatchInfo {
  time: number;
  signal: string;
  dutValue: string;
  refValue: string;
 }
 // ==================== VCD 解析器 ====================
 export class VcdParser {
  private signals: Map<string, VcdSignal> = new Map();
  private waveforms: Map<string, TimeValue[]> = new Map();
  private scopeStack: string[] = [];
  private timescale: string = '1ns';
  private currentTime: number = 0;
  private endTime: number = 0;
  private date?: string;
  private version?: string;
  /**
   * 解析 VCD 文件
   */
  parse(filePath: string): VcdData {
    const content = fs.readFileSync(filePath, 'utf-8');
    return this.parseContent(content);
  }
  /**
   * 解析 VCD 内容
   */
  parseContent(content: string): VcdData {
    // 预处理：将多行指令合并成单行
    const normalizedContent = this.normalizeVcdContent(content);
    const lines = normalizedContent.split('\n');
    let inDefinitions = true;
    for (const rawLine of lines) {
      const line = rawLine.trim();
      if (!line) continue;
      if (inDefinitions) {
        // 解析定义区
        if (line.startsWith('$enddefinitions')) {
          inDefinitions = false;
          continue;
        }
        this.parseDefinition(line);
      } else {
        // 解析数据区
        this.parseValueChange(line);
      }
    }
    return {
      date: this.date,
      version: this.version,
      timescale: this.timescale,
      endTime: this.endTime,
      signals: this.signals,
      waveforms: this.waveforms
    };
  }
  private parseDefinition(line: string): void {
    if (line.startsWith('$date')) {
      this.date = this.extractValue(line);
    } else if (line.startsWith('$version')) {
      this.version = this.extractValue(line);
    } else if (line.startsWith('$timescale')) {
      this.timescale = this.extractValue(line) || '1ns';
    } else if (line.startsWith('$scope')) {
      const match = line.match(/\$scope\s+\w+\s+(\S+)/);
      if (match) {
        this.scopeStack.push(match[1]);
      }
    } else if (line.startsWith('$upscope')) {
      this.scopeStack.pop();
    } else if (line.startsWith('$var')) {
      this.parseVariable(line);
    }
  }
  private parseVariable(line: string): void {
    // $var wire 8 # data [7:0] $end
    // $var reg 1 ! clk $end
    const match = line.match(/\$var\s+(\w+)\s+(\d+)\s+(\S+)\s+(\S+)/);
    if (!match) return;
    const [, varType, widthStr, symbolId, name] = match;
    const width = parseInt(widthStr, 10);
    const module = this.scopeStack.join('.');
    const fullName = module ? `${module}.${name}` : name;
    const signal: VcdSignal = {
      name: fullName,
      shortName: name.replace(/\[\d+:\d+\]/, ''),  // 移除位宽标注
      symbolId,
      width,
      varType,
      module
    };
    this.signals.set(symbolId, signal);
    this.waveforms.set(symbolId, []);
  }
  private parseValueChange(line: string): void {
    if (line.startsWith('#')) {
      // 时间戳: #100
      this.currentTime = parseInt(line.substring(1), 10);
      this.endTime = Math.max(this.endTime, this.currentTime);
    } else if (line.startsWith('b') || line.startsWith('B')) {
      // 多位值: b10101010 #
      const spaceIdx = line.indexOf(' ');
      if (spaceIdx > 0) {
        const value = line.substring(1, spaceIdx);
        const symbolId = line.substring(spaceIdx + 1).trim();
        this.addChange(symbolId, value);
      }
    } else if (line.length >= 2 && !line.startsWith('$')) {
      // 单位值: 0! 或 1# 或 x$
      const value = line[0];
      const symbolId = line.substring(1).trim();
      if (symbolId && this.signals.has(symbolId)) {
        this.addChange(symbolId, value);
      }
    }
  }
  private addChange(symbolId: string, value: string): void {
    const changes = this.waveforms.get(symbolId);
    if (changes) {
      changes.push({ time: this.currentTime, value });
    }
  }
  private extractValue(line: string): string {
    // 提取 $xxx value $end 中的 value
    const match = line.match(/\$\w+\s+(.+?)\s*\$end/);
    return match ? match[1].trim() : '';
  }
  /**
   * 预处理 VCD 内容，将多行指令合并成单行
   */
  private normalizeVcdContent(content: string): string {
    // 将多行 $xxx ... $end 合并成单行
    return content.replace(/(\$\w+)\s*\n\s*([^\$]+?)\s*\n\s*(\$end)/g, '$1 $2 $3');
  }
 }
 // ==================== 波形分析工具 ====================
 /**
 * 二进制字符串转十六进制
 */
 export function binaryToHex(binary: string): string {
  if (binary === 'x' || binary === 'X' || binary.includes('x')) {
    return 'xx';
  }
  if (binary === 'z' || binary === 'Z' || binary.includes('z')) {
    return 'zz';
  }
  if (binary.length <= 1) {
    return binary;
  }
  // 补齐到 4 的倍数
  const padded = binary.padStart(Math.ceil(binary.length / 4) * 4, '0');
  let hex = '';
  for (let i = 0; i < padded.length; i += 4) {
    hex += parseInt(padded.substring(i, i + 4), 2).toString(16);
  }
  return hex;
 }
 /**
 * 获取信号在指定时间的值
 */
 export function getValueAtTime(
  changes: TimeValue[],
  time: number
 ): string {
  let value = 'x';
  for (const change of changes) {
    if (change.time <= time) {
      value = change.value;
    } else {
      break;
    }
  }
  return value;
 }
 /**
 * 查找 DUT 和 REF 信号的第一个 mismatch
 */
 export function findFirstMismatch(
  vcdData: VcdData,
  dutSignals: string[],
  refSignals: string[]
 ): MismatchInfo | null {
  // 收集所有时间点
  const allTimes = new Set<number>();
  for (const changes of vcdData.waveforms.values()) {
    for (const c of changes) {
      allTimes.add(c.time);
    }
  }
  const sortedTimes = Array.from(allTimes).sort((a, b) => a - b);
  // 按信号名匹配 DUT 和 REF
  for (const time of sortedTimes) {
    for (let i = 0; i < dutSignals.length; i++) {
      const dutSig = findSignalByName(vcdData, dutSignals[i]);
      const refSig = findSignalByName(vcdData, refSignals[i]);
      if (!dutSig || !refSig) continue;
      const dutChanges = vcdData.waveforms.get(dutSig.symbolId) || [];
      const refChanges = vcdData.waveforms.get(refSig.symbolId) || [];
      const dutVal = getValueAtTime(dutChanges, time);
      const refVal = getValueAtTime(refChanges, time);
      // 跳过未知值
      if (dutVal.includes('x') || refVal.includes('x')) continue;
      if (dutVal !== refVal) {
        return {
          time,
          signal: dutSig.shortName,
          dutValue: binaryToHex(dutVal),
          refValue: binaryToHex(refVal)
        };
      }
    }
  }
  return null;
 }
 /**
 * 按名称查找信号
 */
 function findSignalByName(vcdData: VcdData, name: string): VcdSignal | null {
  for (const signal of vcdData.signals.values()) {
    if (signal.name.endsWith(name) || signal.shortName === name) {
      return signal;
    }
  }
  return null;
 }
 /**
 * 生成波形表格（参照 VerilogCoder 格式）
 */
 export function generateWaveformTable(
  vcdData: VcdData,
  signalNames: string[],
  startTime: number = 0,
  endTime?: number,
  windowSize: number = 20
 ): string {
  const actualEndTime = endTime ?? vcdData.endTime;
  // 查找信号
  const signals: VcdSignal[] = [];
  for (const name of signalNames) {
    const sig = findSignalByName(vcdData, name);
    if (sig) signals.push(sig);
  }
  if (signals.length === 0) {
    return '未找到指定信号';
  }
  // 收集时间点
  const times = new Set<number>();
  for (const sig of signals) {
    const changes = vcdData.waveforms.get(sig.symbolId) || [];
    for (const c of changes) {
      if (c.time >= startTime && c.time <= actualEndTime) {
        times.add(c.time);
      }
    }
  }
  let sortedTimes = Array.from(times).sort((a, b) => a - b);
  if (sortedTimes.length > windowSize) {
    sortedTimes = sortedTimes.slice(0, windowSize);
  }
  // 生成表头
  const headers = ['time(ns)', ...signals.map(s => s.shortName)];
  const colWidths = headers.map(h => Math.max(h.length, 8));
  let table = '### Waveform Trace ###\n';
  table += headers.map((h, i) => h.padEnd(colWidths[i])).join('  ') + '\n';
  table += colWidths.map(w => '─'.repeat(w)).join('──') + '\n';
  // 生成数据行
  for (const time of sortedTimes) {
    const row = [time.toString()];
    for (const sig of signals) {
      const changes = vcdData.waveforms.get(sig.symbolId) || [];
      const val = getValueAtTime(changes, time);
      row.push(binaryToHex(val));
    }
    table += row.map((v, i) => v.padEnd(colWidths[i])).join('  ') + '\n';
  }
  table += '### Waveform Trace End ###\n';
  return table;
 }
 /**
 * 获取信号显示名称（模块.信号名[位宽]）
 */
 function getSignalDisplayName(sig: VcdSignal): string {
  const moduleParts = sig.module.split('.');
  const moduleShort = moduleParts[moduleParts.length - 1] || '';
  const bitInfo = sig.width > 1 ? `[${sig.width - 1}:0]` : '';
  return moduleShort ? `${moduleShort}.${sig.shortName}${bitInfo}` : `${sig.shortName}${bitInfo}`;
 }
 /**
 * 生成变化日志格式（只记录信号变化）
 */
 export function generateChangeLog(vcdData: VcdData): string {
  // 筛选信号（排除 parameter）
  const signals: VcdSignal[] = [];
  for (const sig of vcdData.signals.values()) {
    if (sig.varType !== 'parameter') {
      signals.push(sig);
    }
  }
  // 收集所有时间点
  const times = new Set<number>();
  for (const sig of signals) {
    const changes = vcdData.waveforms.get(sig.symbolId) || [];
    for (const c of changes) {
      times.add(c.time);
    }
  }
  const sortedTimes = Array.from(times).sort((a, b) => a - b);
  // 记录每个信号的上一个值
  const lastValues = new Map<string, string | null>();
  for (const sig of signals) {
    lastValues.set(sig.symbolId, null);
  }
  let log = '';
  for (const time of sortedTimes) {
    const changes: string[] = [];
    for (const sig of signals) {
      const waveform = vcdData.waveforms.get(sig.symbolId) || [];
      const currentVal = binaryToHex(getValueAtTime(waveform, time));
      const lastVal = lastValues.get(sig.symbolId);
      if (lastVal === null) {
        changes.push(`${getSignalDisplayName(sig)}=${currentVal}`);
      } else if (currentVal !== lastVal) {
        changes.push(`${getSignalDisplayName(sig)} ${lastVal}→${currentVal}`);
      }
      lastValues.set(sig.symbolId, currentVal);
    }
    if (changes.length > 0) {
      log += `#${time}: ${changes.join(', ')}\n`;
    }
  }
  return log;
 }
 /**
 * 分析 VCD 文件（主入口）
 */
 export function analyzeVcdFile(
  filePath: string,
  signalFilter?: string,
  checkpoint?: number
 ): string {
  // 解析 VCD
  const parser = new VcdParser();
  const vcdData = parser.parse(filePath);
  // 解析信号过滤器
  const signalNames = signalFilter
    ? signalFilter.split(',').map(s => s.trim())
    : Array.from(vcdData.signals.values()).map(s => s.shortName);
  // 生成摘要
  let result = `=== VCD 波形分析 ===\n`;
  result += `文件: ${path.basename(filePath)}\n`;
  result += `时间单位: ${vcdData.timescale}\n`;
  result += `仿真时长: 0 - ${vcdData.endTime}${vcdData.timescale}\n\n`;
  // 信号列表
  result += `--- 信号列表 (${vcdData.signals.size} 个) ---\n`;
  let idx = 1;
  for (const sig of vcdData.signals.values()) {
    if (idx <= 10) {
      result += `${idx}. ${sig.shortName} (${sig.width}-bit, ${sig.varType})\n`;
    }
    idx++;
  }
  if (vcdData.signals.size > 10) {
    result += `... 还有 ${vcdData.signals.size - 10} 个信号\n`;
  }
  result += '\n';
  // 变化日志
  result += generateChangeLog(vcdData);
  return result;
 }
--- a/src/utils/waveformTracer.ts
+++ b/src/utils/waveformTracer.ts
@ -0,0 +1,145 @@
 /**
 * 波形追踪工具
 * 调用 PyInstaller 打包的 waveform_trace 可执行文件
 */
 import { spawn } from 'child_process';
 import * as path from 'path';
 import * as fs from 'fs';
 import * as vscode from 'vscode';
 /**
 * 波形追踪参数
 */
 export interface WaveformTraceArgs {
  /** Verilog 源文件路径（相对于项目根目录） */
  verilogPath: string;
  /** VCD 波形文件路径（相对于项目根目录） */
  vcdPath: string;
  /** 仿真工具的输出字符串（包含 mismatch 信息） */
  simOutput: string;
  /** BFS 回溯层数，默认 2 */
  traceLevel?: number;
 }
 /**
 * 执行波形追踪
 * @param args 追踪参数
 * @param context 执行上下文
 * @returns 追踪结果字符串
 */
 export async function executeWaveformTrace(
  args: WaveformTraceArgs,
  context: { extensionPath: string }
 ): Promise<string> {
  // 获取可执行文件路径
  const tracerPath = getWaveformTracerPath(context.extensionPath);
  // 检查可执行文件是否存在
  if (!fs.existsSync(tracerPath)) {
    throw new Error(
      `waveform_trace 工具未安装: ${tracerPath}\n` +
      '请确保插件包含 tools/waveform_trace/bin/ 目录'
    );
  }
  // 获取工作区路径
  const workspaceFolders = vscode.workspace.workspaceFolders;
  if (!workspaceFolders || workspaceFolders.length === 0) {
    throw new Error('请先打开一个工作区');
  }
  const workspacePath = workspaceFolders[0].uri.fsPath;
  // 解析路径（支持相对路径）
  const verilogAbsPath = path.isAbsolute(args.verilogPath)
    ? args.verilogPath
    : path.join(workspacePath, args.verilogPath);
  const vcdAbsPath = path.isAbsolute(args.vcdPath)
    ? args.vcdPath
    : path.join(workspacePath, args.vcdPath);
  // 验证文件存在
  if (!fs.existsSync(verilogAbsPath)) {
    throw new Error(`Verilog 文件不存在: ${args.verilogPath}`);
  }
  if (!fs.existsSync(vcdAbsPath)) {
    throw new Error(`VCD 文件不存在: ${args.vcdPath}`);
  }
  // 调用可执行文件
  return new Promise((resolve, reject) => {
    const child = spawn(tracerPath, [
      '--verilog', verilogAbsPath,
      '--vcd', vcdAbsPath,
      '--sim-output', args.simOutput,
      '--trace-level', String(args.traceLevel || 2),
      '--output-format', 'text'
    ], {
      windowsHide: true,
      cwd: workspacePath,
      shell: false
    });
    let stdout = '';
    let stderr = '';
    child.stdout.on('data', (data: Buffer) => {
      stdout += data.toString();
    });
    child.stderr.on('data', (data: Buffer) => {
      stderr += data.toString();
    });
    child.on('close', (code: number | null) => {
      if (code === 0) {
        resolve(stdout);
      } else {
        reject(new Error(
          `waveform_trace 执行失败 (code=${code}):\n${stderr || stdout}`
        ));
      }
    });
    child.on('error', (error: Error) => {
      reject(new Error(`waveform_trace 启动失败: ${error.message}`));
    });
  });
 }
 /**
 * 获取 waveform_trace 可执行文件路径
 */
 function getWaveformTracerPath(extensionPath: string): string {
  const platform = process.platform;
  let binName = 'waveform_trace';
  if (platform === 'win32') {
    binName = 'waveform_trace.exe';
  }
  return path.join(extensionPath, 'tools', 'waveform_trace', 'bin', binName);
 }
 /**
 * 检查 waveform_trace 工具是否可用
 */
 export function checkWaveformTraceAvailable(extensionPath: string): {
  available: boolean;
  message: string;
  path?: string;
 } {
  const tracerPath = getWaveformTracerPath(extensionPath);
  if (fs.existsSync(tracerPath)) {
    return {
      available: true,
      message: 'waveform_trace 工具可用',
      path: tracerPath
    };
  } else {
    return {
      available: false,
      message: `waveform_trace 工具未找到: ${tracerPath}`
    };
  }
 }
--- a/src/views/ICViewProvider.ts
+++ b/src/views/ICViewProvider.ts
@ -24,7 +24,10 @@ export function showICHelperPanel(context: vscode.ExtensionContext) {
    {
      enableScripts: true,
      retainContextWhenHidden: true,
-      localResourceRoots: [vscode.Uri.joinPath(context.extensionUri, "media")],
+      localResourceRoots: [
        vscode.Uri.joinPath(context.extensionUri, "media"),
        vscode.Uri.joinPath(context.extensionUri, "src", "assets")
      ],
    }
  );
@ -39,8 +42,29 @@ export function showICHelperPanel(context: vscode.ExtensionContext) {
  const iconUri = panel.webview.asWebviewUri(
    vscode.Uri.joinPath(context.extensionUri, "media", "icon.png")
  );
  // 获取模型图标URI
  const autoIconUri = panel.webview.asWebviewUri(
    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "Auto.png")
  );
  const liteIconUri = panel.webview.asWebviewUri(
    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "lite.png")
  );
  const syIconUri = panel.webview.asWebviewUri(
    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "Sy.png")
  );
  const maxIconUri = panel.webview.asWebviewUri(
    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "Max.png")
  );
  // 设置HTML内容
-  panel.webview.html = getWebviewContent(iconUri.toString());
+  panel.webview.html = getWebviewContent(
    iconUri.toString(),
    autoIconUri.toString(),
    liteIconUri.toString(),
    syIconUri.toString(),
    maxIconUri.toString()
  );
  // 处理消息
  panel.webview.onDidReceiveMessage(
@ -90,7 +114,7 @@ export function showICHelperPanel(context: vscode.ExtensionContext) {
          break;
        // 新增：中止对话
        case "abortDialog":
-          abortCurrentDialog();
+          void abortCurrentDialog();
          break;
      }
    },
@ -136,13 +160,17 @@ export class ICViewProvider implements vscode.WebviewViewProvider {
    });
    // 处理侧边栏的消息
-    webviewView.webview.onDidReceiveMessage((message) => {
+    webviewView.webview.onDidReceiveMessage(
-      if (message.command === "openChat") {
+      (message) => {
-        vscode.commands.executeCommand("ic-coder.openChat");
+        if (message.command === "openChat") {
-      } else if (message.command === "login") {
+          vscode.commands.executeCommand("ic-coder.openChat");
-        vscode.commands.executeCommand("ic-coder.login");
+        } else if (message.command === "login") {
-      }
+          vscode.commands.executeCommand("ic-coder.login");
-    });
+        }
      },
      undefined,
      this.context.subscriptions
    );
  }
  private getWebviewContent(
--- a/src/views/agentCard.ts
+++ b/src/views/agentCard.ts
@ -96,6 +96,27 @@ export function getAgentCardStyles(): string {
      padding: 8px;
      text-align: center;
    }
    /* 低调显示的工具调用样式 */
    .agent-step.low-profile {
      opacity: 0.5;
      font-size: 10px;
      padding: 2px 6px;
      background: transparent;
      margin-bottom: 2px;
    }
    .agent-step.low-profile .step-icon {
      opacity: 0.4;
      font-size: 10px;
    }
    .agent-step.low-profile .step-name {
      font-weight: 300;
      color: var(--vscode-descriptionForeground);
      opacity: 0.7;
    }
    .agent-step.low-profile .step-result {
      opacity: 0.6;
      font-size: 9px;
    }
  `;
 }
@ -119,14 +140,18 @@ export function getAgentCardScript(): string {
        'queryKnowledgeSummary': '查询知识摘要',
        'queryRules': '查询规则',
        'setModule': '设置模块',
-        'addSignal': '添加信号',
+        'addSignal': '正在分析信号定义',
-        'addSignalExample': '添加信号示例',
+        'addSignalExample': '正在处理信号示例',
        'validateKnowledgeGraph': '验证知识图谱',
        'querySignals': '查询信号',
        'addPlan': '添加计划',
        'addEdge': '添加边',
        'showPlan': '显示计划',
-        'spawnExplorer': '代码探索'
+        'spawnExplorer': '代码探索',
        'spawnDebugger': '波形调试',
        'queryByBFS': 'BFS查询',
        'queryStateTransitions': '查询状态转移',
        'addStateTransition': '添加状态转移'
      };
      return toolNameMap[toolName] || toolName;
    }
@ -147,7 +172,9 @@ export function getAgentCardScript(): string {
        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>\`;
+        // 所有工具调用都使用低调样式
        const stepClass = 'agent-step low-profile';
        return \`<div class="\${stepClass}"><span class="step-icon">\${icon}</span><span class="step-name">\${displayName}</span><span class="step-result">\${result}</span></div>\`;
      }).join('');
      segmentDiv.innerHTML = \`
--- a/src/views/agentModeSelector.ts
+++ b/src/views/agentModeSelector.ts
@ -1,14 +1,19 @@
 /**
 * 模式选择器组件
- * 提供 Plan/Ask/Agent/Auto 四种模式的选择功能
+ * 提供 Plan/Ask/Agent 四种模式的选择功能
 *
 * 模式说明：
 * - Plan: 只读模式，只能查询分析，不能写文件
 * - Ask: 逐个确认，每个写操作需用户确认
 * - Agent: 智能体自主，自动执行大部分操作
 * - Auto: 完全自动，所有操作自动执行
 */
 import {
  plannerIconSvg,
  askIconSvg,
  agentIconSvg,
 } from "../constants/toolIcons";
 /**
 * 获取模式选择器的 HTML 内容
 */
@ -24,20 +29,25 @@ export function getModeSelectorContent(): string {
        </div>
        <div class="mode-dropdown" id="modeDropdown">
          <div class="mode-option" data-value="plan" onclick="selectMode('plan', 'Plan')">
-            <span class="mode-option-label">Plan</span>
+            <div class="mode-option-header">
-            <span class="mode-option-desc">只读模式</span>
+              <span class="mode-option-icon">${plannerIconSvg}</span>
              <span class="mode-option-label">Plan</span>
            </div>
            <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>
+            <div class="mode-option-header">
-            <span class="mode-option-desc">逐个确认</span>
+              <span class="mode-option-icon">${askIconSvg}</span>
              <span class="mode-option-label">Ask</span>
            </div>
            <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>
+            <div class="mode-option-header">
-            <span class="mode-option-desc">智能体自主</span>
+              <span class="mode-option-icon">${agentIconSvg}</span>
-          </div>
+              <span class="mode-option-label">Agent</span>
-          <div class="mode-option" data-value="auto" onclick="selectMode('auto', 'Auto')">
+            </div>
-            <span class="mode-option-label">Auto</span>
+            <span class="mode-option-desc">用于快速生成工程、调试修改现有代码</span>
            <span class="mode-option-desc">完全自动</span>
          </div>
        </div>
      </div>
@ -88,7 +98,8 @@ export function getModeSelectorStyles(): string {
      position: absolute;
      bottom: calc(100% + 2px);
      left: 0;
-      min-width: 140px;
+      min-width: 200px;
      max-width: 300px;
      background: var(--vscode-dropdown-background);
      border: 1px solid var(--vscode-dropdown-border);
      border-radius: 4px;
@ -103,13 +114,12 @@ export function getModeSelectorStyles(): string {
    /* 模式选择器的选项样式 */
    .mode-option {
      display: flex;
-      justify-content: space-between;
+      flex-direction: column;
-      align-items: center;
+      align-items: flex-start;
      padding: 8px 12px;
      font-size: 12px;
      cursor: pointer;
      transition: background 0.2s ease;
      white-space: nowrap;
    }
    .mode-option:hover {
      background: rgba(128, 128, 128, 0.3);
@ -117,13 +127,31 @@ export function getModeSelectorStyles(): string {
    .mode-option.selected {
      background: rgba(64, 158, 255, 0.2);
    }
    .mode-option-header {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 4px;
    }
    .mode-option-icon {
      display: inline-flex;
      align-items: center;
      flex-shrink: 0;
    }
    .mode-option-icon svg {
      width: 16px;
      height: 16px;
      display: block;
    }
    .mode-option-label {
      font-weight: 500;
    }
    .mode-option-desc {
      font-size: 10px;
      color: var(--vscode-descriptionForeground);
-      margin-left: 12px;
+      line-height: 1.4;
      word-wrap: break-word;
      white-space: normal;
    }
  `;
 }
@ -162,10 +190,9 @@ export function getModeSelectorScript(): string {
      // 更新 tooltip
      if (modeTooltip) {
        const tooltipMap = {
-          'plan': '只读模式 - 只能查询分析',
+          'plan': 'plan模式',
-          'ask': '逐个确认 - 每个写操作需确认',
+          'ask': 'ask模式',
-          'agent': '智能体自主模式',
+          'agent': 'agent模式'
          'auto': '完全自动 - 所有操作自动执行'
        };
        modeTooltip.textContent = tooltipMap[value] || '切换模式';
      }
--- a/src/views/contextButton.ts
+++ b/src/views/contextButton.ts
@ -7,14 +7,78 @@
 */
 export function getContextButtonContent(): string {
  return `
-    <div class="tooltip">
+    <div class="context-selector-wrapper">
-      <button class="add-context-button" onclick="handleAddContext()">
+      <div class="tooltip">
-        <svg t="1766915545722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4994" width="200" height="200">
+        <button class="add-context-button" onclick="toggleContextMenu()">
-          <path d="M469.333333 469.333333V170.666667h85.333334v298.666666h298.666666v85.333334h-298.666666v298.666666h-85.333334v-298.666666H170.666667v-85.333334h298.666666z" fill="#8a8a8a" p-id="4995"></path>
+          <svg t="1766915545722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4994" width="200" height="200">
-        </svg>
+            <path d="M469.333333 469.333333V170.666667h85.333334v298.666666h298.666666v85.333334h-298.666666v298.666666h-85.333334v-298.666666H170.666667v-85.333334h298.666666z" fill="#8a8a8a" p-id="4995"></path>
-        <span class="add-context-label">添加上下文</span>
+          </svg>
-      </button>
+          <span class="add-context-label">添加上下文</span>
-      <span class="tooltiptext">添加文件或代码片段作为上下文</span>
+          <svg class="dropdown-arrow" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
            <path d="M512 714.666667L213.333333 416l42.666667-42.666667L512 629.333333l256-256 42.666667 42.666667z" fill="currentColor"/>
          </svg>
        </button>
        <span class="tooltiptext">添加文件、文件夹、图片或文档作为上下文</span>
      </div>
      <!-- 上拉菜单 -->
      <div class="context-menu" id="contextMenu">
        <!-- 主菜单 -->
        <div class="context-menu-main" id="contextMenuMain">
          <div class="context-menu-item" onclick="showFileList()">
            <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="currentColor"/>
            </svg>
            <span>文件</span>
            <svg class="arrow-right" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
              <path d="M340.864 149.312l384 384-384 384-45.248-45.248L634.368 533.312 295.616 194.56z" fill="currentColor"/>
            </svg>
          </div>
          <div class="context-menu-item" onclick="showFolderList()">
            <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
              <path d="M880 298.4H521L403.7 186.2c-1.5-1.4-3.5-2.2-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z" fill="currentColor"/>
            </svg>
            <span>文件夹</span>
            <svg class="arrow-right" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
              <path d="M340.864 149.312l384 384-384 384-45.248-45.248L634.368 533.312 295.616 194.56z" fill="currentColor"/>
            </svg>
          </div>
          <div class="context-menu-item" onclick="handleAddImage()">
            <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 m-120-240c0 55.2-44.8 100-100 100s-100-44.8-100-100 44.8-100 100-100 100 44.8 100 100z m-476 0l164 164h476L696 480 536 640l-84-84-160 160z" fill="currentColor"/>
            </svg>
            <span>图片</span>
          </div>
          <div class="context-menu-item" onclick="handleAddDocument()">
            <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
              <path d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32z m-40 824H232V136h560v752z m-120-568H352c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h320c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z m0 144H352c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h320c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z m0 144H352c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h320c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" fill="currentColor"/>
            </svg>
            <span>文档库</span>
          </div>
        </div>
        <!-- 文件/文件夹列表视图 -->
        <div class="context-menu-list" id="contextMenuList" style="display: none;">
          <div class="context-menu-list-header">
            <button class="context-menu-back" onclick="backToMainMenu()">
              <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                <path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8c-16.4 12.8-16.4 37.5 0 50.3l450.8 352.1c5.3 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" fill="currentColor"/>
              </svg>
            </button>
            <span id="contextMenuListTitle">选择文件</span>
          </div>
          <div class="context-menu-list-body" id="contextMenuListBody">
            <!-- 动态加载列表 -->
          </div>
          <div class="context-menu-list-footer">
            <input type="text" id="contextMenuSearch" placeholder="搜索..." />
            <div class="context-menu-list-actions">
              <span id="contextMenuListCount">已选择 0 项</span>
              <button class="primary" onclick="confirmSelection()">确定</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  `;
 }
@ -24,6 +88,12 @@ export function getContextButtonContent(): string {
 */
 export function getContextButtonStyles(): string {
  return `
    /* 上下文选择器容器 */
    .context-selector-wrapper {
      position: relative;
      display: inline-block;
    }
    /* 添加上下文按钮样式 */
    .add-context-button {
      display: flex;
@ -45,15 +115,218 @@ export function getContextButtonStyles(): string {
      border-color: var(--vscode-focusBorder);
    }
-    .add-context-button svg {
+    .add-context-button svg.icon {
      width: 16px;
      height: 16px;
      color: #409eff;
    }
    .add-context-button .dropdown-arrow {
      width: 12px;
      height: 12px;
      transition: transform 0.2s ease;
    }
    .add-context-button.active .dropdown-arrow {
      transform: rotate(180deg);
    }
    .add-context-label {
      white-space: nowrap;
    }
    /* 上拉菜单样式 */
    .context-menu {
      position: absolute;
      bottom: calc(100% + 8px);
      left: 0;
      background: var(--vscode-dropdown-background);
      border: 1px solid var(--vscode-dropdown-border);
      border-radius: 6px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
      min-width: 180px;
      z-index: 1000;
      display: none;
      overflow: hidden;
    }
    .context-menu.show {
      display: block;
      animation: slideUp 0.2s ease;
    }
    @keyframes slideUp {
      from {
        opacity: 0;
        transform: translateY(10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .context-menu-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 10px 16px;
      cursor: pointer;
      transition: background 0.2s ease;
      color: var(--vscode-foreground);
    }
    .context-menu-item:hover {
      background: var(--vscode-list-hoverBackground);
    }
    .context-menu-item svg {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
      color: var(--vscode-foreground);
      opacity: 0.8;
    }
    .context-menu-item span {
      font-size: 13px;
      white-space: nowrap;
      flex: 1;
    }
    .context-menu-item .arrow-right {
      width: 14px;
      height: 14px;
      opacity: 0.6;
      margin-left: auto;
    }
    /* 列表视图样式 */
    .context-menu-list {
      display: flex;
      flex-direction: column;
      max-height: 350px;
    }
    .context-menu-list-header {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 10px 12px;
      border-bottom: 1px solid var(--vscode-panel-border);
    }
    .context-menu-back {
      width: 28px;
      height: 28px;
      padding: 0;
      border: none;
      background: transparent;
      color: var(--vscode-foreground);
      cursor: pointer;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .context-menu-back:hover {
      background: var(--vscode-toolbar-hoverBackground);
    }
    .context-menu-back svg {
      width: 16px;
      height: 16px;
    }
    .context-menu-list-header span {
      font-size: 14px;
      font-weight: 500;
      flex: 1;
    }
    .context-menu-list-body {
      flex: 1;
      overflow-y: auto;
      padding: 4px;
    }
    .context-menu-list-item {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 6px 8px;
      cursor: pointer;
      border-radius: 4px;
      transition: background 0.2s ease;
    }
    .context-menu-list-item:hover {
      background: var(--vscode-list-hoverBackground);
    }
    .context-menu-list-item.selected {
      background: var(--vscode-list-activeSelectionBackground);
    }
    .context-menu-list-item input[type="checkbox"] {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
    }
    .context-menu-list-item label {
      flex: 1;
      font-size: 12px;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .context-menu-list-footer {
      padding: 8px 12px;
      border-top: 1px solid var(--vscode-panel-border);
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .context-menu-list-footer input {
      width: 100%;
      padding: 6px 10px;
      background: var(--vscode-input-background);
      border: 1px solid var(--vscode-input-border);
      border-radius: 4px;
      color: var(--vscode-input-foreground);
      font-size: 12px;
      box-sizing: border-box;
    }
    .context-menu-list-actions {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .context-menu-list-footer span {
      font-size: 12px;
      color: var(--vscode-descriptionForeground);
    }
    .context-menu-list-footer button {
      padding: 4px 12px;
      background: var(--vscode-button-background);
      color: var(--vscode-button-foreground);
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 12px;
    }
    .context-menu-list-footer button:hover {
      background: var(--vscode-button-hoverBackground);
    }
  `;
 }
@ -62,10 +335,174 @@ export function getContextButtonStyles(): string {
 */
 export function getContextButtonScript(): string {
  return `
-    // 添加上下文处理函数
+    // 上下文菜单状态
-    function handleAddContext() {
+    let currentListData = [];
-      // 发送添加上下文请求到扩展
+    let currentListType = '';
-      vscode.postMessage({ command: 'addContext' });
+    let selectedItems = new Set();
    // 切换上下文菜单显示/隐藏
    function toggleContextMenu() {
      const menu = document.getElementById('contextMenu');
      const button = document.querySelector('.add-context-button');
      if (menu && button) {
        const isShown = menu.classList.contains('show');
        if (isShown) {
          menu.classList.remove('show');
          button.classList.remove('active');
          backToMainMenu(); // 关闭时回到主菜单
        } else {
          menu.classList.add('show');
          button.classList.add('active');
        }
      }
    }
    // 点击外部关闭菜单
    document.addEventListener('click', function(event) {
      const wrapper = document.querySelector('.context-selector-wrapper');
      const menu = document.getElementById('contextMenu');
      const button = document.querySelector('.add-context-button');
      if (wrapper && menu && button && !wrapper.contains(event.target)) {
        menu.classList.remove('show');
        button.classList.remove('active');
        backToMainMenu();
      }
    });
    // 显示文件列表
    function showFileList() {
      vscode.postMessage({ command: 'addContextFile' });
    }
    // 显示文件夹列表
    function showFolderList() {
      vscode.postMessage({ command: 'addContextFolder' });
    }
    // 返回主菜单
    function backToMainMenu() {
      const mainMenu = document.getElementById('contextMenuMain');
      const listView = document.getElementById('contextMenuList');
      if (mainMenu && listView) {
        mainMenu.style.display = 'block';
        listView.style.display = 'none';
      }
      selectedItems.clear();
      currentListData = [];
    }
    // 切换到列表视图
    function switchToListView(title, type, data) {
      const mainMenu = document.getElementById('contextMenuMain');
      const listView = document.getElementById('contextMenuList');
      const titleEl = document.getElementById('contextMenuListTitle');
      if (mainMenu && listView && titleEl) {
        mainMenu.style.display = 'none';
        listView.style.display = 'flex';
        titleEl.textContent = title;
        currentListType = type;
        currentListData = data;
        selectedItems.clear();
        renderList(data);
        updateSelectedCount();
      }
    }
    // 渲染列表
    function renderList(data) {
      const body = document.getElementById('contextMenuListBody');
      if (!body) return;
      body.innerHTML = data.map((item, index) => \`
        <div class="context-menu-list-item" onclick="toggleItemSelection(\${index})">
          <input type="checkbox" id="item-\${index}" />
          <label for="item-\${index}">\${item.relativePath}</label>
        </div>
      \`).join('');
    }
    // 切换项选择
    function toggleItemSelection(index) {
      const checkbox = document.getElementById('item-' + index);
      const item = document.querySelectorAll('.context-menu-list-item')[index];
      if (checkbox && item) {
        checkbox.checked = !checkbox.checked;
        if (checkbox.checked) {
          selectedItems.add(index);
          item.classList.add('selected');
        } else {
          selectedItems.delete(index);
          item.classList.remove('selected');
        }
        updateSelectedCount();
      }
    }
    // 更新选中数量
    function updateSelectedCount() {
      const countEl = document.getElementById('contextMenuListCount');
      if (countEl) {
        countEl.textContent = '已选择 ' + selectedItems.size + ' 项';
      }
    }
    // 确认选择
    function confirmSelection() {
      const selected = Array.from(selectedItems).map(index => currentListData[index]);
      if (selected.length > 0) {
        selected.forEach(item => {
          addContextItem(currentListType, item.path);
        });
      }
      toggleContextMenu();
    }
    // 添加图片
    function handleAddImage() {
      vscode.postMessage({ command: 'addContextImage' });
      toggleContextMenu();
    }
    // 添加文档
    function handleAddDocument() {
      vscode.postMessage({ command: 'addContextDocument' });
      toggleContextMenu();
    }
    // 搜索功能
    const searchInput = document.getElementById('contextMenuSearch');
    if (searchInput) {
      searchInput.addEventListener('input', function(e) {
        const keyword = e.target.value.toLowerCase();
        const filtered = currentListData.filter(item =>
          item.relativePath.toLowerCase().includes(keyword)
        );
        renderList(filtered);
      });
    }
    // 处理后端消息
    window.addEventListener('message', event => {
      const message = event.data;
      if (message.command === 'showWorkspaceFileList') {
        switchToListView('选择文件', 'file', message.files);
      } else if (message.command === 'showWorkspaceFolderList') {
        switchToListView('选择文件夹', 'folder', message.folders);
      }
    });
  `;
 }
--- a/src/views/contextDisplay.ts
+++ b/src/views/contextDisplay.ts
@ -0,0 +1,225 @@
 /**
 * 上下文显示组件
 * 用于显示已选择的文件、文件夹、图片和文档
 */
 /**
 * 获取上下文显示区域的 HTML 内容
 */
 export function getContextDisplayContent(): string {
  return `
    <div class="context-display-area" id="contextDisplayArea" style="display: none;">
      <div class="context-items-container" id="contextItemsContainer">
        <!-- 动态添加的上下文项将显示在这里 -->
      </div>
    </div>
  `;
 }
 /**
 * 获取上下文显示区域的样式
 */
 export function getContextDisplayStyles(): string {
  return `
    /* 上下文显示区域 */
    .context-display-area {
      margin-bottom: 8px;
      padding: 8px;
      background: rgba(128, 128, 128, 0.1);
      border-radius: 6px;
      border: 1px solid var(--vscode-input-border);
    }
    .context-items-container {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    /* 上下文项样式 */
    .context-item {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 6px 10px;
      background: var(--vscode-input-background);
      border: 1px solid var(--vscode-input-border);
      border-radius: 4px;
      font-size: 12px;
      color: var(--vscode-foreground);
      max-width: 300px;
      transition: all 0.2s ease;
    }
    .context-item:hover {
      background: var(--vscode-list-hoverBackground);
    }
    .context-item svg {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
      opacity: 0.8;
    }
    .context-item-name {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .context-item-remove {
      width: 14px;
      height: 14px;
      cursor: pointer;
      opacity: 0.6;
      transition: opacity 0.2s ease;
      flex-shrink: 0;
    }
    .context-item-remove:hover {
      opacity: 1;
      color: #f56c6c;
    }
    /* 图片预览样式 */
    .context-item.image-item {
      position: relative;
    }
    .context-item-preview {
      width: 40px;
      height: 40px;
      object-fit: cover;
      border-radius: 3px;
      border: 1px solid var(--vscode-input-border);
    }
  `;
 }
 /**
 * 获取上下文显示区域的脚本
 */
 export function getContextDisplayScript(): string {
  return `
    // 存储上下文项
    let contextItems = [];
    // 获取文件图标 SVG
    function getFileIcon() {
      return '<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.7z" fill="currentColor"/></svg>';
    }
    // 获取文件夹图标 SVG
    function getFolderIcon() {
      return '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M880 298.4H521L403.7 186.2c-1.5-1.4-3.5-2.2-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32z" fill="currentColor"/></svg>';
    }
    // 获取图片图标 SVG
    function getImageIcon() {
      return '<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" fill="currentColor"/></svg>';
    }
    // 获取文档图标 SVG
    function getDocumentIcon() {
      return '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32z" fill="currentColor"/></svg>';
    }
    // 获取删除图标 SVG
    function getRemoveIcon() {
      return '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9c-4.4 5.2-.7 13.1 6.1 13.1h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" fill="currentColor"/></svg>';
    }
    // 提取文件名
    function getFileName(path) {
      return path.split(/[\\\\/]/).pop();
    }
    // 添加上下文项
    function addContextItem(type, path) {
      const id = Date.now() + Math.random();
      contextItems.push({ id, type, path });
      renderContextItems();
    }
    // 删除上下文项
    function removeContextItem(id) {
      contextItems = contextItems.filter(item => item.id !== id);
      renderContextItems();
    }
    // 渲染上下文项
    function renderContextItems() {
      const container = document.getElementById('contextItemsContainer');
      const displayArea = document.getElementById('contextDisplayArea');
      if (!container || !displayArea) return;
      if (contextItems.length === 0) {
        displayArea.style.display = 'none';
        return;
      }
      displayArea.style.display = 'block';
      container.innerHTML = contextItems.map(item => {
        let icon = '';
        switch(item.type) {
          case 'file': icon = getFileIcon(); break;
          case 'folder': icon = getFolderIcon(); break;
          case 'image': icon = getImageIcon(); break;
          case 'document': icon = getDocumentIcon(); break;
        }
        return \`
          <div class="context-item" title="\${item.path}">
            \${icon}
            <span class="context-item-name">\${getFileName(item.path)}</span>
            <span class="context-item-remove" onclick="removeContextItem(\${item.id})">
              \${getRemoveIcon()}
            </span>
          </div>
        \`;
      }).join('');
    }
    // 处理后端返回的文件选择结果
    window.addEventListener('message', event => {
      const message = event.data;
      switch(message.command) {
        case 'contextFilesSelected':
          if (message.files && message.files.length > 0) {
            message.files.forEach(file => addContextItem('file', file));
          }
          break;
        case 'contextFoldersSelected':
          if (message.folders && message.folders.length > 0) {
            message.folders.forEach(folder => addContextItem('folder', folder));
          }
          break;
        case 'contextImagesSelected':
          if (message.images && message.images.length > 0) {
            message.images.forEach(image => addContextItem('image', image));
          }
          break;
        case 'contextDocumentsSelected':
          if (message.documents && message.documents.length > 0) {
            message.documents.forEach(doc => addContextItem('document', doc));
          }
          break;
      }
    });
    // 获取所有上下文项（供发送消息时使用）
    window.getContextItems = function() {
      return contextItems;
    };
    // 清空上下文项（供清空对话时使用）
    window.clearContextItems = function() {
      contextItems = [];
      renderContextItems();
    };
  `;
 }
--- a/src/views/inputArea.ts
+++ b/src/views/inputArea.ts
@ -14,6 +14,11 @@ import {
  getContextButtonStyles,
  getContextButtonScript,
 } from "./contextButton";
 import {
  getContextDisplayContent,
  getContextDisplayStyles,
  getContextDisplayScript,
 } from "./contextDisplay";
 import {
  getContextCompressContent,
  getContextCompressStyles,
@ -29,24 +34,31 @@ import { sendIconSvg, stopIconSvg } from "../constants/toolIcons";
 /**
 * 获取输入区域的 HTML 内容
 */
-export function getInputAreaContent(): string {
+export function getInputAreaContent(
  autoIcon: string = '',
  liteIcon: string = '',
  syIcon: string = '',
  maxIcon: string = ''
 ): string {
  return `
-    <div class="input-area">
+    <div class="input-area centered" id="inputArea">
      <div class="input-group">
        <div class="input-wrapper">
          <!-- 顶部工具栏 -->
          <div class="input-top-toolbar">
            ${getContextButtonContent()}
          </div>
          <!-- 上下文显示区域 -->
          ${getContextDisplayContent()}
          <textarea
            id="messageInput"
-            placeholder="输入您的问题..."
+            placeholder="输入您的问题，按 Enter 发送，Shift + Enter 换行..."
            onkeydown="if(event.key === 'Enter' && !event.shiftKey) { event.preventDefault(); sendMessage(); }"
          ></textarea>
          <div class="input-bottom-row">
            <div class="mode-selector">
              ${getModeSelectorContent()}
-              ${getModelSelectorContent()}
+              ${getModelSelectorContent(autoIcon, liteIcon, syIcon, maxIcon)}
            </div>
            <div class="input-actions">
              ${getContextCompressContent()}
@ -71,12 +83,30 @@ export function getInputAreaStyles(): string {
    ${getModeSelectorStyles()}
    ${getModelSelectorStyles()}
    ${getContextButtonStyles()}
    ${getContextDisplayStyles()}
    ${getContextCompressStyles()}
    ${getOptimizeButtonStyles()}
    .input-area {
      border-top: 1px solid var(--vscode-panel-border);
      padding-top: 15px;
      flex-shrink: 0;
      transition: all 0.3s ease;
    }
    /* 居中模式：未发起对话时 */
    .input-area.centered {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 40px);
      max-width: 800px;
      border-top: none;
      padding-top: 0;
    }
    /* 底部模式：发起对话后 */
    .input-area.bottom {
      position: relative;
      transform: none;
    }
    .input-group {
      display: flex;
@ -197,6 +227,11 @@ export function getInputAreaStyles(): string {
      overflow-y: auto;
      line-height: 1.5;
    }
    textarea:disabled {
      opacity: 0.5;
      cursor: not-allowed;
      background: rgba(128, 128, 128, 0.1);
    }
    /* 简洁的滚动条样式 */
    textarea::-webkit-scrollbar {
      width: 8px;
@ -254,16 +289,34 @@ export function getInputAreaScript(): string {
    // 注意：getModeSelectorScript() 已在 webviewContent.ts 开头加载，这里不再重复加载
    ${getModelSelectorScript()}
    ${getContextButtonScript()}
    ${getContextDisplayScript()}
    ${getContextCompressScript()}
    ${getOptimizeButtonScript()}
    // 对话状态管理
    let isConversationActive = false;
    let hasMessages = false; // 是否已有消息
    // 工作区检测状态
    let hasCheckedWorkspace = false; // 是否已经检测过工作区
    let hasWorkspace = true; // 工作区状态
    // 切换输入框布局模式
    function updateInputAreaLayout() {
      const inputArea = document.getElementById('inputArea');
      if (!inputArea) return;
      if (hasMessages) {
        // 有消息时，移到底部
        inputArea.classList.remove('centered');
        inputArea.classList.add('bottom');
      } else {
        // 无消息时，居中显示
        inputArea.classList.add('centered');
        inputArea.classList.remove('bottom');
      }
    }
    // 自动调整 textarea 高度
    function autoResizeTextarea() {
      if (messageInput) {
@ -300,11 +353,17 @@ export function getInputAreaScript(): string {
        sendIconContainer.style.display = 'none';
        stopIconContainer.style.display = 'block';
        isConversationActive = true;
        // 禁用输入框
        messageInput.disabled = true;
        messageInput.placeholder = '正在处理中，请稍候...';
      } else {
        sendButton.classList.remove('sending');
        sendIconContainer.style.display = 'block';
        stopIconContainer.style.display = 'none';
        isConversationActive = false;
        // 启用输入框
        messageInput.disabled = false;
        messageInput.placeholder = '输入您的问题，按 Enter 发送，Shift + Enter 换行...';
      }
    }
@ -324,6 +383,11 @@ export function getInputAreaScript(): string {
      const text = messageInput.value.trim();
      if (!text) return;
      // 如果正在对话中，阻止发送新消息
      if (isConversationActive) {
        return;
      }
      // 检查工作区状态
      if (!hasWorkspace) {
        // 如果没有工作区，阻止发送并清空输入框
@ -336,12 +400,26 @@ export function getInputAreaScript(): string {
      const model = getCurrentModel(); // 从模型选择器组件获取当前模型
      const planMode = document.getElementById('planToggle')?.checked || false;
      // 获取上下文项
      const contextItems = window.getContextItems ? window.getContextItems() : [];
      addMessage(text, 'user');
      // 标记已有消息，切换布局到底部
      hasMessages = true;
      updateInputAreaLayout();
      // 切换按钮为暂停状态
      setSendButtonState(true);
-      vscode.postMessage({ command: 'sendMessage', text: text, mode: mode, model: model, planMode: planMode });
+      vscode.postMessage({
        command: 'sendMessage',
        text: text,
        mode: mode,
        model: model,
        planMode: planMode,
        contextItems: contextItems
      });
      messageInput.value = '';
      autoResizeTextarea(); // 重置输入框高度
      messageInput.focus();
@ -349,5 +427,28 @@ export function getInputAreaScript(): string {
      // 重置优化状态
      resetOptimizeButton();
    }
    // 全局函数：重置输入框布局（用于清空对话时）
    window.resetInputAreaLayout = function() {
      hasMessages = false;
      updateInputAreaLayout();
    };
    // 全局函数：检查是否有消息（用于页面加载时）
    window.checkMessagesAndUpdateLayout = function() {
      const messagesContainer = document.getElementById('messages');
      if (messagesContainer) {
        const messageElements = messagesContainer.querySelectorAll('.message');
        hasMessages = messageElements.length > 0;
        updateInputAreaLayout();
      }
    };
    // 页面加载时检查消息状态
    setTimeout(() => {
      if (window.checkMessagesAndUpdateLayout) {
        window.checkMessagesAndUpdateLayout();
      }
    }, 100);
  `;
 }
--- a/src/views/messageArea.ts
+++ b/src/views/messageArea.ts
@ -23,6 +23,7 @@ import {
  waveformIconSvg,
  knowledgeLoadIconSvg,
  stateTransitionIconSvg,
  userQuestionIconSvg,
 } from "../constants/toolIcons";
 import {
  getWaveformPreviewContent,
@ -30,6 +31,10 @@ import {
 } from "./waveformPreviewContent";
 import { getAgentCardStyles, getAgentCardScript } from "./agentCard";
 import { getPlanCardStyles, getPlanCardScript } from "./planCard";
 import {
  getCodeHighlightStyles,
  getCodeHighlightScript,
 } from "../components/codeHighlight";
 /**
 * 获取消息区域的 HTML 内容
@ -294,7 +299,7 @@ export function getMessageAreaStyles(): string {
        padding: 0;
      }
      .message-segment {
-        padding: 10px 22px;
+        padding: 10px 0;
      }
      .segment-text {
        line-height: 1.6;
@ -303,76 +308,80 @@ export function getMessageAreaStyles(): string {
      /* Markdown 样式 */
      .segment-text h1,
      .segment-text h2,
-      .segment-text h3 {
+      .segment-text h3,
-        margin: 16px 0 8px 0;
+      .question-text h1,
      .question-text h2,
      .question-text h3 {
        margin: 0px 0 -10px 0;
        font-weight: 600;
        line-height: 1.3;
      }
-      .segment-text h1 {
+      .segment-text h1,
      .question-text h1 {
        font-size: 1.5em;
        border-bottom: 1px solid var(--vscode-panel-border);
        padding-bottom: 8px;
      }
-      .segment-text h2 {
+      .segment-text h2,
      .question-text h2 {
        font-size: 1.3em;
      }
-      .segment-text h3 {
+      .segment-text h3,
      .question-text h3 {
        font-size: 1.1em;
      }
      .segment-text pre {
        background: var(--vscode-textCodeBlock-background);
        border: 1px solid var(--vscode-panel-border);
        border-radius: 6px;
        padding: 12px;
        overflow-x: auto;
        margin: 12px 0;
      }
      .segment-text code {
        font-family: 'Courier New', Consolas, monospace;
        font-size: 0.9em;
      }
      .segment-text pre code {
        background: transparent;
        padding: 0;
        border: none;
      }
      .segment-text code:not(pre code) {
        background: var(--vscode-textCodeBlock-background);
        padding: 2px 6px;
        border-radius: 3px;
        color: var(--vscode-textPreformat-foreground);
      }
      .segment-text ul,
-      .segment-text ol {
+      .segment-text ol,
      .question-text ul,
      .question-text ol {
        margin: 8px 0;
        padding-left: 24px;
      }
-      .segment-text li {
+      .segment-text li,
-        margin: 4px 0;
+      .question-text li {
-        line-height: 1.6;
+        line-height: 1;
      }
-      .segment-text strong {
+      .segment-text strong,
      .question-text strong {
        font-weight: 600;
        color: var(--vscode-foreground);
      }
-      .segment-text em {
+      .segment-text em,
      .question-text em {
        font-style: italic;
      }
-      .segment-text a {
+      .segment-text a,
      .question-text a {
        color: var(--vscode-textLink-foreground);
        text-decoration: none;
      }
-      .segment-text a:hover {
+      .segment-text a:hover,
      .question-text a:hover {
        text-decoration: underline;
      }
-      .segment-text p {
+      .segment-text p,
      .question-text p {
        margin: 8px 0;
      }
      .segment-text code,
      .question-text code {
        background: var(--vscode-textCodeBlock-background);
        padding: 2px 6px;
        border-radius: 3px;
        font-family: var(--vscode-editor-font-family);
        font-size: 0.9em;
      }
      .segment-tool {
        margin: 4px 0;
        padding: 4px 0;
      }
      /* 低调显示的工具调用 - 移除边距和背景 */
      .segment-tool.low-profile {
        margin: 2px 0px;
        padding: 0;
        background: none;
      }
      .tool-segment-header {
        display: flex;
        align-items: center;
@ -410,7 +419,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);
@ -532,11 +541,28 @@ export function getMessageAreaStyles(): string {
      .tool-segment-content.collapsed {
        max-height: 0;
      }
      /* 低调显示的工具调用样式 */
      .segment-tool.low-profile .tool-segment-header {
        opacity: 0.65;
        font-size: 12px;
      }
      .segment-tool.low-profile .tool-segment-icon {
        opacity: 0.55;
        font-size: 11px;
      }
      .segment-tool.low-profile .tool-segment-name {
        font-weight: 300;
        opacity: 0.8;
      }
      .segment-tool.low-profile .tool-segment-result {
        opacity: 0.7;
        font-size: 10px;
      }
      .segment-question {
        background: var(--vscode-textBlockQuote-background);
        border-radius: 6px;
        margin: 8px 0;
-        padding: 12px 14px;
+        padding: 12px 35px;
        border-left: 3px solid var(--vscode-charts-orange);
      }
      .segment-question .question-text {
@ -584,6 +610,7 @@ export function getMessageAreaStyles(): string {
        border: 1px solid var(--vscode-input-border);
        border-radius: 6px;
        font-size: 13px;
        margin-left: -20px;
      }
      .segment-question .custom-submit {
        padding: 8px 16px;
@ -619,6 +646,8 @@ export function getMessageAreaStyles(): string {
      ${getPlanCardStyles()}
      ${getCodeHighlightStyles()}
      ${getWaveformPreviewContent()}
    `;
 }
@ -640,6 +669,7 @@ export function getMessageAreaScript(): string {
      const waveformIconSvg = \`${waveformIconSvg}\`;
      const knowledgeLoadIconSvg = \`${knowledgeLoadIconSvg}\`;
      const stateTransitionIconSvg = \`${stateTransitionIconSvg}\`;
      const userQuestionIconSvg = \`${userQuestionIconSvg}\`;
      ${getAgentCardScript()}
@ -669,7 +699,8 @@ export function getMessageAreaScript(): string {
          'showPlan': searchCodeIconSvg,
          'addRule': fileWriteIconSvg,
          'updateNode': fileWriteIconSvg,
-          'addStateTransition': stateTransitionIconSvg
+          'addStateTransition': stateTransitionIconSvg,
          'askUser': userQuestionIconSvg,
        };
        return iconMap[toolName] || '';
      }
@ -689,8 +720,8 @@ export function getMessageAreaScript(): string {
          'queryKnowledgeSummary': '已查询知识摘要',
          'queryRules': '已查询规则',
          'setModule': '已设置模块',
-          'addSignal': '已添加信号',
+          'addSignal': '信号分析完成',
-          'addSignalExample': '已添加信号示例',
+          'addSignalExample': '信号示例处理完成',
          'validateKnowledgeGraph': '已验证知识图谱',
          'querySignals': '已查询信号',
          'addPlan': '已添加计划',
@ -699,7 +730,9 @@ export function getMessageAreaScript(): string {
          'addRule': '已添加规则',
          'updateNode': '已更新节点',
          'addStateTransition': '已添加状态转换',
-          'spawnExplorer': '代码探索'
+          'spawnExplorer': '代码探索',
          'spawnDebugger': '波形调试',
          'askUser': '用户提问',
        };
        return toolNameMap[toolName] || toolName;
      }
@ -890,9 +923,13 @@ 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);
        if (!segments || segments.length === 0) {
          console.log('[WebView] segments 为空，跳过渲染');
          return;
@ -921,10 +958,42 @@ 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 = '';
-        segments.forEach((segment, index) => {
+        // 合并连续相同的工具调用
        const mergedSegments = [];
        let i = 0;
        while (i < segments.length) {
          const segment = segments[i];
          if (segment.type === 'tool') {
            // 统计连续相同的工具调用
            let count = 1;
            while (i + count < segments.length &&
                   segments[i + count].type === 'tool' &&
                   segments[i + count].toolName === segment.toolName) {
              count++;
            }
            // 添加合并后的段落（带计数）
            mergedSegments.push({ ...segment, toolCount: count });
            i += count;
          } else {
            mergedSegments.push(segment);
            i++;
          }
        }
        let toolIndex = 0; // 用于跟踪工具段落的索引
        mergedSegments.forEach((segment, index) => {
          const segmentDiv = document.createElement('div');
          segmentDiv.className = 'message-segment segment-' + segment.type;
@ -936,19 +1005,31 @@ export function getMessageAreaScript(): string {
            if (segment.toolName === 'spawnExplorer') {
              return;
            }
            // 所有工具调用都使用低调样式
            segmentDiv.className += ' low-profile';
            const statusIcon = segment.toolStatus === 'error' ? '❌' : '🔧';
            const toolResult = segment.toolResult || '';
            const toolCount = segment.toolCount || 1;
            const countSuffix = toolCount > 1 ? \` x\${toolCount}\` : '';
            // 检查工具结果是否过长(超过一行显示不下)
            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}">
+              <div class="tool-segment-header\${isCollapsed ? ' collapsed' : ''}" data-collapsible="\${shouldCollapse}" data-tool-index="\${currentToolIndex}">
-                \${shouldCollapse ? collapseIconSvg : getToolIcon(segment.toolName)}
+                \${shouldCollapse ? \`<span class="tool-collapse-icon">\${collapseIconSvg}</span>\` : getToolIcon(segment.toolName)}
-                <span class="tool-segment-name">\${getToolDisplayName(segment.toolName) || '工具'}</span>
+                <span class="tool-segment-name">\${getToolDisplayName(segment.toolName) || '工具'}\${countSuffix}</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>\` : ''}
            \`;
            // 如果是仿真工具且成功完成，尝试添加波形预览
@ -974,27 +1055,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';
+                      toolCollapseStates.set(toolIdx, false);
                      if (iconExpanded) iconExpanded.style.display = 'block';
                    } else {
                      // 折叠
                      header.classList.add('collapsed');
                      content.classList.add('collapsed');
                      content.style.maxHeight = '0';
-                      if (iconCollapsed) iconCollapsed.style.display = 'block';
+                      toolCollapseStates.set(toolIdx, true);
                      if (iconExpanded) iconExpanded.style.display = 'none';
                    }
                  });
                }
@ -1022,7 +1100,7 @@ export function getMessageAreaScript(): string {
              : '';
            segmentDiv.innerHTML = \`
-              <div class="question-text">\${segment.question || ''}</div>
+              <div class="question-text">\${formatText(segment.question || '')}</div>
              \${hasOptions ? \`<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="\${hasOptions ? '输入其他答案...' : '请输入您的答案...'}" />
@ -1081,9 +1159,11 @@ export function getMessageAreaScript(): string {
          console.log('[WebView] 对话完成，添加操作按钮');
          const actionsDiv = document.createElement('div');
          actionsDiv.className = 'message-actions';
          // 复制按钮
          const copyBtn = document.createElement('button');
          copyBtn.className = 'action-btn';
-          copyBtn.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>';
+          copyBtn.innerHTML = \`<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M761.088 715.3152a38.7072 38.7072 0 0 1 0-77.4144 37.4272 37.4272 0 0 0 37.4272-37.4272V265.0112a37.4272 37.4272 0 0 0-37.4272-37.4272H425.6256a37.4272 37.4272 0 0 0-37.4272 37.4272 38.7072 38.7072 0 1 1-77.4144 0 115.0976 115.0976 0 0 1 114.8416-114.8416h335.4624a115.0976 115.0976 0 0 1 114.8416 114.8416v335.4624a115.0976 115.0976 0 0 1-114.8416 114.8416z" fill="currentColor"/><path d="M589.4656 883.0976H268.1856a121.1392 121.1392 0 0 1-121.2928-121.2928v-322.56a121.1392 121.1392 0 0 1 121.2928-121.344h321.28a121.1392 121.1392 0 0 1 121.2928 121.2928v322.56c1.28 67.1232-54.1696 121.344-121.2928 121.344zM268.1856 395.3152a43.52 43.52 0 0 0-43.8784 43.8784v322.56a43.52 43.52 0 0 0 43.8784 43.8784h321.28a43.52 43.52 0 0 0 43.8784-43.8784v-322.56a43.52 43.52 0 0 0-43.8784-43.8784z" fill="currentColor"/></svg><span class="action-tooltip">复制</span>\`;
          copyBtn.onclick = () => {
            const textContent = segments
              .filter(s => s.type === 'text' && s.content)
@ -1091,7 +1171,22 @@ export function getMessageAreaScript(): string {
              .join('\\n');
            copyMessage(textContent, copyBtn);
          };
          // 点赞按钮
          const likeBtn = document.createElement('button');
          likeBtn.className = 'action-btn';
          likeBtn.innerHTML = \`<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M923.5 411.2c-28.6-33.9-72.1-53-116.4-51.1h-68c6.4-31.6 10.1-63.9 11.2-96v-0.8c-0.5-60.9-18.7-112-51.2-144-22.6-22.2-50.8-33.7-81.5-33.3-38.3 0-69.1 11.5-91.7 34.2-26.5 26.5-39.9 66.8-39.8 119.6 0.1 40.1-19.4 83.4-52.1 115.9-32 31.8-71.7 49.3-111.8 49.3H295.6c-3 0-6 0.3-8.9 0.8v-1.2H140.8c-39.7 0-72.2 32.5-72.2 72.2v392.9c0 39.7 32.5 72.2 72.2 72.2h146.8v-0.6c2.9 0.4 5.9 0.7 8.9 0.7h464.7c33.3-0.8 65.6-13 91.1-34.4s43.1-51.1 49.6-83.8l52.3-289.1c9.4-43.4-2.1-89.6-30.7-123.5zM147.7 843.7v-344c0-9 7.3-16.3 16.3-16.3h70.4V860H164c-9 0-16.3-7.3-16.3-16.3z m726.4-324.9l-0.2 0.6-51.7 290.3c-6.7 29.1-32.3 50.2-62.2 51.3l-4.9 0.2-0.4 0.3h-440V486h7.3c61.4 0 121-25.7 168.1-72.4 48.6-48.2 76.5-111.7 76.5-174.2-0.1-31.5 4.9-51.8 15.3-62.2 7.4-7.4 18.7-10.8 35.8-10.8h0.2c9-0.1 17.4 3.6 24.9 11 16.3 16.2 25.7 47.3 25.8 85.4-1.2 41.8-7.9 83.3-19.9 123.4l-21.6 54.3h181.5c24.5-0.6 48.2 8.9 65.1 26.1 16.9 17.2 25.3 40.8 23 64.9z" fill="currentColor"/></svg><span class="action-tooltip">点赞</span>\`;
          likeBtn.onclick = () => toggleLike(likeBtn);
          // 点踩按钮
          const dislikeBtn = document.createElement('button');
          dislikeBtn.className = 'action-btn';
          dislikeBtn.innerHTML = \`<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M360 640c60.992 40.107 88 87.381 88 149.333 0 5.611 0.427 12.864 1.579 21.462a174.933 174.933 0 0 0 11.2 42.666c19.584 48.192 60.864 83.008 119.018 85.12 28.843 2.56 60.886-3.584 91.414-25.045 58.709-41.237 81.706-117.248 69.973-230.87h48.15V640v42.667c17.173 0 38.4-2.475 61.823-10.667 66.304-23.125 107.627-84.117 84.928-162.816l-53.674-254.55a213.333 213.333 0 0 0-208.747-169.3H207.019a85.333 85.333 0 0 0-85.078 78.783l-29.546 384A85.333 85.333 0 0 0 177.493 640H360z m-61.333-109.333v24H177.493l29.526-384h91.648v360z m85.333-360h289.664a128 128 0 0 1 125.227 101.589l54.442 258.07c21.334 67.007-64 67.007-64 67.007H640c64 277.334-54.613 256-54.613 256-52.054 0-52.054-64-52.054-64 0-92.8-43.264-167.082-129.77-222.805A42.667 42.667 0 0 1 384 530.667v-360z" fill="currentColor"/></svg><span class="action-tooltip">点踩</span>\`;
          dislikeBtn.onclick = () => toggleDislike(dislikeBtn);
          actionsDiv.appendChild(copyBtn);
          actionsDiv.appendChild(likeBtn);
          actionsDiv.appendChild(dislikeBtn);
          currentSegmentedMessage.appendChild(actionsDiv);
          // 重置当前分段消息容器
@ -1129,7 +1224,29 @@ export function getMessageAreaScript(): string {
        const container = document.createElement('div');
        container.className = 'message bot-message segmented-message';
-        segments.forEach((segment, index) => {
+        // 合并连续相同的工具调用
        const mergedSegments = [];
        let i = 0;
        while (i < segments.length) {
          const segment = segments[i];
          if (segment.type === 'tool') {
            // 统计连续相同的工具调用
            let count = 1;
            while (i + count < segments.length &&
                   segments[i + count].type === 'tool' &&
                   segments[i + count].toolName === segment.toolName) {
              count++;
            }
            // 添加合并后的段落（带计数）
            mergedSegments.push({ ...segment, toolCount: count });
            i += count;
          } else {
            mergedSegments.push(segment);
            i++;
          }
        }
        mergedSegments.forEach((segment, index) => {
          const segmentDiv = document.createElement('div');
          segmentDiv.className = 'message-segment segment-' + segment.type;
@ -1141,16 +1258,22 @@ export function getMessageAreaScript(): string {
            if (segment.toolName === 'spawnExplorer') {
              return;
            }
            // 所有工具调用都使用低调样式
            segmentDiv.className += ' low-profile';
            const statusIcon = segment.toolStatus === 'error' ? '❌' : '🔧';
            const toolResult = segment.toolResult || '';
            const toolCount = segment.toolCount || 1;
            const countSuffix = toolCount > 1 ? \` x\${toolCount}\` : '';
            // 检查工具结果是否过长(超过一行显示不下)
            const shouldCollapse = toolResult && toolResult.length > 60;
            segmentDiv.innerHTML = \`
              <div class="tool-segment-header\${shouldCollapse ? ' collapsed' : ''}" data-collapsible="\${shouldCollapse}">
-                \${shouldCollapse ? collapseIconSvg : getToolIcon(segment.toolName)}
+                \${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>
+                <span class="tool-segment-name">\${getToolDisplayName(segment.toolName) || '工具'}\${countSuffix}</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>\` : ''}
@ -1179,27 +1302,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';
+                      toolCollapseStates.set(toolIdx, false);
                      if (iconExpanded) iconExpanded.style.display = 'block';
                    } else {
                      // 折叠
                      header.classList.add('collapsed');
                      content.classList.add('collapsed');
                      content.style.maxHeight = '0';
-                      if (iconCollapsed) iconCollapsed.style.display = 'block';
+                      toolCollapseStates.set(toolIdx, true);
                      if (iconExpanded) iconExpanded.style.display = 'none';
                    }
                  });
                }
@ -1208,7 +1328,7 @@ export function getMessageAreaScript(): string {
          } else if (segment.type === 'question') {
            segmentDiv.innerHTML = \`
              <div class="question-segment">
-                <div class="question-text">\${segment.question || ''}</div>
+                <div class="question-text">\${formatText(segment.question || '')}</div>
                <div class="question-options">
                  \${(segment.options || []).map(opt => \`<span class="question-opt">\${opt}</span>\`).join('')}
                </div>
@ -1228,9 +1348,11 @@ export function getMessageAreaScript(): string {
        // 添加操作按钮
        const actionsDiv = document.createElement('div');
        actionsDiv.className = 'message-actions';
        // 复制按钮
        const copyBtn = document.createElement('button');
        copyBtn.className = 'action-btn';
-        copyBtn.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>';
+        copyBtn.innerHTML = \`<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M761.088 715.3152a38.7072 38.7072 0 0 1 0-77.4144 37.4272 37.4272 0 0 0 37.4272-37.4272V265.0112a37.4272 37.4272 0 0 0-37.4272-37.4272H425.6256a37.4272 37.4272 0 0 0-37.4272 37.4272 38.7072 38.7072 0 1 1-77.4144 0 115.0976 115.0976 0 0 1 114.8416-114.8416h335.4624a115.0976 115.0976 0 0 1 114.8416 114.8416v335.4624a115.0976 115.0976 0 0 1-114.8416 114.8416z" fill="currentColor"/><path d="M589.4656 883.0976H268.1856a121.1392 121.1392 0 0 1-121.2928-121.2928v-322.56a121.1392 121.1392 0 0 1 121.2928-121.344h321.28a121.1392 121.1392 0 0 1 121.2928 121.2928v322.56c1.28 67.1232-54.1696 121.344-121.2928 121.344zM268.1856 395.3152a43.52 43.52 0 0 0-43.8784 43.8784v322.56a43.52 43.52 0 0 0 43.8784 43.8784h321.28a43.52 43.52 0 0 0 43.8784-43.8784v-322.56a43.52 43.52 0 0 0-43.8784-43.8784z" fill="currentColor"/></svg><span class="action-tooltip">复制</span>\`;
        copyBtn.onclick = () => {
          const textContent = segments
            .filter(s => s.type === 'text' && s.content)
@ -1238,7 +1360,22 @@ export function getMessageAreaScript(): string {
            .join('\\n');
          copyMessage(textContent, copyBtn);
        };
        // 点赞按钮
        const likeBtn = document.createElement('button');
        likeBtn.className = 'action-btn';
        likeBtn.innerHTML = \`<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M923.5 411.2c-28.6-33.9-72.1-53-116.4-51.1h-68c6.4-31.6 10.1-63.9 11.2-96v-0.8c-0.5-60.9-18.7-112-51.2-144-22.6-22.2-50.8-33.7-81.5-33.3-38.3 0-69.1 11.5-91.7 34.2-26.5 26.5-39.9 66.8-39.8 119.6 0.1 40.1-19.4 83.4-52.1 115.9-32 31.8-71.7 49.3-111.8 49.3H295.6c-3 0-6 0.3-8.9 0.8v-1.2H140.8c-39.7 0-72.2 32.5-72.2 72.2v392.9c0 39.7 32.5 72.2 72.2 72.2h146.8v-0.6c2.9 0.4 5.9 0.7 8.9 0.7h464.7c33.3-0.8 65.6-13 91.1-34.4s43.1-51.1 49.6-83.8l52.3-289.1c9.4-43.4-2.1-89.6-30.7-123.5zM147.7 843.7v-344c0-9 7.3-16.3 16.3-16.3h70.4V860H164c-9 0-16.3-7.3-16.3-16.3z m726.4-324.9l-0.2 0.6-51.7 290.3c-6.7 29.1-32.3 50.2-62.2 51.3l-4.9 0.2-0.4 0.3h-440V486h7.3c61.4 0 121-25.7 168.1-72.4 48.6-48.2 76.5-111.7 76.5-174.2-0.1-31.5 4.9-51.8 15.3-62.2 7.4-7.4 18.7-10.8 35.8-10.8h0.2c9-0.1 17.4 3.6 24.9 11 16.3 16.2 25.7 47.3 25.8 85.4-1.2 41.8-7.9 83.3-19.9 123.4l-21.6 54.3h181.5c24.5-0.6 48.2 8.9 65.1 26.1 16.9 17.2 25.3 40.8 23 64.9z" fill="currentColor"/></svg><span class="action-tooltip">点赞</span>\`;
        likeBtn.onclick = () => toggleLike(likeBtn);
        // 点踩按钮
        const dislikeBtn = document.createElement('button');
        dislikeBtn.className = 'action-btn';
        dislikeBtn.innerHTML = \`<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M360 640c60.992 40.107 88 87.381 88 149.333 0 5.611 0.427 12.864 1.579 21.462a174.933 174.933 0 0 0 11.2 42.666c19.584 48.192 60.864 83.008 119.018 85.12 28.843 2.56 60.886-3.584 91.414-25.045 58.709-41.237 81.706-117.248 69.973-230.87h48.15V640v42.667c17.173 0 38.4-2.475 61.823-10.667 66.304-23.125 107.627-84.117 84.928-162.816l-53.674-254.55a213.333 213.333 0 0 0-208.747-169.3H207.019a85.333 85.333 0 0 0-85.078 78.783l-29.546 384A85.333 85.333 0 0 0 177.493 640H360z m-61.333-109.333v24H177.493l29.526-384h91.648v360z m85.333-360h289.664a128 128 0 0 1 125.227 101.589l54.442 258.07c21.334 67.007-64 67.007-64 67.007H640c64 277.334-54.613 256-54.613 256-52.054 0-52.054-64-52.054-64 0-92.8-43.264-167.082-129.77-222.805A42.667 42.667 0 0 1 384 530.667v-360z" fill="currentColor"/></svg><span class="action-tooltip">点踩</span>\`;
        dislikeBtn.onclick = () => toggleDislike(dislikeBtn);
        actionsDiv.appendChild(copyBtn);
        actionsDiv.appendChild(likeBtn);
        actionsDiv.appendChild(dislikeBtn);
        container.appendChild(actionsDiv);
        messagesEl.appendChild(container);
@ -1249,21 +1386,41 @@ export function getMessageAreaScript(): string {
      function formatText(text) {
        if (!text) return '';
-        // 先转义 HTML 特殊字符
+        let html = text;
-        let html = text
+
        // 先提取并处理代码块（避免被转义）
        const codeBlocks = [];
        html = html.replace(/\`\`\`(\\w+)?\\n([\\s\\S]*?)\`\`\`/g, function(match, lang, code) {
          const language = lang || 'plaintext';
          // 转义代码内容
          const escapedCode = code.trim()
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;');
          // 不再手动高亮，让 highlight.js 处理
          const placeholder = \`___CODE_BLOCK_\${codeBlocks.length}___\`;
          codeBlocks.push('<pre><code class="language-' + language + '">' + escapedCode + '</code></pre>');
          return placeholder;
        });
        // 提取行内代码（避免被转义）
        const inlineCodes = [];
        html = html.replace(/\`([^\`]+)\`/g, function(match, code) {
          const escapedCode = code
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;');
          const placeholder = \`___INLINE_CODE_\${inlineCodes.length}___\`;
          inlineCodes.push('<code>' + escapedCode + '</code>');
          return placeholder;
        });
        // 转义其他 HTML 特殊字符
        html = html
          .replace(/&/g, '&amp;')
          .replace(/</g, '&lt;')
          .replace(/>/g, '&gt;');
        // 处理代码块（三个反引号包裹的代码）
        html = html.replace(/\`\`\`(\\w+)?\\n([\\s\\S]*?)\`\`\`/g, function(match, lang, code) {
          const language = lang || 'plaintext';
          return '<pre><code class="language-' + language + '">' + code.trim() + '</code></pre>';
        });
        // 处理行内代码（单个反引号包裹）
        html = html.replace(/\`([^\`]+)\`/g, '<code>$1</code>');
        // 处理标题 ### Title
        html = html.replace(/^### (.+)$/gm, '<h3>$1</h3>');
        html = html.replace(/^## (.+)$/gm, '<h2>$1</h2>');
@ -1285,9 +1442,19 @@ export function getMessageAreaScript(): string {
        // 处理链接 [text](url)
        html = html.replace(/\\[([^\\]]+)\\]\\(([^\\)]+)\\)/g, '<a href="$2" target="_blank">$1</a>');
-        // 处理换行
+        // 处理换行（在恢复代码块之前）
        html = html.replace(/\\n/g, '<br>');
        // 恢复代码块（在最后恢复，避免被其他处理影响）
        codeBlocks.forEach((block, index) => {
          html = html.replace(\`___CODE_BLOCK_\${index}___\`, block);
        });
        // 恢复行内代码
        inlineCodes.forEach((code, index) => {
          html = html.replace(\`___INLINE_CODE_\${index}___\`, code);
        });
        return html;
      }
@ -1437,5 +1604,7 @@ export function getMessageAreaScript(): string {
    }
    ${getWaveformPreviewScript()}
    ${getCodeHighlightScript()}
  `;
 }
--- a/src/views/modelSelector.ts
+++ b/src/views/modelSelector.ts
@ -5,7 +5,12 @@
 /**
 * 获取模型选择器的 HTML 内容
 */
-export function getModelSelectorContent(): string {
+export function getModelSelectorContent(
  autoIcon: string = "",
  liteIcon: string = "",
  syIcon: string = "",
  maxIcon: string = ""
 ): string {
  return `
    <!-- 模型选择 -->
    <div class="tooltip">
@ -17,13 +22,51 @@ export function getModelSelectorContent(): string {
          </svg>
        </div>
        <div class="select-dropdown" id="modelDropdown">
-          <div class="select-option" data-value="lite" data-tooltip="快速响应，适合简单任务" onclick="selectModel('lite', 'Lite')">Lite</div>
+          <div class="select-option selected" data-value="auto" onclick="selectModel('auto', 'Auto')">
-          <div class="select-option selected" data-value="auto" data-tooltip="自动选择最佳模型" onclick="selectModel('auto', 'Auto')">Auto</div>
+            ${
-          <div class="select-option" data-value="syntaxic" data-tooltip="语法分析和代码理解" onclick="selectModel('syntaxic', 'Syntaxic')">Syntaxic</div>
+              autoIcon
-          <div class="select-option" data-value="max" data-tooltip="最强性能，复杂任务" onclick="selectModel('max', 'Max')">Max</div>
+                ? `<img src="${autoIcon}" class="model-icon" alt="Auto">`
                : ""
            }
            <div class="option-content">
              <span class="option-label">Auto</span>
              <span class="option-desc">智能匹配最优模型</span>
            </div>
          </div>
          <div class="select-option" data-value="lite" onclick="selectModel('lite', 'Lite')">
            ${
              liteIcon
                ? `<img src="${liteIcon}" class="model-icon" alt="Lite">`
                : ""
            }
            <div class="option-content">
              <span class="option-label">Lite</span>
              <span class="option-desc">基础模型，快速相应，适合简单任务</span>
            </div>
          </div>
          <div class="select-option" data-value="syntaxic" onclick="selectModel('syntaxic', 'Syntaxic')">
            ${
              syIcon
                ? `<img src="${syIcon}" class="model-icon" alt="Syntaxic">`
                : ""
            }
            <div class="option-content">
              <span class="option-label">Syntaxic</span>
              <span class="option-desc">均衡成本和性能，节省credits同时保持可靠输出</span>
            </div>
          </div>
          <div class="select-option" data-value="max" onclick="selectModel('max', 'Max')">
            ${
              maxIcon
                ? `<img src="${maxIcon}" class="model-icon" alt="Max">`
                : ""
            }
            <div class="option-content">
              <span class="option-label">Max</span>
              <span class="option-desc">最强性能，质量优先，适合复杂任务</span>
            </div>
          </div>
        </div>
        <!-- 模型选择器的 tooltip 容器 -->
        <div id="modelTooltip" class="model-tooltip"></div>
      </div>
      <span class="tooltiptext">选择模型</span>
    </div>
@ -87,11 +130,13 @@ export function getModelSelectorStyles(): string {
    /* 模型选择器的选项样式 */
    #modelDropdown .select-option {
      position: relative;
-      padding: 6px 12px;
+      padding: 8px 12px;
      font-size: 12px;
      cursor: pointer;
      transition: background 0.2s ease;
-      white-space: nowrap;
+      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 10px;
    }
    #modelDropdown .select-option:hover {
      background: rgba(128, 128, 128, 0.3);
@ -100,49 +145,28 @@ export function getModelSelectorStyles(): string {
      background: rgba(128, 128, 128, 0.5);
      color: var(--vscode-foreground);
    }
-    /* 模型选择器的 tooltip 样式 */
+    .model-icon {
-    .model-tooltip {
+      width: 16px;
-      position: fixed;
+      height: 16px;
-      background: #1e1e1e;
+      flex-shrink: 0;
-      color: #ffffff;
+      object-fit: contain;
-      padding: 8px 12px;
+    }
-      border-radius: 6px;
+    .option-content {
-      font-size: 12px;
+      display: flex;
      flex-direction: column;
      gap: 2px;
      flex: 1;
    }
    .option-label {
      font-size: 13px;
      color: var(--vscode-foreground);
      font-weight: 500;
      white-space: nowrap;
      pointer-events: none;
      z-index: 10000;
      border: 1px solid rgba(255, 255, 255, 0.2);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.2s ease, visibility 0.2s ease;
    }
-    .model-tooltip.show {
+    .option-desc {
-      opacity: 1;
+      font-size: 11px;
-      visibility: visible;
+      color: var(--vscode-descriptionForeground);
-    }
+      white-space: nowrap;
    /* tooltip 箭头 */
    .model-tooltip::before {
      content: "";
      position: absolute;
      right: 100%;
      top: 50%;
      transform: translateY(-50%);
      border-width: 7px;
      border-style: solid;
      border-color: transparent rgba(255, 255, 255, 0.2) transparent transparent;
      z-index: -1;
    }
    .model-tooltip::after {
      content: "";
      position: absolute;
      right: 100%;
      top: 50%;
      transform: translateY(-50%);
      border-width: 6px;
      border-style: solid;
      border-color: transparent #1e1e1e transparent transparent;
      margin-right: 1px;
    }
  `;
 }
@ -205,46 +229,5 @@ export function getModelSelectorScript(): string {
    function getCurrentModel() {
      return currentModel;
    }
    // 模型选择器 tooltip 功能
    (function initModelTooltip() {
      const modelDropdown = document.getElementById('modelDropdown');
      const modelTooltip = document.getElementById('modelTooltip');
      if (!modelDropdown || !modelTooltip) return;
      // 为每个选项添加鼠标事件
      const options = modelDropdown.querySelectorAll('.select-option');
      options.forEach(option => {
        option.addEventListener('mouseenter', function(e) {
          const tooltipText = this.getAttribute('data-tooltip');
          if (!tooltipText) return;
          // 设置 tooltip 内容
          modelTooltip.textContent = tooltipText;
          // 获取选项的位置
          const rect = this.getBoundingClientRect();
          // 计算 tooltip 位置（在选项右侧）
          const tooltipRect = modelTooltip.getBoundingClientRect();
          const left = rect.right + 12;
          const top = rect.top + (rect.height / 2) - (tooltipRect.height / 2);
          // 设置位置
          modelTooltip.style.left = left + 'px';
          modelTooltip.style.top = top + 'px';
          // 显示 tooltip
          modelTooltip.classList.add('show');
        });
        option.addEventListener('mouseleave', function() {
          // 隐藏 tooltip
          modelTooltip.classList.remove('show');
        });
      });
    })();
  `;
 }
--- a/src/views/planCard.ts
+++ b/src/views/planCard.ts
@ -61,10 +61,30 @@ export function getPlanCardStyles(): string {
    .plan-step:last-child {
      margin-bottom: 0;
    }
-    .step-num {
+    .step-checkbox {
-      color: var(--vscode-textLink-foreground);
+      display: inline-flex;
-      font-weight: 500;
+      align-items: center;
-      margin-right: 6px;
+      justify-content: center;
      width: 16px;
      height: 16px;
      margin-right: 8px;
      border: 2px solid var(--vscode-textLink-foreground);
      border-radius: 4px;
      background: transparent;
      flex-shrink: 0;
      opacity: 0.6;
      transition: all 0.2s ease;
    }
    .step-checkbox.completed {
      background: var(--vscode-textLink-foreground);
      border-color: var(--vscode-textLink-foreground);
      opacity: 1;
    }
    .step-checkbox.completed::after {
      content: '✓';
      color: var(--vscode-editor-background);
      font-size: 11px;
      font-weight: bold;
    }
    .plan-actions {
      display: flex;
@ -151,7 +171,7 @@ export function getPlanCardScript(): string {
      }
      const stepsHtml = (segment.planSteps || []).map((step, i) =>
-        \`<div class="plan-step"><span class="step-num">\${i + 1}.</span> \${step}</div>\`
+        \`<div class="plan-step"><span class="step-checkbox"></span> \${step}</div>\`
      ).join('');
      // 选项按钮
@ -231,7 +251,7 @@ export function getPlanCardScript(): string {
    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>\`
+        \`<div class="plan-step"><span class="step-checkbox"></span> \${step}</div>\`
      ).join('');
      segmentDiv.innerHTML = \`
--- a/src/views/progressBar.ts
+++ b/src/views/progressBar.ts
@ -0,0 +1,411 @@
 /**
 * 进度条模块
 *
 * 功能说明:
 * - 显示开发流程进度: Spec -> Design代码编写 -> 仿真检查 -> AST -> Done
 * - 支持动态更新当前进度状态
 * - 提供视觉反馈显示已完成和进行中的步骤
 */
 /**
 * 获取进度条的 HTML 内容
 */
 export function getProgressBarContent(): string {
  return `
    <div class="progress-bar-container" style="display: none;">
      <div class="progress-bar-header">
        <span class="progress-bar-title">开发流程</span>
        <button class="progress-bar-toggle" title="收起/展开">
          <span class="toggle-icon">▼</span>
        </button>
      </div>
      <div class="progress-steps">
        <div class="progress-step" data-step="spec">
          <div class="step-circle">
            <span class="step-number">1</span>
            <span class="step-check">✓</span>
          </div>
          <div class="step-label">Spec设计文档</div>
        </div>
        <div class="progress-line"></div>
        <div class="progress-step" data-step="design">
          <div class="step-circle">
            <span class="step-number">2</span>
            <span class="step-check">✓</span>
          </div>
          <div class="step-label">Design代码编写</div>
        </div>
        <div class="progress-line"></div>
        <div class="progress-step" data-step="simulation">
          <div class="step-circle">
            <span class="step-number">3</span>
            <span class="step-check">✓</span>
          </div>
          <div class="step-label">Sim仿真检查</div>
        </div>
        <div class="progress-line"></div>
        <div class="progress-step" data-step="done">
          <div class="step-circle">
            <span class="step-number">4</span>
            <span class="step-check">✓</span>
          </div>
          <div class="step-label">Done完成</div>
        </div>
      </div>
    </div>
  `;
 }
 /**
 * 获取进度条的样式
 */
 export function getProgressBarStyles(): string {
  return `
    .progress-bar-container {
      background: var(--vscode-editor-background);
      border-bottom: 1px solid var(--vscode-panel-border);
      margin-bottom: 5px;
    }
    .progress-bar-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 8px 20px;
      cursor: pointer;
      user-select: none;
    }
    .progress-bar-title {
      font-size: 11px;
      font-weight: 600;
      color: var(--vscode-foreground);
    }
    .progress-bar-toggle {
      background: none;
      border: none;
      color: var(--vscode-foreground);
      cursor: pointer;
      padding: 2px 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0.7;
      transition: opacity 0.2s;
    }
    .progress-bar-toggle:hover {
      opacity: 1;
    }
    .toggle-icon {
      font-size: 10px;
      transition: transform 0.3s ease;
    }
    .progress-bar-container.collapsed .toggle-icon {
      transform: rotate(-90deg);
    }
    .progress-steps {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 700px;
      margin: 0 auto;
      padding: 0 20px 10px 20px;
      max-height: 60px;
      overflow: hidden;
      transition: max-height 0.3s ease, padding 0.3s ease;
    }
    .progress-bar-container.collapsed .progress-steps {
      max-height: 0;
      padding: 0 20px;
    }
    .progress-step {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      flex: 0 0 auto;
    }
    .step-circle {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: var(--vscode-input-background);
      border: 2px solid var(--vscode-input-border);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      transition: all 0.3s ease;
      z-index: 2;
    }
    .step-number {
      font-size: 10px;
      font-weight: 600;
      color: var(--vscode-foreground);
    }
    .step-check {
      display: none;
      font-size: 12px;
      color: var(--vscode-button-foreground);
    }
    .step-label {
      margin-top: 4px;
      font-size: 10px;
      color: var(--vscode-descriptionForeground);
      text-align: center;
      white-space: nowrap;
      transition: color 0.3s ease;
    }
    .progress-line {
      flex: 1;
      height: 2px;
      background: var(--vscode-input-border);
      margin: 0 6px;
      position: relative;
      top: -10px;
      transition: background 0.3s ease;
    }
    /* 已完成状态 */
    .progress-step.completed .step-circle {
      background: var(--vscode-button-background);
      border-color: var(--vscode-button-background);
    }
    .progress-step.completed .step-number {
      display: none;
    }
    .progress-step.completed .step-check {
      display: block;
    }
    .progress-step.completed .step-label {
      color: var(--vscode-foreground);
      font-weight: 500;
    }
    .progress-step.completed + .progress-line {
      background: var(--vscode-button-background);
    }
    /* 进行中状态 */
    .progress-step.active .step-circle {
      background: var(--vscode-button-background);
      border-color: var(--vscode-button-background);
      box-shadow: 0 0 0 2px var(--vscode-button-background)33;
      animation: pulse 2s infinite;
    }
    .progress-step.active .step-number {
      color: var(--vscode-button-foreground);
    }
    .progress-step.active .step-label {
      color: var(--vscode-foreground);
      font-weight: 600;
    }
    @keyframes pulse {
      0%, 100% {
        box-shadow: 0 0 0 2px var(--vscode-button-background)33;
      }
      50% {
        box-shadow: 0 0 0 4px var(--vscode-button-background)1a;
      }
    }
    /* 响应式设计 */
    @media (max-width: 768px) {
      .progress-steps {
        flex-wrap: wrap;
      }
      .step-label {
        font-size: 9px;
      }
      .step-circle {
        width: 20px;
        height: 20px;
      }
      .step-number {
        font-size: 9px;
      }
      .progress-line {
        margin: 0 4px;
      }
    }
  `;
 }
 /**
 * 获取进度条的脚本
 */
 export function getProgressBarScript(): string {
  return `
    // 进度条管理
    const ProgressBar = {
      steps: ['spec', 'design', 'simulation', 'done'],
      currentStep: 'spec',
      isCollapsed: false,
      /**
       * 初始化进度条
       */
      init() {
        this.updateProgress('spec');
        this.initToggle();
      },
      /**
       * 初始化收起/展开功能
       */
      initToggle() {
        const container = document.querySelector('.progress-bar-container');
        const header = document.querySelector('.progress-bar-header');
        const toggle = document.querySelector('.progress-bar-toggle');
        if (!container || !header || !toggle) return;
        // 点击头部或按钮都可以切换
        const handleToggle = (e) => {
          e.stopPropagation();
          this.isCollapsed = !this.isCollapsed;
          if (this.isCollapsed) {
            container.classList.add('collapsed');
          } else {
            container.classList.remove('collapsed');
          }
        };
        header.addEventListener('click', handleToggle);
        toggle.addEventListener('click', handleToggle);
      },
      /**
       * 显示进度条
       */
      show() {
        const container = document.querySelector('.progress-bar-container');
        if (container) {
          container.style.display = 'block';
        }
      },
      /**
       * 隐藏进度条
       */
      hide() {
        const container = document.querySelector('.progress-bar-container');
        if (container) {
          container.style.display = 'none';
        }
      },
      /**
       * 更新进度到指定步骤
       * @param {string} stepName - 步骤名称
       */
      updateProgress(stepName) {
        if (!this.steps.includes(stepName)) {
          console.warn('Invalid step name:', stepName);
          return;
        }
        this.currentStep = stepName;
        const currentIndex = this.steps.indexOf(stepName);
        // 更新所有步骤的状态
        document.querySelectorAll('.progress-step').forEach((step, index) => {
          step.classList.remove('completed', 'active');
          if (index < currentIndex) {
            step.classList.add('completed');
          } else if (index === currentIndex) {
            step.classList.add('active');
          }
        });
        // 更新连接线
        document.querySelectorAll('.progress-line').forEach((line, index) => {
          if (index < currentIndex) {
            line.style.background = 'var(--vscode-button-background)';
          } else {
            line.style.background = 'var(--vscode-input-border)';
          }
        });
      },
      /**
       * 前进到下一步
       */
      nextStep() {
        const currentIndex = this.steps.indexOf(this.currentStep);
        if (currentIndex < this.steps.length - 1) {
          this.updateProgress(this.steps[currentIndex + 1]);
        }
      },
      /**
       * 重置进度条
       */
      reset() {
        this.updateProgress('spec');
      },
      /**
       * 完成所有步骤
       */
      complete() {
        this.updateProgress('done');
        // 将最后一步也标记为完成
        const lastStep = document.querySelector('.progress-step[data-step="done"]');
        if (lastStep) {
          lastStep.classList.remove('active');
          lastStep.classList.add('completed');
        }
      }
    };
    // 初始化进度条
    ProgressBar.init();
    // 监听来自扩展的消息以更新进度
    window.addEventListener('message', (event) => {
      const message = event.data;
      if (message.type === 'updateProgress') {
        ProgressBar.updateProgress(message.step);
      } else if (message.type === 'resetProgress') {
        ProgressBar.reset();
      } else if (message.type === 'completeProgress') {
        ProgressBar.complete();
      } else if (message.type === 'showProgress') {
        ProgressBar.show();
      } else if (message.type === 'hideProgress') {
        ProgressBar.hide();
      }
    });
  `;
 }
--- a/src/views/thinkingProcess.ts
+++ b/src/views/thinkingProcess.ts
@ -0,0 +1,178 @@
 /**
 * 思考过程组件
 *
 * 功能说明:
 * - 显示 AI 的思考过程
 * - 支持展开/折叠功能
 * - 提供打字机效果的流式显示
 */
 /**
 * 获取思考过程组件的 HTML 内容
 * @param thinking - 思考内容
 * @param isExpanded - 是否默认展开
 */
 export function getThinkingProcessContent(
  thinking: string = "",
  isExpanded: boolean = false
 ): string {
  return `
    <div class="thinking-process-container ${isExpanded ? "expanded" : ""}">
      <div class="thinking-header">
        <div class="thinking-icon-wrapper">
          <svg class="thinking-icon" width="16" height="16" viewBox="0 0 16 16" fill="none">
            <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </div>
        <span class="thinking-title">思考过程</span>
      </div>
      <div class="thinking-content">
        <div class="thinking-text">${thinking || "正在思考中..."}</div>
      </div>
    </div>
  `;
 }
 /**
 * 获取思考过程组件的样式
 */
 export function getThinkingProcessStyles(): string {
  return `
    .thinking-process-container {
      margin: 12px 0;
      border-radius: 6px;
      background: var(--vscode-editor-background);
      overflow: hidden;
      transition: all 0.3s ease;
    }
    .thinking-header {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 5px 5px;
      cursor: pointer;
      user-select: none;
      background: var(--vscode-input-background);
      transition: background 0.2s ease;
      width: 85px;
      border-radius: 20px;
      position: relative;
      overflow: hidden;
    }
    .thinking-header::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.1),
        transparent
      );
      animation: none;
    }
    .thinking-process-container.typing .thinking-header::before {
      animation: shine 2s ease-in-out infinite;
    }
    @keyframes shine {
      0% {
        left: -100%;
      }
      50%, 100% {
        left: 100%;
      }
    }
    .thinking-header:hover {
      background: var(--vscode-list-hoverBackground);
    }
    .thinking-icon-wrapper {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.3s ease;
    }
    .thinking-process-container.expanded .thinking-icon-wrapper {
      transform: rotate(90deg);
    }
    .thinking-icon {
      color: var(--vscode-descriptionForeground);
    }
    .thinking-title {
      flex: 1;
      font-size: 13px;
      font-weight: 500;
      color: var(--vscode-foreground);
    }
    .thinking-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, padding 0.3s ease;
      padding: 0 12px;
    }
    .thinking-process-container.expanded .thinking-content {
      max-height: 500px;
      padding: 12px;
      overflow-y: auto;
    }
    .thinking-text {
      font-size: 12px;
      line-height: 1.6;
      color: var(--vscode-descriptionForeground);
      white-space: pre-wrap;
      word-wrap: break-word;
      padding-left: 12px;
      border-left: 2px solid var(--vscode-textBlockQuote-border);
      position: relative;
    }
    /* 打字机效果 */
    .thinking-text.typing::after {
      content: '▋';
      animation: blink 1s step-end infinite;
      margin-left: 2px;
    }
    @keyframes blink {
      0%, 50% {
        opacity: 1;
      }
      51%, 100% {
        opacity: 0;
      }
    }
    /* 滚动条样式 */
    .thinking-content::-webkit-scrollbar {
      width: 6px;
    }
    .thinking-content::-webkit-scrollbar-track {
      background: transparent;
    }
    .thinking-content::-webkit-scrollbar-thumb {
      background: var(--vscode-scrollbarSlider-background);
      border-radius: 3px;
    }
    .thinking-content::-webkit-scrollbar-thumb:hover {
      background: var(--vscode-scrollbarSlider-hoverBackground);
    }
  `;
 }
--- a/src/views/waveformPreviewContent.ts
+++ b/src/views/waveformPreviewContent.ts
@ -5,65 +5,79 @@ export function getWaveformPreviewContent(): string {
  return `
      /* 波形预览组件样式 */
      .waveform-preview {
-        margin-top: 12px;
+        margin: 16px 0;
        border: 1px solid var(--vscode-panel-border);
-        border-radius: 8px;
+        border-radius: 12px;
        overflow: hidden;
        background: var(--vscode-editor-background);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease, transform 0.2s ease;
      }
      .waveform-preview:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
        transform: translateY(-2px);
      }
      .waveform-preview-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
-        padding: 10px 12px;
+        padding: 14px 16px;
-        background: var(--vscode-input-background);
+        background: linear-gradient(135deg, var(--vscode-input-background) 0%, var(--vscode-editor-background) 100%);
        border-bottom: 1px solid var(--vscode-panel-border);
        backdrop-filter: blur(10px);
      }
      .waveform-preview-title {
        display: flex;
        align-items: center;
-        gap: 8px;
+        gap: 10px;
-        font-size: 13px;
+        font-size: 14px;
-        font-weight: 500;
+        font-weight: 600;
        color: var(--vscode-foreground);
        letter-spacing: 0.3px;
      }
      .waveform-preview-title svg {
-        width: 16px;
+        width: 18px;
-        height: 16px;
+        height: 18px;
        color: var(--vscode-button-background);
        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
      }
      .waveform-expand-btn {
-        padding: 4px 12px;
+        padding: 6px 14px;
        background: var(--vscode-button-background);
        color: var(--vscode-button-foreground);
        border: none;
-        border-radius: 4px;
+        border-radius: 6px;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        display: flex;
        align-items: center;
-        gap: 4px;
+        gap: 6px;
-        transition: opacity 0.2s ease;
+        transition: all 0.2s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }
      .waveform-expand-btn:hover {
-        opacity: 0.9;
+        background: var(--vscode-button-hoverBackground);
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
      }
      .waveform-expand-btn:active {
        transform: translateY(0);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      }
      .waveform-expand-btn svg {
        width: 14px;
        height: 14px;
      }
      .waveform-preview-content {
-        padding: 0;
+        padding: 12px;
        min-height: 200px;
        max-height: 300px;
        overflow: hidden;
        position: relative;
        background: var(--vscode-editor-background);
      }
      .waveform-preview-canvas {
        width: 100%;
-        height: 100%;
+        height: auto;
        min-height: 200px;
      }
      .waveform-preview-placeholder {
        display: flex;
@ -88,7 +102,8 @@ export function getWaveformPreviewContent(): string {
      }
      .waveform-mini-viewer {
        width: 100%;
-        height: 200px;
+        height: auto;
        min-height: 120px;
        background: var(--vscode-editor-background);
        position: relative;
        overflow: hidden;
--- a/src/views/webviewContent.ts
+++ b/src/views/webviewContent.ts
@ -17,20 +17,35 @@ import {
  getMessageAreaStyles,
  getMessageAreaScript,
 } from "./messageArea";
 import { getAgentCardStyles, getAgentCardScript } from "./agentCard";
 import {
-  getAgentCardStyles,
+  getProgressBarContent,
-  getAgentCardScript,
+  getProgressBarStyles,
-} from "./agentCard";
+  getProgressBarScript,
 } from "./progressBar";
 import { getHighlightJsLinks } from "../components/codeHighlight";
 import { getCurrentEnv } from "../config/settings";
 /**
 * 获取 WebView 面板的 HTML 内容
 */
-export function getWebviewContent(iconUri?: string): string {
+export function getWebviewContent(
  iconUri?: string,
  autoIconUri?: string,
  liteIconUri?: string,
  syIconUri?: string,
  maxIconUri?: string
 ): string {
  // 获取当前环境，只在 dev 和 test 环境下显示快速操作按钮
  const currentEnv = getCurrentEnv();
  const showQuickActions = currentEnv === "dev" || currentEnv === "test";
  return `<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>IC Coder</title>
  ${getHighlightJsLinks()}
  <style>
    body {
      font-family: var(--vscode-font-family);
@ -72,6 +87,7 @@ export function getWebviewContent(iconUri?: string): string {
    ${getAgentCardStyles()}
    ${getWaveformPreviewContent()}
    ${getConversationHistoryBarStyles()}
    ${getProgressBarStyles()}
    ${getInputAreaStyles()}
    .file-editor-section {
@ -255,7 +271,7 @@ export function getWebviewContent(iconUri?: string): string {
      padding: 0;
    }
    .message-segment {
-      padding: 10px 22px;
+      padding: 10px 0;
    }
    .segment-text {
      line-height: 1.6;
@ -298,7 +314,7 @@ export function getWebviewContent(iconUri?: string): string {
      background: var(--vscode-textBlockQuote-background);
      border-radius: 6px;
      margin: 8px 0;
-      padding: 12px 14px;
+      padding: 12px 35px;
      border-left: 3px solid var(--vscode-charts-orange);
    }
    .question-segment .question-text {
@ -377,6 +393,7 @@ export function getWebviewContent(iconUri?: string): string {
 </head>
 <body>
  ${getConversationHistoryBarContent()}
  ${getProgressBarContent()}
  <div class="header">
    <div style="display: flex; align-items: center; justify-content: center; gap: 10px;">
      <img src="${iconUri}" alt="IC Coder" style="width: 28px; height: 28px;" />
@ -394,14 +411,18 @@ export function getWebviewContent(iconUri?: string): string {
      <span id="statusText">思考中...</span>
    </div>
-    <div class="quick-actions">
+    ${
      showQuickActions
        ? `<div class="quick-actions">
      <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>
+    </div>`
        : ""
    }
-    ${getInputAreaContent()}
+    ${getInputAreaContent(autoIconUri, liteIconUri, syIconUri, maxIconUri)}
  </div>
  <script>
@ -440,10 +461,9 @@ export function getWebviewContent(iconUri?: string): string {
      }
      if (modeTooltip) {
        const tooltipMap = {
-          'plan': '只读模式 - 只能查询分析',
+          'plan': 'plan模式',
-          'ask': '逐个确认 - 每个写操作需确认',
+          'ask': 'ask模式',
-          'agent': '智能体自主模式',
+          'agent': 'agent模式'
          'auto': '完全自动 - 所有操作自动执行'
        };
        modeTooltip.textContent = tooltipMap[value] || '切换模式';
      }
@ -565,6 +585,19 @@ export function getWebviewContent(iconUri?: string): string {
          }
          break;
        case 'resetSegmentedMessage':
          // 重置分段消息容器（停止对话时调用）
          console.log('[WebView] 重置分段消息容器');
          currentSegmentedMessage = null;
          break;
        case 'contextUsage':
          // 更新上下文使用量显示
          if (typeof updateContextDisplay === 'function') {
            updateContextDisplay(message.currentTokens, message.maxTokens);
          }
          break;
        case 'hideLoading':
          // 隐藏加载指示器
          hideLoadingIndicator();
@ -634,6 +667,10 @@ export function getWebviewContent(iconUri?: string): string {
          if (messagesContainer) {
            messagesContainer.innerHTML = '';
          }
          // 重置输入框布局到居中
          if (typeof window.resetInputAreaLayout === 'function') {
            window.resetInputAreaLayout();
          }
          break;
        case 'addUserMessage':
@ -641,6 +678,10 @@ export function getWebviewContent(iconUri?: string): string {
          if (message.text) {
            addMessage(message.text, 'user');
          }
          // 检查并更新输入框布局
          if (typeof window.checkMessagesAndUpdateLayout === 'function') {
            window.checkMessagesAndUpdateLayout();
          }
          break;
        case 'addAiMessage':
@ -648,6 +689,10 @@ export function getWebviewContent(iconUri?: string): string {
          if (message.text) {
            addMessage(message.text, 'bot');
          }
          // 检查并更新输入框布局
          if (typeof window.checkMessagesAndUpdateLayout === 'function') {
            window.checkMessagesAndUpdateLayout();
          }
          break;
        case 'switchMode':
@ -680,6 +725,7 @@ export function getWebviewContent(iconUri?: string): string {
    ${getAgentCardScript()}
    ${getWaveformPreviewScript()}
    ${getConversationHistoryBarScript()}
    ${getProgressBarScript()}
    ${getInputAreaScript()}
  </script></body>
 </html>`;
--- a/tools/waveform_trace/build.bat
+++ b/tools/waveform_trace/build.bat
@ -0,0 +1,42 @@
@echo off
 REM waveform_trace 打包脚本 (Windows)
 REM 用法: build.bat
 echo ========================================
 echo   waveform_trace 打包脚本
 echo ========================================
 cd /d "%~dp0src"
 echo.
 echo [1/3] 安装依赖...
 pip install -r requirements.txt
 if %errorlevel% neq 0 (
    echo 错误: 依赖安装失败
    exit /b 1
 )
 echo.
 echo [2/3] 清理旧文件...
 if exist build rmdir /s /q build
 if exist dist rmdir /s /q dist
 if exist waveform_trace.spec del waveform_trace.spec
 echo.
 echo [3/3] PyInstaller 打包...
 pyinstaller --onefile --name waveform_trace --collect-all pyverilog waveform_trace_cli.py
 if %errorlevel% neq 0 (
    echo 错误: 打包失败
    exit /b 1
 )
 echo.
 echo [4/4] 复制到 bin 目录...
 if not exist "..\bin" mkdir "..\bin"
 copy /y "dist\waveform_trace.exe" "..\bin\"
 echo.
 echo ========================================
 echo   打包完成!
 echo   输出: tools/waveform_trace/bin/waveform_trace.exe
 echo ========================================
--- a/tools/waveform_trace/build.sh
+++ b/tools/waveform_trace/build.sh
@ -0,0 +1,35 @@
 #!/bin/bash
 # waveform_trace 打包脚本 (Linux/macOS)
 # 用法: ./build.sh
 set -e
 echo "========================================"
 echo "  waveform_trace 打包脚本"
 echo "========================================"
 SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
 cd "$SCRIPT_DIR/src"
 echo ""
 echo "[1/4] 安装依赖..."
 pip install -r requirements.txt
 echo ""
 echo "[2/4] 清理旧文件..."
 rm -rf build dist *.spec
 echo ""
 echo "[3/4] PyInstaller 打包..."
 pyinstaller --onefile --name waveform_trace --collect-all pyverilog waveform_trace_cli.py
 echo ""
 echo "[4/4] 复制到 bin 目录..."
 mkdir -p ../bin
 cp dist/waveform_trace ../bin/
 echo ""
 echo "========================================"
 echo "  打包完成!"
 echo "  输出: tools/waveform_trace/bin/waveform_trace"
 echo "========================================"
--- a/tools/waveform_trace/src/README.md
+++ b/tools/waveform_trace/src/README.md
@ -0,0 +1,115 @@
 # AST 波形调试核心代码
 ## 文件说明
 | 文件 | 作用 | 核心函数 | TS重写需要 |
 |------|------|----------|------------|
 | `ast_node.py` | AST节点定义，遍历建图 | `toplogic_tree_traverse()` | ✅ 已完成 |
 | `graph_builder.py` | 入口函数，调用解析器 | `generate_top_logic_graph()` | ✅ 已完成 |
 | `debug_graph_analyzer.py` | BFS回溯控制信号 | `get_k_control_signals()` | ⚠️ 需重写 |
 | `vcd_waveform_analyzer.py` | VCD波形文件解析 | `parse_mismatch()`, `get_tabular()` | ⚠️ 需重写 |
 | `waveform_trace_tool.py` | 完整追踪工具封装 | `waveform_trace_tool()` | ⚠️ 需重写 |
 ---
 ## 调用流程
 ```
 Verilog代码文件
       │
       ▼
 ┌─────────────────────────────────────┐
 │ graph_builder.py                    │
 │ generate_top_logic_graph(filelist)  │
 │       │                             │
 │       ▼                             │
 │ PyVerilog.parse() → AST             │
 │       │                             │
 │       ▼                             │
 │ ast.toplogic_tree_traverse()        │
 │       │                             │
 │       ▼                             │
 │ NetworkX 有向图（信号依赖图）       │
 └─────────────────────────────────────┘
       │
       ▼
 ┌─────────────────────────────────────┐
 │ debug_graph_analyzer.py             │
 │ DebugGraph.get_k_control_signals()  │
 │       │                             │
 │       ▼                             │
 │ BFS回溯K层，找到控制信号链          │
 └─────────────────────────────────────┘
       │
       ▼
 ┌─────────────────────────────────────┐
 │ vcd_waveform_analyzer.py            │
 │ parse_mismatch() + get_tabular()    │
 │       │                             │
 │       ▼                             │
 │ 提取相关信号的波形表                │
 └─────────────────────────────────────┘
 ```
 ---
 ## 核心代码位置
 ### 1. AST遍历建图 (ast_node.py:32-137)
 ```python
 def toplogic_tree_traverse(self, network_G, rvalue=False, lvalue=False, offset=0):
    """
    递归遍历AST，提取信号依赖关系，填充到NetworkX图中
    关键逻辑：
    1. 识别 Rvalue（右值）和 Lvalue（左值）
    2. 递归收集子节点的信号
    3. 建立边：右值信号 → 左值信号（控制关系）
    """
 ```
 ### 2. 图构建入口 (graph_builder.py:89-99)
 ```python
 def generate_top_logic_graph(filelist: list[str]):
    # 1. PyVerilog解析Verilog代码
    ast, directives = parse(filelist, preprocess_include=[], preprocess_define=[])
    # 2. 遍历AST，构建信号依赖图
    return create_graph_from_ast(ast, display=False, display_signal_only=False)
 ```
 ### 3. BFS回溯 (debug_graph_analyzer.py:20-66)
 ```python
 def get_k_control_signals(self, target_signals: list[str], k: int, signal_only: bool = False):
    """
    从出错信号出发，BFS回溯K层，找到所有控制信号
    输入：target_signals = ['out']  # 出错的信号
    输出：control_signals = {'out': (10,10), 'state': (5,8), 'clk': (1,1)}
          signal_level_tracer = [['clk->state', 'reset->state'], ['state->out']]
    """
 ```
 ---
 ## 依赖库
 ```
 pyverilog    # Verilog解析，生成AST
 networkx     # 图数据结构
 pandas       # 波形数据处理（可选）
 ```
 ---
 ## 如果要用JavaScript重写
 需要重写的核心逻辑：
 1. **Verilog解析器** → 用 ANTLR4 + Verilog.g4 或 tree-sitter-verilog
 2. **AST遍历建图** → 约100行，参考 ast_node.py:32-137
 3. **BFS回溯** → 约70行，参考 debug_graph_analyzer.py
 总计约 **200行核心逻辑**（不含解析器）
--- a/tools/waveform_trace/src/TS_REWRITE_SPEC.md
+++ b/tools/waveform_trace/src/TS_REWRITE_SPEC.md
@ -0,0 +1,455 @@
 # AST波形调试工具 - TypeScript重写规范
 ## 一、项目背景
 将Python实现的Verilog AST波形调试工具重写为TypeScript，用于VSCode插件。
 **已完成部分**：
 - ✅ Verilog AST解析（生成JSON格式的信号依赖图）
 - ✅ 图结构定义
 **待重写部分**：
 - ⚠️ BFS信号回溯
 - ⚠️ VCD波形解析
 - ⚠️ 仿真输出解析
 - ⚠️ 工具整合封装
 ---
 ## 二、数据结构定义
 ### 2.1 AST图结构（已完成）
 ```typescript
 interface ASTNode {
  id: string;
  attributes: {
    lines: [number, number];  // [起始行, 结束行]
    type: string;             // Input/Output/Reg/Wire/Always/Assign等
  };
 }
 interface ASTEdge {
  from: string;   // 控制信号
  to: string;     // 被控制信号
  attributes: {
    lines: [number, number];
    type: string;  // Always/Assign/IfStatement等
  };
 }
 interface ASTGraph {
  metadata: {
    moduleName: string;
    nodeCount: number;
    edgeCount: number;
    generatedAt: string;
  };
  nodes: ASTNode[];
  edges: ASTEdge[];
 }
 ```
 ### 2.2 追踪结果结构
 ```typescript
 interface TraceResult {
  controlSignals: Map<string, [number, number]>;  // 信号名 -> 代码行号
  signalLevelTracer: string[][];                  // 每层的控制关系链
 }
 ```
 ### 2.3 波形数据结构
 ```typescript
 interface WaveformData {
  time: number;           // 时间点(ns)
  signals: {
    [signalName: string]: string;  // 信号名 -> 值(十六进制)
  };
 }
 interface MismatchInfo {
  signals: string[];      // 出错的信号列表
  firstMismatchTime: number;  // 第一次出错的时间
 }
 ```
 ---
 ## 三、需要重写的模块
 ### 3.1 BFS信号回溯模块
 **源文件**: `debug_graph_analyzer.py`
 **代码行数**: ~70行
 **第三方依赖**: 无
 #### 功能描述
 从出错信号出发，BFS反向遍历图，找到所有控制该信号的上游信号。
 #### 输入输出
 ```typescript
 // 输入
 graph: ASTGraph           // AST图（JSON格式）
 targetSignals: string[]   // 出错的信号列表，如 ['count', 'overflow']
 k: number                 // 回溯层数
 signalOnly: boolean       // 是否只返回信号节点（过滤Always/Assign等）
 // 输出
 TraceResult {
  controlSignals: Map<string, [number, number]>,
  signalLevelTracer: string[][]
 }
 ```
 #### 核心算法（伪代码）
 ```
 1. 构建前驱映射（反向边）
   for each edge in graph.edges:
     predecessorMap[edge.to].push(edge.from)
 2. 初始化BFS队列
   for each signal in targetSignals:
     queue.push([signal, signal])
     controlSignals.set(signal, node.lines)
 3. BFS遍历K层
   for level = 0 to k:
     while queue not empty:
       [curSignal, controlledSignal] = queue.pop()
       记录关系: curSignal -> controlledSignal
       for each predecessor of curSignal:
         if not visited and not filtered:
           queue.push([predecessor, curSignal])
     记录本层关系到 signalLevelTracer
 4. 返回结果
 ```
 #### 过滤规则
 ```typescript
 // 需要过滤的节点类型
 const FILTERED_TYPES = ['Parameter', 'Localparam'];
 // signalOnly=true时，还需要过滤以下前缀
 const FILTERED_PREFIXES = ['Always', 'Assign', 'Module', 'IntConst'];
 ```
 ---
 ### 3.2 仿真输出解析模块
 **源文件**: `vcd_waveform_analyzer.py` 中的 `parse_mismatch()`
 **代码行数**: ~20行
 **第三方依赖**: 无
 #### 功能描述
 解析仿真工具的输出文本，提取出错信号名和出错时间。
 #### 输入输出
 ```typescript
 // 输入
 testOutput: string  // 仿真工具的输出文本
 // 输出
 MismatchInfo {
  signals: string[],        // 出错信号列表
  firstMismatchTime: number // 第一次出错时间(ns)
 }
 ```
 #### 解析规则
 ```typescript
 // 需要匹配的格式
 // "First mismatch occurred at time 100. Output 'count' ..."
 const pattern = /First mismatch occurred at time (\d+).*Output '(\w+)'/g;
 // 提取所有匹配
 // 返回信号列表和最小时间戳
 ```
 #### 示例
 ```
 输入:
 "First mismatch occurred at time 100. Output 'count' expected 0001, got 0000
 First mismatch occurred at time 150. Output 'overflow' expected 1, got 0"
 输出:
 {
  signals: ['count', 'overflow'],
  firstMismatchTime: 100
 }
 ```
 ---
 ### 3.3 VCD波形解析模块
 **源文件**: `vcd_waveform_analyzer.py` 中的 `get_tabular()` 和 `tabular_via_dataframe()`
 **代码行数**: ~150行
 **第三方依赖**: Python版用了 `vcdvcd`, `pandas`, `numpy`
 #### 功能描述
 读取VCD（Value Change Dump）波形文件，提取指定信号的波形值，生成表格。
 #### VCD文件格式简介
 ```vcd
 $timescale 1ns $end
 $scope module tb $end
 $var wire 1 ! clk $end
 $var wire 8 " count [7:0] $end
 $upscope $end
 $enddefinitions $end
 #0
 b0 "
 1!
 #5
 0!
 #10
 1!
 b00000001 "
 ...
 ```
 #### 输入输出
 ```typescript
 // 输入
 vcdPath: string           // VCD文件路径
 signalsToTrace: string[]  // 需要提取的信号列表
 offset: number            // 时间偏移（从哪个时间点开始）
 windowSize: number        // 窗口大小（提取多少个时间点）
 // 输出
 string  // 格式化的波形表格字符串
 ```
 #### 输出格式示例
 ```
 ### First mismatched signals time(ns) Trace ###
 time(ns)  clk  reset  count_ref  count_dut
 0         1    1      00         00
 5         0    1      00         00
 10        1    0      00         00
 15        0    0      00         00
 20        1    0      01         00  <- mismatch
 ### First mismatched signals time(ns) End ###
 ```
 #### TS实现建议
 1. **方案A**: 找现有的JS VCD解析库
   - 搜索: `npm vcd parser`, `vcd-stream`, `wavedrom`
 2. **方案B**: 自己实现简单的VCD解析器
   - VCD格式相对简单，核心是解析变量定义和时间变化
   - 约100-150行代码
 #### VCD解析核心逻辑
 ```typescript
 class VCDParser {
  signals: Map<string, Signal>;  // 信号定义
  timeValues: Map<number, Map<string, string>>;  // 时间 -> 信号值
  parse(vcdContent: string): void {
    // 1. 解析头部（$var定义）
    // 2. 解析数据部分（#时间 和 值变化）
  }
  getSignalValues(signalName: string, startTime: number, endTime: number): WaveformData[] {
    // 提取指定信号在时间范围内的值
  }
 }
 ```
 ---
 ### 3.4 工具整合封装模块
 **源文件**: `waveform_trace_tool.py`
 **代码行数**: ~150行
 **第三方依赖**: 依赖上面所有模块
 #### 功能描述
 整合所有模块，提供统一的调试接口。
 #### 输入输出
 ```typescript
 // 输入
 verilogFilePath: string      // Verilog文件路径
 vcdFilePath: string          // VCD波形文件路径
 simulationOutput: string     // 仿真输出文本
 traceLevel: number           // 回溯层数
 // 输出
 string  // 完整的调试报告
 ```
 #### 调试报告格式
 ```
 [Signal Traces] Backtrace control signal relations.
 clk->count
 reset->count
 -count->state
 --state->out (*last output port level)
 [Signal Waveform]:
 <signal>_ref 是期望值（golden）
 <signal>_dut 是实际输出
 [Traced Signals]: out, state, count, clk, reset
 [Table Waveform in hexadecimal format]
 time(ns)  clk  reset  count_ref  count_dut
 ...
 [Verilog of DUT]:
 ```verilog
 module counter(...);
 ...
 endmodule
 ```
 [Hint] ...
 ```
 ---
 ## 四、调用流程图
 ```
 ┌─────────────────────────────────────────────────────────────────┐
 │                     waveform_trace_tool()                       │
 ├─────────────────────────────────────────────────────────────────┤
 │                                                                 │
 │  1. 检查文件是否存在                                            │
 │     ├── verilogFilePath                                         │
 │     └── vcdFilePath                                             │
 │                                                                 │
 │  2. 加载AST图（已有JSON）                                       │
 │     └── graph = loadASTGraph(verilogFilePath)                   │
 │                                                                 │
 │  3. 解析仿真输出，获取出错信号                                  │
 │     └── mismatchInfo = parseMismatch(simulationOutput)          │
 │         ├── signals: ['count', 'overflow']                      │
 │         └── firstMismatchTime: 100                              │
 │                                                                 │
 │  4. BFS回溯，找到控制信号链                                     │
 │     └── traceResult = getKControlSignals(graph, signals, k)     │
 │         ├── controlSignals: Map<信号名, 行号>                   │
 │         └── signalLevelTracer: [['clk->count'], ...]            │
 │                                                                 │
 │  5. 读取VCD波形，提取相关信号的值                               │
 │     └── waveformTable = getTabular(vcdPath, signals, offset)    │
 │                                                                 │
 │  6. 读取Verilog源码                                             │
 │     └── verilogCode = readFile(verilogFilePath)                 │
 │                                                                 │
 │  7. 组装调试报告                                                │
 │     └── return formatReport(traceResult, waveformTable, code)   │
 │                                                                 │
 └─────────────────────────────────────────────────────────────────┘
 ```
 ---
 ## 五、参考实现
 ### 5.1 Python源文件位置
 ```
 ast_debug_core/
 ├── ast_node.py              # AST节点定义（参考32-137行）
 ├── graph_builder.py         # 图构建入口
 ├── debug_graph_analyzer.py  # BFS回溯（完整文件，约70行）
 ├── vcd_waveform_analyzer.py # VCD解析（参考89-285行）
 └── waveform_trace_tool.py   # 工具封装（完整文件，约180行）
 ```
 ### 5.2 关键函数对照表
 | Python函数 | 位置 | TS函数名建议 |
 |------------|------|--------------|
 | `get_k_control_signals()` | debug_graph_analyzer.py:20 | `getKControlSignals()` |
 | `parse_mismatch()` | vcd_waveform_analyzer.py:244 | `parseMismatch()` |
 | `get_tabular()` | vcd_waveform_analyzer.py:264 | `getTabular()` |
 | `tabular_via_dataframe()` | vcd_waveform_analyzer.py:95 | `generateWaveformTable()` |
 | `waveform_trace_tool()` | waveform_trace_tool.py:63 | `waveformTraceTool()` |
 ---
 ## 六、测试用例
 ### 6.1 BFS回溯测试
 ```typescript
 // 输入
 const graph: ASTGraph = /* 加载 counter_ast_graph.json */;
 const targetSignals = ['count'];
 const k = 2;
 // 期望输出
 const expected = {
  controlSignals: new Map([
    ['count', [6, 6]],
    ['next_count', [10, 10]],
    ['reset', [4, 4]],
    ['clk', [3, 3]],
    ['enable', [5, 5]]
  ]),
  signalLevelTracer: [
    ['count->count'],
    ['next_count->count', 'reset->count', 'clk->count'],
    ['enable->next_count', 'count->next_count']
  ]
 };
 ```
 ### 6.2 仿真输出解析测试
 ```typescript
 // 输入
 const testOutput = `
 Mismatches: 2
 First mismatch occurred at time 100. Output 'count' expected 0001, got 0000
 First mismatch occurred at time 150. Output 'overflow' expected 1, got 0
 `;
 // 期望输出
 const expected = {
  signals: ['count', 'overflow'],
  firstMismatchTime: 100
 };
 ```
 ---
 ## 七、注意事项
 1. **无第三方依赖要求**
   - BFS回溯和仿真解析完全可以用原生TS实现
   - VCD解析可以自己实现或找现有库
 2. **性能考虑**
   - 图遍历使用Map而非Object，提高查找效率
   - VCD文件可能很大，考虑流式解析
 3. **错误处理**
   - 文件不存在时返回友好错误信息
   - 信号不在图中时跳过而非报错
 4. **兼容性**
   - 信号名可能包含方括号，如 `count[7:0]`
   - 时间单位统一为ns
 ---
 ## 八、交付物
 1. `debugGraphAnalyzer.ts` - BFS回溯模块
 2. `simulationParser.ts` - 仿真输出解析模块
 3. `vcdParser.ts` - VCD波形解析模块
 4. `waveformTraceTool.ts` - 工具整合封装
 5. `types.ts` - 类型定义
 6. 单元测试文件
--- a/tools/waveform_trace/src/ast_node.py
+++ b/tools/waveform_trace/src/ast_node.py
--- a/tools/waveform_trace/src/debug_graph_analyzer.py
+++ b/tools/waveform_trace/src/debug_graph_analyzer.py
@ -0,0 +1,70 @@
 #
 # SPDX-FileCopyrightText: Copyright (c) 2025 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
 # SPDX-License-Identifier: Apache-2.0
 # Author : Chia-Tung (Mark) Ho, NVIDIA
 #
 import copy
 import re
 from collections import deque
 from graph_builder import generate_top_logic_graph
 # use class
 class DebugGraph:
    def __init__(self, verilog_filelist: list[str]):
        self.filelist = verilog_filelist
        self.graph = generate_top_logic_graph(verilog_filelist)
        # print(list(self.graph.nodes(data=True)))
    def get_k_control_signals(self, target_signals: list[str], k:int, signal_only: bool=False) -> list[str]:
        control_signals = {}
        signal_level_tracer = []
        # queue
        q = deque()
        tmp_q = deque()
        for signal in target_signals:
            # store (predecessors, controlled signal)
            q.append((signal, signal))
            control_signals[signal] = self.graph.nodes[signal]['lines']
        # BFS
        for l in range (k + 1):
            # traverse l layers
            tmp_q.clear()
            level_signal_control_rels = []
            while len(q) > 0:
                cur_signal = q.popleft()
                level_signal_control_rels.append(cur_signal[0] + "->" + cur_signal[1])
                if cur_signal[0] not in control_signals:
                    if self.graph.has_edge(cur_signal[0], cur_signal[1]):
                        # must be the control signals through the edge
                        control_signals[cur_signal[0]] = self.graph[cur_signal[0]][cur_signal[1]]['lines']
                    else:
                        print("[Error] Edge not found! - ", cur_signal)
                # find the predecessors
                controls = self.graph.predecessors(cur_signal[0])
                for c in controls:
                    if c in control_signals:
                        continue
                    # exclude the parameter
                    if 'type' in self.graph.nodes[c] and self.graph.nodes[c]['type'] in ["Parameter", "Localparam"]:
                        continue
                    if signal_only and (re.match('^Always', c) or re.match('^Assign', c) or re.match('^Module', c) or re.match('^IntConst', c)):
                        continue
                    # store (predecessors, controlled signal)
                    tmp_q.append((c, cur_signal[0]))
            # swap the q
            assert(len(q) == 0)
            print(tmp_q)
            q = copy.deepcopy(tmp_q)
            # record the signal relations
            signal_level_tracer.append(level_signal_control_rels)
        return control_signals, signal_level_tracer
 if __name__ == '__main__':
    debug_graph_tracer = DebugGraph(["/home/scratch.chiatungh_nvresearch/hardware-agent-marco/hardware_agent/examples/verilog_testcases/fsm_serialdata.v"])
    print(debug_graph_tracer.get_k_control_signals(['out_byte', 'done'], k=3, signal_only=True))
--- a/tools/waveform_trace/src/graph_builder.py
+++ b/tools/waveform_trace/src/graph_builder.py
@ -0,0 +1,144 @@
 #
 # SPDX-FileCopyrightText: Copyright (c) 2025 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
 # SPDX-License-Identifier: Apache-2.0
 # Author : Chia-Tung (Mark) Ho, NVIDIA
 #
 from __future__ import print_function
 import sys
 import os
 from optparse import OptionParser
 # 优先使用本地修改过的 pyverilog（包含 toplogic_tree_traverse 方法）
 _local_path = os.path.dirname(os.path.abspath(__file__))
 sys.path.insert(0, _local_path)
 from pyverilog.vparser.parser import parse
 from io import StringIO
 import networkx as nx
 # importing matplotlib.pyplot
 import matplotlib.pyplot as plt
 import re
 # create graph from ast str
 # directed graph from networkX
 def create_graph_from_ast(ast, display=False, display_signal_only=False):
    graph = nx.DiGraph()
    ast.toplogic_tree_traverse(network_G=graph, rvalue=False, lvalue=False)
    if not display and not display_signal_only:
        return graph
    # Print out nodes with attributes
    nodes_to_display = []
    edges_to_display = []
    print("Nodes:")
    for node, attrs in graph.nodes(data=True):
        if display_signal_only and (not re.match("^Assign", node) and not re.match("^Always", node) and not re.match("^Module", node)):
            nodes_to_display.append(node)
        print(f"Node {node}: {attrs}")
    # Print out edges with attributes
    print("\nEdges:")
    for src, dst, attrs in graph.edges(data=True):
        if display_signal_only and src in nodes_to_display and dst in nodes_to_display:
            edges_to_display.append((src, dst))
        print(f"Edge {src} to {dst}: {attrs}")
    # displaying graphs
    plt.figure(figsize=(18, 16))  # Set the figure size
    pos = nx.spring_layout(graph, k=1.0)
    if display_signal_only:
        subgraph = graph.subgraph(nodes_to_display)
        # subgraph.add_edges_from(edges_to_display)
    else:
        subgraph = graph
    nx.draw_networkx(subgraph, pos, with_labels=True)  # Draw the graph without labels
    # Add node labels
    # node_labels = nx.get_node_attributes(graph, 'label')
    # nx.draw_networkx_labels(graph, pos, labels=node_labels)
    # edge labels
    edge_labels = nx.get_edge_attributes(subgraph, 'lines')
    nx.draw_networkx_edge_labels(
        subgraph, pos,
        edge_labels=edge_labels,
        font_color='blue'
    )
    # plt.axis('off')
    plt.show()
    return graph
 def get_ast_structure_str(ast):
    normal_stdout = sys.stdout
    # put the string output to a string buffer
    result = StringIO()
    sys.stdout = result
    # traverse the ast
    ast.show(buf=sys.stdout)
    # Redirect std output to the normal mode
    sys.stdout = normal_stdout
    # Get the result out
    ast_str = result.getvalue()
    # print('ast str = ', ast_str, '\n ast end')
    return ast_str
 def generate_top_logic_graph(filelist: list[str]):
    for f in filelist:
        if not os.path.exists(f):
            raise IOError("file not found: " + f)
    ast, directives = parse(filelist,
                            preprocess_include=[],
                            preprocess_define=[])
    # ast_str = get_ast_structure_str(ast)
    return create_graph_from_ast(ast, display=False, display_signal_only=False)
 def main():
    INFO = "Verilog code parser"
    VERSION = pyverilog.__version__
    USAGE = "Usage: python example_parser.py file ..."
    def showVersion():
        print(INFO)
        print(VERSION)
        print(USAGE)
        sys.exit()
    optparser = OptionParser()
    optparser.add_option("-v", "--version", action="store_true", dest="showversion",
                         default=False, help="Show the version")
    optparser.add_option("-I", "--include", dest="include", action="append",
                         default=[], help="Include path")
    optparser.add_option("-D", dest="define", action="append",
                         default=[], help="Macro Definition")
    (options, args) = optparser.parse_args()
    filelist = args
    # print(filelist)
    if options.showversion:
        showVersion()
    for f in filelist:
        if not os.path.exists(f):
            raise IOError("file not found: " + f)
    if len(filelist) == 0:
        showVersion()
    ast, directives = parse(filelist,
                            preprocess_include=options.include,
                            preprocess_define=options.define)
    # ast_str = get_ast_structure_str(ast)
    create_graph_from_ast(ast, display_signal_only=True, display=True)
    ast.show(attrnames=True)
 if __name__ == '__main__':
    main()
--- a/tools/waveform_trace/src/parser.out
+++ b/tools/waveform_trace/src/parser.out
--- a/tools/waveform_trace/src/parsetab.py
+++ b/tools/waveform_trace/src/parsetab.py
--- a/tools/waveform_trace/src/pyverilog/Makefile
+++ b/tools/waveform_trace/src/pyverilog/Makefile
@ -0,0 +1,8 @@
 .PHONY: clean
 clean:
 	make clean -C ./utils
 	make clean -C ./vparser
 	make clean -C ./dataflow
 	make clean -C ./controlflow
 	make clean -C ./ast_code_generator
 	rm -rf *.pyc __pycache__ *.out parsetab.py *.html
--- a/tools/waveform_trace/src/pyverilog/VERSION
+++ b/tools/waveform_trace/src/pyverilog/VERSION
@ -0,0 +1 @@
 1.3.0
--- a/tools/waveform_trace/src/pyverilog/init.py
+++ b/tools/waveform_trace/src/pyverilog/init.py
@ -0,0 +1,7 @@
 from __future__ import absolute_import
 from __future__ import print_function
 import os
 with open(os.path.join(os.path.dirname(__file__), "VERSION")) as f:
    __version__ = f.read().splitlines()[0]
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/Makefile
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/Makefile
@ -0,0 +1,3 @@
 .PHONY: clean
 clean:
 	rm -rf *.pyc __pycache__ parsetab.py *.out
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/init.py
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/init.py
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/codegen.py
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/codegen.py
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/list_ast.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/list_ast.txt
@ -0,0 +1,104 @@
 Source
 Description
 ModuleDef
 Paramlist
 Portlist
 Port
 Width
 Length
 Dimensions
 Identifier
 Value
 Constant
 IntConst
 FloatConst
 StringConst
 Variable
 Input
 Output
 Inout
 Tri
 Wire
 Reg
 Integer
 Real
 Genvar
 Ioport
 Parameter
 Localparam
 Decl
 Concat
 LConcat
 Repeat
 Partselect
 Pointer
 Lvalue
 Rvalue
 Operator
 UnaryOperator
 Uminus
 Ulnot
 Unot
 Uand
 Unand
 Uor
 Unor
 Uxor
 Uxnor
 Power
 Times
 Divide
 Mod
 Plus
 Minus
 Sll
 Srl
 Sra
 LessThan
 GreaterThan
 LessEq
 GreaterEq
 Eq
 NotEq
 Eql
 NotEql
 And
 Xor
 Xnor
 Or
 Land
 Lor
 Cond
 Assign
 Always
 SensList
 Sens
 Substitution
 BlockingSubstitution
 NonblockingSubstitution
 IfStatement
 ForStatement
 WhileStatement
 CaseStatement
 Case
 Block
 Initial
 WaitStatement
 ForeverStatement
 DelayStatement
 InstanceList
 Instance
 ParamArg
 PortArg
 Function
 FunctionCall
 Task
 GenerateStatement
 SystemCall
 IdentifierScopeLabel
 IdentifierScope
 Pragma
 PragmaEntry
 Disable
 ParallelBlock
 SingleStatement
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/init.py
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/init.py
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/always.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/always.txt
@ -0,0 +1,3 @@
 always @({{ sens_list }}) {{ statement }}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/and.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/and.txt
@ -0,0 +1 @@
 ({{ left }} {{ op }} {{ right }})
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/assign.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/assign.txt
@ -0,0 +1 @@
 assign {{ left }} = {{ right }};
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/block.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/block.txt
@ -0,0 +1,5 @@
 begin{% if scope != '' %} : {{ scope }}{% endif %}
 {%- for statement in statements %}
 {{ statement }}
 {%- endfor %}
 end
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/blockingsubstitution.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/blockingsubstitution.txt
@ -0,0 +1 @@
 {% if ldelay != '' %}{{ ldelay }} {% endif %}{{ left }} = {% if rdelay != '' %}{{ rdelay }} {% endif %}{{ right }};
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/case.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/case.txt
@ -0,0 +1 @@
 {{ cond }}: {{ statement }}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/casestatement.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/casestatement.txt
@ -0,0 +1,5 @@
 case({{ comp }})
 {%- for case in caselist %}
 {{ case }}
 {%- endfor %}
 endcase
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/casexstatement.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/casexstatement.txt
@ -0,0 +1,5 @@
 casex({{ comp }})
 {%- for case in caselist %}
 {{ case }}
 {%- endfor %}
 endcase
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/concat.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/concat.txt
@ -0,0 +1 @@
 { {% for item in items %}{{ item }}{% if loop.index < len_items %}, {% endif %}{% endfor %} }
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/cond.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/cond.txt
@ -0,0 +1 @@
 (({{ cond }})? {{ true_value }} : {{ false_value }})
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/constant.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/constant.txt
@ -0,0 +1 @@
 {{ value }}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/decl.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/decl.txt
@ -0,0 +1,2 @@
 {%- for item in items %}{{ item }}
 {%- endfor %}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/delaystatement.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/delaystatement.txt
@ -0,0 +1 @@
 #{{ delay }}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/description.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/description.txt
@ -0,0 +1,3 @@
 {% for definition in definitions %}
 {{ definition }}
 {% endfor %}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/disable.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/disable.txt
@ -0,0 +1 @@
 diable {{ name }}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/divide.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/divide.txt
@ -0,0 +1 @@
 ({{ left }} {{ op }} {{ right }})
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/eq.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/eq.txt
@ -0,0 +1 @@
 ({{ left }} {{ op }} {{ right }})
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/eql.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/eql.txt
@ -0,0 +1 @@
 ({{ left }} {{ op }} {{ right }})
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/eventstatement.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/eventstatement.txt
@ -0,0 +1 @@
@({{ senslist }});
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/floatconst.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/floatconst.txt
@ -0,0 +1 @@
 {{ value }}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/foreverstatement.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/foreverstatement.txt
@ -0,0 +1 @@
 forever {{ statement }}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/forstatement.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/forstatement.txt
@ -0,0 +1 @@
 for({{ pre }} {{ cond }}; {{ post }}) {{ statement }}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/function.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/function.txt
@ -0,0 +1,7 @@
 function {{ retwidth }} {{ name }};
 {%- for s in statement %}
 {{ s }}
 {%- endfor %}
 endfunction
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/functioncall.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/functioncall.txt
@ -0,0 +1 @@
 {{ name }}({% for arg in args %}{{ arg }}{% if loop.index < len_args %}, {% endif %}{% endfor %})
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/generatestatement.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/generatestatement.txt
@ -0,0 +1,4 @@
 generate {% for item in items %}{{ item }}{% endfor %}
 endgenerate
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/genvar.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/genvar.txt
@ -0,0 +1 @@
 genvar {{ name }};
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/greatereq.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/greatereq.txt
@ -0,0 +1 @@
 ({{ left }} {{ op }} {{ right }})
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/greaterthan.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/greaterthan.txt
@ -0,0 +1 @@
 ({{ left }} {{ op }} {{ right }})
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/identifier.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/identifier.txt
@ -0,0 +1 @@
 {{ scope }}{{ name }}
--- a/tools/waveform_trace/src/pyverilog/ast_code_generator/template/identifierscope.txt
+++ b/tools/waveform_trace/src/pyverilog/ast_code_generator/template/identifierscope.txt
@ -0,0 +1 @@
 {% for scope in scopes %}{{ scope }}{% endfor %}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Roe-xin	4037e9e2d7	style:调整对话样式	2026-01-08 20:25:51 +08:00
Roe-xin	4b2f6967dc	style:优化了预览波形的样式	2026-01-08 18:18:51 +08:00
Roe-xin	79ef879b97	Merge branch 'feat/back-to-front' into feature/waveform-renderer	2026-01-08 17:26:29 +08:00
Roe-xin	1df7462778	docs: 添加数据流程详解文档 + fix: 修复消息渲染逻辑 - 新增完整的数据流程文档，详细说明从用户输入到响应显示的全流程 - 修复 messageArea.ts 中的消息渲染逻辑： - 移除用户消息时重置分段容器的逻辑 - 移除对话完成时跳过 segments 处理的逻辑 - 确保对话完成时正确渲染最终的 segments	2026-01-08 17:24:36 +08:00
Roe-xin	0bcdc615e3	style:对话界面的样式优化 - 代码高亮 - 间距调整 - 工具调用的样式调整	2026-01-08 16:10:41 +08:00
Roe-xin	5577fe17bb	fix:解决用户消息错位的bug + 解决内容重复展示的bug	2026-01-08 15:27:14 +08:00
Roe-xin	820ee2f848	feat:实现预览波形点击展开会显示完整波形	2026-01-07 19:02:00 +08:00
Roe-xin	be8365c8cb	feature: 实现点击 VCD 文件时 Surfer 显示波形 - VCDViewerEditorProvider 现在接收并持有 vcdFileServer 实例 - createFromWebviewPanel 方法传递 vcdFileServer 参数 - 确保自定义编辑器打开 VCD 文件时能够通过 HTTP 服务器加载波形数据	2026-01-07 17:46:09 +08:00
Roe-xin	b1dd2442b8	feat:surfer替换vcdroom	2026-01-07 17:30:34 +08:00
XiaoFeng	9281d1d724	feat: 支持服务等级动态切换 - 添加 ServiceTier 类型定义 - 修改 dialogService 接收 serviceTier 参数 - 修改 messageHandler 传递 serviceTier 参数 - 修改 ICHelperPanel 传递 UI 选择的服务等级	2026-01-07 16:13:56 +08:00
Roe-xin	226bb46094	feat:换到测试服务器上	2026-01-05 19:31:28 +08:00
Roe-xin	251289a340	Merge branch 'feat/plugin-front-end' into merge/250105merge	2026-01-05 19:08:27 +08:00
XiaoFeng	c22081c5e9	feat: 处理后端 heartbeat 事件，保持 SSE 连接活跃	2026-01-05 19:04:04 +08:00
Roe-xin	cca82c7885	feat:将todo的需要改为勾选框 - 为后续的todo完成打勾做准备	2026-01-05 18:30:59 +08:00
XiaoFeng	e4ff49bade	chore: 添加 vcdParser.ts (未使用，保留备用) 纯 TypeScript 实现的 VCD 解析器，当前未使用。目前使用 waveformTracer.ts 调用 Python 打包的 exe。	2026-01-05 18:29:49 +08:00
XiaoFeng	ada4806493	feat: 集成 waveform_trace 波形调试工具新增功能： - waveformTracer.ts: 调用 waveform_trace.exe 的工具实现 - toolExecutor.ts: 添加 waveform_trace 工具分发 - types/api.ts: 添加 WaveformTraceArgs 类型定义工具源码 (tools/waveform_trace/src/): - AST 解析 + BFS 信号追踪 - VCD 波形解析 - 修复通用 testbench 支持配置文件： - .gitignore: 排除 exe 和打包产物 - .vscodeignore: 发布时排除源码 - build.bat/build.sh: 打包脚本	2026-01-05 18:18:57 +08:00
Roe-xin	3831de2849	fix: 修复 ICViewProvider 中的事件监听器内存泄漏问题将 webview.onDidReceiveMessage 监听器添加到 context.subscriptions 中，确保在扩展停用时能够正确清理，避免潜在的内存泄漏。	2026-01-05 16:40:32 +08:00
Roe-xin	0df529c4fd	feat:实现思考的组件	2026-01-05 16:25:47 +08:00
Roe-xin	5c53d7f0e9	feat:修改模式内容和增加icon	2026-01-05 16:22:52 +08:00
Roe-xin	ef2a0dc16e	feat:修改模型描述的展现形式和内容	2026-01-05 16:19:53 +08:00
Roe-xin	5ce420295b	feat:解决图片没有被打包进去的bug	2026-01-05 16:12:15 +08:00
Roe-xin	1d7f3d7626	feat:添加上下文功能实现	2026-01-05 15:59:26 +08:00
Roe-xin	9b0d2d5e01	feat:进度条收起的功能和发起对话才展示	2026-01-05 15:27:40 +08:00
Roe-xin	27e3351b55	feat:输入框居中展示 - 点击历史记录和发起对话之后回到底部	2026-01-05 15:18:03 +08:00
Roe-xin	de3e84aa4e	feat:顶部添加进度条	2026-01-05 11:27:06 +08:00
XiaoFeng	e48e822d07	fix: 修复 taskId 不一致导致 conversation.json 找不到的问题 - messageHandler 复用 historyManager 的 taskId 而非重新生成 - 环境切换为 dev，超时时间统一为 5 分钟 - agentCard 添加调试智能体相关工具名称映射 - 移除冗余的 segments 调试日志	2026-01-05 10:15:25 +08:00
Roe-xin	8dc34ee435	feat:让用户看不懂的工具隐晦展示	2026-01-04 16:29:13 +08:00
Roe-xin	d8cd86361e	feat: 添加获取当前环境的功能以控制快速操作按钮的显示	2026-01-04 14:10:43 +08:00
Roe-xin	acf3f9ff37	feat: 添加模型图标支持并更新相关组件以显示图标	2026-01-04 10:56:57 +08:00
Roe-xin	c27b08cccf	feat: 将当前环境修改为测试环境并调整模型选择器的选项顺序	2026-01-04 10:39:15 +08:00
Roe-xin	9fc3c9f056	feat: 将当前环境从测试环境切换为生产环境	2025-12-31 19:10:00 +08:00
Roe-xin	60d8eaf0eb	feat: 修改当前环境为测试环境并调整后端服务地址注释格式	2025-12-31 19:08:37 +08:00
Roe-xin	df6f983e83	Merge branch 'feat/back-to-front' into feat/plugin-front-end	2025-12-31 19:00:23 +08:00
Roe-xin	acf60f2a17	feat: 添加消息区域操作按钮，包括复制、点赞和点踩功能	2025-12-31 18:51:17 +08:00
XiaoFeng	f933d84cd1	feat: 新增会话压缩命令和上下文显示功能 - ICHelperPanel: 新增 compressConversation 命令处理，支持手动触发会话压缩 - ICHelperPanel: 在加载历史会话时设置 lastTaskId，确保压缩操作可用 - webviewContent: 新增 contextUsage 消息处理，更新上下文使用量显示 - userInteraction: 将用户回答超时时间从 5 分钟延长至 2 小时	2025-12-31 18:50:27 +08:00
XiaoFeng	b794d1ceb0	feat: 实现上下文使用量监控和会话压缩功能 - sseHandler: 新增 onContextUsage 回调处理上下文使用量事件 - dialogService: 集成上下文使用量回调，追踪 AI 消息用于后端重启恢复 - apiClient: 新增 compactDialog API 支持手动压缩对话历史 - messageHandler: 新增 lastTaskId 管理机制，支持会话恢复后的压缩操作，转发上下文使用量到 WebView	2025-12-31 18:50:20 +08:00
XiaoFeng	259310a29d	feat: 新增上下文使用量事件类型定义 - 新增 context_usage 事件类型 - 新增 ContextUsageEvent 接口，包含当前 token 数、最大 token 数和使用百分比 - 用于实时监控对话上下文的使用情况	2025-12-31 18:50:11 +08:00
XiaoFeng	715eac5949	feat: 新增多环境配置支持 - 新增 dev/test/prod 三种环境配置 - 支持通过 CURRENT_ENV 常量快速切换环境 - 重构配置获取逻辑，使用环境映射表 - 新增 getCurrentEnv() 方法获取当前环境	2025-12-31 18:50:05 +08:00
Roe-xin	c2936395d9	refactor: 优化代码结构，简化导入语句并注释掉快速操作部分	2025-12-31 18:16:04 +08:00
Roe-xin	8762eacb3e	feat: 增强输入框状态管理，添加禁用状态和恢复输入状态的逻辑	2025-12-31 18:13:21 +08:00
Roe-xin	3d535fd3e1	fix: 优化后端服务不可用时的错误处理，移除本地模拟回复逻辑	2025-12-31 18:02:38 +08:00
Roe-xin	ecdbe0bdc0	feat: 更新输入框占位符提示，增加使用说明 - 按 Enter 发送，Shift + Enter 换行	2025-12-31 16:42:23 +08:00
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
XiaoFeng	16e91bd2c0	feat: 实现会话记忆同步和知识图谱恢复机制 - 添加 memory_compacted SSE 事件处理 - 添加 CompactedMemory/CompactedMessage 类型定义 - 添加 COMPACTION_SUMMARY 消息类型 - 实现压缩数据存储到 conversation.json - 实现从 conversation.json 构建恢复数据 - 发送请求时附带 knowledgeData 用于恢复知识图谱	2025-12-31 09:35:20 +08:00
		`@ -0,0 +1 @@`
							`{% if ldelay != '' %}{{ ldelay }} {% endif %}{{ left }} = {% if rdelay != '' %}{{ rdelay }} {% endif %}{{ right }};`
		`@ -0,0 +1 @@`
							`{ {% for item in items %}{{ item }}{% if loop.index < len_items %}, {% endif %}{% endfor %} }`
		`@ -0,0 +1 @@`
							`(({{ cond }})? {{ true_value }} : {{ false_value }})`
		`@ -0,0 +1,2 @@`
							`{%- for item in items %}{{ item }}`
							`{%- endfor %}`
		`@ -0,0 +1 @@`
							`for({{ pre }} {{ cond }}; {{ post }}) {{ statement }}`
		`@ -0,0 +1 @@`
							`{{ name }}({% for arg in args %}{{ arg }}{% if loop.index < len_args %}, {% endif %}{% endfor %})`
		`@ -0,0 +1,4 @@`

							`generate {% for item in items %}{{ item }}{% endfor %}`
							`endgenerate`
		`@ -0,0 +1 @@`
							`{% for scope in scopes %}{{ scope }}{% endfor %}`