feat(chat): 添加用户提问Carousel组件并支持问答流程

- 新增AskQuestionCarousel组件实现多问题轮播问答交互
- 在App组件中集成AskQuestionCarousel，条件渲染用户提问界面
- 扩展ChatProvider状态管理，新增askUserQuestions状态字段
- 更新AskUserQuestion组件，增加类型守卫及表单验证优化
- 消息组件Messages调整，支持传递tool消息的isLastMessage属性
- 新增chatService接口addSystemMessage以记录系统问答摘要
- 调整DiffPreview组件props结构，更清晰地处理输出和元数据
- 优化InputPrompt及Messages组件的样式和结构细节
- 升级项目依赖，添加typescript-eslint相关依赖和配置

Author: hqwlkj

package-lock.json

@@ -128,6 +128,8 @@
     "@types/react-dom": "^19.2.2",
     "@types/semver": "^7.7.1",
     "@types/vscode": "^1.85.0",
+    "@typescript-eslint/eslint-plugin": "^8.64.0",
+    "@typescript-eslint/parser": "^8.64.0",
     "@vitejs/plugin-react-swc": "^4.2.1",
     "@vscode/vsce": "^3.6.0",
     "autoprefixer": "^10.5.0",

packages/vscode-ide-companion/package.json

@@ -248,6 +248,22 @@ export const appRouter = router({
     vscodeApi.window.showInformationMessage(input);
     return { ok: true };
   }),
+
+  addSystemMessage: procedure
+    .input(
+      z.object({
+        content: z.string(),
+        meta: z.record(z.string(), z.unknown()).optional(),
+      })
+    )
+    .resolve(({ ctx, input }) => {
+      const activeSessionId = ctx.sessionManager.getActiveSessionId();
+      if (!activeSessionId) {
+        return { ok: false, error: "No active session" };
+      }
+      ctx.sessionManager.addSessionSystemMessage(activeSessionId, input.content, true, input.meta);
+      return { ok: true };
+    }),
 });
 
 export type AppRouter = typeof appRouter;

packages/vscode-ide-companion/src/router.ts

@@ -4,25 +4,20 @@ import InputPrompt from "@/webview/components/InputPrompt";
 import ThinkingLiveBubble from "@/webview/components/ThinkingLiveBubble";
 import PermissionPrompt from "@/webview/components/PermissionPrompt";
 import { useChat } from "@/webview/context/ChatProvider";
+import AskQuestionCarousel from "@/webview/components/AskQuestionCarousel";
 
 export default function App() {
   const { state, dispatch, actions } = useChat();
 
   return (
-    <div className="flex flex-col h-screen overflow-hidden">
+    <div className="relative flex flex-col h-screen min-h-screen w-full overflow-hidden">
       <Header
         sessions={state.sessions}
         activeSessionId={state.activeSessionId}
         onSelectSession={actions.selectSession}
         onCreateNewSession={actions.createNewSession}
       />
-      <Messages
-        messages={state.messages}
-        loading={state.loading}
-        llmStreamProgress={state.llmStreamProgress}
-        processes={state.processes}
-        onEditMessage={actions.editMessage}
-      />
+      <Messages messages={state.messages} loading={state.loading} onEditMessage={actions.editMessage} />
       <PermissionPrompt
         askPermissions={state.askPermissions}
         sessionStatus={state.activeSessionStatus}
@@ -41,6 +36,12 @@ export default function App() {
           shouldConnect={state.lastMessageRole !== null && state.lastMessageRole !== "user"}
         />
       )}
+      {state.askUserQuestions && (
+        <AskQuestionCarousel
+          questions={state.askUserQuestions.questions}
+          onClose={() => dispatch({ type: "SET_ASK_USER_QUESTIONS", data: null })}
+        />
+      )}
       <InputPrompt
         loading={state.loading}
         selectedSkills={state.selectedSkills}