feat(chat): 添加继续会话提示功能

- 新增 ContinuePrompt 组件显示中断会话提示对话框
- 在 App 组件中条件渲染 ContinuePrompt 组件
- 扩展 ChatContext 和状态，添加 showContinuePrompt 字段
- 在 reducer 中处理 SESSION_STATUS 设置是否显示继续提示
- 添加 DISMISS_CONTINUE_PROMPT 动作和对应的 reducer 逻辑
- 将用户操作保存到 localStorage，防止重复显示继续提示
- 消息处理逻辑中过滤“Interrupted.”消息，避免重复提示
- 完善 ContinuePrompt 单元测试覆盖显示和交互行为
- 测试中添加对 dismissContinuePrompt 动作的调用验证
- 优化测试环境 localStorage 模拟，使用真实内存存储模拟行为

Author: hqwlkj

packages/vscode-ide-companion/src/tests/setup.ts

@@ -81,12 +81,19 @@ Object.defineProperty(window, "acquireVsCodeApi", {
   value: () => mockVSCode,
 });
 
-// Mock localStorage
+// Mock localStorage with real in-memory storage
+const storageStore = new Map<string, string>();
 const localStorageMock = {
-  getItem: vi.fn(),
-  setItem: vi.fn(),
-  removeItem: vi.fn(),
-  clear: vi.fn(),
+  getItem: vi.fn((key: string) => storageStore.get(key) ?? null),
+  setItem: vi.fn((key: string, value: string) => {
+    storageStore.set(key, value);
+  }),
+  removeItem: vi.fn((key: string) => {
+    storageStore.delete(key);
+  }),
+  clear: vi.fn(() => {
+    storageStore.clear();
+  }),
 };
 Object.defineProperty(window, "localStorage", {
   writable: true,

packages/vscode-ide-companion/src/webview/App.tsx

@@ -4,6 +4,7 @@ import Messages from "@/webview/components/Messages";
 import InputPrompt from "@/webview/components/InputPrompt";
 import ThinkingLiveBubble from "@/webview/components/ThinkingLiveBubble";
 import PermissionPrompt from "@/webview/components/PermissionPrompt";
+import ContinuePrompt from "@/webview/components/ContinuePrompt";
 import { useChat } from "@/webview/context/ChatProvider";
 import AskQuestionCarousel from "@/webview/components/AskQuestionCarousel";
 import type { AskUserQuestionMetadata } from "@/webview/components/bubbles/ToolBubble";
@@ -47,6 +48,9 @@ export default function App() {
         activeSessionId={state.activeSessionId}
         onInterrupt={actions.interrupt}
       />
+      {state.showContinuePrompt && (
+        <ContinuePrompt onContinue={actions.dismissContinuePrompt} onDismiss={actions.dismissContinuePrompt} />
+      )}
       {state.loading && (
         <ThinkingLiveBubble
           llmStreamProgress={state.llmStreamProgress}

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

@@ -0,0 +1,102 @@
+/**
+ * Unit tests for ContinuePrompt component
+ *
+ * Tests cover:
+ * - Renders the continue dialog correctly
+ * - Continue button triggers onContinue callback
+ * - X dismiss button triggers onDismiss callback
+ * - Dialog displays correct title and description text
+ */
+
+import React from "react";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { describe, it, expect, vi } from "vitest";
+import ContinuePrompt from "./ContinuePrompt";
+
+describe("ContinuePrompt", () => {
+  it("renders the continue dialog with correct title", () => {
+    render(<ContinuePrompt onContinue={vi.fn()} onDismiss={vi.fn()} />);
+
+    expect(screen.getByText("Session interrupted")).toBeInTheDocument();
+  });
+
+  it("renders the description text", () => {
+    render(<ContinuePrompt onContinue={vi.fn()} onDismiss={vi.fn()} />);
+
+    expect(
+      screen.getByText("The previous operation was interrupted. Do you want to continue the conversation?")
+    ).toBeInTheDocument();
+  });
+
+  it("renders a Continue button", () => {
+    render(<ContinuePrompt onContinue={vi.fn()} onDismiss={vi.fn()} />);
+
+    const continueButton = screen.getByRole("button", { name: /continue/i });
+    expect(continueButton).toBeInTheDocument();
+  });
+
+  it("calls onContinue when Continue button is clicked", () => {
+    const onContinue = vi.fn();
+    const onDismiss = vi.fn();
+
+    render(<ContinuePrompt onContinue={onContinue} onDismiss={onDismiss} />);
+
+    const continueButton = screen.getByRole("button", { name: /continue/i });
+    fireEvent.click(continueButton);
+
+    expect(onContinue).toHaveBeenCalledTimes(1);
+    expect(onDismiss).not.toHaveBeenCalled();
+  });
+
+  it("calls onDismiss when X close button is clicked", () => {
+    const onContinue = vi.fn();
+    const onDismiss = vi.fn();
+
+    render(<ContinuePrompt onContinue={onContinue} onDismiss={onDismiss} />);
+
+    // The X button has title="Dismiss"
+    const dismissButton = screen.getByTitle("Dismiss");
+    fireEvent.click(dismissButton);
+
+    expect(onDismiss).toHaveBeenCalledTimes(1);
+    expect(onContinue).not.toHaveBeenCalled();
+  });
+
+  it("renders the dialog within a bordered container", () => {
+    const { container } = render(<ContinuePrompt onContinue={vi.fn()} onDismiss={vi.fn()} />);
+
+    // The dialog should have the rounded border class
+    const dialogContainer = container.querySelector(".rounded-md.border");
+    expect(dialogContainer).toBeInTheDocument();
+  });
+
+  it("renders with correct layout structure", () => {
+    const { container } = render(<ContinuePrompt onContinue={vi.fn()} onDismiss={vi.fn()} />);
+
+    // Should have flex layout for title and close button
+    const headerRow = container.querySelector(".flex.items-center.justify-between");
+    expect(headerRow).toBeInTheDocument();
+
+    // Should have a button group
+    const buttonGroup = container.querySelector(".flex.gap-2");
+    expect(buttonGroup).toBeInTheDocument();
+  });
+
+  it("can be called multiple times with different callbacks", () => {
+    const onContinue1 = vi.fn();
+    const onDismiss1 = vi.fn();
+    const onContinue2 = vi.fn();
+    const onDismiss2 = vi.fn();
+
+    const { rerender } = render(<ContinuePrompt onContinue={onContinue1} onDismiss={onDismiss1} />);
+
+    fireEvent.click(screen.getByRole("button", { name: /continue/i }));
+    expect(onContinue1).toHaveBeenCalledTimes(1);
+
+    rerender(<ContinuePrompt onContinue={onContinue2} onDismiss={onDismiss2} />);
+
+    fireEvent.click(screen.getByRole("button", { name: /continue/i }));
+    expect(onContinue2).toHaveBeenCalledTimes(1);
+    expect(onContinue1).toHaveBeenCalledTimes(1);
+  });
+});

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

@@ -0,0 +1,38 @@
+import { Button } from "@/webview/components/ui/button";
+import { X } from "lucide-react";
+
+export interface ContinuePromptProps {
+  onContinue: () => void;
+  onDismiss: () => void;
+}
+
+export default function ContinuePrompt({ onContinue, onDismiss }: ContinuePromptProps) {
+  return (
+    <div className="px-4 py-2 w-full max-w-237.5 mx-auto min-w-sm">
+      <div className="rounded-md border border-(--vscode-focusBorder) bg-(--vscode-editor-background) p-3 text-sm">
+        <div className="flex items-center justify-between mb-2">
+          <span className="font-medium">Session interrupted</span>
+          <Button
+            variant="ghost"
+            size="icon-sm"
+            className="cursor-pointer border-none bg-transparent p-0 text-muted-foreground hover:text-foreground"
+            onClick={onDismiss}
+            title="Dismiss"
+          >
+            <X className="h-4 w-4" />
+          </Button>
+        </div>
+
+        <p className="text-xs text-muted-foreground mb-3">
+          The previous operation was interrupted. Do you want to continue the conversation?
+        </p>
+
+        <div className="flex gap-2">
+          <Button size="sm" variant="default" onClick={onContinue}>
+            Continue
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}