test(InputPrompt): 更新测试mock组件及加载状态按钮测试

- 新增 DropdownMenuGroup、DropdownMenuLabel、DropdownMenuRadioGroup 和 DropdownMenuRadioItem 的 mock 实现
- 新增 Item、ItemContent、ItemDescription、ItemMedia 和 ItemTitle 组件的 mock 实现
- 新增 Hand 和 SquareChartGantt 图标组件的 mock 实现
- 修改加载状态测试中断按钮的选取方式，从 data-testid 改为 title 属性 "Stop"
- 确保点击中断按钮触发 onInterrupt 回调
- 更新了 ItemDescription 文本内容以反映功能变化

Author: hqwlkj

packages/vscode-ide-companion/src/webview/components/InputPrompt.test.tsx

@@ -77,6 +77,18 @@ vi.mock("@/webview/components/ui/dropdown-menu", () => ({
   DropdownMenuTrigger: vi.fn(({ children }) => <div data-testid="dropdown-trigger">{children}</div>),
   DropdownMenuContent: vi.fn(({ children }) => <div data-testid="dropdown-content">{children}</div>),
   DropdownMenuItem: vi.fn(({ children }) => <div data-testid="dropdown-item">{children}</div>),
+  DropdownMenuGroup: vi.fn(({ children }) => <div>{children}</div>),
+  DropdownMenuLabel: vi.fn(({ children }) => <div>{children}</div>),
+  DropdownMenuRadioGroup: vi.fn(({ children }) => <div>{children}</div>),
+  DropdownMenuRadioItem: vi.fn(({ children }) => <div>{children}</div>),
+}));
+
+vi.mock("@/webview/components/ui/item", () => ({
+  Item: vi.fn(({ children }) => <div>{children}</div>),
+  ItemContent: vi.fn(({ children }) => <div>{children}</div>),
+  ItemDescription: vi.fn(({ children }) => <div>{children}</div>),
+  ItemMedia: vi.fn(({ children }) => <div>{children}</div>),
+  ItemTitle: vi.fn(({ children }) => <div>{children}</div>),
 }));
 
 vi.mock("@/webview/components/ui/scroll-area", () => ({
@@ -141,6 +153,8 @@ vi.mock("lucide-react", () => ({
   Loader2Icon: vi.fn(() => <span data-testid="loader-icon" />),
   Settings: vi.fn(() => <span data-testid="settings-icon" />),
   Info: vi.fn(() => <span data-testid="info-icon" />),
+  Hand: vi.fn(() => <span data-testid="hand-icon" />),
+  SquareChartGantt: vi.fn(() => <span data-testid="gantt-icon" />),
 }));
 
 const mockOnSendPrompt =
@@ -505,12 +519,12 @@ describe("InputPrompt", () => {
   describe("Loading state", () => {
     it("renders interrupt button when loading", () => {
       render(<InputPrompt {...defaultProps} loading={true} />);
-      expect(screen.getByTestId("input-group-button")).toBeInTheDocument();
+      expect(screen.getByTitle("Stop")).toBeInTheDocument();
     });
 
     it("calls onInterrupt when interrupt button clicked", () => {
       render(<InputPrompt {...defaultProps} loading={true} />);
-      const button = screen.getByTestId("input-group-button");
+      const button = screen.getByTitle("Stop");
       fireEvent.click(button);
       expect(mockOnInterrupt).toHaveBeenCalled();
     });

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

@@ -302,7 +302,7 @@ export default function InputPrompt({
                           <ItemContent>
                             <ItemTitle className="text-xs">Default</ItemTitle>
                             <ItemDescription className="text-[10px]">
-                              Deep code will ask for approval before making each edit
+                              Deep Code will make edits and run commands to complete your task
                             </ItemDescription>
                           </ItemContent>
                         </Item>

packages/vscode-ide-companion/src/webview/components/Messages.test.tsx

@@ -50,9 +50,9 @@ describe("Messages", () => {
     processes: null,
   };
 
-  it("renders empty messages", () => {
+  it("renders welcome screen when no messages", () => {
     render(<Messages {...defaultProps} />);
-    expect(screen.getByTestId("scroll-area")).toBeInTheDocument();
+    expect(screen.getByText("Welcome to the Deep Code AI IDE!")).toBeInTheDocument();
   });
 
   it("renders user message", () => {