From 9b0d2d5e010dedff52bd8f8ada63d73e9a496687 Mon Sep 17 00:00:00 2001
From: Roe-xin <xiang200308037300@qq.com>
Date: Mon, 5 Jan 2026 15:27:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E8=BF=9B=E5=BA=A6=E6=9D=A1=E6=94=B6?=
 =?UTF-8?q?=E8=B5=B7=E7=9A=84=E5=8A=9F=E8=83=BD=E5=92=8C=E5=8F=91=E8=B5=B7?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E6=89=8D=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/panels/ICHelperPanel.ts |   3 +
 src/views/progressBar.ts    | 111 +++++++++++++++++++++++++++++++++++-
 2 files changed, 112 insertions(+), 2 deletions(-)

diff --git a/src/panels/ICHelperPanel.ts b/src/panels/ICHelperPanel.ts
index 107f301..11c57a7 100644
--- a/src/panels/ICHelperPanel.ts
+++ b/src/panels/ICHelperPanel.ts
@@ -141,6 +141,9 @@ export async function showICHelperPanel(
           // 切换到当前面板的任务上下文
           historyManager.switchToPanelTask(panelId);
 
+          // 显示进度条
+          panel.webview.postMessage({ type: 'showProgress' });
+
           handleUserMessage(
             panel,
             message.text,
diff --git a/src/views/progressBar.ts b/src/views/progressBar.ts
index de4aad9..2646761 100644
--- a/src/views/progressBar.ts
+++ b/src/views/progressBar.ts
@@ -12,7 +12,13 @@
  */
 export function getProgressBarContent(): string {
   return `
-    <div class="progress-bar-container">
+    <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">
@@ -62,18 +68,67 @@ export function getProgressBarContent(): string {
 export function getProgressBarStyles(): string {
   return `
     .progress-bar-container {
-      padding: 10px 20px;
       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 {
@@ -213,12 +268,60 @@ export function getProgressBarScript(): string {
     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';
+        }
       },
 
       /**
@@ -298,6 +401,10 @@ export function getProgressBarScript(): string {
         ProgressBar.reset();
       } else if (message.type === 'completeProgress') {
         ProgressBar.complete();
+      } else if (message.type === 'showProgress') {
+        ProgressBar.show();
+      } else if (message.type === 'hideProgress') {
+        ProgressBar.hide();
       }
     });
   `;