feat:设置最小宽度

- 小于最小宽度就自动关闭面板并且提供提示

src/views/webviewContent.ts

@@ -632,6 +632,21 @@ export function getWebviewContent(
           }
           break;
 
+        case 'checkPanelWidth':
+          // 检查面板宽度
+          const minWidth = message.minWidth || 200;
+          const currentWidth = document.body.clientWidth;
+          console.log('[WebView] 检查面板宽度:', currentWidth, '最小宽度:', minWidth);
+          if (currentWidth < minWidth) {
+            // 宽度不足，通知后端关闭面板
+            vscode.postMessage({
+              command: 'panelWidthInsufficient',
+              currentWidth: currentWidth,
+              minWidth: minWidth
+            });
+          }
+          break;
+
         case 'vcdInfo':
           // 渲染迷你波形预览信息
           try {
@@ -742,6 +757,35 @@ export function getWebviewContent(
       }
     });
 
+    // 监听窗口大小变化，检查面板宽度
+    let resizeTimer;
+    const MIN_PANEL_WIDTH = 500;
+
+    function checkPanelWidth() {
+      const currentWidth = document.body.clientWidth;
+      if (currentWidth < MIN_PANEL_WIDTH) {
+        console.log('[WebView] 面板宽度不足:', currentWidth, 'px，最小要求:', MIN_PANEL_WIDTH, 'px');
+        vscode.postMessage({
+          command: 'panelWidthInsufficient',
+          currentWidth: currentWidth,
+          minWidth: MIN_PANEL_WIDTH
+        });
+      }
+    }
+
+    window.addEventListener('resize', () => {
+      // 使用防抖，避免频繁检查
+      clearTimeout(resizeTimer);
+      resizeTimer = setTimeout(() => {
+        checkPanelWidth();
+      }, 300);
+    });
+
+    // 初始加载时也检查一次
+    setTimeout(() => {
+      checkPanelWidth();
+    }, 500);
+
     ${getMessageAreaScript()}
     ${getAgentCardScript()}
     ${getWaveformPreviewScript()}