refactor(ui): 为按钮添加Tooltip提示

- 在Header组件中新建聊天和设置按钮添加Tooltip包裹，提升交互体验
- 在SessionList组件侧边栏按钮添加Tooltip提示，明确功能含义
- 更新CSS变量引用，优化错误颜色适配VSCode主题配色

Author: hqwlkj

packages/vscode-ide-companion/src/webview/components/Header.tsx

@@ -1,21 +1,11 @@
-import { useState, useCallback, useMemo } from "react";
+import { useCallback, useMemo } from "react";
 import { Button } from "@/webview/components/ui/button";
-import SessionDropdown from "@/webview/components/SessionList";
 import type { SessionSummary } from "@/webview/types";
-import { PanelRight, Plus, Settings } from "lucide-react";
+import { Plus, Settings } from "lucide-react";
 import { chatService } from "@/webview/services/chatService";
 import icon from "../../../assets/deepcoding_icon.png";
-import {
-  Drawer,
-  DrawerClose,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerTitle,
-  DrawerTrigger,
-} from "@/webview/components/ui/drawer";
 import SessionList from "@/webview/components/SessionList";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/webview/components/ui/tooltip";
 
 interface HeaderProps {
   sessions: SessionSummary[];
@@ -49,24 +39,38 @@ export default function Header({ sessions, activeSessionId, onSelectSession, onC
       </Button>
 
       <div>
-        <Button
-          variant="ghost"
-          size="icon"
-          className="shrink-0 cursor-pointer"
-          onClick={onCreateNewSession}
-          title="New chat"
-        >
-          <Plus className="h-4 w-4" />
-        </Button>
-        <Button
-          variant="ghost"
-          size="icon"
-          className="shrink-0 cursor-pointer"
-          onClick={() => chatService.openSettings()}
-          title="Open settings"
-        >
-          <Settings className="h-4 w-4" />
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              className="shrink-0 cursor-pointer"
+              onClick={onCreateNewSession}
+              title="New chat"
+            >
+              <Plus className="h-4 w-4" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>New Chat</p>
+          </TooltipContent>
+        </Tooltip>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              className="shrink-0 cursor-pointer"
+              onClick={() => chatService.openSettings()}
+              title="Open settings"
+            >
+              <Settings className="h-4 w-4" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>Settings</p>
+          </TooltipContent>
+        </Tooltip>
         <SessionList
           sessions={sessions}
           activeSessionId={activeSessionId}

packages/vscode-ide-companion/src/webview/components/SessionList.tsx

@@ -15,6 +15,7 @@ import {
 } from "@/webview/components/ui/drawer";
 import { Button } from "@/webview/components/ui/button";
 import { InputGroup, InputGroupAddon, InputGroupInput } from "@/webview/components/ui/input-group";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/webview/components/ui/tooltip";
 
 interface SessionListProps {
   sessions: SessionSummary[];
@@ -85,9 +86,16 @@ export default function SessionList({ sessions, activeSessionId, onSelect, onCre
   return (
     <Drawer direction="right" open={drawerOpen} onOpenChange={setDrawerOpen}>
       <DrawerTrigger asChild>
-        <Button variant="ghost" size="icon" className="shrink-0 cursor-pointer" title="Show Agent Sessions Sidebar">
-          <PanelRight className="h-4 w-4" />
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button variant="ghost" size="icon" className="shrink-0 cursor-pointer" title="Show Agent Sessions Sidebar">
+              <PanelRight className="h-4 w-4" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>Sessions</p>
+          </TooltipContent>
+        </Tooltip>
       </DrawerTrigger>
       <DrawerContent>
         <DrawerHeader>

packages/vscode-ide-companion/src/webview/index.css

@@ -37,7 +37,7 @@
   --muted-foreground: var(--vscode-disabledForeground, #888888);
   --accent: var(--vscode-toolbar-hoverBackground, #e0e0e0);
   --accent-foreground: var(--vscode-foreground, #333333);
-  --destructive: var(--vscode-errorForeground, #d32f2f);
+  --destructive: var(--vscode-editorError-foreground, #d32f2f);
   --success: var(--vscode-testing-iconPassed, #22863a);
   --success-foreground: var(--vscode-editor-background, #ffffff);
   --border: var(--vscode-panel-border, #e0e0e0);
@@ -125,7 +125,7 @@
   --muted-foreground: var(--vscode-disabledForeground, #858585);
   --accent: var(--vscode-toolbar-hoverBackground, #3c3c3c);
   --accent-foreground: var(--vscode-foreground, #cccccc);
-  --destructive: var(--vscode-errorForeground, #f48771);
+  --destructive: var(--vscode-editorError-foreground, #f48771);
   --success: var(--vscode-testing-iconPassed, #89d185);
   --success-foreground: var(--vscode-editor-background, #1e1e1e);
   --border: var(--vscode-panel-border, #3c3c3c);