feat: SSE 事件处理和计划确认 UI

- sseHandler 添加 onPlanConfirm、onToolConfirm 回调
- messageArea 添加计划确认对话框渲染

src/services/sseHandler.ts

@@ -13,6 +13,8 @@ import type {
   SSEEventType,
   TextDeltaEvent,
   ToolCallRequest,
+  ToolConfirmEvent,
+  PlanConfirmEvent,
   AskUserEvent,
   CompleteEvent,
   ErrorEvent,
@@ -36,6 +38,10 @@ export interface SSECallbacks {
   onTextDelta?: (data: TextDeltaEvent) => void;
   /** 收到工具调用请求 */
   onToolCall?: (data: ToolCallRequest) => void;
+  /** 收到工具确认请求（Ask 模式） */
+  onToolConfirm?: (data: ToolConfirmEvent) => void;
+  /** 收到计划确认请求（Plan 模式） */
+  onPlanConfirm?: (data: PlanConfirmEvent) => void;
   /** 工具开始执行 */
   onToolStart?: (data: ToolStartEvent) => void;
   /** 工具执行完成 */
@@ -136,7 +142,7 @@ export async function startStreamDialog(
 
   const body = JSON.stringify(request);
 
-  console.log(`[SSE] 开始流式对话: taskId=${request.taskId}, url=${urlString}`);
+  console.log(`[SSE] 开始流式对话: taskId=${request.taskId}, mode=${request.mode}, url=${urlString}`);
 
   return new Promise((resolve, reject) => {
     const options: http.RequestOptions = {
@@ -268,6 +274,12 @@ function dispatchEvent(
     case 'tool_call':
       callbacks.onToolCall?.(data as ToolCallRequest);
       break;
+    case 'tool_confirm':
+      callbacks.onToolConfirm?.(data as ToolConfirmEvent);
+      break;
+    case 'plan_confirm':
+      callbacks.onPlanConfirm?.(data as PlanConfirmEvent);
+      break;
     case 'tool_start':
       callbacks.onToolStart?.(data as ToolStartEvent);
       break;