@huyooo/ai-chat-frontend-react 0.2.12 → 0.2.14

package/dist/index.js

@@ -5,12 +5,81 @@ function getMessageText(message) {
 
 // src/hooks/useChat.ts
 import { useState, useCallback, useRef, useMemo, useEffect } from "react";
+var AT_LINE_RE = /^\s*@\s*(.+?)\s*$/;
+var MAX_FILE_CHARS = 2e4;
+function stripAtContextLines(text) {
+  return text.split("\n").filter((line) => !AT_LINE_RE.test(line)).join("\n").trim();
+}
+function extractAtContextRefs(text) {
+  const refs = [];
+  const kept = [];
+  for (const line of text.split("\n")) {
+    const m = line.match(AT_LINE_RE);
+    if (m?.[1]) {
+      refs.push(m[1]);
+    } else {
+      kept.push(line);
+    }
+  }
+  return {
+    refs: Array.from(new Set(refs.map((r) => r.trim()).filter(Boolean))),
+    cleanedText: kept.join("\n").trim()
+  };
+}
+async function buildPromptWithAtContext(adapter, text) {
+  const { refs, cleanedText } = extractAtContextRefs(text);
+  if (refs.length === 0) return text;
+  const blocks = [];
+  for (const ref of refs) {
+    const resolved = await adapter.resolvePath?.(ref) || ref;
+    try {
+      const stat = await adapter.stat?.(resolved);
+      if (stat?.isDirectory) {
+        const items = await adapter.listDir?.(resolved);
+        const listing = (items || []).slice(0, 200).map((f) => `${f.isDirectory ? "DIR " : "FILE"} ${f.path}`).join("\n");
+        blocks.push(
+          `\u3010\u76EE\u5F55\u3011${resolved}
+\`\`\`text
+` + (listing || "(\u7A7A\u76EE\u5F55/\u65E0\u6CD5\u5217\u51FA)") + "\n```"
+        );
+        continue;
+      }
+      const content = await adapter.readFile?.(resolved);
+      if (typeof content === "string") {
+        const truncated = content.length > MAX_FILE_CHARS ? content.slice(0, MAX_FILE_CHARS) + `
+
+... (\u5DF2\u622A\u65AD\uFF0C\u539F\u59CB\u957F\u5EA6 ${content.length})` : content;
+        blocks.push(
+          `\u3010\u6587\u4EF6\u3011${resolved}
+\`\`\`text
+` + truncated + "\n```"
+        );
+      } else {
+        blocks.push(`\u3010\u5F15\u7528\u3011${resolved}
+\uFF08\u65E0\u6CD5\u8BFB\u53D6\u6587\u4EF6\u5185\u5BB9\uFF09`);
+      }
+    } catch (error) {
+      blocks.push(`\u3010\u5F15\u7528\u3011${resolved}
+\uFF08\u8BFB\u53D6\u5931\u8D25\uFF1A${error instanceof Error ? error.message : String(error)}\uFF09`);
+    }
+  }
+  const question = cleanedText || stripAtContextLines(text) || text;
+  return `\u4EE5\u4E0B\u662F\u7528\u6237\u901A\u8FC7 @ \u5F15\u7528\u63D0\u4F9B\u7684\u4E0A\u4E0B\u6587\uFF1A
+
+${blocks.join("\n\n")}
+
+\u7528\u6237\u95EE\u9898\uFF1A
+${question}`;
+}
 function generateId() {
   return Date.now().toString(36) + Math.random().toString(36).substr(2);
 }
 function extractTextContent(parts) {
   return parts.filter((p) => p.type === "text").map((p) => p.text).join("");
 }
+function shouldSaveEvent(event) {
+  return event.type === "thinking_end" || event.type === "tool_call_result" || event.type === "text_delta" || event.type === "done" || event.type === "error" || event.type === "abort";
+}
 function parseToolResult(result) {
   if (result === void 0 || result === null) return null;
   if (typeof result === "string") {
@@ -23,6 +92,7 @@ function parseToolResult(result) {
   return result;
 }
 function convertToMessage(record) {
+  const timestamp = typeof record.timestamp === "number" && Number.isFinite(record.timestamp) ? record.timestamp : 0;
   let parts = [];
   if (record.steps) {
     try {
@@ -49,7 +119,8 @@ function convertToMessage(record) {
             name: step.name,
             args: step.args,
             result: parseToolResult(step.result),
-            status: step.status || "done"
+            status: step.status || "done",
+            output: step.output
           });
         } else if (step.type === "text") {
           parts.push({
@@ -77,12 +148,13 @@ function convertToMessage(record) {
     id: record.id,
     role: record.role,
     parts,
+    images: record.images ?? [],
     model: record.model || void 0,
     mode: record.mode || void 0,
     webSearchEnabled: record.webSearchEnabled ?? void 0,
     thinkingEnabled: record.thinkingEnabled ?? void 0,
     loading: false,
-    timestamp: record.timestamp
+    timestamp
   };
 }
 function useChat(options) {
@@ -95,6 +167,10 @@ function useChat(options) {
   } = options;
   const sessionStatesRef = useRef(/* @__PURE__ */ new Map());
   const [stateVersion, setStateVersion] = useState(0);
+  const [enabledTools, setEnabledTools] = useState(void 0);
+  const enabledToolsRef = useRef(enabledTools);
+  enabledToolsRef.current = enabledTools;
+  const [allTools, setAllTools] = useState([]);
   const DEFAULT_AUTO_RUN_CONFIG = {
     mode: "run-everything"
   };
@@ -124,16 +200,65 @@ function useChat(options) {
       throw error;
     }
   }, [adapter]);
+  const loadEnabledTools = useCallback(async () => {
+    if (!adapter.getAllSettings) return;
+    try {
+      const settings = await adapter.getAllSettings();
+      const toolsJson = settings["enabledTools"];
+      if (!toolsJson) {
+        setEnabledTools(void 0);
+        return;
+      }
+      const parsed = JSON.parse(toolsJson);
+      if (Array.isArray(parsed) && parsed.every((x) => typeof x === "string")) {
+        setEnabledTools(parsed);
+      } else {
+        setEnabledTools(void 0);
+      }
+    } catch (error) {
+      console.error("[useChat] \u52A0\u8F7D enabledTools \u5931\u8D25:", error);
+    }
+  }, [adapter]);
+  const saveEnabledTools = useCallback(async (tools) => {
+    if (!adapter.setSetting) return;
+    try {
+      if (tools === void 0) {
+        await adapter.deleteSetting?.("enabledTools");
+        setEnabledTools(void 0);
+        return;
+      }
+      await adapter.setSetting("enabledTools", JSON.stringify(tools));
+      setEnabledTools(tools);
+    } catch (error) {
+      console.error("[useChat] \u4FDD\u5B58 enabledTools \u5931\u8D25:", error);
+      throw error;
+    }
+  }, [adapter]);
+  const loadAllTools = useCallback(async () => {
+    if (!adapter.getAllTools) {
+      console.warn("[useChat] adapter.getAllTools \u4E0D\u5B58\u5728");
+      return;
+    }
+    try {
+      const tools = await adapter.getAllTools();
+      setAllTools(tools);
+    } catch (error) {
+      console.error("[useChat] \u52A0\u8F7D\u5DE5\u5177\u5217\u8868\u5931\u8D25:", error);
+    }
+  }, [adapter]);
   useEffect(() => {
     loadAutoRunConfig();
-  }, [loadAutoRunConfig]);
+    loadEnabledTools();
+    loadAllTools();
+  }, [loadAutoRunConfig, loadEnabledTools, loadAllTools]);
   const forceUpdate = useCallback(() => setStateVersion((v) => v + 1), []);
   const getSessionState = useCallback((sessionId) => {
     if (!sessionStatesRef.current.has(sessionId)) {
       sessionStatesRef.current.set(sessionId, {
         messages: [],
         isLoading: false,
-        abortController: null
+        abortController: null,
+        activeAssistantMessageId: null
       });
     }
     return sessionStatesRef.current.get(sessionId);
@@ -173,17 +298,18 @@ function useChat(options) {
       const list = await adapter.getSessions();
       setSessions(list);
       if (list.length > 0 && !currentSessionIdRef.current) {
-        setCurrentSessionId(list[0].id);
-        const state = getSessionState(list[0].id);
+        const firstVisible = list.find((s) => !s.hidden) || list[0];
+        setCurrentSessionId(firstVisible.id);
+        const state = getSessionState(firstVisible.id);
         if (state.messages.length === 0) {
-          const savedMessages = await adapter.getMessages(list[0].id);
+          const savedMessages = await adapter.getMessages(firstVisible.id);
           state.messages = savedMessages.map(convertToMessage);
           forceUpdate();
         }
-        setModeState(list[0].mode);
-        setModelState(list[0].model);
-        setWebSearchState(list[0].webSearchEnabled);
-        setThinkingState(list[0].thinkingEnabled);
+        setModeState(firstVisible.mode);
+        setModelState(firstVisible.model);
+        setWebSearchState(firstVisible.webSearchEnabled);
+        setThinkingState(firstVisible.thinkingEnabled);
       }
     } catch (error) {
       console.error("\u52A0\u8F7D\u4F1A\u8BDD\u5931\u8D25:", error);
@@ -225,7 +351,8 @@ function useChat(options) {
       sessionStatesRef.current.set(session.id, {
         messages: [],
         isLoading: false,
-        abortController: null
+        abortController: null,
+        activeAssistantMessageId: null
       });
       setCurrentSessionId(session.id);
       forceUpdate();
@@ -350,8 +477,6 @@ function useChat(options) {
         if (lastThinkingIndex >= 0) {
           const part = parts[lastThinkingIndex];
           parts[lastThinkingIndex] = { ...part, text: part.text + data.content };
-        } else {
-          parts.push({ type: "thinking", text: data.content, status: "running" });
         }
         break;
       }
@@ -372,7 +497,13 @@ function useChat(options) {
       }
       case "search_start": {
         const data = event.data;
-        parts.push({ type: "search", query: data.query, status: "running" });
+        const searchPart = { type: "search", query: data.query, status: "running" };
+        const firstTextIndex = parts.findIndex((p) => p.type === "text");
+        if (firstTextIndex >= 0) {
+          parts.splice(firstTextIndex, 0, searchPart);
+        } else {
+          parts.push(searchPart);
+        }
         break;
       }
       case "search_result": {
@@ -400,40 +531,38 @@ function useChat(options) {
           adapter.respondToolApproval?.(data.id, true);
           break;
         }
-        const existingIndex = parts.findLastIndex(
+        const existingIndex = parts.findIndex(
           (p) => p.type === "tool_call" && p.id === data.id
         );
         if (existingIndex >= 0) {
           const part = parts[existingIndex];
-          parts[existingIndex] = { ...part, status: "pending", result: null };
+          parts[existingIndex] = { ...part, status: "pending" };
         } else {
           parts.push({
             type: "tool_call",
             id: data.id,
             name: data.name,
             args: data.args,
-            status: "pending",
-            result: null
+            status: "pending"
           });
         }
         break;
       }
       case "tool_call_start": {
         const data = event.data;
-        const existingIndex = parts.findLastIndex(
+        const existingIndex = parts.findIndex(
           (p) => p.type === "tool_call" && p.id === data.id
         );
         if (existingIndex >= 0) {
           const part = parts[existingIndex];
-          parts[existingIndex] = { ...part, status: "running", result: null };
+          parts[existingIndex] = { ...part, status: "running" };
         } else {
           parts.push({
             type: "tool_call",
             id: data.id,
             name: data.name,
             args: data.args,
-            status: "running",
-            result: null
+            status: "running"
           });
         }
         break;
@@ -455,7 +584,6 @@ function useChat(options) {
           const toolCall = parts[toolCallIndex];
           parts[toolCallIndex] = {
             ...toolCall,
-            result: parsedResult,
             status
           };
         } else {
@@ -464,15 +592,26 @@ function useChat(options) {
             id: data.id,
             name: data.name,
             args: {},
-            result: parsedResult,
             status
           });
         }
-        const existingResultIndex = parts.findIndex(
-          (p) => p.type === "tool_result" && p.id === data.id
-        );
-        if (existingResultIndex >= 0) {
-          parts.splice(existingResultIndex, 1);
+        if (data.resultType && data.success && typeof parsedResult === "object" && parsedResult !== null) {
+          const updatedToolCallIndex = parts.findIndex(
+            (p) => p.type === "tool_call" && p.id === data.id
+          );
+          const resultPart = {
+            type: data.resultType,
+            ...parsedResult
+          };
+          const existingResultIndex = parts.findIndex(
+            (p, i) => i > updatedToolCallIndex && p.type === data.resultType
+          );
+          if (existingResultIndex >= 0) {
+            parts[existingResultIndex] = resultPart;
+          } else {
+            const insertAt = updatedToolCallIndex >= 0 ? updatedToolCallIndex + 1 : parts.length;
+            parts.splice(insertAt, 0, resultPart);
+          }
         }
         if (onToolComplete) {
           const sideEffects = data.sideEffects;
@@ -484,6 +623,24 @@ function useChat(options) {
         }
         break;
       }
+      case "tool_call_output": {
+        const data = event.data;
+        const toolCallIndex = parts.findIndex(
+          (p) => p.type === "tool_call" && p.id === data.id
+        );
+        if (toolCallIndex >= 0) {
+          const toolCall = parts[toolCallIndex];
+          const prevStdout = toolCall.output?.stdout ?? "";
+          const prevStderr = toolCall.output?.stderr ?? "";
+          const MAX = 12e4;
+          const nextOutput = data.stream === "stdout" ? { stdout: (prevStdout + (data.chunk || "")).slice(-MAX), stderr: prevStderr } : { stdout: prevStdout, stderr: (prevStderr + (data.chunk || "")).slice(-MAX) };
+          parts[toolCallIndex] = {
+            ...toolCall,
+            output: nextOutput
+          };
+        }
+        break;
+      }
       case "text_delta": {
         const data = event.data;
         parts = parts.map(
@@ -491,7 +648,7 @@ function useChat(options) {
         );
         const lastTextIndex = parts.findLastIndex((p) => p.type === "text");
         const lastPart = parts[parts.length - 1];
-        const shouldCreateNew = lastPart && (lastPart.type === "tool_call" && ["done", "error", "skipped", "cancelled"].includes(lastPart.status) || lastPart.type === "search" && lastPart.status === "done" || lastPart.type === "thinking" && lastPart.status === "done");
+        const shouldCreateNew = lastPart && (lastPart.type === "tool_call" && ["done", "error", "skipped", "cancelled"].includes(lastPart.status) || lastPart.type === "thinking" && lastPart.status === "done");
         if (shouldCreateNew || lastTextIndex < 0) {
           parts.push({ type: "text", text: data.content });
         } else {
@@ -538,8 +695,30 @@ function useChat(options) {
     state.messages[messageIndex] = updatedMsg;
     forceUpdate();
   }, [onToolComplete, forceUpdate]);
+  const saveMessageToDb = useCallback(async (sessionId, messageIndex, messageId) => {
+    const state = sessionStatesRef.current.get(sessionId);
+    if (!state) return;
+    const msg = state.messages[messageIndex];
+    if (!msg) return;
+    try {
+      await adapter.updateMessage?.({
+        id: messageId,
+        content: extractTextContent(msg.parts),
+        steps: JSON.stringify(msg.parts)
+      });
+    } catch (error) {
+      console.error("[useChat/react] \u4FDD\u5B58\u6D88\u606F\u5931\u8D25:", error);
+    }
+  }, [adapter]);
+  const handleEvent = useCallback(async (sessionId, messageIndex, event, messageId, options2 = { saveToDb: false }) => {
+    updateSessionMessage(sessionId, messageIndex, event);
+    if (options2.saveToDb && shouldSaveEvent(event)) {
+      await saveMessageToDb(sessionId, messageIndex, messageId);
+    }
+  }, [updateSessionMessage, saveMessageToDb]);
   const sendMessage = useCallback(async (text, images) => {
-    if (!text.trim()) return;
+    const hasContent = text.trim() || images && images.length > 0;
+    if (!hasContent) return;
     let sessionId = currentSessionIdRef.current;
     if (sessionId) {
       const currentState = sessionStatesRef.current.get(sessionId);
@@ -559,7 +738,8 @@ function useChat(options) {
         sessionStatesRef.current.set(session.id, {
           messages: [],
           isLoading: false,
-          abortController: null
+          abortController: null,
+          activeAssistantMessageId: null
         });
         setCurrentSessionId(session.id);
         sessionId = session.id;
@@ -574,18 +754,20 @@ function useChat(options) {
       role: "user",
       parts: [{ type: "text", text }],
       images,
-      timestamp: /* @__PURE__ */ new Date()
+      timestamp: Date.now()
     };
     state.messages = [...state.messages, userMsg];
     forceUpdate();
     try {
       await adapter.saveMessage({
+        id: userMsg.id,
         sessionId,
         role: "user",
-        content: text
+        content: text,
+        images: images || []
       });
       if (state.messages.length === 1) {
-        const title = text.slice(0, 20) + (text.length > 20 ? "..." : "");
+        const title = text.trim() ? text.slice(0, 20) + (text.length > 20 ? "..." : "") : images && images.length > 0 ? "\u56FE\u7247\u6D88\u606F" : "\u65B0\u5BF9\u8BDD";
         await adapter.updateSession(sessionId, { title });
         setSessions((prev) => prev.map(
           (s) => s.id === sessionId ? { ...s, title } : s
@@ -605,17 +787,19 @@ function useChat(options) {
       webSearchEnabled: webSearchRef.current,
       thinkingEnabled: thinkingRef.current,
       loading: true,
-      timestamp: /* @__PURE__ */ new Date()
+      timestamp: Date.now()
     };
     state.messages = [...state.messages, assistantMsg];
     const requestAbortController = new AbortController();
     state.isLoading = true;
     state.abortController = requestAbortController;
+    state.activeAssistantMessageId = assistantMsgId;
     forceUpdate();
     const sendModel = modelRef.current;
     const sendMode = modeRef.current;
     const sendWebSearch = webSearchRef.current;
     const sendThinking = thinkingRef.current;
+    const sendEnabledTools = enabledToolsRef.current;
     try {
       await adapter.saveMessage({
         id: assistantMsgId,
@@ -647,16 +831,20 @@ function useChat(options) {
     try {
       const history = state.messages.slice(0, -2).map((msg) => ({
         role: msg.role,
-        content: extractTextContent(msg.parts)
+        // history 中去掉 @ 引用行（避免后续轮次出现“空引用”干扰）
+        content: stripAtContextLines(extractTextContent(msg.parts))
       }));
+      const cleanAutoRunConfig = { ...autoRunConfigRef.current };
+      const promptMessage = await buildPromptWithAtContext(adapter, text);
       for await (const event of adapter.sendMessage(
-        text,
+        promptMessage,
         {
           mode: sendMode,
           model: sendModel,
           enableWebSearch: sendWebSearch,
           thinkingMode: sendThinking ? "enabled" : "disabled",
-          autoRunConfig,
+          enabledTools: sendEnabledTools,
+          autoRunConfig: cleanAutoRunConfig,
           history
           // 传递历史消息
         },
@@ -665,21 +853,26 @@ function useChat(options) {
         // 传递 sessionId 用于事件过滤
       )) {
         if (requestAbortController.signal.aborted) break;
-        updateSessionMessage(sessionId, assistantMsgIndex, event);
-        const shouldSave = event.type === "thinking_end" || event.type === "tool_call_result" || event.type === "text_delta" || event.type === "done" || event.type === "error" || event.type === "abort";
-        if (shouldSave) {
-          await saveMessageProgress();
-        }
+        await handleEvent(sessionId, assistantMsgIndex, event, assistantMsgId, {
+          saveToDb: true
+          // 重要事件需要保存
+        });
         if (event.type === "done" || event.type === "error") {
           break;
         }
       }
     } catch (error) {
       console.error("\u53D1\u9001\u6D88\u606F\u5931\u8D25:", error);
-      updateSessionMessage(sessionId, assistantMsgIndex, {
-        type: "error",
-        data: { message: error instanceof Error ? error.message : String(error) }
-      });
+      await handleEvent(
+        sessionId,
+        assistantMsgIndex,
+        {
+          type: "error",
+          data: { message: error instanceof Error ? error.message : String(error) }
+        },
+        assistantMsgId,
+        { saveToDb: true }
+      );
     } finally {
       state.isLoading = false;
       const finalMsg = state.messages[assistantMsgIndex];
@@ -687,21 +880,57 @@ function useChat(options) {
         state.messages = [...state.messages];
         state.messages[assistantMsgIndex] = { ...finalMsg, loading: false };
       }
-      await saveMessageProgress();
+      await saveMessageToDb(sessionId, assistantMsgIndex, assistantMsgId);
       state.abortController = null;
+      state.activeAssistantMessageId = null;
       forceUpdate();
     }
-  }, [adapter, getSessionState, updateSessionMessage, forceUpdate]);
+  }, [adapter, getSessionState, handleEvent, saveMessageToDb, forceUpdate]);
+  const patchPartsAsAborted = useCallback((parts) => {
+    return parts.map((p) => {
+      if (p.type === "thinking" && p.status === "running") {
+        return { ...p, status: "done" };
+      }
+      if (p.type === "search" && p.status === "running") {
+        return { ...p, status: "done" };
+      }
+      if (p.type === "tool_call") {
+        const tool = p;
+        if (tool.status === "running" || tool.status === "pending") {
+          return { ...tool, status: "cancelled" };
+        }
+      }
+      return p;
+    });
+  }, []);
+  const cancelActiveAssistantMessage = useCallback((sessionId) => {
+    const state = sessionStatesRef.current.get(sessionId);
+    if (!state) return;
+    if (!state.activeAssistantMessageId) return;
+    const idx = state.messages.findIndex((m) => m.id === state.activeAssistantMessageId);
+    if (idx < 0) return;
+    const msg = state.messages[idx];
+    state.messages = [...state.messages];
+    state.messages[idx] = {
+      ...msg,
+      loading: false,
+      aborted: true,
+      parts: patchPartsAsAborted(msg.parts)
+    };
+  }, [patchPartsAsAborted]);
   const cancelRequest = useCallback(() => {
     if (!currentSessionIdRef.current) return;
-    const state = sessionStatesRef.current.get(currentSessionIdRef.current);
+    const sessionId = currentSessionIdRef.current;
+    const state = sessionStatesRef.current.get(sessionId);
+    cancelActiveAssistantMessage(sessionId);
     if (state) {
       state.abortController?.abort();
       state.isLoading = false;
+      state.activeAssistantMessageId = null;
       forceUpdate();
     }
     adapter.cancel();
-  }, [adapter, forceUpdate]);
+  }, [adapter, forceUpdate, cancelActiveAssistantMessage]);
   const copyMessage = useCallback(async (messageId) => {
     if (!currentSessionIdRef.current) return;
     const state = sessionStatesRef.current.get(currentSessionIdRef.current);
@@ -728,26 +957,147 @@ function useChat(options) {
       console.error("\u590D\u5236\u5931\u8D25:", err);
     }
   }, [forceUpdate]);
+  const resendFromIndex = useCallback(async (index, text) => {
+    if (!currentSessionIdRef.current) return;
+    const sessionId = currentSessionIdRef.current;
+    const state = sessionStatesRef.current.get(sessionId);
+    if (!state) return;
+    const targetMsg = state.messages[index];
+    if (!targetMsg || targetMsg.role !== "user") {
+      sendMessage(text);
+      return;
+    }
+    if (state.isLoading) {
+      state.abortController?.abort();
+      adapter.cancel();
+      state.isLoading = false;
+      state.abortController = null;
+    }
+    const updatedUserMsg = {
+      ...targetMsg,
+      parts: [{ type: "text", text }]
+    };
+    state.messages = [...state.messages.slice(0, index), updatedUserMsg];
+    forceUpdate();
+    try {
+      await adapter.deleteMessagesAfterMessageId(sessionId, updatedUserMsg.id);
+    } catch (error) {
+      console.error("[useChat/react] deleteMessagesAfterMessageId \u5931\u8D25:", error);
+    }
+    try {
+      await adapter.updateMessage?.({
+        id: updatedUserMsg.id,
+        content: text
+      });
+    } catch (error) {
+      console.warn("[useChat/react] updateMessage(user) \u5931\u8D25\uFF0C\u5DF2\u5FFD\u7565:", error);
+    }
+    const assistantMsgIndex = state.messages.length;
+    const assistantMsgId = generateId();
+    const assistantMsg = {
+      id: assistantMsgId,
+      role: "assistant",
+      parts: [],
+      model: modelRef.current,
+      mode: modeRef.current,
+      webSearchEnabled: webSearchRef.current,
+      thinkingEnabled: thinkingRef.current,
+      loading: true,
+      timestamp: Date.now()
+    };
+    state.messages = [...state.messages, assistantMsg];
+    const requestAbortController = new AbortController();
+    state.isLoading = true;
+    state.abortController = requestAbortController;
+    state.activeAssistantMessageId = assistantMsgId;
+    forceUpdate();
+    const sendModel = modelRef.current;
+    const sendMode = modeRef.current;
+    const sendWebSearch = webSearchRef.current;
+    const sendThinking = thinkingRef.current;
+    const sendEnabledTools = enabledToolsRef.current;
+    try {
+      await adapter.saveMessage({
+        id: assistantMsgId,
+        sessionId,
+        role: "assistant",
+        content: "",
+        model: sendModel,
+        mode: sendMode,
+        webSearchEnabled: sendWebSearch,
+        thinkingEnabled: sendThinking,
+        steps: "[]"
+      });
+    } catch (error) {
+      console.error("[useChat/react] \u521B\u5EFA assistant \u6D88\u606F\u5931\u8D25:", error);
+    }
+    try {
+      const history = state.messages.slice(0, index).map((msg) => ({
+        role: msg.role,
+        content: stripAtContextLines(extractTextContent(msg.parts))
+      }));
+      const cleanAutoRunConfig = { ...autoRunConfigRef.current };
+      const images = updatedUserMsg.images;
+      const promptMessage = await buildPromptWithAtContext(adapter, text);
+      for await (const event of adapter.sendMessage(
+        promptMessage,
+        {
+          mode: sendMode,
+          model: sendModel,
+          enableWebSearch: sendWebSearch,
+          thinkingMode: sendThinking ? "enabled" : "disabled",
+          enabledTools: sendEnabledTools,
+          autoRunConfig: cleanAutoRunConfig,
+          history
+        },
+        images,
+        sessionId
+      )) {
+        if (requestAbortController.signal.aborted) break;
+        await handleEvent(sessionId, assistantMsgIndex, event, assistantMsgId, {
+          saveToDb: true
+          // 重要事件需要保存
+        });
+        if (event.type === "done" || event.type === "error") break;
+      }
+    } catch (error) {
+      console.error("[useChat/react] \u5206\u53C9\u91CD\u53D1\u5931\u8D25:", error);
+      await handleEvent(
+        sessionId,
+        assistantMsgIndex,
+        {
+          type: "error",
+          data: { message: error instanceof Error ? error.message : String(error) }
+        },
+        assistantMsgId,
+        { saveToDb: true }
+      );
+    } finally {
+      const s = sessionStatesRef.current.get(sessionId);
+      if (s) {
+        s.isLoading = false;
+        s.abortController = null;
+        s.activeAssistantMessageId = null;
+        const finalMsg = s.messages[assistantMsgIndex];
+        if (finalMsg) {
+          s.messages[assistantMsgIndex] = { ...finalMsg, loading: false };
+        }
+        forceUpdate();
+      }
+      await saveMessageToDb(sessionId, assistantMsgIndex, assistantMsgId);
+    }
+  }, [adapter, forceUpdate, sendMessage, handleEvent, saveMessageToDb]);
   const regenerateMessage = useCallback((messageIndex) => {
     if (!currentSessionIdRef.current) return;
     const state = sessionStatesRef.current.get(currentSessionIdRef.current);
     if (!state) return;
     if (messageIndex > 0 && state.messages[messageIndex - 1]?.role === "user") {
-      const userMsg = state.messages[messageIndex - 1];
+      const userIndex = messageIndex - 1;
+      const userMsg = state.messages[userIndex];
       const userText = extractTextContent(userMsg.parts);
-      state.messages = state.messages.slice(0, messageIndex - 1);
-      forceUpdate();
-      sendMessage(userText, userMsg.images);
+      void resendFromIndex(userIndex, userText);
     }
-  }, [sendMessage, forceUpdate]);
-  const resendFromIndex = useCallback((index, text) => {
-    if (!currentSessionIdRef.current) return;
-    const state = sessionStatesRef.current.get(currentSessionIdRef.current);
-    if (!state) return;
-    state.messages = state.messages.slice(0, index);
-    forceUpdate();
-    sendMessage(text);
-  }, [sendMessage, forceUpdate]);
+  }, [resendFromIndex]);
   const setWorkingDirectory = useCallback((dir) => {
     if (adapter.setCwd) {
       adapter.setCwd(dir);
@@ -813,7 +1163,11 @@ function useChat(options) {
     // 自动运行配置
     autoRunConfig,
     loadAutoRunConfig,
-    saveAutoRunConfig
+    saveAutoRunConfig,
+    // 工具管理
+    enabledTools,
+    allTools,
+    saveEnabledTools
   };
 }
 
@@ -831,19 +1185,17 @@ function useChatInputContext() {
 // src/context/RenderersContext.tsx
 import { createContext as createContext2 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var BlockRenderersContext = createContext2({});
-var ToolRenderersContext = createContext2({});
-var RenderersProvider = ({
-  blockRenderers = {},
-  toolRenderers = {},
+var PartRenderersContext = createContext2({});
+var PartRenderersProvider = ({
+  partRenderers = {},
   children
 }) => {
-  return /* @__PURE__ */ jsx2(BlockRenderersContext.Provider, { value: blockRenderers, children: /* @__PURE__ */ jsx2(ToolRenderersContext.Provider, { value: toolRenderers, children }) });
+  return /* @__PURE__ */ jsx2(PartRenderersContext.Provider, { value: partRenderers, children });
 };
 
 // src/components/ChatPanel.tsx
-import { useEffect as useEffect16, useRef as useRef11, useCallback as useCallback15, useMemo as useMemo14, useState as useState19, forwardRef as forwardRef8, useImperativeHandle as useImperativeHandle8 } from "react";
-import { Icon as Icon22 } from "@iconify/react";
+import { useEffect as useEffect17, useRef as useRef12, useCallback as useCallback16, useMemo as useMemo14, useState as useState19, forwardRef as forwardRef8, useImperativeHandle as useImperativeHandle8 } from "react";
+import { Icon as Icon21 } from "@iconify/react";
 
 // src/components/header/ChatHeader.tsx
 import { useState as useState2, useRef as useRef2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
@@ -1193,7 +1545,10 @@ var WelcomeMessage = ({ config: propsConfig, onQuickAction }) => {
 
 // src/components/message/MessageBubble.tsx
 import { useMemo as useMemo12 } from "react";
-import { Icon as Icon18 } from "@iconify/react";
+import { Icon as Icon17 } from "@iconify/react";
+
+// src/components/message/PartsRenderer.tsx
+import { useContext as useContext2, useMemo as useMemo5 } from "react";
 
 // src/components/message/parts/CollapsibleCard.tsx
 import { Icon as Icon3 } from "@iconify/react";
@@ -1213,11 +1568,18 @@ var CollapsibleCard = ({
 }) => {
   return /* @__PURE__ */ jsxs3("div", { className: `collapsible-card ${expanded ? "expanded" : ""}`, children: [
     /* @__PURE__ */ jsxs3("div", { className: "card-header", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "card-header-left", onClick: () => onExpandedChange(!expanded), children: [
-        /* @__PURE__ */ jsx5("div", { className: "card-icon", style: { color: iconColor }, children: spinning ? /* @__PURE__ */ jsx5(Icon3, { icon: "lucide:loader-2", width: 14, className: "spinning" }) : /* @__PURE__ */ jsx5(Icon3, { icon, width: 14 }) }),
-        /* @__PURE__ */ jsx5("span", { className: "card-title", style: titleColor ? { color: titleColor } : void 0, children: title }),
-        subtitle && /* @__PURE__ */ jsx5("span", { className: "card-subtitle", children: subtitle })
-      ] }),
+      /* @__PURE__ */ jsxs3(
+        "div",
+        {
+          className: `card-header-left ${collapsible ? "clickable" : ""}`,
+          onClick: () => collapsible && onExpandedChange(!expanded),
+          children: [
+            /* @__PURE__ */ jsx5("div", { className: "card-icon", style: { color: iconColor }, children: spinning ? /* @__PURE__ */ jsx5(Icon3, { icon: "lucide:loader-2", width: 14, className: "spinning" }) : /* @__PURE__ */ jsx5(Icon3, { icon, width: 14 }) }),
+            /* @__PURE__ */ jsx5("span", { className: "card-title", style: titleColor ? { color: titleColor } : void 0, children: title }),
+            subtitle && /* @__PURE__ */ jsx5("span", { className: "card-subtitle", children: subtitle })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxs3("div", { className: "card-header-right", children: [
         headerActions,
         collapsible && /* @__PURE__ */ jsx5(
@@ -1239,22 +1601,224 @@ var CollapsibleCard = ({
 };
 
 // src/components/message/parts/TextPart.tsx
+import { useEffect as useEffect3, useState as useState3, useCallback as useCallback3, useRef as useRef3 } from "react";
+import {
+  createStreamParseState,
+  finishStreamParse,
+  parseContentStream,
+  highlightCode,
+  renderMarkdown as renderMarkdown2,
+  initMermaid,
+  renderMermaidDiagrams,
+  encodeMermaidCodeToBase64Url
+} from "@huyooo/ai-chat-shared";
+
+// src/components/message/parts/visual-predicate.ts
+function normalizeLanguage(lang) {
+  return (lang || "").trim().toLowerCase();
+}
+function isMermaidLanguage(lang) {
+  return normalizeLanguage(lang) === "mermaid";
+}
+function isLatexLanguage(lang) {
+  const l = normalizeLanguage(lang);
+  return l === "latex" || l === "katex" || l === "tex";
+}
+function isLatexDocument(code) {
+  const t = (code || "").trim();
+  return /\\documentclass\b|\\usepackage\b|\\begin\{document\}|\\end\{document\}/.test(t);
+}
+function canVisualizeLatex(code) {
+  const t = (code || "").trim();
+  if (!t) return false;
+  if (isLatexDocument(t)) return false;
+  return true;
+}
+function hasLatexDelimiters(code) {
+  const t = (code || "").trim();
+  if (!t) return false;
+  return /\$\$[\s\S]*\$\$/.test(t) || /\\\[[\s\S]*\\\]/.test(t) || /\\\([\s\S]*\\\)/.test(t) || /(?<!\$)\$(?!\$)[\s\S]*?\$(?!\$)/.test(t);
+}
+function shouldShowVisualToggle(lang, code) {
+  if (isMermaidLanguage(lang)) return true;
+  if (isLatexLanguage(lang)) return canVisualizeLatex(code || "");
+  return false;
+}
+
+// src/components/message/parts/visual-render.ts
 import { renderMarkdown } from "@huyooo/ai-chat-shared";
-import { jsx as jsx6 } from "react/jsx-runtime";
+function renderFencedLatexToHtml(code) {
+  const t = (code || "").trim();
+  if (!t) return "";
+  if (!canVisualizeLatex(t)) {
+    return renderMarkdown(
+      `> \u4E0D\u652F\u6301\u5C06\u5B8C\u6574 LaTeX \u6587\u6863\u4F5C\u4E3A\u516C\u5F0F\u6E32\u67D3\uFF0C\u8BF7\u5207\u6362\u5230\u4EE3\u7801\u89C6\u56FE\u67E5\u770B\u3002
+
+\`\`\`latex
+${t}
+\`\`\``
+    );
+  }
+  if (hasLatexDelimiters(t)) return renderMarkdown(t);
+  return renderMarkdown(`$$
+${t}
+$$`);
+}
+
+// src/components/message/parts/TextPart.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+initMermaid();
 var TextPart = ({ text }) => {
+  const containerRef = useRef3(null);
+  const streamStateRef = useRef3(createStreamParseState());
+  const lastTextRef = useRef3("");
+  const autoSwitchedVisualRef = useRef3(/* @__PURE__ */ new Set());
+  const [blocks, setBlocks] = useState3([]);
+  const [visualShowMap, setVisualShowMap] = useState3({});
+  const [copiedId, setCopiedId] = useState3(null);
+  const copyCode = useCallback3(async (content, id) => {
+    try {
+      await navigator.clipboard.writeText(content);
+      setCopiedId(id);
+      setTimeout(() => setCopiedId(null), 2e3);
+    } catch (err) {
+      console.error("\u590D\u5236\u5931\u8D25:", err);
+    }
+  }, []);
   if (!text) return null;
-  const html = renderMarkdown(text);
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      className: "text-part markdown-content",
-      dangerouslySetInnerHTML: { __html: html }
+  useEffect3(() => {
+    const prev = lastTextRef.current;
+    const current = text || "";
+    let nextState = streamStateRef.current;
+    if (prev && current.startsWith(prev)) {
+      const delta = current.slice(prev.length);
+      if (delta) nextState = parseContentStream(delta, nextState);
+    } else {
+      nextState = createStreamParseState();
+      nextState = parseContentStream(current, nextState);
+    }
+    streamStateRef.current = nextState;
+    lastTextRef.current = current;
+    const nextBlocks = finishStreamParse(nextState);
+    setBlocks(nextBlocks);
+    const inProgressVisualId = nextState.inCodeBlock && ["mermaid", "latex", "katex", "tex"].includes((nextState.codeLanguage || "").toLowerCase()) ? nextState.codeBlockId : null;
+    const completedVisualIds = [];
+    for (const b of nextState.blocks) {
+      if (b.type !== "code") continue;
+      const lang = (b.language || "").toLowerCase();
+      if (!["mermaid", "latex", "katex", "tex"].includes(lang)) continue;
+      if (inProgressVisualId && b.id === inProgressVisualId) continue;
+      if (["latex", "katex", "tex"].includes(lang) && !canVisualizeLatex(b.content)) continue;
+      if (!autoSwitchedVisualRef.current.has(b.id)) completedVisualIds.push(b.id);
+    }
+    if (completedVisualIds.length > 0) {
+      for (const id of completedVisualIds) autoSwitchedVisualRef.current.add(id);
+      setVisualShowMap((prevMap) => {
+        const nextMap = { ...prevMap };
+        for (const id of completedVisualIds) {
+          if (nextMap[id] === void 0) nextMap[id] = true;
+        }
+        return nextMap;
+      });
+      window.setTimeout(() => {
+        if (containerRef.current) renderMermaidDiagrams(containerRef.current);
+      }, 0);
+    }
+  }, [text]);
+  const toggleVisualView = (id) => {
+    const willShowVisual = !visualShowMap[id];
+    setVisualShowMap((prev) => ({ ...prev, [id]: willShowVisual }));
+    if (willShowVisual) {
+      window.setTimeout(() => {
+        if (containerRef.current) {
+          renderMermaidDiagrams(containerRef.current);
+        }
+      }, 0);
     }
-  );
+  };
+  return /* @__PURE__ */ jsx6("div", { className: "text-part", ref: containerRef, children: blocks.map((block) => {
+    if (block.type === "text") {
+      return /* @__PURE__ */ jsx6(
+        "div",
+        {
+          className: "text-block",
+          dangerouslySetInnerHTML: { __html: renderMarkdown2(block.content) }
+        },
+        block.id
+      );
+    } else if (block.type === "code") {
+      const isMermaid = isMermaidLanguage(block.language);
+      const isLatex = isLatexLanguage(block.language);
+      const canVisualizeLatexBlock = isLatex && canVisualizeLatex(block.content);
+      const showVisual = !!visualShowMap[block.id];
+      return /* @__PURE__ */ jsxs4("div", { className: "code-block-wrapper", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "code-header", children: [
+          /* @__PURE__ */ jsx6("span", { className: "code-language", children: block.language || "plaintext" }),
+          /* @__PURE__ */ jsxs4("div", { className: "code-actions", children: [
+            shouldShowVisualToggle(block.language, block.content) && /* @__PURE__ */ jsxs4(
+              "button",
+              {
+                className: "code-action-btn",
+                onClick: () => toggleVisualView(block.id),
+                title: showVisual ? "\u5207\u6362\u4E3A\u4EE3\u7801\u89C6\u56FE" : "\u5207\u6362\u4E3A\u53EF\u89C6\u5316\u89C6\u56FE",
+                children: [
+                  /* @__PURE__ */ jsxs4("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                    /* @__PURE__ */ jsx6("polyline", { points: "17 1 21 5 17 9" }),
+                    /* @__PURE__ */ jsx6("path", { d: "M3 11V9a4 4 0 0 1 4-4h14" }),
+                    /* @__PURE__ */ jsx6("polyline", { points: "7 23 3 19 7 15" }),
+                    /* @__PURE__ */ jsx6("path", { d: "M21 13v2a4 4 0 0 1-4 4H3" })
+                  ] }),
+                  /* @__PURE__ */ jsx6("span", { children: "\u5207\u6362\u89C6\u56FE" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs4(
+              "button",
+              {
+                className: "code-action-btn",
+                onClick: () => copyCode(block.content, block.id),
+                title: copiedId === block.id ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u4EE3\u7801",
+                children: [
+                  copiedId !== block.id ? /* @__PURE__ */ jsxs4("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                    /* @__PURE__ */ jsx6("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+                    /* @__PURE__ */ jsx6("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                  ] }) : /* @__PURE__ */ jsx6("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx6("polyline", { points: "20 6 9 17 4 12" }) }),
+                  /* @__PURE__ */ jsx6("span", { children: copiedId === block.id ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        isMermaid && showVisual && /* @__PURE__ */ jsx6(
+          "div",
+          {
+            className: "mermaid-placeholder",
+            "data-mermaid-code-b64": encodeMermaidCodeToBase64Url(block.content),
+            children: /* @__PURE__ */ jsx6("div", { className: "mermaid-loading", children: "\u52A0\u8F7D\u56FE\u8868\u4E2D..." })
+          }
+        ),
+        isLatex && showVisual && canVisualizeLatexBlock && /* @__PURE__ */ jsx6(
+          "div",
+          {
+            className: "latex-rendered",
+            dangerouslySetInnerHTML: { __html: renderFencedLatexToHtml(block.content) }
+          }
+        ),
+        (!(isMermaid || isLatex) || !showVisual || isLatex && !canVisualizeLatexBlock) && /* @__PURE__ */ jsx6("pre", { className: "code-block", children: /* @__PURE__ */ jsx6(
+          "code",
+          {
+            className: block.language ? `language-${block.language}` : "",
+            dangerouslySetInnerHTML: { __html: highlightCode(block.content, block.language) }
+          }
+        ) })
+      ] }, block.id);
+    }
+    return null;
+  }) });
 };
 
 // src/components/message/parts/ThinkingPart.tsx
-import { useState as useState3, useEffect as useEffect3 } from "react";
+import { useState as useState4, useEffect as useEffect4 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var ThinkingPart = ({
   text,
@@ -1267,8 +1831,8 @@ var ThinkingPart = ({
     if (expandedType === "close") return false;
     return status === "running";
   };
-  const [expanded, setExpanded] = useState3(getInitialExpanded);
-  useEffect3(() => {
+  const [expanded, setExpanded] = useState4(getInitialExpanded);
+  useEffect4(() => {
     if (expandedType === "auto") {
       setExpanded(status === "running");
     }
@@ -1288,8 +1852,8 @@ var ThinkingPart = ({
 };
 
 // src/components/message/parts/SearchPart.tsx
-import { useState as useState4, useEffect as useEffect4 } from "react";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useState as useState5, useEffect as useEffect5 } from "react";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var SearchPart = ({
   results,
   status,
@@ -1300,8 +1864,8 @@ var SearchPart = ({
     if (expandedType === "close") return false;
     return status === "running";
   };
-  const [expanded, setExpanded] = useState4(getInitialExpanded);
-  useEffect4(() => {
+  const [expanded, setExpanded] = useState5(getInitialExpanded);
+  useEffect5(() => {
     if (expandedType === "auto") {
       setExpanded(status === "running");
     }
@@ -1315,7 +1879,7 @@ var SearchPart = ({
       spinning: status === "running",
       expanded,
       onExpandedChange: setExpanded,
-      children: results && results.length > 0 && /* @__PURE__ */ jsx8("div", { className: "search-results", children: results.map((item, i) => /* @__PURE__ */ jsxs4(
+      children: results && results.length > 0 && /* @__PURE__ */ jsx8("div", { className: "search-results", children: results.map((item, i) => /* @__PURE__ */ jsxs5(
         "a",
         {
           href: item.url,
@@ -1335,13 +1899,13 @@ var SearchPart = ({
 };
 
 // src/components/message/parts/ToolCallPart.tsx
-import { useState as useState7, useMemo as useMemo4, useEffect as useEffect6, useCallback as useCallback5, useRef as useRef4 } from "react";
+import { useState as useState8, useMemo as useMemo4, useEffect as useEffect7, useCallback as useCallback6, useRef as useRef5 } from "react";
 import { Icon as Icon6 } from "@iconify/react";
 
 // src/components/input/DropdownSelector.tsx
-import { useState as useState5, useRef as useRef3, useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo3 } from "react";
+import { useState as useState6, useRef as useRef4, useCallback as useCallback4, useEffect as useEffect6, useMemo as useMemo3, useLayoutEffect } from "react";
 import { Icon as Icon4 } from "@iconify/react";
-import { Fragment, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function DropdownSelector({
   value,
   options,
@@ -1351,9 +1915,13 @@ function DropdownSelector({
   disabled = false,
   align = "left"
 }) {
-  const selectorRef = useRef3(null);
-  const [menuOpen, setMenuOpen] = useState5(false);
-  const [dropdownDirection, setDropdownDirection] = useState5("up");
+  const selectorRef = useRef4(null);
+  const tooltipRef = useRef4(null);
+  const hoveredItemRef = useRef4(null);
+  const [menuOpen, setMenuOpen] = useState6(false);
+  const [dropdownDirection, setDropdownDirection] = useState6("up");
+  const [hoveredOption, setHoveredOption] = useState6(null);
+  const [tooltipPosition, setTooltipPosition] = useState6({ top: 0, left: 0 });
   const hasOptions = useMemo3(() => {
     if (groupedOptions && Object.keys(groupedOptions).length > 0) {
       return Object.values(groupedOptions).some((group) => group.length > 0);
@@ -1373,14 +1941,14 @@ function DropdownSelector({
     if (!options) return [];
     return [...options].sort((a, b) => a.label.localeCompare(b.label));
   }, [options]);
-  const calculateDropdownDirection = useCallback3(() => {
+  const calculateDropdownDirection = useCallback4(() => {
     if (!selectorRef.current) return "up";
     const rect = selectorRef.current.getBoundingClientRect();
     const spaceAbove = rect.top;
     const spaceBelow = window.innerHeight - rect.bottom;
     return spaceAbove < 200 && spaceBelow > spaceAbove ? "down" : "up";
   }, []);
-  const toggleMenu = useCallback3(
+  const toggleMenu = useCallback4(
     (e) => {
       e.stopPropagation();
       if (disabled) return;
@@ -1391,14 +1959,52 @@ function DropdownSelector({
     },
     [menuOpen, calculateDropdownDirection, disabled]
   );
-  const selectOption = useCallback3(
+  const selectOption = useCallback4(
     (optValue) => {
       onSelect?.(optValue);
       setMenuOpen(false);
     },
     [onSelect]
   );
-  useEffect5(() => {
+  const handleItemHover = useCallback4((event, opt) => {
+    const target = event.currentTarget;
+    hoveredItemRef.current = target;
+    setHoveredOption(opt);
+    if (!opt.tooltip) {
+      setTooltipPosition({ top: 0, left: 0 });
+      return;
+    }
+    if (!target) return;
+    const rect = target.getBoundingClientRect();
+    setTooltipPosition({
+      top: rect.top,
+      left: rect.right + 8
+    });
+  }, []);
+  useLayoutEffect(() => {
+    if (!hoveredOption?.tooltip || !hoveredItemRef.current) return;
+    const rafId = requestAnimationFrame(() => {
+      if (!tooltipRef.current || !hoveredItemRef.current) return;
+      const tooltip = tooltipRef.current;
+      const item = hoveredItemRef.current;
+      const itemRect = item.getBoundingClientRect();
+      const tooltipRect = tooltip.getBoundingClientRect();
+      let top = itemRect.top;
+      let left = itemRect.right + 8;
+      if (left + tooltipRect.width > window.innerWidth) {
+        left = itemRect.left - tooltipRect.width - 8;
+      }
+      if (top + tooltipRect.height > window.innerHeight) {
+        top = window.innerHeight - tooltipRect.height - 8;
+      }
+      if (top < 8) {
+        top = 8;
+      }
+      setTooltipPosition({ top, left });
+    });
+    return () => cancelAnimationFrame(rafId);
+  }, [hoveredOption]);
+  useEffect6(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (selectorRef.current && !selectorRef.current.contains(target)) {
@@ -1408,7 +2014,7 @@ function DropdownSelector({
     document.addEventListener("click", handleClickOutside);
     return () => document.removeEventListener("click", handleClickOutside);
   }, []);
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ref: selectorRef,
@@ -1418,46 +2024,95 @@ function DropdownSelector({
         currentOption?.icon && /* @__PURE__ */ jsx9(Icon4, { icon: currentOption.icon, width: 14 }),
         /* @__PURE__ */ jsx9("span", { className: "selector-text", children: currentOption?.label || placeholder }),
         /* @__PURE__ */ jsx9(Icon4, { icon: "lucide:chevron-down", width: 14, className: "chevron" }),
-        menuOpen && /* @__PURE__ */ jsxs5(
+        menuOpen && /* @__PURE__ */ jsxs6(
           "div",
           {
             className: `dropdown-menu dropdown-${dropdownDirection}${align === "right" ? " dropdown-align-right" : ""}`,
             onClick: (e) => e.stopPropagation(),
             children: [
               !hasOptions && /* @__PURE__ */ jsx9("div", { className: "dropdown-empty", children: "\u6682\u65E0\u6570\u636E" }),
-              groupedOptions && Object.keys(groupedOptions).length > 0 ? /* @__PURE__ */ jsx9(Fragment, { children: Object.entries(groupedOptions).map(([groupName, groupItems]) => /* @__PURE__ */ jsxs5("div", { children: [
+              groupedOptions && Object.keys(groupedOptions).length > 0 ? /* @__PURE__ */ jsx9(Fragment, { children: Object.entries(groupedOptions).map(([groupName, groupItems]) => /* @__PURE__ */ jsxs6("div", { children: [
                 /* @__PURE__ */ jsx9("div", { className: "group-title", children: groupName }),
-                groupItems.map((opt) => /* @__PURE__ */ jsxs5(
-                  "button",
+                groupItems.map((opt) => /* @__PURE__ */ jsx9(
+                  "div",
                   {
-                    className: `dropdown-item${value === opt.value ? " active" : ""}`,
-                    onClick: () => selectOption(opt.value),
-                    children: [
-                      opt.icon && /* @__PURE__ */ jsx9(Icon4, { icon: opt.icon, width: 14 }),
-                      /* @__PURE__ */ jsx9("span", { className: "option-label", children: opt.label }),
-                      /* @__PURE__ */ jsx9("span", { className: "option-right", children: value === opt.value && /* @__PURE__ */ jsx9(Icon4, { icon: "lucide:check", width: 14, className: "check-icon" }) })
-                    ]
+                    className: "dropdown-item-wrapper",
+                    onMouseEnter: (e) => handleItemHover(e, opt),
+                    onMouseLeave: () => {
+                      setHoveredOption(null);
+                      hoveredItemRef.current = null;
+                    },
+                    children: /* @__PURE__ */ jsxs6(
+                      "button",
+                      {
+                        className: `dropdown-item${value === opt.value ? " active" : ""}`,
+                        onClick: () => selectOption(opt.value),
+                        children: [
+                          opt.icon && /* @__PURE__ */ jsx9(Icon4, { icon: opt.icon, width: 14 }),
+                          /* @__PURE__ */ jsx9("span", { className: "option-label", children: opt.label }),
+                          /* @__PURE__ */ jsx9("span", { className: "option-right", children: value === opt.value && /* @__PURE__ */ jsx9(Icon4, { icon: "lucide:check", width: 14, className: "check-icon" }) })
+                        ]
+                      }
+                    )
                   },
                   opt.value
                 ))
               ] }, groupName)) }) : (
                 /* 扁平列表模式：无分组数据时使用 */
-                sortedOptions.map((opt) => /* @__PURE__ */ jsxs5(
-                  "button",
+                sortedOptions.map((opt) => /* @__PURE__ */ jsx9(
+                  "div",
                   {
-                    className: `dropdown-item${value === opt.value ? " active" : ""}`,
-                    onClick: () => selectOption(opt.value),
-                    children: [
-                      opt.icon && /* @__PURE__ */ jsx9(Icon4, { icon: opt.icon, width: 14 }),
-                      /* @__PURE__ */ jsx9("span", { className: "option-label", children: opt.label }),
-                      /* @__PURE__ */ jsx9("span", { className: "option-right", children: value === opt.value && /* @__PURE__ */ jsx9(Icon4, { icon: "lucide:check", width: 14, className: "check-icon" }) })
-                    ]
+                    className: "dropdown-item-wrapper",
+                    onMouseEnter: (e) => handleItemHover(e, opt),
+                    onMouseLeave: () => {
+                      setHoveredOption(null);
+                      hoveredItemRef.current = null;
+                    },
+                    children: /* @__PURE__ */ jsxs6(
+                      "button",
+                      {
+                        className: `dropdown-item${value === opt.value ? " active" : ""}`,
+                        onClick: () => selectOption(opt.value),
+                        children: [
+                          opt.icon && /* @__PURE__ */ jsx9(Icon4, { icon: opt.icon, width: 14 }),
+                          /* @__PURE__ */ jsx9("span", { className: "option-label", children: opt.label }),
+                          /* @__PURE__ */ jsx9("span", { className: "option-right", children: value === opt.value && /* @__PURE__ */ jsx9(Icon4, { icon: "lucide:check", width: 14, className: "check-icon" }) })
+                        ]
+                      }
+                    )
                   },
                   opt.value
                 ))
               )
             ]
           }
+        ),
+        hoveredOption?.tooltip && /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            ref: tooltipRef,
+            className: "ai-chat-model-tooltip",
+            style: {
+              position: "fixed",
+              top: `${tooltipPosition.top}px`,
+              left: `${tooltipPosition.left}px`,
+              zIndex: 1e4
+            },
+            children: [
+              hoveredOption.tooltip.features && hoveredOption.tooltip.features.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "ai-chat-model-tooltip__section", children: [
+                /* @__PURE__ */ jsx9("div", { className: "ai-chat-model-tooltip__title", children: "\u53EF\u7528\u529F\u80FD" }),
+                /* @__PURE__ */ jsx9("div", { className: "ai-chat-model-tooltip__features", children: hoveredOption.tooltip.features.map((feature) => /* @__PURE__ */ jsxs6("div", { className: "ai-chat-model-tooltip__feature", children: [
+                  /* @__PURE__ */ jsx9(Icon4, { icon: "lucide:check", width: 12, className: "ai-chat-model-tooltip__check" }),
+                  /* @__PURE__ */ jsx9("span", { children: feature })
+                ] }, feature)) })
+              ] }),
+              hoveredOption.tooltip.cost && hoveredOption.tooltip.cost.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "ai-chat-model-tooltip__section", children: [
+                /* @__PURE__ */ jsx9("div", { className: "ai-chat-model-tooltip__title", children: "\u5F00\u9500" }),
+                /* @__PURE__ */ jsx9("div", { className: "ai-chat-model-tooltip__cost", children: hoveredOption.tooltip.cost.map((line, i) => /* @__PURE__ */ jsx9("div", { children: line }, i)) })
+              ] }),
+              hoveredOption.tooltip.description && /* @__PURE__ */ jsx9("div", { className: "ai-chat-model-tooltip__section", children: /* @__PURE__ */ jsx9("div", { className: "ai-chat-model-tooltip__description", children: hoveredOption.tooltip.description }) })
+            ]
+          }
         )
       ]
     }
@@ -1465,7 +2120,7 @@ function DropdownSelector({
 }
 
 // src/components/common/CopyButton.tsx
-import { useState as useState6, useCallback as useCallback4 } from "react";
+import { useState as useState7, useCallback as useCallback5 } from "react";
 import { Icon as Icon5 } from "@iconify/react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var CopyButton = ({
@@ -1474,8 +2129,8 @@ var CopyButton = ({
   size = 14,
   onCopy
 }) => {
-  const [copied, setCopied] = useState6(false);
-  const handleCopy = useCallback4(async (e) => {
+  const [copied, setCopied] = useState7(false);
+  const handleCopy = useCallback5(async (e) => {
     e.stopPropagation();
     try {
       await navigator.clipboard.writeText(text);
@@ -1498,7 +2153,8 @@ var CopyButton = ({
 };
 
 // src/components/message/parts/ToolCallPart.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { highlightCode as highlightCode2 } from "@huyooo/ai-chat-shared";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var modeOptions = [
   { value: "manual", label: "\u6267\u884C\u524D\u8BE2\u95EE\u6211" },
   { value: "run-everything", label: "\u81EA\u52A8\u6267\u884C" }
@@ -1514,24 +2170,20 @@ var statusIcons = {
 var statusColors = {
   error: "var(--chat-error, #ef4444)",
   done: "var(--chat-success, #22c55e)",
-  cancelled: "var(--chat-warning, #f59e0b)",
-  skipped: "var(--chat-text-muted, #888)",
   running: "var(--chat-accent, #3b82f6)",
-  pending: "var(--chat-text-muted, #888)"
+  pending: "var(--chat-text-muted, #888)",
+  cancelled: "var(--chat-warning, #f59e0b)",
+  skipped: "var(--chat-text-muted, #888)"
 };
 var statusDisplayIcons = {
   done: "lucide:check-circle-2",
   error: "lucide:x-circle",
-  running: "lucide:loader-2",
-  pending: "lucide:clock",
   cancelled: "lucide:ban",
   skipped: "lucide:skip-forward"
 };
 var statusTexts = {
   done: "\u6210\u529F",
   error: "\u9519\u8BEF",
-  running: "\u8FD0\u884C\u4E2D",
-  pending: "\u7B49\u5F85\u4E2D",
   cancelled: "\u5DF2\u53D6\u6D88",
   skipped: "\u5DF2\u8DF3\u8FC7"
 };
@@ -1539,23 +2191,25 @@ var ToolCallPart = ({
   id,
   name,
   args,
+  output,
   status,
-  result,
   expandedType = "auto",
   adapter,
+  onCancelToolCall,
   autoRunConfig,
   onSaveConfig
 }) => {
   const currentMode = autoRunConfig?.mode ?? "run-everything";
-  const commandDisplay = useMemo4(() => {
+  const argsType = useMemo4(() => {
     if (name === "execute_command" && args?.command) {
-      const cmd = String(args.command);
-      const parts = cmd.trim().split(/\s+/);
-      return parts.slice(0, 3).join(" ") + (parts.length > 3 ? "..." : "");
+      return "command";
     }
-    return name;
+    if (args && Object.keys(args).length > 0) {
+      return "json";
+    }
+    return "text";
   }, [name, args]);
-  const commandText = useMemo4(() => {
+  const argsText = useMemo4(() => {
     if (name === "execute_command" && args?.command) {
       return String(args.command);
     }
@@ -1568,22 +2222,18 @@ var ToolCallPart = ({
     }
     return name;
   }, [name, args]);
-  const formattedResult = useMemo4(() => {
-    if (result === null) return "";
-    if (typeof result === "string") return result;
-    try {
-      return JSON.stringify(result, null, 2);
-    } catch {
-      return String(result);
+  const highlightedJson = useMemo4(() => {
+    if (argsType === "json") {
+      return highlightCode2(argsText, "json");
     }
-  }, [result]);
-  const getInitialExpanded = () => {
+    return "";
+  }, [argsType, argsText]);
+  const [expanded, setExpanded] = useState8(() => {
     if (expandedType === "open") return true;
     if (expandedType === "close") return false;
     return status === "pending" || status === "running";
-  };
-  const [expanded, setExpanded] = useState7(getInitialExpanded);
-  useEffect6(() => {
+  });
+  useEffect7(() => {
     if (expandedType === "auto") {
       setExpanded(status === "pending" || status === "running");
     }
@@ -1599,45 +2249,60 @@ var ToolCallPart = ({
     };
     return name + (suffixes[status] ?? "");
   }, [name, status]);
-  const handleModeChange = useCallback5(async (value) => {
+  const handleModeChange = useCallback6(async (value) => {
     if (!onSaveConfig || !autoRunConfig) return;
-    try {
-      await onSaveConfig({
-        ...autoRunConfig,
-        mode: value
-      });
-    } catch (error) {
-      console.error("[ToolCallPart] \u4FDD\u5B58\u914D\u7F6E\u5931\u8D25:", error);
-    }
+    await onSaveConfig({ ...autoRunConfig, mode: value });
   }, [onSaveConfig, autoRunConfig]);
-  const handleSkip = useCallback5(async () => {
-    if (!adapter?.respondToolApproval) return;
-    try {
-      await adapter.respondToolApproval(id, false);
-    } catch (error) {
-      console.error("[ToolCallPart] \u8DF3\u8FC7\u5931\u8D25:", error);
-    }
+  const handleSkip = useCallback6(async () => {
+    await adapter?.respondToolApproval?.(id, false);
   }, [adapter, id]);
-  const handleRun = useCallback5(async () => {
-    if (!adapter?.respondToolApproval) return;
-    try {
-      await adapter.respondToolApproval(id, true);
-    } catch (error) {
-      console.error("[ToolCallPart] \u8FD0\u884C\u5931\u8D25:", error);
-    }
+  const handleRun = useCallback6(async () => {
+    await adapter?.respondToolApproval?.(id, true);
   }, [adapter, id]);
-  const handleCancel = useCallback5(() => {
+  const handleCancel = useCallback6(() => {
+    if (onCancelToolCall) {
+      onCancelToolCall(id);
+      return;
+    }
     adapter?.cancel?.();
-  }, [adapter]);
-  const prevModeRef = useRef4(currentMode);
-  useEffect6(() => {
+  }, [adapter, id, onCancelToolCall]);
+  const hasOutput = Boolean(output?.stdout || output?.stderr);
+  const [activeStream, setActiveStream] = useState8("stdout");
+  const activeOutputText = useMemo4(() => {
+    return activeStream === "stdout" ? output?.stdout ?? "" : output?.stderr ?? "";
+  }, [activeStream, output]);
+  const saveLog = useCallback6(() => {
+    const stdout = output?.stdout ?? "";
+    const stderr = output?.stderr ?? "";
+    const content = `# tool: ${name}
+# id: ${id}
+# time: ${(/* @__PURE__ */ new Date()).toISOString()}
+
+===== STDOUT =====
+${stdout}
+
+===== STDERR =====
+${stderr}
+`;
+    const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `tool-${name}-${id}.log`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  }, [id, name, output]);
+  const prevModeRef = useRef5(currentMode);
+  useEffect7(() => {
     const prevMode = prevModeRef.current;
     if (prevMode === "manual" && currentMode === "run-everything" && status === "pending") {
       handleRun();
     }
     prevModeRef.current = currentMode;
   }, [currentMode, status, handleRun]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs7(
     CollapsibleCard,
     {
       icon: statusIcons[status] ?? "lucide:clock",
@@ -1646,125 +2311,79 @@ var ToolCallPart = ({
       expanded,
       onExpandedChange: setExpanded,
       spinning: status === "running",
-      headerActions: /* @__PURE__ */ jsx11(CopyButton, { text: commandText, title: "\u590D\u5236" }),
-      children: /* @__PURE__ */ jsxs6("div", { className: "tool-call-content", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "tool-call-command", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "command-header", children: [
-            /* @__PURE__ */ jsx11("span", { className: "command-label", children: "\u6267\u884C\uFF1A" }),
-            /* @__PURE__ */ jsx11("span", { className: "command-name", children: commandDisplay })
-          ] }),
-          /* @__PURE__ */ jsx11("code", { className: "command-code", children: commandText })
-        ] }),
-        result !== null && /* @__PURE__ */ jsxs6("div", { className: "tool-call-result", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "result-header", children: [
-            /* @__PURE__ */ jsx11("span", { className: "result-label", children: "\u7ED3\u679C\uFF1A" }),
-            /* @__PURE__ */ jsx11("span", { className: "result-name" })
+      headerActions: /* @__PURE__ */ jsx11(CopyButton, { text: argsText, title: "\u590D\u5236" }),
+      children: [
+        /* @__PURE__ */ jsx11("pre", { className: `tool-args ${argsType}`, children: argsType === "json" ? /* @__PURE__ */ jsx11("code", { dangerouslySetInnerHTML: { __html: highlightedJson } }) : argsText }),
+        hasOutput && /* @__PURE__ */ jsxs7("div", { className: "output-panel", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "output-header", children: [
+            /* @__PURE__ */ jsxs7("div", { className: "output-tabs", children: [
+              /* @__PURE__ */ jsx11(
+                "button",
+                {
+                  className: `tab${activeStream === "stdout" ? " active" : ""}`,
+                  type: "button",
+                  onClick: () => setActiveStream("stdout"),
+                  children: "\u6B63\u5E38\u8F93\u51FA"
+                }
+              ),
+              /* @__PURE__ */ jsx11(
+                "button",
+                {
+                  className: `tab${activeStream === "stderr" ? " active" : ""}`,
+                  type: "button",
+                  onClick: () => setActiveStream("stderr"),
+                  children: "\u5F02\u5E38/\u544A\u8B66\u8F93\u51FA"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs7("div", { className: "output-actions", children: [
+              /* @__PURE__ */ jsxs7("button", { className: "btn btn-save", type: "button", onClick: saveLog, children: [
+                /* @__PURE__ */ jsx11(Icon6, { icon: "lucide:download", width: 14 }),
+                "\u4FDD\u5B58\u65E5\u5FD7"
+              ] }),
+              /* @__PURE__ */ jsx11(CopyButton, { text: activeOutputText, title: "\u590D\u5236\u8F93\u51FA" })
+            ] })
           ] }),
-          /* @__PURE__ */ jsx11("code", { className: "result-content", children: formattedResult })
+          /* @__PURE__ */ jsx11("pre", { className: "output-body chat-scrollbar", children: /* @__PURE__ */ jsx11("code", { children: activeOutputText || "(\u65E0\u8F93\u51FA)" }) })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "tool-call-footer", children: [
-          /* @__PURE__ */ jsx11("div", { className: "footer-left", children: /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs7("div", { className: "tool-footer", children: [
+          /* @__PURE__ */ jsx11(
             DropdownSelector,
             {
               value: currentMode,
               options: modeOptions,
               onSelect: handleModeChange
             }
-          ) }),
-          /* @__PURE__ */ jsx11("div", { className: "footer-right", children: status === "pending" ? /* @__PURE__ */ jsxs6("div", { className: "action-buttons", children: [
+          ),
+          /* @__PURE__ */ jsx11("div", { className: "tool-actions", children: status === "pending" ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
             /* @__PURE__ */ jsx11("button", { className: "btn btn-skip", onClick: handleSkip, children: "\u8DF3\u8FC7" }),
-            /* @__PURE__ */ jsxs6("button", { className: "btn btn-run", onClick: handleRun, children: [
+            /* @__PURE__ */ jsxs7("button", { className: "btn btn-run", onClick: handleRun, children: [
               "\u8FD0\u884C",
               /* @__PURE__ */ jsx11(Icon6, { icon: "lucide:arrow-right", width: 14 })
             ] })
-          ] }) : status === "running" ? (
-            /* running 状态：显示运行中状态 + 取消按钮 */
-            /* @__PURE__ */ jsxs6(Fragment2, { children: [
-              /* @__PURE__ */ jsxs6("div", { className: "execution-status running", children: [
-                /* @__PURE__ */ jsx11(Icon6, { icon: "lucide:loader-2", width: 14, className: "spinning" }),
-                /* @__PURE__ */ jsx11("span", { children: "\u8FD0\u884C\u4E2D" })
-              ] }),
-              /* @__PURE__ */ jsxs6("button", { className: "btn btn-cancel", onClick: handleCancel, children: [
-                /* @__PURE__ */ jsx11(Icon6, { icon: "lucide:x", width: 14 }),
-                "\u53D6\u6D88"
-              ] })
-            ] })
-          ) : (
-            /* done/error 状态：只显示状态 */
-            /* @__PURE__ */ jsxs6("div", { className: `execution-status ${status}`, children: [
-              /* @__PURE__ */ jsx11(Icon6, { icon: statusDisplayIcons[status] ?? "lucide:clock", width: 14 }),
-              /* @__PURE__ */ jsx11("span", { children: statusTexts[status] ?? "" })
+          ] }) : status === "running" ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+            /* @__PURE__ */ jsxs7("span", { className: "status-text running", children: [
+              /* @__PURE__ */ jsx11(Icon6, { icon: "lucide:loader-2", width: 14, className: "spinning" }),
+              "\u8FD0\u884C\u4E2D"
+            ] }),
+            /* @__PURE__ */ jsxs7("button", { className: "btn btn-cancel", onClick: handleCancel, children: [
+              /* @__PURE__ */ jsx11(Icon6, { icon: "lucide:x", width: 14 }),
+              "\u53D6\u6D88"
             ] })
-          ) })
+          ] }) : /* @__PURE__ */ jsxs7("span", { className: `status-text ${status}`, children: [
+            /* @__PURE__ */ jsx11(Icon6, { icon: statusDisplayIcons[status] ?? "lucide:clock", width: 14 }),
+            statusTexts[status] ?? ""
+          ] }) })
         ] })
-      ] })
+      ]
     }
   );
 };
 
-// src/components/message/parts/ToolResultPart.tsx
-import { useState as useState8, useContext as useContext2, useMemo as useMemo5 } from "react";
-import { Icon as Icon7 } from "@iconify/react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-var ToolResultPart = ({
-  name,
-  args,
-  result,
-  status,
-  expandedType = "auto"
-}) => {
-  const toolRenderers = useContext2(ToolRenderersContext);
-  const getInitialExpanded = () => {
-    if (expandedType === "open") return true;
-    return false;
-  };
-  const [expanded, setExpanded] = useState8(getInitialExpanded);
-  const CustomRenderer = useMemo5(() => {
-    return toolRenderers[name];
-  }, [toolRenderers, name]);
-  const formattedResult = useMemo5(() => {
-    if (typeof result === "string") {
-      return result;
-    }
-    return JSON.stringify(result, null, 2);
-  }, [result]);
-  const rendererStatus = useMemo5(() => {
-    if (status === "error") return "error";
-    if (status === "cancelled") return "error";
-    return "completed";
-  }, [status]);
-  if (CustomRenderer) {
-    return /* @__PURE__ */ jsx12("div", { className: "tool-result-part", children: /* @__PURE__ */ jsx12(
-      CustomRenderer,
-      {
-        toolName: name,
-        toolArgs: args || {},
-        toolResult: result,
-        status: rendererStatus
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx12("div", { className: "tool-result-part", children: /* @__PURE__ */ jsxs7("div", { className: `default-result ${expanded ? "expanded" : ""}`, children: [
-    /* @__PURE__ */ jsxs7("div", { className: "result-header", onClick: () => setExpanded(!expanded), children: [
-      /* @__PURE__ */ jsx12("div", { className: "result-icon", children: status === "error" ? /* @__PURE__ */ jsx12(Icon7, { icon: "lucide:x-circle", width: 14, className: "error" }) : /* @__PURE__ */ jsx12(Icon7, { icon: "lucide:check-circle", width: 14, className: "success" }) }),
-      /* @__PURE__ */ jsx12("span", { className: "result-name", children: name }),
-      /* @__PURE__ */ jsx12(
-        Icon7,
-        {
-          icon: expanded ? "lucide:chevron-up" : "lucide:chevron-down",
-          width: 14,
-          className: "result-chevron"
-        }
-      )
-    ] }),
-    expanded && /* @__PURE__ */ jsx12("div", { className: "result-content", children: /* @__PURE__ */ jsx12("pre", { children: formattedResult }) })
-  ] }) });
-};
-
 // src/components/message/parts/ImagePart.tsx
 import { useState as useState9 } from "react";
-import { Icon as Icon8 } from "@iconify/react";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Icon as Icon7 } from "@iconify/react";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var ImagePart = ({ url, alt }) => {
   const [loading, setLoading] = useState9(true);
   const [error, setError] = useState9(false);
@@ -1780,7 +2399,7 @@ var ImagePart = ({ url, alt }) => {
     window.open(url, "_blank");
   };
   return /* @__PURE__ */ jsxs8("div", { className: "image-part", children: [
-    !error && /* @__PURE__ */ jsx13(
+    !error && /* @__PURE__ */ jsx12(
       "img",
       {
         src: url,
@@ -1792,17 +2411,17 @@ var ImagePart = ({ url, alt }) => {
         style: { display: loading ? "none" : "block" }
       }
     ),
-    loading && !error && /* @__PURE__ */ jsx13("div", { className: "image-loading", children: /* @__PURE__ */ jsx13(Icon8, { icon: "lucide:loader-2", width: 24, className: "spinning" }) }),
+    loading && !error && /* @__PURE__ */ jsx12("div", { className: "image-loading", children: /* @__PURE__ */ jsx12(Icon7, { icon: "lucide:loader-2", width: 24, className: "spinning" }) }),
     error && /* @__PURE__ */ jsxs8("div", { className: "image-error", children: [
-      /* @__PURE__ */ jsx13(Icon8, { icon: "lucide:image-off", width: 24 }),
-      /* @__PURE__ */ jsx13("span", { children: "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25" })
+      /* @__PURE__ */ jsx12(Icon7, { icon: "lucide:image-off", width: 24 }),
+      /* @__PURE__ */ jsx12("span", { children: "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25" })
     ] })
   ] });
 };
 
 // src/components/message/parts/ErrorPart.tsx
 import { useState as useState10 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var categoryLabels = {
   api: "API \u9519\u8BEF",
   network: "\u7F51\u7EDC\u9519\u8BEF",
@@ -1815,7 +2434,7 @@ var categoryLabels = {
 var ErrorPart = ({ message, category }) => {
   const [expanded, setExpanded] = useState10(true);
   const categoryLabel = categoryLabels[category || "unknown"] || category || "\u8BF7\u6C42\u5931\u8D25";
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     CollapsibleCard,
     {
       icon: "lucide:alert-circle",
@@ -1824,107 +2443,124 @@ var ErrorPart = ({ message, category }) => {
       titleColor: "var(--chat-error, #ef4444)",
       expanded,
       onExpandedChange: setExpanded,
-      children: /* @__PURE__ */ jsx14("div", { className: "error-content", children: message })
+      children: /* @__PURE__ */ jsx13("div", { className: "error-content", children: message })
     }
   );
 };
 
 // src/components/message/PartsRenderer.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
+function isText(part) {
+  return part.type === "text";
+}
+function isThinking(part) {
+  return part.type === "thinking";
+}
+function isSearch(part) {
+  return part.type === "search";
+}
+function isToolCall(part) {
+  return part.type === "tool_call";
+}
+function isImage(part) {
+  return part.type === "image";
+}
+function isError(part) {
+  return part.type === "error";
+}
 var PartsRenderer = ({
   parts,
   expandedType = "auto",
+  partRenderers: propRenderers,
   adapter,
+  onCancelToolCall,
   autoRunConfig,
-  onSaveConfig
-}) => {
-  return /* @__PURE__ */ jsx15("div", { className: "parts-renderer", children: parts.map((part, index) => {
-    switch (part.type) {
-      case "text":
-        return /* @__PURE__ */ jsx15(TextPart, { text: part.text }, index);
-      case "thinking":
-        return /* @__PURE__ */ jsx15(
-          ThinkingPart,
-          {
-            text: part.text,
-            status: part.status,
-            duration: part.duration,
-            expandedType
-          },
-          index
-        );
-      case "search":
-        return /* @__PURE__ */ jsx15(
-          SearchPart,
-          {
-            query: part.query,
-            results: part.results,
-            status: part.status,
-            expandedType
-          },
-          index
-        );
-      case "tool_call":
-        return /* @__PURE__ */ jsx15(
-          ToolCallPart,
-          {
-            id: part.id,
-            name: part.name,
-            args: part.args,
-            status: part.status,
-            result: part.result,
-            expandedType,
-            adapter,
-            autoRunConfig,
-            onSaveConfig
-          },
-          index
-        );
-      case "tool_result":
-        return /* @__PURE__ */ jsx15(
-          ToolResultPart,
-          {
-            id: part.id,
-            name: part.name,
-            args: part.args,
-            result: part.result,
-            status: part.status,
-            expandedType
-          },
-          index
-        );
-      case "image":
-        return /* @__PURE__ */ jsx15(
-          ImagePart,
-          {
-            url: part.url
-          },
-          index
-        );
-      case "error":
-        return /* @__PURE__ */ jsx15(
-          ErrorPart,
-          {
-            message: part.message,
-            category: part.category,
-            retryable: part.retryable
-          },
-          index
-        );
-      default:
-        return null;
+  onSaveConfig
+}) => {
+  const contextRenderers = useContext2(PartRenderersContext);
+  const partRenderers = propRenderers ?? contextRenderers;
+  const visibleParts = useMemo5(() => parts, [parts]);
+  const renderPart = (part) => {
+    const CustomRenderer = partRenderers[part.type];
+    if (CustomRenderer) {
+      return /* @__PURE__ */ jsx14(CustomRenderer, { ...part });
     }
-  }) });
+    if (isText(part)) {
+      return /* @__PURE__ */ jsx14(TextPart, { text: part.text });
+    }
+    if (isThinking(part)) {
+      return /* @__PURE__ */ jsx14(
+        ThinkingPart,
+        {
+          text: part.text,
+          status: part.status,
+          duration: part.duration,
+          expandedType
+        }
+      );
+    }
+    if (isSearch(part)) {
+      return /* @__PURE__ */ jsx14(
+        SearchPart,
+        {
+          query: part.query,
+          results: part.results,
+          status: part.status,
+          expandedType
+        }
+      );
+    }
+    if (isToolCall(part)) {
+      return /* @__PURE__ */ jsx14(
+        ToolCallPart,
+        {
+          id: part.id,
+          name: part.name,
+          args: part.args,
+          output: part.output,
+          status: part.status,
+          expandedType,
+          adapter,
+          onCancelToolCall,
+          autoRunConfig,
+          onSaveConfig
+        }
+      );
+    }
+    if (isImage(part)) {
+      return /* @__PURE__ */ jsx14(ImagePart, { url: part.url });
+    }
+    if (isError(part)) {
+      return /* @__PURE__ */ jsx14(
+        ErrorPart,
+        {
+          message: part.message,
+          category: part.category,
+          retryable: part.retryable
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx14("div", { className: "unknown-part", children: /* @__PURE__ */ jsx14("pre", { children: JSON.stringify(part, null, 2) }) });
+  };
+  return /* @__PURE__ */ jsx14("div", { className: "parts-renderer", children: visibleParts.map((part, index) => /* @__PURE__ */ jsx14(
+    "div",
+    {
+      className: "part-item",
+      style: { marginTop: index > 0 ? "8px" : "0" },
+      children: renderPart(part)
+    },
+    index
+  )) });
 };
 
 // src/components/input/ChatInput.tsx
-import { useState as useState16, useRef as useRef9, useCallback as useCallback12, useEffect as useEffect12, forwardRef as forwardRef7, useImperativeHandle as useImperativeHandle7, useLayoutEffect, useMemo as useMemo11 } from "react";
-import { Icon as Icon17 } from "@iconify/react";
+import { useState as useState16, useRef as useRef10, useCallback as useCallback13, useEffect as useEffect13, forwardRef as forwardRef7, useImperativeHandle as useImperativeHandle7, useLayoutEffect as useLayoutEffect2, useMemo as useMemo11 } from "react";
+import { Icon as Icon16 } from "@iconify/react";
 
 // src/components/input/AtFilePicker.tsx
-import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef6, useState as useState12 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect9, useMemo as useMemo7, useRef as useRef7, useState as useState12 } from "react";
 import { createPortal } from "react-dom";
-import { Icon as Icon15 } from "@iconify/react";
+import { Icon as Icon14 } from "@iconify/react";
 
 // src/utils/fileIcon.ts
 function getFileIcon(nameOrPath) {
@@ -1965,9 +2601,9 @@ function dirname(p) {
 }
 
 // src/components/input/at-views/AtFilesView.tsx
-import { useCallback as useCallback6, useEffect as useEffect7, useImperativeHandle, useMemo as useMemo6, useRef as useRef5, useState as useState11, forwardRef } from "react";
-import { Icon as Icon9 } from "@iconify/react";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useCallback as useCallback7, useEffect as useEffect8, useImperativeHandle, useMemo as useMemo6, useRef as useRef6, useState as useState11, forwardRef } from "react";
+import { Icon as Icon8 } from "@iconify/react";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var AtFilesView = forwardRef(({
   adapter,
   initialDir,
@@ -1980,16 +2616,16 @@ var AtFilesView = forwardRef(({
   const [loading, setLoading] = useState11(false);
   const [currentPath, setCurrentPath] = useState11("");
   const [entries, setEntries] = useState11([]);
-  const initializedRef = useRef5(false);
+  const initializedRef = useRef6(false);
   const filteredEntries = useMemo6(() => {
     const q = query.trim().toLowerCase();
     if (!q) return entries;
     return entries.filter((f) => f.name.toLowerCase().includes(q));
   }, [entries, query]);
-  useEffect7(() => {
+  useEffect8(() => {
     onUpdateCount(filteredEntries.length);
   }, [filteredEntries.length, onUpdateCount]);
-  const loadDir = useCallback6(async (dir) => {
+  const loadDir = useCallback7(async (dir) => {
     if (!adapter.listDir) return;
     setLoading(true);
     try {
@@ -2006,19 +2642,19 @@ var AtFilesView = forwardRef(({
       setLoading(false);
     }
   }, [adapter, onSetActive]);
-  const goUp = useCallback6(async () => {
+  const goUp = useCallback7(async () => {
     if (!adapter.parentDir) return;
     const parent = await adapter.parentDir(currentPath);
     if (parent && parent !== currentPath) {
       await loadDir(parent);
     }
   }, [adapter, currentPath, loadDir]);
-  const goHome = useCallback6(async () => {
+  const goHome = useCallback7(async () => {
     if (!adapter.homeDir) return;
     const home = await adapter.homeDir();
     await loadDir(home);
   }, [adapter, loadDir]);
-  const handleEntryClick = useCallback6((f) => {
+  const handleEntryClick = useCallback7((f) => {
     if (f.isDirectory) {
       loadDir(f.path);
       return;
@@ -2037,7 +2673,7 @@ var AtFilesView = forwardRef(({
       }
     }
   }), [activeIndex, filteredEntries, handleEntryClick]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (initializedRef.current) return;
     initializedRef.current = true;
     const init = async () => {
@@ -2047,22 +2683,22 @@ var AtFilesView = forwardRef(({
     init();
   }, [adapter, initialDir, loadDir]);
   return /* @__PURE__ */ jsxs9("div", { className: "at-files-view", children: [
-    /* @__PURE__ */ jsx16("div", { className: "at-view-section-title", children: "\u6587\u4EF6\u548C\u6587\u4EF6\u5939" }),
+    /* @__PURE__ */ jsx15("div", { className: "at-view-section-title", children: "\u6587\u4EF6\u548C\u6587\u4EF6\u5939" }),
     /* @__PURE__ */ jsxs9("div", { className: "at-view-pathbar", children: [
-      /* @__PURE__ */ jsx16("button", { className: "at-view-pathbtn", title: "\u8FD4\u56DE\u4E0A\u7EA7", onClick: goUp, children: /* @__PURE__ */ jsx16(Icon9, { icon: "lucide:arrow-up", width: 12 }) }),
-      /* @__PURE__ */ jsx16("button", { className: "at-view-pathbtn", title: "\u4E3B\u76EE\u5F55", onClick: goHome, children: /* @__PURE__ */ jsx16(Icon9, { icon: "lucide:home", width: 12 }) }),
-      /* @__PURE__ */ jsx16("div", { className: "at-view-pathtext", title: currentPath || "", children: currentPath || "-" })
+      /* @__PURE__ */ jsx15("button", { className: "at-view-pathbtn", title: "\u8FD4\u56DE\u4E0A\u7EA7", onClick: goUp, children: /* @__PURE__ */ jsx15(Icon8, { icon: "lucide:arrow-up", width: 12 }) }),
+      /* @__PURE__ */ jsx15("button", { className: "at-view-pathbtn", title: "\u4E3B\u76EE\u5F55", onClick: goHome, children: /* @__PURE__ */ jsx15(Icon8, { icon: "lucide:home", width: 12 }) }),
+      /* @__PURE__ */ jsx15("div", { className: "at-view-pathtext", title: currentPath || "", children: currentPath || "-" })
     ] }),
-    /* @__PURE__ */ jsx16("div", { className: "at-view-list", children: loading ? /* @__PURE__ */ jsx16("div", { className: "at-view-empty", children: "\u52A0\u8F7D\u4E2D..." }) : filteredEntries.length === 0 ? /* @__PURE__ */ jsx16("div", { className: "at-view-empty", children: query.trim() ? "\u6CA1\u6709\u627E\u5230\u5339\u914D\u9879" : "\u76EE\u5F55\u4E3A\u7A7A" }) : filteredEntries.map((f, i) => /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsx15("div", { className: "at-view-list", children: loading ? /* @__PURE__ */ jsx15("div", { className: "at-view-empty", children: "\u52A0\u8F7D\u4E2D..." }) : filteredEntries.length === 0 ? /* @__PURE__ */ jsx15("div", { className: "at-view-empty", children: query.trim() ? "\u6CA1\u6709\u627E\u5230\u5339\u914D\u9879" : "\u76EE\u5F55\u4E3A\u7A7A" }) : filteredEntries.map((f, i) => /* @__PURE__ */ jsxs9(
       "button",
       {
         className: `at-view-item${activeIndex === i ? " active" : ""}`,
         onMouseEnter: () => onSetActive(i),
         onClick: () => handleEntryClick(f),
         children: [
-          /* @__PURE__ */ jsx16(Icon9, { icon: f.isDirectory ? "lucide:folder" : getFileIcon(f.name), width: 14, className: "at-view-item-icon" }),
-          /* @__PURE__ */ jsx16("span", { className: "at-view-item-name", children: f.name }),
-          /* @__PURE__ */ jsx16("span", { className: "at-view-item-path", children: f.path })
+          /* @__PURE__ */ jsx15(Icon8, { icon: f.isDirectory ? "lucide:folder" : getFileIcon(f.name), width: 14, className: "at-view-item-icon" }),
+          /* @__PURE__ */ jsx15("span", { className: "at-view-item-name", children: f.name }),
+          /* @__PURE__ */ jsx15("span", { className: "at-view-item-path", children: f.path })
         ]
       },
       f.path
@@ -2073,8 +2709,8 @@ AtFilesView.displayName = "AtFilesView";
 
 // src/components/input/at-views/AtDocsView.tsx
 import { forwardRef as forwardRef2, useImperativeHandle as useImperativeHandle2 } from "react";
-import { Icon as Icon10 } from "@iconify/react";
-import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Icon as Icon9 } from "@iconify/react";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var AtDocsView = forwardRef2((_, ref) => {
   useImperativeHandle2(ref, () => ({
     getActivePath: () => null,
@@ -2082,18 +2718,18 @@ var AtDocsView = forwardRef2((_, ref) => {
     }
   }), []);
   return /* @__PURE__ */ jsxs10("div", { className: "at-placeholder-view", children: [
-    /* @__PURE__ */ jsx17(Icon10, { icon: "lucide:book-open", width: 32, className: "at-placeholder-icon" }),
-    /* @__PURE__ */ jsx17("div", { className: "at-placeholder-title", children: "\u6587\u6863" }),
-    /* @__PURE__ */ jsx17("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
-    /* @__PURE__ */ jsx17("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u9879\u76EE\u6587\u6863\u3001API \u6587\u6863\u7B49" })
+    /* @__PURE__ */ jsx16(Icon9, { icon: "lucide:book-open", width: 32, className: "at-placeholder-icon" }),
+    /* @__PURE__ */ jsx16("div", { className: "at-placeholder-title", children: "\u6587\u6863" }),
+    /* @__PURE__ */ jsx16("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
+    /* @__PURE__ */ jsx16("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u9879\u76EE\u6587\u6863\u3001API \u6587\u6863\u7B49" })
   ] });
 });
 AtDocsView.displayName = "AtDocsView";
 
 // src/components/input/at-views/AtTerminalsView.tsx
 import { forwardRef as forwardRef3, useImperativeHandle as useImperativeHandle3 } from "react";
-import { Icon as Icon11 } from "@iconify/react";
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Icon as Icon10 } from "@iconify/react";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var AtTerminalsView = forwardRef3((_, ref) => {
   useImperativeHandle3(ref, () => ({
     getActivePath: () => null,
@@ -2101,18 +2737,18 @@ var AtTerminalsView = forwardRef3((_, ref) => {
     }
   }), []);
   return /* @__PURE__ */ jsxs11("div", { className: "at-placeholder-view", children: [
-    /* @__PURE__ */ jsx18(Icon11, { icon: "lucide:terminal", width: 32, className: "at-placeholder-icon" }),
-    /* @__PURE__ */ jsx18("div", { className: "at-placeholder-title", children: "\u7EC8\u7AEF" }),
-    /* @__PURE__ */ jsx18("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
-    /* @__PURE__ */ jsx18("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u7EC8\u7AEF\u8F93\u51FA\u3001\u547D\u4EE4\u5386\u53F2\u7B49" })
+    /* @__PURE__ */ jsx17(Icon10, { icon: "lucide:terminal", width: 32, className: "at-placeholder-icon" }),
+    /* @__PURE__ */ jsx17("div", { className: "at-placeholder-title", children: "\u7EC8\u7AEF" }),
+    /* @__PURE__ */ jsx17("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
+    /* @__PURE__ */ jsx17("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u7EC8\u7AEF\u8F93\u51FA\u3001\u547D\u4EE4\u5386\u53F2\u7B49" })
   ] });
 });
 AtTerminalsView.displayName = "AtTerminalsView";
 
 // src/components/input/at-views/AtChatsView.tsx
 import { forwardRef as forwardRef4, useImperativeHandle as useImperativeHandle4 } from "react";
-import { Icon as Icon12 } from "@iconify/react";
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Icon as Icon11 } from "@iconify/react";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var AtChatsView = forwardRef4((_, ref) => {
   useImperativeHandle4(ref, () => ({
     getActivePath: () => null,
@@ -2120,18 +2756,18 @@ var AtChatsView = forwardRef4((_, ref) => {
     }
   }), []);
   return /* @__PURE__ */ jsxs12("div", { className: "at-placeholder-view", children: [
-    /* @__PURE__ */ jsx19(Icon12, { icon: "lucide:message-square", width: 32, className: "at-placeholder-icon" }),
-    /* @__PURE__ */ jsx19("div", { className: "at-placeholder-title", children: "\u5386\u53F2\u5BF9\u8BDD" }),
-    /* @__PURE__ */ jsx19("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
-    /* @__PURE__ */ jsx19("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u4E4B\u524D\u7684\u5BF9\u8BDD\u8BB0\u5F55" })
+    /* @__PURE__ */ jsx18(Icon11, { icon: "lucide:message-square", width: 32, className: "at-placeholder-icon" }),
+    /* @__PURE__ */ jsx18("div", { className: "at-placeholder-title", children: "\u5386\u53F2\u5BF9\u8BDD" }),
+    /* @__PURE__ */ jsx18("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
+    /* @__PURE__ */ jsx18("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u4E4B\u524D\u7684\u5BF9\u8BDD\u8BB0\u5F55" })
   ] });
 });
 AtChatsView.displayName = "AtChatsView";
 
 // src/components/input/at-views/AtBranchView.tsx
 import { forwardRef as forwardRef5, useImperativeHandle as useImperativeHandle5 } from "react";
-import { Icon as Icon13 } from "@iconify/react";
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Icon as Icon12 } from "@iconify/react";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var AtBranchView = forwardRef5((_, ref) => {
   useImperativeHandle5(ref, () => ({
     getActivePath: () => null,
@@ -2139,18 +2775,18 @@ var AtBranchView = forwardRef5((_, ref) => {
     }
   }), []);
   return /* @__PURE__ */ jsxs13("div", { className: "at-placeholder-view", children: [
-    /* @__PURE__ */ jsx20(Icon13, { icon: "lucide:git-branch", width: 32, className: "at-placeholder-icon" }),
-    /* @__PURE__ */ jsx20("div", { className: "at-placeholder-title", children: "\u5206\u652F\u5DEE\u5F02" }),
-    /* @__PURE__ */ jsx20("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
-    /* @__PURE__ */ jsx20("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u5F53\u524D\u5206\u652F\u4E0E\u4E3B\u5206\u652F\u7684\u5DEE\u5F02" })
+    /* @__PURE__ */ jsx19(Icon12, { icon: "lucide:git-branch", width: 32, className: "at-placeholder-icon" }),
+    /* @__PURE__ */ jsx19("div", { className: "at-placeholder-title", children: "\u5206\u652F\u5DEE\u5F02" }),
+    /* @__PURE__ */ jsx19("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
+    /* @__PURE__ */ jsx19("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u5F53\u524D\u5206\u652F\u4E0E\u4E3B\u5206\u652F\u7684\u5DEE\u5F02" })
   ] });
 });
 AtBranchView.displayName = "AtBranchView";
 
 // src/components/input/at-views/AtBrowserView.tsx
 import { forwardRef as forwardRef6, useImperativeHandle as useImperativeHandle6 } from "react";
-import { Icon as Icon14 } from "@iconify/react";
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Icon as Icon13 } from "@iconify/react";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var AtBrowserView = forwardRef6((_, ref) => {
   useImperativeHandle6(ref, () => ({
     getActivePath: () => null,
@@ -2158,16 +2794,16 @@ var AtBrowserView = forwardRef6((_, ref) => {
     }
   }), []);
   return /* @__PURE__ */ jsxs14("div", { className: "at-placeholder-view", children: [
-    /* @__PURE__ */ jsx21(Icon14, { icon: "lucide:globe", width: 32, className: "at-placeholder-icon" }),
-    /* @__PURE__ */ jsx21("div", { className: "at-placeholder-title", children: "\u7F51\u9875" }),
-    /* @__PURE__ */ jsx21("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
-    /* @__PURE__ */ jsx21("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u7F51\u9875\u5185\u5BB9\u3001URL \u7B49" })
+    /* @__PURE__ */ jsx20(Icon13, { icon: "lucide:globe", width: 32, className: "at-placeholder-icon" }),
+    /* @__PURE__ */ jsx20("div", { className: "at-placeholder-title", children: "\u7F51\u9875" }),
+    /* @__PURE__ */ jsx20("div", { className: "at-placeholder-desc", children: "\u529F\u80FD\u5F85\u5B9E\u73B0" }),
+    /* @__PURE__ */ jsx20("div", { className: "at-placeholder-hint", children: "\u5C06\u652F\u6301\u5F15\u7528\u7F51\u9875\u5185\u5BB9\u3001URL \u7B49" })
   ] });
 });
 AtBrowserView.displayName = "AtBrowserView";
 
 // src/components/input/AtFilePicker.tsx
-import { Fragment as Fragment3, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var RECENT_KEY = "ai-chat.at.recentPaths";
 var MAX_RECENT = 6;
 var DROPDOWN_WIDTH = 332;
@@ -2188,9 +2824,9 @@ function AtFilePicker({
   onClose,
   onSelect
 }) {
-  const searchRef = useRef6(null);
-  const bodyRef = useRef6(null);
-  const viewRef = useRef6(null);
+  const searchRef = useRef7(null);
+  const bodyRef = useRef7(null);
+  const viewRef = useRef7(null);
   const [query, setQuery] = useState12("");
   const [currentView, setCurrentView] = useState12("categories");
   const [activeKey, setActiveKey] = useState12("");
@@ -2199,8 +2835,8 @@ function AtFilePicker({
   const [viewItemCount, setViewItemCount] = useState12(0);
   const [dropdownStyle, setDropdownStyle] = useState12({});
   const [isScrolling, setIsScrolling] = useState12(false);
-  const scrollTimerRef = useRef6(null);
-  const updateDropdownPosition = useCallback7(() => {
+  const scrollTimerRef = useRef7(null);
+  const updateDropdownPosition = useCallback8(() => {
     if (!anchorEl) {
       setDropdownStyle({});
       return;
@@ -2244,7 +2880,7 @@ function AtFilePicker({
       });
     }
   }, [anchorEl]);
-  const loadRecent = useCallback7(() => {
+  const loadRecent = useCallback8(() => {
     try {
       const raw = localStorage.getItem(RECENT_KEY);
       if (!raw) {
@@ -2261,7 +2897,7 @@ function AtFilePicker({
       setRecentList([]);
     }
   }, []);
-  const pushRecent = useCallback7((path) => {
+  const pushRecent = useCallback8((path) => {
     setRecentList((prev) => {
       const next = [path, ...prev.filter((p) => p !== path)].slice(0, MAX_RECENT);
       try {
@@ -2271,7 +2907,7 @@ function AtFilePicker({
       return next;
     });
   }, []);
-  const getSearchPlaceholder = useCallback7(() => {
+  const getSearchPlaceholder = useCallback8(() => {
     if (currentView === "categories") return "\u6DFB\u52A0\u6587\u4EF6\u3001\u6587\u4EF6\u5939\u3001\u6587\u6863...";
     const cat = categories.find((c) => c.id === currentView);
     return cat?.placeholder || "Search...";
@@ -2282,32 +2918,32 @@ function AtFilePicker({
     if (!q) return recentList;
     return recentList.filter((p) => p.toLowerCase().includes(q));
   }, [currentView, query, recentList]);
-  const goBackToCategories = useCallback7(() => {
+  const goBackToCategories = useCallback8(() => {
     setCurrentView("categories");
     setQuery("");
     setActiveKey("");
     setViewActiveIndex(-1);
     requestAnimationFrame(() => searchRef.current?.focus());
   }, []);
-  const handleCategoryClick = useCallback7((cat) => {
+  const handleCategoryClick = useCallback8((cat) => {
     setCurrentView(cat.id);
     setQuery("");
     setActiveKey("");
     setViewActiveIndex(-1);
     requestAnimationFrame(() => searchRef.current?.focus());
   }, []);
-  const handleEsc = useCallback7(() => {
+  const handleEsc = useCallback8(() => {
     if (currentView !== "categories") {
       goBackToCategories();
     } else {
       onClose();
     }
   }, [currentView, goBackToCategories, onClose]);
-  const selectPath = useCallback7((path) => {
+  const selectPath = useCallback8((path) => {
     pushRecent(path);
     onSelect(path);
   }, [pushRecent, onSelect]);
-  const handleScroll = useCallback7(() => {
+  const handleScroll = useCallback8(() => {
     setIsScrolling(true);
     if (scrollTimerRef.current) {
       clearTimeout(scrollTimerRef.current);
@@ -2317,15 +2953,15 @@ function AtFilePicker({
       scrollTimerRef.current = null;
     }, 150);
   }, []);
-  const handleSetActiveKey = useCallback7((key) => {
+  const handleSetActiveKey = useCallback8((key) => {
     if (isScrolling) return;
     setActiveKey(key);
   }, [isScrolling]);
-  const handleSetViewActiveIndex = useCallback7((index) => {
+  const handleSetViewActiveIndex = useCallback8((index) => {
     if (isScrolling) return;
     setViewActiveIndex(index);
   }, [isScrolling]);
-  const scrollToActive = useCallback7(() => {
+  const scrollToActive = useCallback8(() => {
     requestAnimationFrame(() => {
       if (!bodyRef.current) return;
       let activeElement = null;
@@ -2366,7 +3002,7 @@ function AtFilePicker({
       }
     });
   }, [currentView, activeKey, filteredRecent.length]);
-  const move = useCallback7((delta) => {
+  const move = useCallback8((delta) => {
     if (currentView === "categories") {
       const recentCount = filteredRecent.length;
       const catCount = categories.length;
@@ -2394,7 +3030,7 @@ function AtFilePicker({
       scrollToActive();
     }
   }, [currentView, filteredRecent.length, activeKey, viewItemCount, viewActiveIndex, scrollToActive]);
-  const confirmActive = useCallback7(() => {
+  const confirmActive = useCallback8(() => {
     if (currentView === "categories") {
       if (activeKey.startsWith("recent:")) {
         const idx = Number(activeKey.split(":")[1]);
@@ -2409,7 +3045,7 @@ function AtFilePicker({
       viewRef.current?.confirmActive();
     }
   }, [currentView, activeKey, filteredRecent, selectPath, handleCategoryClick]);
-  const handleKeyDown = useCallback7((e) => {
+  const handleKeyDown = useCallback8((e) => {
     if (e.key === "ArrowDown") {
       e.preventDefault();
       move(1);
@@ -2424,7 +3060,7 @@ function AtFilePicker({
       handleEsc();
     }
   }, [move, confirmActive, handleEsc]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!visible) return;
     loadRecent();
     setQuery("");
@@ -2434,7 +3070,7 @@ function AtFilePicker({
     updateDropdownPosition();
     requestAnimationFrame(() => searchRef.current?.focus());
   }, [visible, loadRecent, updateDropdownPosition]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!visible) return;
     const handleResize = () => updateDropdownPosition();
     window.addEventListener("resize", handleResize);
@@ -2448,7 +3084,7 @@ function AtFilePicker({
       }
     };
   }, [visible, updateDropdownPosition]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (visible) {
       updateDropdownPosition();
     }
@@ -2464,17 +3100,17 @@ function AtFilePicker({
     };
     switch (currentView) {
       case "files":
-        return /* @__PURE__ */ jsx22(AtFilesView, { ref: viewRef, adapter, initialDir, ...commonProps });
+        return /* @__PURE__ */ jsx21(AtFilesView, { ref: viewRef, adapter, initialDir, ...commonProps });
       case "docs":
-        return /* @__PURE__ */ jsx22(AtDocsView, { ref: viewRef, ...commonProps });
+        return /* @__PURE__ */ jsx21(AtDocsView, { ref: viewRef, ...commonProps });
       case "terminals":
-        return /* @__PURE__ */ jsx22(AtTerminalsView, { ref: viewRef, ...commonProps });
+        return /* @__PURE__ */ jsx21(AtTerminalsView, { ref: viewRef, ...commonProps });
       case "chats":
-        return /* @__PURE__ */ jsx22(AtChatsView, { ref: viewRef, ...commonProps });
+        return /* @__PURE__ */ jsx21(AtChatsView, { ref: viewRef, ...commonProps });
       case "branch":
-        return /* @__PURE__ */ jsx22(AtBranchView, { ref: viewRef, ...commonProps });
+        return /* @__PURE__ */ jsx21(AtBranchView, { ref: viewRef, ...commonProps });
       case "browser":
-        return /* @__PURE__ */ jsx22(AtBrowserView, { ref: viewRef, ...commonProps });
+        return /* @__PURE__ */ jsx21(AtBrowserView, { ref: viewRef, ...commonProps });
       default:
         return null;
     }
@@ -2482,8 +3118,8 @@ function AtFilePicker({
   return createPortal(
     /* @__PURE__ */ jsxs15("div", { className: "at-picker-dropdown", style: dropdownStyle, onClick: (e) => e.stopPropagation(), children: [
       /* @__PURE__ */ jsxs15("div", { className: "at-picker-header", children: [
-        currentView !== "categories" ? /* @__PURE__ */ jsx22("button", { className: "at-picker-back", onClick: goBackToCategories, children: /* @__PURE__ */ jsx22(Icon15, { icon: "lucide:arrow-left", width: 14 }) }) : /* @__PURE__ */ jsx22(Icon15, { icon: "lucide:search", width: 14, className: "at-picker-search-icon" }),
-        /* @__PURE__ */ jsx22(
+        currentView !== "categories" ? /* @__PURE__ */ jsx21("button", { className: "at-picker-back", onClick: goBackToCategories, children: /* @__PURE__ */ jsx21(Icon14, { icon: "lucide:arrow-left", width: 14 }) }) : /* @__PURE__ */ jsx21(Icon14, { icon: "lucide:search", width: 14, className: "at-picker-search-icon" }),
+        /* @__PURE__ */ jsx21(
           "input",
           {
             ref: searchRef,
@@ -2500,37 +3136,37 @@ function AtFilePicker({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx21(
         "div",
         {
           ref: bodyRef,
           className: `at-picker-body chat-scrollbar${isScrolling ? " is-scrolling" : ""}`,
           onScroll: handleScroll,
           children: currentView === "categories" ? /* @__PURE__ */ jsxs15(Fragment3, { children: [
-            filteredRecent.length > 0 && /* @__PURE__ */ jsx22("div", { className: "at-picker-section at-picker-recent", children: /* @__PURE__ */ jsx22("div", { className: "at-picker-list", children: filteredRecent.map((p, i) => /* @__PURE__ */ jsxs15(
+            filteredRecent.length > 0 && /* @__PURE__ */ jsx21("div", { className: "at-picker-section at-picker-recent", children: /* @__PURE__ */ jsx21("div", { className: "at-picker-list", children: filteredRecent.map((p, i) => /* @__PURE__ */ jsxs15(
               "button",
               {
                 className: `at-picker-item${activeKey === `recent:${i}` ? " active" : ""}`,
                 onMouseEnter: () => handleSetActiveKey(`recent:${i}`),
                 onClick: () => selectPath(p),
                 children: [
-                  /* @__PURE__ */ jsx22(Icon15, { icon: getFileIcon(p), width: 14, className: "at-picker-item-icon" }),
-                  /* @__PURE__ */ jsx22("span", { className: "at-picker-item-name", children: basename(p) }),
-                  /* @__PURE__ */ jsx22("span", { className: "at-picker-item-path", children: dirname(p) })
+                  /* @__PURE__ */ jsx21(Icon14, { icon: getFileIcon(p), width: 14, className: "at-picker-item-icon" }),
+                  /* @__PURE__ */ jsx21("span", { className: "at-picker-item-name", children: basename(p) }),
+                  /* @__PURE__ */ jsx21("span", { className: "at-picker-item-path", children: dirname(p) })
                 ]
               },
               p
             )) }) }),
-            /* @__PURE__ */ jsx22("div", { className: "at-picker-section", children: /* @__PURE__ */ jsx22("div", { className: "at-picker-list", children: categories.map((cat, i) => /* @__PURE__ */ jsxs15(
+            /* @__PURE__ */ jsx21("div", { className: "at-picker-section", children: /* @__PURE__ */ jsx21("div", { className: "at-picker-list", children: categories.map((cat, i) => /* @__PURE__ */ jsxs15(
               "button",
               {
                 className: `at-picker-item at-picker-category${activeKey === `cat:${i}` ? " active" : ""}`,
                 onMouseEnter: () => handleSetActiveKey(`cat:${i}`),
                 onClick: () => handleCategoryClick(cat),
                 children: [
-                  /* @__PURE__ */ jsx22(Icon15, { icon: cat.icon, width: 14, className: "at-picker-item-icon" }),
-                  /* @__PURE__ */ jsx22("span", { className: "at-picker-item-name", children: cat.label }),
-                  /* @__PURE__ */ jsx22(Icon15, { icon: "lucide:chevron-right", width: 12, className: "at-picker-chevron" })
+                  /* @__PURE__ */ jsx21(Icon14, { icon: cat.icon, width: 14, className: "at-picker-item-icon" }),
+                  /* @__PURE__ */ jsx21("span", { className: "at-picker-item-name", children: cat.label }),
+                  /* @__PURE__ */ jsx21(Icon14, { icon: "lucide:chevron-right", width: 12, className: "at-picker-chevron" })
                 ]
               },
               cat.id
@@ -2538,7 +3174,7 @@ function AtFilePicker({
           ] }) : renderViewComponent()
         }
       ),
-      /* @__PURE__ */ jsx22("div", { className: "at-picker-footer", children: /* @__PURE__ */ jsxs15("span", { className: "at-picker-hint", children: [
+      /* @__PURE__ */ jsx21("div", { className: "at-picker-footer", children: /* @__PURE__ */ jsxs15("span", { className: "at-picker-hint", children: [
         "\u2191\u2193 \u5BFC\u822A \xB7 Enter \u9009\u62E9 \xB7 Esc ",
         currentView === "categories" ? "\u5173\u95ED" : "\u8FD4\u56DE"
       ] }) })
@@ -2548,10 +3184,10 @@ function AtFilePicker({
 }
 
 // src/components/input/ImagePreviewModal.tsx
-import { useCallback as useCallback8, useEffect as useEffect9, useState as useState13 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect10, useState as useState13 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { Icon as Icon16 } from "@iconify/react";
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Icon as Icon15 } from "@iconify/react";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function ImagePreviewModal({
   visible,
   images,
@@ -2560,25 +3196,25 @@ function ImagePreviewModal({
   onIndexChange
 }) {
   const [currentIndex, setCurrentIndex] = useState13(initialIndex);
-  useEffect9(() => {
+  useEffect10(() => {
     if (visible) {
       setCurrentIndex(initialIndex);
     }
   }, [visible, initialIndex]);
-  useEffect9(() => {
+  useEffect10(() => {
     onIndexChange?.(currentIndex);
   }, [currentIndex, onIndexChange]);
-  const prev = useCallback8(() => {
+  const prev = useCallback9(() => {
     if (currentIndex > 0) {
       setCurrentIndex(currentIndex - 1);
     }
   }, [currentIndex]);
-  const next = useCallback8(() => {
+  const next = useCallback9(() => {
     if (currentIndex < images.length - 1) {
       setCurrentIndex(currentIndex + 1);
     }
   }, [currentIndex, images.length]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!visible) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -2602,9 +3238,9 @@ function ImagePreviewModal({
           " / ",
           images.length
         ] }),
-        /* @__PURE__ */ jsx23("button", { className: "preview-close-btn", title: "\u5173\u95ED (Esc)", onClick: onClose, children: /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:x", width: 18 }) })
+        /* @__PURE__ */ jsx22("button", { className: "preview-close-btn", title: "\u5173\u95ED (Esc)", onClick: onClose, children: /* @__PURE__ */ jsx22(Icon15, { icon: "lucide:x", width: 18 }) })
       ] }),
-      images.length > 1 && /* @__PURE__ */ jsx23(
+      images.length > 1 && /* @__PURE__ */ jsx22(
         "button",
         {
           className: `preview-nav-btn preview-nav-prev${currentIndex <= 0 ? " disabled" : ""}`,
@@ -2613,11 +3249,11 @@ function ImagePreviewModal({
             e.stopPropagation();
             prev();
           },
-          children: /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:chevron-left", width: 20 })
+          children: /* @__PURE__ */ jsx22(Icon15, { icon: "lucide:chevron-left", width: 20 })
         }
       ),
-      /* @__PURE__ */ jsx23("div", { className: "preview-main", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx23("img", { src: currentSrc, alt: "\u9884\u89C8", className: "preview-image" }) }),
-      images.length > 1 && /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx22("div", { className: "preview-main", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx22("img", { src: currentSrc, alt: "\u9884\u89C8", className: "preview-image" }) }),
+      images.length > 1 && /* @__PURE__ */ jsx22(
         "button",
         {
           className: `preview-nav-btn preview-nav-next${currentIndex >= images.length - 1 ? " disabled" : ""}`,
@@ -2626,7 +3262,7 @@ function ImagePreviewModal({
             e.stopPropagation();
             next();
           },
-          children: /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:chevron-right", width: 20 })
+          children: /* @__PURE__ */ jsx22(Icon15, { icon: "lucide:chevron-right", width: 20 })
         }
       )
     ] }),
@@ -2635,9 +3271,15 @@ function ImagePreviewModal({
 }
 
 // src/hooks/useImageUpload.ts
-import { useState as useState14, useCallback as useCallback9, useMemo as useMemo8 } from "react";
+import { useState as useState14, useCallback as useCallback10, useMemo as useMemo8 } from "react";
 function useImageUpload(options = {}) {
-  const { maxImages = 5, maxSize = 10 * 1024 * 1024 } = options;
+  const {
+    maxImages = 5,
+    maxSize = 10 * 1024 * 1024,
+    maxWidth = 4e3,
+    maxHeight = 4e3,
+    quality = 0.85
+  } = options;
   const [images, setImages] = useState14([]);
   const [isDragOver, setIsDragOver] = useState14(false);
   const [previewVisible, setPreviewVisible] = useState14(false);
@@ -2651,23 +3293,52 @@ function useImageUpload(options = {}) {
     [images]
   );
   const hasImages = images.length > 0;
-  const readImageFile = useCallback9((file) => {
+  const compressImage = useCallback10((file) => {
     return new Promise((resolve, reject) => {
       const reader = new FileReader();
       reader.onload = () => {
         const dataUrl = reader.result;
-        const base64 = dataUrl.split(",")[1];
-        resolve({
-          dataUrl,
-          base64,
-          mimeType: file.type
-        });
+        const img = new Image();
+        img.onload = () => {
+          let { width, height } = img;
+          if (width > maxWidth || height > maxHeight) {
+            const ratio = Math.min(maxWidth / width, maxHeight / height);
+            width = Math.round(width * ratio);
+            height = Math.round(height * ratio);
+          }
+          const canvas = document.createElement("canvas");
+          canvas.width = width;
+          canvas.height = height;
+          const ctx = canvas.getContext("2d");
+          if (!ctx) {
+            reject(new Error("\u65E0\u6CD5\u521B\u5EFA canvas context"));
+            return;
+          }
+          ctx.drawImage(img, 0, 0, width, height);
+          const mimeType = file.type === "image/png" ? "image/png" : "image/jpeg";
+          const compressedDataUrl = canvas.toDataURL(mimeType, quality);
+          const base64 = compressedDataUrl.split(",")[1];
+          resolve({
+            dataUrl: compressedDataUrl,
+            base64,
+            mimeType
+          });
+        };
+        img.onerror = () => {
+          reject(new Error("\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"));
+        };
+        img.src = dataUrl;
+      };
+      reader.onerror = () => {
+        reject(new Error("\u8BFB\u53D6\u6587\u4EF6\u5931\u8D25"));
       };
-      reader.onerror = reject;
       reader.readAsDataURL(file);
     });
-  }, []);
-  const processFiles = useCallback9(
+  }, [maxWidth, maxHeight, quality]);
+  const readImageFile = useCallback10((file) => {
+    return compressImage(file);
+  }, [compressImage]);
+  const processFiles = useCallback10(
     async (files) => {
       const remaining = maxImages - images.length;
       const toProcess = files.slice(0, remaining);
@@ -2690,7 +3361,7 @@ function useImageUpload(options = {}) {
     },
     [images.length, maxImages, maxSize, readImageFile]
   );
-  const handleImageSelect = useCallback9(
+  const handleImageSelect = useCallback10(
     (event) => {
       const files = event.target.files;
       if (files) {
@@ -2700,7 +3371,7 @@ function useImageUpload(options = {}) {
     },
     [processFiles]
   );
-  const handlePaste = useCallback9(
+  const handlePaste = useCallback10(
     (event) => {
       const items = event.clipboardData?.items;
       if (!items) return;
@@ -2718,16 +3389,16 @@ function useImageUpload(options = {}) {
     },
     [processFiles]
   );
-  const handleDragOver = useCallback9((event) => {
+  const handleDragOver = useCallback10((event) => {
     event.preventDefault();
     if (event.dataTransfer?.types.includes("Files")) {
       setIsDragOver(true);
     }
   }, []);
-  const handleDragLeave = useCallback9(() => {
+  const handleDragLeave = useCallback10(() => {
     setIsDragOver(false);
   }, []);
-  const handleDrop = useCallback9(
+  const handleDrop = useCallback10(
     (event) => {
       event.preventDefault();
       setIsDragOver(false);
@@ -2739,25 +3410,47 @@ function useImageUpload(options = {}) {
     },
     [processFiles]
   );
-  const openPreview = useCallback9((index) => {
+  const openPreview = useCallback10((index) => {
     setPreviewIndex(index);
     setPreviewVisible(true);
   }, []);
-  const closePreview = useCallback9(() => {
+  const closePreview = useCallback10(() => {
     setPreviewVisible(false);
   }, []);
-  const removeImage = useCallback9((index) => {
+  const removeImage = useCallback10((index) => {
     setImages((prev) => prev.filter((_, i) => i !== index));
   }, []);
-  const clearImages = useCallback9(() => {
+  const clearImages = useCallback10(() => {
     setImages([]);
   }, []);
-  const addImages = useCallback9(
+  const addImages = useCallback10(
     (files) => {
       processFiles(files);
     },
     [processFiles]
   );
+  const initImages = useCallback10((data) => {
+    const items = [];
+    for (const item of data) {
+      if (item.startsWith("data:")) {
+        const matches = item.match(/^data:([^;]+);base64,(.+)$/);
+        if (matches) {
+          items.push({
+            dataUrl: item,
+            base64: matches[2],
+            mimeType: matches[1]
+          });
+        }
+      } else {
+        items.push({
+          dataUrl: item,
+          base64: "",
+          mimeType: "image/unknown"
+        });
+      }
+    }
+    setImages(items);
+  }, []);
   return {
     // 状态
     images,
@@ -2781,15 +3474,16 @@ function useImageUpload(options = {}) {
     // 图片操作
     removeImage,
     clearImages,
-    addImages
+    addImages,
+    initImages
   };
 }
 
 // src/hooks/useVoiceToTextInput.ts
-import { useCallback as useCallback11, useEffect as useEffect11, useMemo as useMemo10, useRef as useRef8 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect12, useMemo as useMemo10, useRef as useRef9 } from "react";
 
 // src/hooks/useVoiceInput.ts
-import { useCallback as useCallback10, useEffect as useEffect10, useMemo as useMemo9, useRef as useRef7, useState as useState15 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect11, useMemo as useMemo9, useRef as useRef8, useState as useState15 } from "react";
 function float32ToInt16(float32Array) {
   const int16Array = new Int16Array(float32Array.length);
   for (let i = 0; i < float32Array.length; i++) {
@@ -2812,6 +3506,7 @@ function resample(audioData, fromSampleRate, toSampleRate) {
   }
   return result;
 }
+var asrWarmupDone = false;
 async function setupAudioWorkletCapture(opts) {
   const { audioContext, source, chunkSize, onChunk } = opts;
   const workletCode = `
@@ -2894,35 +3589,45 @@ registerProcessor('pcm-capture', PcmCaptureProcessor);
 }
 function useVoiceInput(adapter, config = {}) {
   const { sampleRate = 16e3, sendInterval = 200, enablePunc = true, enableItn = true } = config;
+  useEffect11(() => {
+    if (adapter && !asrWarmupDone && typeof adapter.asrWarmup === "function") {
+      asrWarmupDone = true;
+      const timer = setTimeout(() => {
+        adapter.asrWarmup?.().catch(() => {
+        });
+      }, 800);
+      return () => clearTimeout(timer);
+    }
+  }, [adapter]);
   const [status, setStatus] = useState15("idle");
   const [currentText, setCurrentText] = useState15("");
   const [finalText, setFinalText] = useState15("");
   const [error, setError] = useState15(null);
-  const statusRef = useRef7("idle");
-  const currentTextRef = useRef7("");
-  const finalTextRef = useRef7("");
-  const mediaStreamRef = useRef7(null);
-  const audioContextRef = useRef7(null);
-  const workletCleanupRef = useRef7(null);
-  const sourceRef = useRef7(null);
-  const audioBufferRef = useRef7([]);
-  const sendTimerRef = useRef7(null);
-  const cleanupFnsRef = useRef7([]);
+  const statusRef = useRef8("idle");
+  const currentTextRef = useRef8("");
+  const finalTextRef = useRef8("");
+  const mediaStreamRef = useRef8(null);
+  const audioContextRef = useRef8(null);
+  const workletCleanupRef = useRef8(null);
+  const sourceRef = useRef8(null);
+  const audioBufferRef = useRef8([]);
+  const sendTimerRef = useRef8(null);
+  const cleanupFnsRef = useRef8([]);
   const isRecording = useMemo9(() => status === "connecting" || status === "recording", [status]);
-  useEffect10(() => {
+  useEffect11(() => {
     statusRef.current = status;
   }, [status]);
-  useEffect10(() => {
+  useEffect11(() => {
     currentTextRef.current = currentText;
   }, [currentText]);
-  useEffect10(() => {
+  useEffect11(() => {
     finalTextRef.current = finalText;
   }, [finalText]);
-  const setStatusSafe = useCallback10((next) => {
+  const setStatusSafe = useCallback11((next) => {
     statusRef.current = next;
     setStatus(next);
   }, []);
-  const cleanup = useCallback10(() => {
+  const cleanup = useCallback11(() => {
     if (sendTimerRef.current) {
       clearInterval(sendTimerRef.current);
       sendTimerRef.current = null;
@@ -2951,7 +3656,7 @@ function useVoiceInput(adapter, config = {}) {
     cleanupFnsRef.current = [];
     audioBufferRef.current = [];
   }, []);
-  const sendAudioChunk = useCallback10(async () => {
+  const sendAudioChunk = useCallback11(async () => {
     if (!adapter?.asrSendAudio) return;
     const buf = audioBufferRef.current;
     if (!buf.length) return;
@@ -2969,7 +3674,7 @@ function useVoiceInput(adapter, config = {}) {
       console.error("[VoiceInput] \u53D1\u9001\u97F3\u9891\u5931\u8D25:", result.error);
     }
   }, [adapter]);
-  const start = useCallback10(async () => {
+  const start = useCallback11(async () => {
     if (statusRef.current === "connecting" || statusRef.current === "recording") return;
     if (!adapter) {
       setError("Adapter \u672A\u521D\u59CB\u5316");
@@ -3060,7 +3765,7 @@ function useVoiceInput(adapter, config = {}) {
       cleanup();
     }
   }, [adapter, cleanup, enableItn, enablePunc, sampleRate, sendAudioChunk, sendInterval, setStatusSafe]);
-  const stop = useCallback10(async () => {
+  const stop = useCallback11(async () => {
     if (statusRef.current === "connecting") {
       if (adapter?.asrStop) {
         adapter.asrStop().catch(() => {
@@ -3103,7 +3808,7 @@ function useVoiceInput(adapter, config = {}) {
     }
     return finalTextRef.current || currentTextRef.current;
   }, [adapter, cleanup, sendAudioChunk, setStatusSafe]);
-  const cancel = useCallback10(() => {
+  const cancel = useCallback11(() => {
     if (adapter?.asrStop) {
       adapter.asrStop().catch(() => {
       });
@@ -3114,7 +3819,7 @@ function useVoiceInput(adapter, config = {}) {
     setError(null);
     setStatusSafe("idle");
   }, [adapter, cleanup, setStatusSafe]);
-  useEffect10(() => {
+  useEffect11(() => {
     return () => cancel();
   }, [cancel]);
   return {
@@ -3133,19 +3838,19 @@ function useVoiceInput(adapter, config = {}) {
 function useVoiceToTextInput(opts) {
   const { adapter, inputText, setInputText, hasImages, isLoading } = opts;
   const voiceInput = useVoiceInput(adapter);
-  const prefixRef = useRef8("");
+  const prefixRef = useRef9("");
   const isVoiceActive = useMemo10(
     () => voiceInput.status === "connecting" || voiceInput.status === "recording",
     [voiceInput.status]
   );
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isVoiceActive) return;
     const prefix = prefixRef.current;
     const t = voiceInput.currentText;
     const next = prefix ? t ? `${prefix} ${t}` : prefix : t;
     setInputText(next);
   }, [isVoiceActive, setInputText, voiceInput.currentText]);
-  const toggleVoice = useCallback11(async () => {
+  const toggleVoice = useCallback12(async () => {
     if (isLoading) return;
     if (!adapter) return;
     if (voiceInput.status === "connecting") {
@@ -3167,7 +3872,7 @@ function useVoiceToTextInput(opts) {
     if (isVoiceActive) return true;
     return !inputText.trim() && !hasImages;
   }, [hasImages, inputText, isLoading, isVoiceActive]);
-  const handleKeyDownForVoice = useCallback11(
+  const handleKeyDownForVoice = useCallback12(
     (e) => {
       if (!isVoiceActive) return false;
       if (e.key === "Enter" && !e.shiftKey) {
@@ -3190,7 +3895,7 @@ function useVoiceToTextInput(opts) {
 }
 
 // src/components/input/ChatInput.tsx
-import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var MODE_OPTIONS = [
   { value: "agent", label: "Agent", icon: "lucide:zap" },
   { value: "ask", label: "Ask", icon: "lucide:message-circle" }
@@ -3199,6 +3904,7 @@ var ChatInput = forwardRef7(
   ({
     variant = "input",
     value = "",
+    images = [],
     isLoading = false,
     mode = "agent",
     model = "",
@@ -3218,41 +3924,36 @@ var ChatInput = forwardRef7(
     const [inputText, setInputText] = useState16(value);
     const [isFocused, setIsFocused] = useState16(false);
     const imageUpload = useImageUpload();
-    const imageInputRef = useRef9(null);
-    const inputRef = useRef9(null);
-    const containerRef = useRef9(null);
-    const atSelectorRef = useRef9(null);
+    const imageInputRef = useRef10(null);
+    const inputRef = useRef10(null);
+    const containerRef = useRef10(null);
+    const atSelectorRef = useRef10(null);
     const [atPickerVisible, setAtPickerVisible] = useState16(false);
-    const replaceRangeRef = useRef9(null);
-    const pendingCaretRef = useRef9(null);
-    const pendingFocusRef = useRef9(false);
-    const prevValueRef = useRef9(value);
-    const triggerImageUpload = useCallback12(() => {
+    const replaceRangeRef = useRef10(null);
+    const pendingCaretRef = useRef10(null);
+    const pendingFocusRef = useRef10(false);
+    const prevValueRef = useRef10(value);
+    const triggerImageUpload = useCallback13(() => {
       imageInputRef.current?.click();
     }, []);
-    const groupedModelOptions = useMemo11(() => {
-      const groups = {};
-      models.forEach((m) => {
-        const groupName = m.group;
-        if (!groups[groupName]) {
-          groups[groupName] = [];
-        }
-        groups[groupName].push({
-          value: m.modelId,
-          label: m.displayName
-        });
-      });
-      Object.keys(groups).forEach((groupName) => {
-        groups[groupName].sort((a, b) => a.label.localeCompare(b.label));
-      });
-      return groups;
-    }, [models]);
-    const closeAtPicker = useCallback12(() => {
+    const modelOptions = useMemo11(
+      () => models.map((m) => ({
+        value: m.modelId,
+        label: m.displayName,
+        tooltip: m.tooltip
+      })),
+      [models]
+    );
+    const currentModelSupportsThinking = useMemo11(() => {
+      const currentModel = models.find((m) => m.modelId === model);
+      return currentModel?.supportsThinking ?? false;
+    }, [models, model]);
+    const closeAtPicker = useCallback13(() => {
       setAtPickerVisible(false);
       replaceRangeRef.current = null;
       pendingFocusRef.current = true;
     }, []);
-    const applyAtPath = useCallback12(
+    const applyAtPath = useCallback13(
       (path) => {
         const el = inputRef.current;
         const current = el?.value ?? inputText;
@@ -3280,16 +3981,24 @@ var ChatInput = forwardRef7(
       },
       [closeAtPicker, inputText]
     );
-    const toggleAtPicker = useCallback12(() => {
+    const toggleAtPicker = useCallback13(() => {
       if (!adapter) return;
       if (!atPickerVisible) {
         replaceRangeRef.current = null;
       }
       setAtPickerVisible((prev) => !prev);
     }, [adapter, atPickerVisible]);
-    useEffect12(() => {
+    useEffect13(() => {
       setInputText(value);
     }, [value]);
+    const imagesKey = JSON.stringify(images);
+    useEffect13(() => {
+      if (images?.length) {
+        imageUpload.initImages(images);
+      } else {
+        imageUpload.clearImages();
+      }
+    }, [imagesKey]);
     const showToolbar = !isMessageVariant || isFocused;
     const placeholder = mode === "ask" ? "\u6709\u4EC0\u4E48\u95EE\u9898\u60F3\u95EE\u6211\uFF1F" : "\u63CF\u8FF0\u4EFB\u52A1\uFF0C@ \u6DFB\u52A0\u4E0A\u4E0B\u6587";
     const hasContent = useMemo11(() => {
@@ -3303,21 +4012,21 @@ var ChatInput = forwardRef7(
       isLoading
     });
     const voiceInput = voiceCtl.voiceInput;
-    const toggleVoiceInput = useCallback12(async () => {
+    const toggleVoiceInput = useCallback13(async () => {
       await voiceCtl.toggleVoice();
       if (voiceInput.status === "recording" || voiceInput.status === "connecting") {
         pendingFocusRef.current = true;
         pendingCaretRef.current = null;
       }
     }, [voiceCtl, voiceInput.status]);
-    const adjustTextareaHeight = useCallback12(() => {
+    const adjustTextareaHeight = useCallback13(() => {
       if (inputRef.current) {
         inputRef.current.style.height = "auto";
         const scrollHeight = inputRef.current.scrollHeight;
         inputRef.current.style.height = `${Math.min(scrollHeight, 150)}px`;
       }
     }, []);
-    useLayoutEffect(() => {
+    useLayoutEffect2(() => {
       adjustTextareaHeight();
       const el = inputRef.current;
       if (!el) return;
@@ -3345,6 +4054,11 @@ var ChatInput = forwardRef7(
         clear: () => {
           setInputText("");
           imageUpload.clearImages();
+          if (voiceInput.status !== "idle") {
+            voiceInput.cancel();
+          }
+          setAtPickerVisible(false);
+          replaceRangeRef.current = null;
           if (inputRef.current) {
             inputRef.current.style.height = "auto";
           }
@@ -3372,15 +4086,15 @@ var ChatInput = forwardRef7(
       }),
       [inputText, imageUpload]
     );
-    const handleSendOrCancel = useCallback12(() => {
+    const handleSendOrCancel = useCallback13(() => {
       if (isLoading) {
         onCancel?.();
         return;
       }
       const text = inputText.trim();
       if (!text && !imageUpload.hasImages) return;
-      const images = imageUpload.imageData.length > 0 ? imageUpload.imageData : void 0;
-      onSend?.(text, images);
+      const images2 = imageUpload.imageData.length > 0 ? imageUpload.imageData : void 0;
+      onSend?.(text, images2);
       if (!isMessageVariant) {
         setInputText("");
         imageUpload.clearImages();
@@ -3393,7 +4107,7 @@ var ChatInput = forwardRef7(
         setIsFocused(false);
       }
     }, [isLoading, inputText, imageUpload, isMessageVariant, onCancel, onSend]);
-    const handleKeyDown = useCallback12(
+    const handleKeyDown = useCallback13(
       (e) => {
         if (voiceCtl.handleKeyDownForVoice(e)) return;
         if (e.key === "Enter" && !e.shiftKey) {
@@ -3403,7 +4117,7 @@ var ChatInput = forwardRef7(
       },
       [handleSendOrCancel, voiceCtl]
     );
-    useEffect12(() => {
+    useEffect13(() => {
       const handleClickOutside = (event) => {
         const target = event.target;
         if (!target.closest(".at-picker-wrapper")) {
@@ -3416,7 +4130,7 @@ var ChatInput = forwardRef7(
       document.addEventListener("click", handleClickOutside);
       return () => document.removeEventListener("click", handleClickOutside);
     }, [isMessageVariant]);
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         className: `chat-input${isMessageVariant ? " message-variant" : ""}`.trim(),
@@ -3429,8 +4143,8 @@ var ChatInput = forwardRef7(
             ref: containerRef,
             className: `input-container${isFocused ? " focused" : ""}${imageUpload.isDragOver ? " drag-over" : ""}${voiceInput.status === "connecting" ? " connecting" : ""}${voiceInput.isRecording ? " recording" : ""}`.trim(),
             children: [
-              imageUpload.hasImages && /* @__PURE__ */ jsx24("div", { className: "images-preview", children: imageUpload.images.map((img, i) => /* @__PURE__ */ jsxs17("div", { className: "image-preview-item", children: [
-                /* @__PURE__ */ jsx24(
+              imageUpload.hasImages && /* @__PURE__ */ jsx23("div", { className: "images-preview", children: imageUpload.images.map((img, i) => /* @__PURE__ */ jsxs17("div", { className: "image-preview-item", children: [
+                /* @__PURE__ */ jsx23(
                   "img",
                   {
                     src: img.dataUrl,
@@ -3439,7 +4153,7 @@ var ChatInput = forwardRef7(
                     onClick: () => imageUpload.openPreview(i)
                   }
                 ),
-                /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx23(
                   "button",
                   {
                     className: "image-remove-btn",
@@ -3448,11 +4162,11 @@ var ChatInput = forwardRef7(
                       e.stopPropagation();
                       imageUpload.removeImage(i);
                     },
-                    children: /* @__PURE__ */ jsx24(Icon17, { icon: "lucide:x", width: 10 })
+                    children: /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:x", width: 10 })
                   }
                 )
               ] }, i)) }),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx23(
                 ImagePreviewModal,
                 {
                   visible: imageUpload.previewVisible,
@@ -3462,7 +4176,7 @@ var ChatInput = forwardRef7(
                   onIndexChange: imageUpload.setPreviewIndex
                 }
               ),
-              /* @__PURE__ */ jsx24("div", { className: "input-field-wrapper", children: /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx23("div", { className: "input-field-wrapper", children: /* @__PURE__ */ jsx23(
                 "textarea",
                 {
                   ref: inputRef,
@@ -3497,7 +4211,7 @@ var ChatInput = forwardRef7(
               ) }),
               showToolbar && /* @__PURE__ */ jsxs17("div", { className: "input-controls", children: [
                 /* @__PURE__ */ jsxs17("div", { className: "input-left", children: [
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx23(
                     DropdownSelector,
                     {
                       value: mode,
@@ -3505,36 +4219,36 @@ var ChatInput = forwardRef7(
                       onSelect: (v) => onModeChange?.(v)
                     }
                   ),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx23(
                     DropdownSelector,
                     {
                       value: model,
-                      groupedOptions: groupedModelOptions,
+                      options: modelOptions,
                       onSelect: (v) => onModelChange?.(v)
                     }
                   )
                 ] }),
                 /* @__PURE__ */ jsxs17("div", { className: "input-right", children: [
-                  /* @__PURE__ */ jsx24(
+                  mode !== "ask" && currentModelSupportsThinking && /* @__PURE__ */ jsx23(
                     "button",
                     {
                       className: `toggle-btn${thinkingEnabled ? " active" : ""}`,
                       title: "\u6DF1\u5EA6\u601D\u8003",
                       onClick: () => onThinkingChange?.(!thinkingEnabled),
-                      children: /* @__PURE__ */ jsx24(Icon17, { icon: "lucide:sparkles", width: 18 })
+                      children: /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:sparkles", width: 18 })
                     }
                   ),
-                  /* @__PURE__ */ jsx24(
+                  mode !== "ask" && /* @__PURE__ */ jsx23(
                     "button",
                     {
                       className: `toggle-btn${webSearchEnabled ? " active" : ""}`,
                       title: "\u8054\u7F51\u641C\u7D22",
                       onClick: () => onWebSearchChange?.(!webSearchEnabled),
-                      children: /* @__PURE__ */ jsx24(Icon17, { icon: "lucide:globe", width: 18 })
+                      children: /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:globe", width: 18 })
                     }
                   ),
-                  /* @__PURE__ */ jsx24("button", { className: "icon-btn", title: "\u6DFB\u52A0\u56FE\u7247", onClick: triggerImageUpload, children: /* @__PURE__ */ jsx24(Icon17, { icon: "lucide:image", width: 18 }) }),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx23("button", { className: "icon-btn", title: "\u6DFB\u52A0\u56FE\u7247", onClick: triggerImageUpload, children: /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:image", width: 18 }) }),
+                  /* @__PURE__ */ jsx23(
                     "input",
                     {
                       ref: imageInputRef,
@@ -3555,8 +4269,8 @@ var ChatInput = forwardRef7(
                         toggleAtPicker();
                       },
                       children: [
-                        /* @__PURE__ */ jsx24("button", { className: "icon-btn", title: "\u63D0\u53CA\u4E0A\u4E0B\u6587 (@)", children: /* @__PURE__ */ jsx24(Icon17, { icon: "lucide:at-sign", width: 18 }) }),
-                        adapter && /* @__PURE__ */ jsx24(
+                        /* @__PURE__ */ jsx23("button", { className: "icon-btn", title: "\u63D0\u53CA\u4E0A\u4E0B\u6587 (@)", children: /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:at-sign", width: 18 }) }),
+                        adapter && /* @__PURE__ */ jsx23(
                           AtFilePicker,
                           {
                             visible: atPickerVisible,
@@ -3569,7 +4283,7 @@ var ChatInput = forwardRef7(
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx23(
                     "button",
                     {
                       className: `voice-btn${voiceInput.status === "connecting" ? " connecting" : ""}${voiceInput.isRecording ? " recording" : ""}`,
@@ -3577,17 +4291,17 @@ var ChatInput = forwardRef7(
                       onClick: () => toggleVoiceInput().catch(() => {
                       }),
                       disabled: isLoading || !adapter,
-                      children: voiceInput.status === "connecting" ? /* @__PURE__ */ jsx24(Icon17, { icon: "lucide:loader-2", width: 18, className: "spin" }) : voiceInput.isRecording ? /* @__PURE__ */ jsx24(Icon17, { icon: "streamline-flex:button-pause-circle-remix", width: 18 }) : /* @__PURE__ */ jsx24(Icon17, { icon: "lucide:mic", width: 18 })
+                      children: voiceInput.status === "connecting" ? /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:loader-2", width: 18, className: "spin" }) : voiceInput.isRecording ? /* @__PURE__ */ jsx23(Icon16, { icon: "streamline-flex:button-pause-circle-remix", width: 18 }) : /* @__PURE__ */ jsx23(Icon16, { icon: "lucide:mic", width: 18 })
                     }
                   ),
-                  /* @__PURE__ */ jsx24(
+                  /* @__PURE__ */ jsx23(
                     "button",
                     {
                       className: `send-btn${isLoading ? " loading" : ""}`,
                       title: isLoading ? "\u505C\u6B62" : voiceInput.status === "connecting" ? "\u8BED\u97F3\u8FDE\u63A5\u4E2D\uFF0C\u5148\u53D6\u6D88/\u505C\u6B62" : voiceInput.isRecording ? "\u5F55\u97F3\u4E2D\uFF0C\u5148\u505C\u6B62" : isMessageVariant ? "\u91CD\u65B0\u53D1\u9001" : "\u53D1\u9001",
                       onClick: handleSendOrCancel,
                       disabled: !hasContent && !isLoading || voiceInput.isRecording || voiceInput.status === "connecting",
-                      children: isLoading ? /* @__PURE__ */ jsx24(Icon17, { icon: "streamline-flex:button-pause-circle-remix", width: 18 }) : /* @__PURE__ */ jsx24(Icon17, { icon: "streamline-flex:mail-send-email-message-circle-remix", width: 18 })
+                      children: isLoading ? /* @__PURE__ */ jsx23(Icon16, { icon: "streamline-flex:button-pause-circle-remix", width: 18 }) : /* @__PURE__ */ jsx23(Icon16, { icon: "uil:message", width: 18 })
                     }
                   )
                 ] })
@@ -3602,7 +4316,7 @@ var ChatInput = forwardRef7(
 ChatInput.displayName = "ChatInput";
 
 // src/components/message/MessageBubble.tsx
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 function getModelDisplayName(modelId, models) {
   const found = models?.find((m) => m.modelId === modelId);
   if (found) return found.displayName;
@@ -3632,6 +4346,7 @@ var MessageBubble = ({
   onSend,
   stepsExpandedType = "auto",
   adapter,
+  onCancelToolCall,
   autoRunConfig,
   onSaveConfig
 }) => {
@@ -3643,46 +4358,47 @@ var MessageBubble = ({
   }, [parts]);
   const hasContent = useMemo12(() => {
     return parts.some(
-      (p) => p.type === "text" && p.text || p.type === "tool_result" || p.type === "thinking" || p.type === "search"
+      (p) => p.type === "text" && p.text || p.type === "thinking" || p.type === "search" || p.type === "tool_call"
     );
   }, [parts]);
   const loadingState = useMemo12(() => {
     if (!loading) {
       return { type: "none" };
     }
+    const waitingText = mode === "ask" ? "\u6B63\u5728\u751F\u6210\u56DE\u7B54..." : "\u6B63\u5728\u89C4\u5212\u4E0B\u4E00\u6B65...";
     if (parts.length === 0) {
-      return { type: "text", text: "\u6B63\u5728\u601D\u8003..." };
+      return { type: "text", text: waitingText };
     }
-    const lastPart = parts[parts.length - 1];
-    if (lastPart.type === "text") {
-      return { type: "none" };
-    }
-    if (lastPart.type === "tool_call") {
-      const status = lastPart.status;
-      if (status === "done" || status === "error" || status === "skipped") {
-        return { type: "text", text: "\u6B63\u5728\u89C4\u5212\u4E0B\u4E00\u6B65..." };
+    const hasActiveActivity = parts.some((part) => {
+      if (part.type === "thinking" && part.status === "running") {
+        return true;
       }
-      return { type: "none" };
-    }
-    if (lastPart.type === "search") {
-      if (lastPart.status === "done") {
-        return { type: "text", text: "\u6B63\u5728\u89C4\u5212\u4E0B\u4E00\u6B65..." };
+      if (part.type === "search" && part.status === "running") {
+        return true;
       }
+      if (part.type === "tool_call") {
+        const status = part.status;
+        if (status === "running" || status === "pending") {
+          return true;
+        }
+      }
+      return false;
+    });
+    if (hasActiveActivity) {
       return { type: "none" };
     }
-    if (lastPart.type === "thinking") {
-      if (lastPart.status === "done") {
-        return { type: "text", text: "\u6B63\u5728\u89C4\u5212\u4E0B\u4E00\u6B65..." };
-      }
+    const lastPart = parts[parts.length - 1];
+    if (lastPart.type === "text") {
       return { type: "none" };
     }
-    return { type: "none" };
-  }, [loading, parts]);
-  return /* @__PURE__ */ jsx25("div", { className: `message-bubble ${role}`, children: isUser ? onSend && inputContext ? /* @__PURE__ */ jsx25(
+    return { type: "text", text: waitingText };
+  }, [loading, parts, mode]);
+  return /* @__PURE__ */ jsx24("div", { className: `message-bubble ${role}`, children: isUser ? onSend && inputContext ? /* @__PURE__ */ jsx24(
     ChatInput,
     {
       variant: "message",
       value: userText,
+      images,
       mode: inputContext.mode,
       model: inputContext.model,
       models: inputContext.models,
@@ -3696,37 +4412,38 @@ var MessageBubble = ({
       onThinkingChange: inputContext.setThinking
     }
   ) : /* @__PURE__ */ jsxs18("div", { className: "user-content", children: [
-    /* @__PURE__ */ jsx25("div", { className: "user-text", children: userText }),
-    images && images.length > 0 && /* @__PURE__ */ jsx25("div", { className: "user-images", children: images.map((img, i) => /* @__PURE__ */ jsx25("img", { src: img, className: "user-image", alt: "" }, i)) }),
-    formattedTime && /* @__PURE__ */ jsx25("div", { className: "message-time user-time", children: formattedTime })
+    /* @__PURE__ */ jsx24("div", { className: "user-text", children: userText }),
+    images && images.length > 0 && /* @__PURE__ */ jsx24("div", { className: "user-images", children: images.map((img, i) => /* @__PURE__ */ jsx24("img", { src: img, className: "user-image", alt: "" }, i)) }),
+    formattedTime && /* @__PURE__ */ jsx24("div", { className: "message-time user-time", children: formattedTime })
   ] }) : (
     /* 助手消息 - 使用 PartsRenderer 渲染 */
     /* @__PURE__ */ jsxs18(Fragment4, { children: [
       /* @__PURE__ */ jsxs18("div", { className: "assistant-content", children: [
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx24(
           PartsRenderer,
           {
             parts,
             expandedType: stepsExpandedType,
             adapter,
+            onCancelToolCall,
             autoRunConfig,
             onSaveConfig
           }
         ),
-        loadingState.type === "text" && /* @__PURE__ */ jsxs18("div", { className: "loading-indicator", children: [
-          /* @__PURE__ */ jsx25("span", { className: "loading-text", children: loadingState.text }),
-          /* @__PURE__ */ jsx25("span", { className: "loading-shimmer" })
+        loadingState.type === "text" && /* @__PURE__ */ jsxs18("div", { className: `loading-indicator${parts.length > 0 ? " has-content-above" : ""}`, children: [
+          /* @__PURE__ */ jsx24("span", { className: "loading-text", children: loadingState.text }),
+          /* @__PURE__ */ jsx24("span", { className: "loading-shimmer" })
         ] })
       ] }),
       hasContent && loading === false && /* @__PURE__ */ jsxs18("div", { className: "message-actions", children: [
         /* @__PURE__ */ jsxs18("div", { className: "message-meta", children: [
-          model && /* @__PURE__ */ jsx25("span", { className: "model-name", children: getModelDisplayName(model, inputContext?.models) }),
-          mode && /* @__PURE__ */ jsx25("span", { className: "mode-badge", children: mode === "ask" ? "Ask" : "Agent" })
+          model && /* @__PURE__ */ jsx24("span", { className: "model-name", children: getModelDisplayName(model, inputContext?.models) }),
+          mode && /* @__PURE__ */ jsx24("span", { className: "mode-badge", children: mode === "ask" ? "Ask" : "Agent" })
         ] }),
         /* @__PURE__ */ jsxs18("div", { className: "action-buttons", children: [
-          formattedTime && /* @__PURE__ */ jsx25("span", { className: "message-time assistant-time", children: formattedTime }),
-          /* @__PURE__ */ jsx25("button", { className: `action-btn${copied ? " copied" : ""}`, onClick: onCopy, title: "\u590D\u5236", children: /* @__PURE__ */ jsx25(Icon18, { icon: copied ? "lucide:check" : "lucide:copy", width: 14 }) }),
-          /* @__PURE__ */ jsx25("button", { className: "action-btn", onClick: onRegenerate, title: "\u91CD\u65B0\u751F\u6210", children: /* @__PURE__ */ jsx25(Icon18, { icon: "lucide:refresh-cw", width: 14 }) })
+          formattedTime && /* @__PURE__ */ jsx24("span", { className: "message-time assistant-time", children: formattedTime }),
+          /* @__PURE__ */ jsx24("button", { className: `action-btn${copied ? " copied" : ""}`, onClick: onCopy, title: "\u590D\u5236", children: /* @__PURE__ */ jsx24(Icon17, { icon: copied ? "lucide:check" : "lucide:copy", width: 14 }) }),
+          /* @__PURE__ */ jsx24("button", { className: "action-btn", onClick: onRegenerate, title: "\u91CD\u65B0\u751F\u6210", children: /* @__PURE__ */ jsx24(Icon17, { icon: "lucide:refresh-cw", width: 14 }) })
         ] })
       ] })
     ] })
@@ -3734,10 +4451,10 @@ var MessageBubble = ({
 };
 
 // src/components/common/ConfirmDialog.tsx
-import { useEffect as useEffect13 } from "react";
+import { useEffect as useEffect14 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import { Icon as Icon19 } from "@iconify/react";
-import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Icon as Icon18 } from "@iconify/react";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 var ConfirmDialog = ({
   visible,
   title = "\u786E\u8BA4",
@@ -3748,7 +4465,7 @@ var ConfirmDialog = ({
   onConfirm,
   onCancel
 }) => {
-  useEffect13(() => {
+  useEffect14(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && visible) {
         onCancel?.();
@@ -3757,7 +4474,7 @@ var ConfirmDialog = ({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [visible, onCancel]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (visible) {
       document.body.style.overflow = "hidden";
     } else {
@@ -3774,15 +4491,15 @@ var ConfirmDialog = ({
     danger: "lucide:alert-circle"
   };
   return createPortal3(
-    /* @__PURE__ */ jsx26("div", { className: "confirm-dialog-overlay", onClick: onCancel, children: /* @__PURE__ */ jsxs19("div", { className: "confirm-dialog", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx25("div", { className: "confirm-dialog-overlay", onClick: onCancel, children: /* @__PURE__ */ jsxs19("div", { className: "confirm-dialog", onClick: (e) => e.stopPropagation(), children: [
       /* @__PURE__ */ jsxs19("div", { className: "confirm-dialog-header", children: [
-        /* @__PURE__ */ jsx26(Icon19, { icon: iconMap[type], className: `icon ${type}`, width: 18 }),
-        /* @__PURE__ */ jsx26("span", { className: "title", children: title })
+        /* @__PURE__ */ jsx25(Icon18, { icon: iconMap[type], className: `icon ${type}`, width: 18 }),
+        /* @__PURE__ */ jsx25("span", { className: "title", children: title })
       ] }),
-      /* @__PURE__ */ jsx26("div", { className: "confirm-dialog-content", children: message }),
+      /* @__PURE__ */ jsx25("div", { className: "confirm-dialog-content", children: message }),
       /* @__PURE__ */ jsxs19("div", { className: "confirm-dialog-footer", children: [
-        /* @__PURE__ */ jsx26("button", { className: "btn btn-cancel", onClick: onCancel, children: cancelText }),
-        /* @__PURE__ */ jsx26("button", { className: `btn btn-${type}`, onClick: onConfirm, children: confirmText })
+        /* @__PURE__ */ jsx25("button", { className: "btn btn-cancel", onClick: onCancel, children: cancelText }),
+        /* @__PURE__ */ jsx25("button", { className: `btn btn-${type}`, onClick: onConfirm, children: confirmText })
       ] })
     ] }) }),
     document.body
@@ -3790,9 +4507,9 @@ var ConfirmDialog = ({
 };
 
 // src/components/common/Toast.tsx
-import { useEffect as useEffect14 } from "react";
+import { useEffect as useEffect15 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var Toast = ({
   visible,
   message,
@@ -3800,7 +4517,7 @@ var Toast = ({
   duration = 2e3,
   onClose
 }) => {
-  useEffect14(() => {
+  useEffect15(() => {
     if (visible && duration > 0) {
       const timer = setTimeout(() => {
         onClose();
@@ -3810,19 +4527,35 @@ var Toast = ({
   }, [visible, duration, onClose]);
   if (!visible) return null;
   return createPortal4(
-    /* @__PURE__ */ jsx27("div", { className: "toast-container", children: /* @__PURE__ */ jsx27("div", { className: `toast toast-${type}`, children: message }) }),
+    /* @__PURE__ */ jsx26("div", { className: "toast-container", children: /* @__PURE__ */ jsx26("div", { className: `toast toast-${type}`, children: message }) }),
     document.body
   );
 };
 
 // src/components/common/SettingsPanel.tsx
-import { useState as useState18, useCallback as useCallback14, useMemo as useMemo13 } from "react";
-import { Icon as Icon21 } from "@iconify/react";
+import { useState as useState18, useCallback as useCallback15, useMemo as useMemo13 } from "react";
+import { Icon as Icon20 } from "@iconify/react";
+
+// src/components/common/ToggleSwitch.tsx
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+var ToggleSwitch = ({ checked = false, onChange }) => {
+  return /* @__PURE__ */ jsxs20("label", { className: "toggle-switch", children: [
+    /* @__PURE__ */ jsx27(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: (e) => onChange(e.target.checked)
+      }
+    ),
+    /* @__PURE__ */ jsx27("span", { className: "toggle-slider" })
+  ] });
+};
 
 // src/components/common/IndexingSettings.tsx
-import { useState as useState17, useEffect as useEffect15, useCallback as useCallback13, useRef as useRef10 } from "react";
-import { Icon as Icon20 } from "@iconify/react";
-import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useState as useState17, useEffect as useEffect16, useCallback as useCallback14, useRef as useRef11 } from "react";
+import { Icon as Icon19 } from "@iconify/react";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 function IndexingSettings() {
   const [indexedFiles, setIndexedFiles] = useState17(0);
   const [isIndexing, setIsIndexing] = useState17(false);
@@ -3834,14 +4567,14 @@ function IndexingSettings() {
   const [showDeleteConfirm, setShowDeleteConfirm] = useState17(false);
   const [indexSize, setIndexSize] = useState17("0 B");
   const [lastUpdated, setLastUpdated] = useState17(null);
-  const cancelIndexingRef = useRef10(false);
-  const formatSize = useCallback13((bytes) => {
+  const cancelIndexingRef = useRef11(false);
+  const formatSize = useCallback14((bytes) => {
     if (bytes < 1024) return `${bytes} B`;
     if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
     if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
     return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
   }, []);
-  const formatDate = useCallback13((date) => {
+  const formatDate = useCallback14((date) => {
     const now = /* @__PURE__ */ new Date();
     const diff = now.getTime() - date.getTime();
     const days = Math.floor(diff / (1e3 * 60 * 60 * 24));
@@ -3859,7 +4592,7 @@ function IndexingSettings() {
     if (days < 365) return `${Math.floor(days / 30)} \u4E2A\u6708\u524D`;
     return date.toLocaleDateString("zh-CN", { year: "numeric", month: "short", day: "numeric" });
   }, []);
-  const fetchIndexStats = useCallback13(async () => {
+  const fetchIndexStats = useCallback14(async () => {
     try {
       const bridge = window.aiChatBridge;
       if (bridge?.getIndexStats) {
@@ -3880,8 +4613,8 @@ function IndexingSettings() {
       setLastUpdated(null);
     }
   }, [formatSize, formatDate]);
-  const progressCleanupRef = useRef10(null);
-  const setupProgressListener = useCallback13(() => {
+  const progressCleanupRef = useRef11(null);
+  const setupProgressListener = useCallback14(() => {
     if (progressCleanupRef.current) {
       progressCleanupRef.current();
       progressCleanupRef.current = null;
@@ -3926,7 +4659,7 @@ function IndexingSettings() {
       }
     });
   }, [fetchIndexStats]);
-  const checkIndexStatus = useCallback13(async () => {
+  const checkIndexStatus = useCallback14(async () => {
     const bridge = window.aiChatBridge;
     if (!bridge?.getIndexStatus) {
       return;
@@ -3952,7 +4685,7 @@ function IndexingSettings() {
       console.error("\u68C0\u67E5\u7D22\u5F15\u72B6\u6001\u5931\u8D25:", error);
     }
   }, []);
-  const handleSync = useCallback13(async () => {
+  const handleSync = useCallback14(async () => {
     if (isIndexing) return;
     const bridge = window.aiChatBridge;
     if (!bridge?.syncIndex) {
@@ -3979,7 +4712,7 @@ function IndexingSettings() {
       setCurrentFile(null);
     }
   }, [isIndexing, setupProgressListener]);
-  const handleCancelIndex = useCallback13(async () => {
+  const handleCancelIndex = useCallback14(async () => {
     cancelIndexingRef.current = true;
     setIsIndexing(false);
     setCurrentFile(null);
@@ -3992,7 +4725,7 @@ function IndexingSettings() {
       }
     }
   }, []);
-  const handleDeleteIndex = useCallback13(async () => {
+  const handleDeleteIndex = useCallback14(async () => {
     if (isIndexing) return;
     setShowDeleteConfirm(false);
     const bridge = window.aiChatBridge;
@@ -4007,7 +4740,7 @@ function IndexingSettings() {
       console.error("\u5220\u9664\u7D22\u5F15\u5931\u8D25:", error);
     }
   }, [isIndexing, fetchIndexStats]);
-  useEffect15(() => {
+  useEffect16(() => {
     const init = async () => {
       const bridge = window.aiChatBridge;
       if (bridge?.registerIndexListener) {
@@ -4023,7 +4756,7 @@ function IndexingSettings() {
     };
     init();
   }, [fetchIndexStats, setupProgressListener, checkIndexStatus]);
-  useEffect15(() => {
+  useEffect16(() => {
     return () => {
       const bridge = window.aiChatBridge;
       if (bridge?.unregisterIndexListener) {
@@ -4039,12 +4772,12 @@ function IndexingSettings() {
       }
     };
   }, []);
-  return /* @__PURE__ */ jsxs20("div", { className: "indexing-settings", children: [
-    /* @__PURE__ */ jsx28("div", { className: "setting-item indexing-section", children: /* @__PURE__ */ jsxs20("div", { className: "setting-info", children: [
+  return /* @__PURE__ */ jsxs21("div", { className: "indexing-settings", children: [
+    /* @__PURE__ */ jsx28("div", { className: "setting-item indexing-section", children: /* @__PURE__ */ jsxs21("div", { className: "setting-info", children: [
       /* @__PURE__ */ jsx28("div", { className: "setting-label", children: "\u4EE3\u7801\u5E93\u7D22\u5F15" }),
       /* @__PURE__ */ jsx28("p", { className: "setting-description", children: "\u5D4C\u5165\u4EE3\u7801\u5E93\u4EE5\u6539\u8FDB\u4E0A\u4E0B\u6587\u7406\u89E3\u548C\u77E5\u8BC6\u3002\u6240\u6709\u6570\u636E\uFF08\u5D4C\u5165\u5411\u91CF\u3001\u5143\u6570\u636E\u548C\u4EE3\u7801\uFF09\u90FD\u5B58\u50A8\u5728\u672C\u5730\u3002" }),
-      /* @__PURE__ */ jsxs20("div", { className: "indexing-content", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "progress-container", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "indexing-content", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "progress-container", children: [
           /* @__PURE__ */ jsx28("div", { className: "progress-bar", children: /* @__PURE__ */ jsx28(
             "div",
             {
@@ -4052,72 +4785,72 @@ function IndexingSettings() {
               style: { width: `${progressPercentage}%` }
             }
           ) }),
-          /* @__PURE__ */ jsx28("div", { className: "progress-text", children: isIndexing ? currentStage === "scanning" ? /* @__PURE__ */ jsxs20("span", { children: [
+          /* @__PURE__ */ jsx28("div", { className: "progress-text", children: isIndexing ? currentStage === "scanning" ? /* @__PURE__ */ jsxs21("span", { children: [
             "\u6B63\u5728\u626B\u63CF\u6587\u4EF6... (\u5DF2\u626B\u63CF ",
             progressIndexed.toLocaleString(),
             " \u4E2A\u6587\u4EF6)"
-          ] }) : /* @__PURE__ */ jsxs20("span", { children: [
+          ] }) : /* @__PURE__ */ jsxs21("span", { children: [
             progressPercentage,
             "% (",
             progressIndexed,
             "/",
             progressTotal,
             ")"
-          ] }) : /* @__PURE__ */ jsxs20("span", { children: [
+          ] }) : /* @__PURE__ */ jsxs21("span", { children: [
             indexedFiles.toLocaleString(),
             " \u4E2A\u6587\u4EF6"
           ] }) })
         ] }),
-        !isIndexing && indexedFiles > 0 && /* @__PURE__ */ jsxs20("div", { className: "stats-info", children: [
-          /* @__PURE__ */ jsxs20("div", { className: "stat-item", children: [
-            /* @__PURE__ */ jsx28(Icon20, { icon: "lucide:database", width: 14 }),
-            /* @__PURE__ */ jsxs20("span", { children: [
+        !isIndexing && indexedFiles > 0 && /* @__PURE__ */ jsxs21("div", { className: "stats-info", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "stat-item", children: [
+            /* @__PURE__ */ jsx28(Icon19, { icon: "lucide:database", width: 14 }),
+            /* @__PURE__ */ jsxs21("span", { children: [
               "\u7D22\u5F15\u5927\u5C0F: ",
               indexSize
             ] })
           ] }),
-          lastUpdated && /* @__PURE__ */ jsxs20("div", { className: "stat-item", children: [
-            /* @__PURE__ */ jsx28(Icon20, { icon: "lucide:clock", width: 14 }),
-            /* @__PURE__ */ jsxs20("span", { children: [
+          lastUpdated && /* @__PURE__ */ jsxs21("div", { className: "stat-item", children: [
+            /* @__PURE__ */ jsx28(Icon19, { icon: "lucide:clock", width: 14 }),
+            /* @__PURE__ */ jsxs21("span", { children: [
               "\u6700\u540E\u66F4\u65B0: ",
               lastUpdated
             ] })
           ] })
         ] }),
-        isIndexing && currentFile && /* @__PURE__ */ jsxs20("div", { className: "current-file", children: [
-          /* @__PURE__ */ jsx28(Icon20, { icon: "lucide:file-text", width: 14 }),
+        isIndexing && currentFile && /* @__PURE__ */ jsxs21("div", { className: "current-file", children: [
+          /* @__PURE__ */ jsx28(Icon19, { icon: "lucide:file-text", width: 14 }),
           /* @__PURE__ */ jsx28("span", { className: "file-path", children: currentFile })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "action-buttons", children: [
-          !isIndexing ? /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsxs21("div", { className: "action-buttons", children: [
+          !isIndexing ? /* @__PURE__ */ jsxs21(
             "button",
             {
               className: "edit-btn",
               onClick: handleSync,
               children: [
-                /* @__PURE__ */ jsx28(Icon20, { icon: "lucide:refresh-cw", width: 16 }),
+                /* @__PURE__ */ jsx28(Icon19, { icon: "lucide:refresh-cw", width: 16 }),
                 /* @__PURE__ */ jsx28("span", { children: "\u540C\u6B65" })
               ]
             }
-          ) : /* @__PURE__ */ jsxs20(
+          ) : /* @__PURE__ */ jsxs21(
             "button",
             {
               className: "edit-btn",
               onClick: handleCancelIndex,
               children: [
-                /* @__PURE__ */ jsx28(Icon20, { icon: "lucide:x", width: 16 }),
+                /* @__PURE__ */ jsx28(Icon19, { icon: "lucide:x", width: 16 }),
                 /* @__PURE__ */ jsx28("span", { children: "\u53D6\u6D88" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             "button",
             {
               className: "edit-btn delete-btn",
               disabled: isIndexing,
               onClick: () => setShowDeleteConfirm(true),
               children: [
-                /* @__PURE__ */ jsx28(Icon20, { icon: "lucide:trash-2", width: 16 }),
+                /* @__PURE__ */ jsx28(Icon19, { icon: "lucide:trash-2", width: 16 }),
                 /* @__PURE__ */ jsx28("span", { children: "\u5220\u9664\u7D22\u5F15" })
               ]
             }
@@ -4144,12 +4877,12 @@ function IndexingSettings() {
 }
 
 // src/components/common/SettingsPanel.tsx
-import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 var sections = [
   { id: "agent", label: "Agent", icon: "solar:link-round-angle-line-duotone" },
   { id: "indexing", label: "\u7D22\u5F15\u4E0E\u6587\u6863", icon: "lucide:database" }
 ];
-function SettingsPanel({ visible, config, onClose, onChange }) {
+function SettingsPanel({ visible, config, allTools, enabledTools, onUpdateEnabledTools, onClose, onChange }) {
   const [currentSection, setCurrentSection] = useState18("agent");
   const currentSectionLabel = useMemo13(
     () => sections.find((s) => s.id === currentSection)?.label ?? "",
@@ -4159,55 +4892,125 @@ function SettingsPanel({ visible, config, onClose, onChange }) {
     { value: "run-everything", label: "\u8FD0\u884C\u6240\u6709\u5185\u5BB9\uFF08\u81EA\u52A8\u6267\u884C\uFF09" },
     { value: "manual", label: "\u624B\u52A8\u6279\u51C6\uFF08\u6BCF\u6B21\u6267\u884C\u524D\u8BE2\u95EE\uFF09" }
   ];
-  const updateConfig = useCallback14((key, value) => {
+  const updateConfig = useCallback15((key, value) => {
     onChange({ ...config, [key]: value });
   }, [config, onChange]);
-  const handleModeChange = useCallback14((value) => {
+  const handleModeChange = useCallback15((value) => {
     updateConfig("mode", value);
   }, [updateConfig]);
-  const handleOverlayClick = useCallback14((e) => {
+  const handleOverlayClick = useCallback15((e) => {
     if (e.target === e.currentTarget) {
       onClose();
     }
   }, [onClose]);
+  const allToolNames = useMemo13(() => (allTools ?? []).map((t) => t.name), [allTools]);
+  const isToolEnabled = useCallback15((toolName) => {
+    if (enabledTools === void 0) return true;
+    return enabledTools.includes(toolName);
+  }, [enabledTools]);
+  const handleToolToggle = useCallback15((toolName, checked) => {
+    if (!onUpdateEnabledTools) return;
+    if (enabledTools === void 0) {
+      if (checked) return;
+      onUpdateEnabledTools(allToolNames.filter((n) => n !== toolName));
+      return;
+    }
+    const set = new Set(enabledTools);
+    if (checked) set.add(toolName);
+    else set.delete(toolName);
+    if (allToolNames.length > 0 && set.size === allToolNames.length) {
+      onUpdateEnabledTools(void 0);
+      return;
+    }
+    onUpdateEnabledTools(Array.from(set));
+  }, [enabledTools, allToolNames, onUpdateEnabledTools]);
+  const handleDisableAllTools = useCallback15(() => {
+    onUpdateEnabledTools?.([]);
+  }, [onUpdateEnabledTools]);
+  const isAllToolsDisabled = useMemo13(
+    () => enabledTools !== void 0 && enabledTools.length === 0,
+    [enabledTools]
+  );
+  const handleEnableAllTools = useCallback15(() => {
+    onUpdateEnabledTools?.(void 0);
+  }, [onUpdateEnabledTools]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsx29("div", { className: "settings-panel-overlay", onClick: handleOverlayClick, children: /* @__PURE__ */ jsxs21("div", { className: "settings-panel", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "settings-sidebar", children: [
+  return /* @__PURE__ */ jsx29("div", { className: "settings-panel-overlay", onClick: handleOverlayClick, children: /* @__PURE__ */ jsxs22("div", { className: "settings-panel", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "settings-sidebar", children: [
       /* @__PURE__ */ jsx29("div", { className: "sidebar-header", children: /* @__PURE__ */ jsx29("h3", { className: "sidebar-title", children: "\u8BBE\u7F6E" }) }),
-      /* @__PURE__ */ jsx29("div", { className: "sidebar-content", children: sections.map((section) => /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsx29("div", { className: "sidebar-content", children: sections.map((section) => /* @__PURE__ */ jsxs22(
         "button",
         {
           className: `sidebar-item${currentSection === section.id ? " active" : ""}`,
           onClick: () => setCurrentSection(section.id),
           children: [
-            /* @__PURE__ */ jsx29(Icon21, { icon: section.icon, width: 18 }),
+            /* @__PURE__ */ jsx29(Icon20, { icon: section.icon, width: 18 }),
             /* @__PURE__ */ jsx29("span", { children: section.label })
           ]
         },
         section.id
       )) })
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "settings-content", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "content-header", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "settings-content", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "content-header", children: [
         /* @__PURE__ */ jsx29("h2", { className: "content-title", children: currentSectionLabel }),
-        /* @__PURE__ */ jsx29("button", { className: "close-btn", onClick: onClose, children: /* @__PURE__ */ jsx29(Icon21, { icon: "lucide:x", width: 20 }) })
+        /* @__PURE__ */ jsx29("button", { className: "close-btn", onClick: onClose, children: /* @__PURE__ */ jsx29(Icon20, { icon: "lucide:x", width: 20 }) })
       ] }),
-      /* @__PURE__ */ jsxs21("div", { className: "content-body", children: [
-        currentSection === "agent" && /* @__PURE__ */ jsx29(Fragment5, { children: /* @__PURE__ */ jsxs21("div", { className: "setting-item", children: [
-          /* @__PURE__ */ jsxs21("div", { className: "setting-info", children: [
-            /* @__PURE__ */ jsx29("div", { className: "setting-label", children: "\u81EA\u52A8\u8FD0\u884C\u6A21\u5F0F" }),
-            /* @__PURE__ */ jsx29("div", { className: "setting-description", children: "\u63A7\u5236\u5DE5\u5177\u6267\u884C\u7684\u81EA\u52A8\u8FD0\u884C\u884C\u4E3A" })
+      /* @__PURE__ */ jsxs22("div", { className: "content-body", children: [
+        currentSection === "agent" && /* @__PURE__ */ jsxs22(Fragment5, { children: [
+          /* @__PURE__ */ jsxs22("div", { className: "setting-item", children: [
+            /* @__PURE__ */ jsxs22("div", { className: "setting-info", children: [
+              /* @__PURE__ */ jsx29("div", { className: "setting-label", children: "\u81EA\u52A8\u8FD0\u884C\u6A21\u5F0F" }),
+              /* @__PURE__ */ jsx29("div", { className: "setting-description", children: "\u63A7\u5236\u5DE5\u5177\u6267\u884C\u7684\u81EA\u52A8\u8FD0\u884C\u884C\u4E3A" })
+            ] }),
+            /* @__PURE__ */ jsx29("div", { className: "setting-control", children: /* @__PURE__ */ jsx29(
+              DropdownSelector,
+              {
+                value: config.mode ?? "run-everything",
+                options: modeOptions2,
+                align: "right",
+                onSelect: handleModeChange
+              }
+            ) })
           ] }),
-          /* @__PURE__ */ jsx29("div", { className: "setting-control", children: /* @__PURE__ */ jsx29(
-            DropdownSelector,
-            {
-              value: config.mode ?? "run-everything",
-              options: modeOptions2,
-              align: "right",
-              onSelect: handleModeChange
-            }
-          ) })
-        ] }) }),
+          /* @__PURE__ */ jsxs22("div", { className: "setting-section", children: [
+            /* @__PURE__ */ jsxs22("div", { className: "setting-section-header", children: [
+              /* @__PURE__ */ jsxs22("div", { className: "setting-info", children: [
+                /* @__PURE__ */ jsx29("div", { className: "setting-label", children: "\u5DE5\u5177\u7BA1\u7406" }),
+                /* @__PURE__ */ jsx29("div", { className: "setting-description", children: "\u63A7\u5236\u54EA\u4E9B\u5DE5\u5177\u53EF\u4EE5\u88AB AI \u4F7F\u7528" })
+              ] }),
+              /* @__PURE__ */ jsx29(
+                "button",
+                {
+                  className: "disable-all-btn",
+                  onClick: isAllToolsDisabled ? handleEnableAllTools : handleDisableAllTools,
+                  disabled: !allTools?.length,
+                  children: isAllToolsDisabled ? "\u542F\u7528\u6240\u6709\u5DE5\u5177" : "\u7981\u7528\u6240\u6709\u5DE5\u5177"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx29("div", { className: "tools-list", children: allTools && allTools.length > 0 ? allTools.map((tool) => /* @__PURE__ */ jsxs22("div", { className: "tool-item", children: [
+              /* @__PURE__ */ jsxs22("div", { className: "tool-info", children: [
+                /* @__PURE__ */ jsx29("div", { className: "tool-name", children: tool.name }),
+                /* @__PURE__ */ jsx29("div", { className: "tool-description", children: tool.description })
+              ] }),
+              /* @__PURE__ */ jsx29(
+                ToggleSwitch,
+                {
+                  checked: isToolEnabled(tool.name),
+                  onChange: (checked) => handleToolToggle(tool.name, checked)
+                }
+              )
+            ] }, tool.name)) : /* @__PURE__ */ jsxs22("div", { className: "no-tools", children: [
+              /* @__PURE__ */ jsx29("div", { children: "\u6682\u65E0\u53EF\u7528\u5DE5\u5177" }),
+              /* @__PURE__ */ jsxs22("div", { className: "no-tools-hint", children: [
+                "\u5DE5\u5177\u9700\u8981\u5728\u521B\u5EFA Electron Bridge \u65F6\u901A\u8FC7 ",
+                /* @__PURE__ */ jsx29("code", { children: "tools" }),
+                " \u53C2\u6570\u6CE8\u5165"
+              ] })
+            ] }) })
+          ] })
+        ] }),
         currentSection === "indexing" && /* @__PURE__ */ jsx29(IndexingSettings, {})
       ] })
     ] })
@@ -4215,7 +5018,7 @@ function SettingsPanel({ visible, config, onClose, onChange }) {
 }
 
 // src/components/ChatPanel.tsx
-import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 var ChatPanel = forwardRef8(({
   adapter,
   defaultModel = "anthropic/claude-opus-4.5",
@@ -4226,13 +5029,15 @@ var ChatPanel = forwardRef8(({
   onToolComplete,
   className = "",
   welcomeConfig,
-  toolRenderers = {},
+  partRenderers = {},
   stepsExpandedType = "auto"
 }, ref) => {
-  const messagesRef = useRef11(null);
-  const inputRef = useRef11(null);
+  const messagesRef = useRef12(null);
+  const inputRef = useRef12(null);
   const [shouldAutoScroll, setShouldAutoScroll] = useState19(true);
-  const SCROLL_THRESHOLD = 100;
+  const SCROLL_THRESHOLD = 25;
+  const lastScrollTopRef = useRef12(0);
+  const isProgrammaticScrollRef = useRef12(false);
   const [settingsPanelVisible, setSettingsPanelVisible] = useState19(false);
   const [models, setModels] = useState19(propModels || []);
   const [confirmDialog, setConfirmDialog] = useState19({
@@ -4244,7 +5049,7 @@ var ChatPanel = forwardRef8(({
     onConfirm: () => {
     }
   });
-  const showConfirm = useCallback15((options) => {
+  const showConfirm = useCallback16((options) => {
     setConfirmDialog({
       visible: true,
       title: options.title || "\u786E\u8BA4",
@@ -4255,7 +5060,7 @@ var ChatPanel = forwardRef8(({
     });
   }, []);
   const [toast, setToast] = useState19({ visible: false, message: "", type: "info" });
-  const showToast = useCallback15((message, type = "info") => {
+  const showToast = useCallback16((message, type = "info") => {
     setToast({ visible: true, message, type });
   }, []);
   const {
@@ -4279,19 +5084,27 @@ var ChatPanel = forwardRef8(({
     cancelRequest,
     copyMessage,
     regenerateMessage,
+    resendFromIndex,
     setMode,
     setModel,
     setWebSearch,
     setThinking,
     setWorkingDirectory,
     autoRunConfig,
-    saveAutoRunConfig
+    saveAutoRunConfig,
+    // 工具管理
+    allTools,
+    enabledTools,
+    saveEnabledTools
   } = useChat({
     adapter,
     defaultModel,
     defaultMode,
     onToolComplete
   });
+  const handleCancelToolCall = useCallback16((_toolCallId) => {
+    cancelRequest();
+  }, [cancelRequest]);
   useImperativeHandle8(ref, () => ({
     setInputText: (text) => {
       inputRef.current?.setText(text);
@@ -4307,61 +5120,84 @@ var ChatPanel = forwardRef8(({
     },
     setCwd: setWorkingDirectory
   }), [sendMessage, setWorkingDirectory]);
-  useEffect16(() => {
+  useEffect17(() => {
     loadSessions();
   }, [loadSessions]);
-  useEffect16(() => {
+  useEffect17(() => {
     adapter.getModels().then(setModels).catch((err) => console.warn("\u83B7\u53D6\u6A21\u578B\u5217\u8868\u5931\u8D25:", err));
   }, [adapter]);
-  const isNearBottom = useCallback15(() => {
+  const isNearBottom = useCallback16(() => {
     if (!messagesRef.current) return true;
     const { scrollTop, scrollHeight, clientHeight } = messagesRef.current;
     return scrollHeight - scrollTop - clientHeight < SCROLL_THRESHOLD;
   }, []);
-  const handleScroll = useCallback15(() => {
-    setShouldAutoScroll(isNearBottom());
+  const handleScroll = useCallback16(() => {
+    if (!messagesRef.current) return;
+    if (isProgrammaticScrollRef.current) return;
+    const { scrollTop } = messagesRef.current;
+    const isScrollingUp = scrollTop < lastScrollTopRef.current;
+    lastScrollTopRef.current = scrollTop;
+    if (isScrollingUp) {
+      setShouldAutoScroll(false);
+      return;
+    }
+    if (isNearBottom()) {
+      setShouldAutoScroll(true);
+    }
   }, [isNearBottom]);
-  const scrollToBottom = useCallback15((force = false) => {
+  const scrollToBottom = useCallback16((force = false) => {
     if (messagesRef.current && (force || shouldAutoScroll)) {
+      isProgrammaticScrollRef.current = true;
       messagesRef.current.scrollTop = messagesRef.current.scrollHeight;
-      setShouldAutoScroll(true);
+      lastScrollTopRef.current = messagesRef.current.scrollTop;
+      if (force) {
+        setShouldAutoScroll(true);
+      }
+      requestAnimationFrame(() => {
+        isProgrammaticScrollRef.current = false;
+      });
     }
   }, [shouldAutoScroll]);
-  useEffect16(() => {
+  useEffect17(() => {
     scrollToBottom();
   }, [messages, scrollToBottom]);
-  const prevIsLoadingRef = useRef11(isLoading);
-  useEffect16(() => {
+  const prevIsLoadingRef = useRef12(isLoading);
+  useEffect17(() => {
     if (isLoading && !prevIsLoadingRef.current) {
       scrollToBottom(true);
     }
     prevIsLoadingRef.current = isLoading;
   }, [isLoading, scrollToBottom]);
-  const handleSend = useCallback15((text) => {
-    sendMessage(text);
+  const handleSend = useCallback16((text, images) => {
+    const imageUrls = images?.map((img) => `data:${img.mimeType};base64,${img.base64}`);
+    sendMessage(text, imageUrls);
   }, [sendMessage]);
-  const handleAtContext = useCallback15(() => {
+  const handleAtContext = useCallback16(() => {
     console.log("@ \u4E0A\u4E0B\u6587");
   }, []);
-  const handleQuickAction = useCallback15(
+  const handleQuickAction = useCallback16(
     (text) => {
       sendMessage(text);
     },
     [sendMessage]
   );
-  const handleResend = useCallback15(
-    (_index, text) => {
-      sendMessage(text);
+  const handleResend = useCallback16(
+    (index, text) => {
+      resendFromIndex(index, text);
     },
-    [sendMessage]
+    [resendFromIndex]
   );
-  const handleClose = useCallback15(() => {
+  const handleNewSession = useCallback16(async () => {
+    await createNewSession();
+    inputRef.current?.clear();
+  }, [createNewSession]);
+  const handleClose = useCallback16(() => {
     onClose?.();
   }, [onClose]);
-  const handleSettings = useCallback15(() => {
+  const handleSettings = useCallback16(() => {
     setSettingsPanelVisible(true);
   }, []);
-  const handleSaveSettings = useCallback15(async (config) => {
+  const handleSaveSettings = useCallback16(async (config) => {
     try {
       await saveAutoRunConfig(config);
     } catch (error) {
@@ -4369,7 +5205,15 @@ var ChatPanel = forwardRef8(({
       showToast("\u4FDD\u5B58\u8BBE\u7F6E\u5931\u8D25", "error");
     }
   }, [saveAutoRunConfig, showToast]);
-  const handleClearAll = useCallback15(() => {
+  const handleUpdateEnabledTools = useCallback16(async (tools) => {
+    try {
+      await saveEnabledTools(tools);
+    } catch (error) {
+      console.error("\u4FDD\u5B58\u5DE5\u5177\u5F00\u5173\u5931\u8D25:", error);
+      showToast("\u4FDD\u5B58\u5DE5\u5177\u5F00\u5173\u5931\u8D25", "error");
+    }
+  }, [saveEnabledTools, showToast]);
+  const handleClearAll = useCallback16(() => {
     showConfirm({
       title: "\u6E05\u7A7A\u6240\u6709\u5BF9\u8BDD",
       message: "\u786E\u5B9A\u8981\u6E05\u7A7A\u6240\u6709\u5BF9\u8BDD\u5417\uFF1F\u6B64\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\u3002",
@@ -4378,10 +5222,10 @@ var ChatPanel = forwardRef8(({
       onConfirm: () => clearAllSessions()
     });
   }, [showConfirm, clearAllSessions]);
-  const handleCloseOthers = useCallback15(async () => {
+  const handleCloseOthers = useCallback16(async () => {
     await hideOtherSessions();
   }, [hideOtherSessions]);
-  const handleExport = useCallback15(() => {
+  const handleExport = useCallback16(() => {
     const data = exportCurrentSession();
     if (!data) {
       showToast("\u5F53\u524D\u4F1A\u8BDD\u6CA1\u6709\u5185\u5BB9\u53EF\u5BFC\u51FA", "warning");
@@ -4399,7 +5243,7 @@ var ChatPanel = forwardRef8(({
     document.body.removeChild(a);
     URL.revokeObjectURL(url);
   }, [exportCurrentSession, sessions, currentSessionId, showToast]);
-  const handleCopyId = useCallback15(async () => {
+  const handleCopyId = useCallback16(async () => {
     if (!currentSessionId) return;
     try {
       await navigator.clipboard.writeText(currentSessionId);
@@ -4408,7 +5252,7 @@ var ChatPanel = forwardRef8(({
       console.error("\u590D\u5236\u5931\u8D25:", error);
     }
   }, [currentSessionId, showToast]);
-  const handleFeedback = useCallback15(() => {
+  const handleFeedback = useCallback16(() => {
     console.log("\u53CD\u9988");
   }, []);
   const inputContextValue = useMemo14(
@@ -4430,7 +5274,7 @@ var ChatPanel = forwardRef8(({
     }),
     [mode, model, models, webSearch, thinking, isLoading, adapter, setMode, setModel, setWebSearch, setThinking]
   );
-  return /* @__PURE__ */ jsx30(ChatInputProvider, { value: inputContextValue, children: /* @__PURE__ */ jsx30(RenderersProvider, { blockRenderers: {}, toolRenderers, children: /* @__PURE__ */ jsxs22("div", { className: `chat-panel ${className}`.trim(), children: [
+  return /* @__PURE__ */ jsx30(ChatInputProvider, { value: inputContextValue, children: /* @__PURE__ */ jsx30(PartRenderersProvider, { partRenderers, children: /* @__PURE__ */ jsxs23("div", { className: `chat-panel ${className}`.trim(), children: [
     /* @__PURE__ */ jsx30(
       ConfirmDialog,
       {
@@ -4460,6 +5304,9 @@ var ChatPanel = forwardRef8(({
       {
         visible: settingsPanelVisible,
         config: autoRunConfig,
+        allTools,
+        enabledTools,
+        onUpdateEnabledTools: handleUpdateEnabledTools,
         onChange: handleSaveSettings,
         onClose: () => setSettingsPanelVisible(false)
       }
@@ -4470,7 +5317,7 @@ var ChatPanel = forwardRef8(({
         sessions,
         currentSessionId,
         showClose: !!onClose,
-        onNewSession: createNewSession,
+        onNewSession: handleNewSession,
         onSwitchSession: switchSession,
         onDeleteSession: deleteSession,
         onHideSession: hideSession,
@@ -4483,7 +5330,7 @@ var ChatPanel = forwardRef8(({
         onSettings: handleSettings
       }
     ),
-    /* @__PURE__ */ jsxs22("div", { className: "messages-wrapper", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "messages-wrapper", children: [
       /* @__PURE__ */ jsx30("div", { ref: messagesRef, className: "messages-container chat-scrollbar", onScroll: handleScroll, children: messages.length === 0 ? /* @__PURE__ */ jsx30(WelcomeMessage, { config: welcomeConfig, onQuickAction: handleQuickAction }) : messages.map((msg, index) => /* @__PURE__ */ jsx30(
         MessageBubble,
         {
@@ -4497,6 +5344,7 @@ var ChatPanel = forwardRef8(({
           timestamp: msg.timestamp,
           stepsExpandedType,
           adapter,
+          onCancelToolCall: handleCancelToolCall,
           autoRunConfig,
           onSaveConfig: saveAutoRunConfig,
           onCopy: () => copyMessage(msg.id),
@@ -4511,7 +5359,7 @@ var ChatPanel = forwardRef8(({
           className: "scroll-to-bottom-btn",
           onClick: () => scrollToBottom(true),
           title: "\u6EDA\u52A8\u5230\u5E95\u90E8",
-          children: /* @__PURE__ */ jsx30(Icon22, { icon: "lucide:arrow-down", width: 16 })
+          children: /* @__PURE__ */ jsx30(Icon21, { icon: "lucide:arrow-down", width: 16 })
         }
       )
     ] }),
@@ -4538,251 +5386,32 @@ var ChatPanel = forwardRef8(({
 });
 ChatPanel.displayName = "ChatPanel";
 
-// src/components/message/ContentRenderer.tsx
-import { useMemo as useMemo16, useContext as useContext3 } from "react";
-import { parseContent } from "@huyooo/ai-chat-shared";
-
-// src/components/message/blocks/TextBlock.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
-var TextBlock = ({ block }) => {
-  return /* @__PURE__ */ jsx31("div", { className: "text-block", children: block.content });
-};
-
-// src/components/message/blocks/CodeBlock.tsx
-import { useState as useState20, useCallback as useCallback16, useMemo as useMemo15 } from "react";
-import { Icon as Icon23 } from "@iconify/react";
-import { highlightCode, getLanguageDisplayName } from "@huyooo/ai-chat-shared";
-import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
-var CodeBlock = ({ block, onCopy }) => {
-  const [copied, setCopied] = useState20(false);
-  const languageDisplay = useMemo15(
-    () => getLanguageDisplayName(block.language),
-    [block.language]
-  );
-  const highlightedCode = useMemo15(
-    () => highlightCode(block.content, block.language),
-    [block.content, block.language]
-  );
-  const handleCopy = useCallback16(async () => {
-    try {
-      await navigator.clipboard.writeText(block.content);
-      setCopied(true);
-      onCopy?.(block.content);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch (err) {
-      console.error("\u590D\u5236\u5931\u8D25:", err);
-    }
-  }, [block.content, onCopy]);
-  return /* @__PURE__ */ jsxs23("div", { className: "code-block", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "code-header", children: [
-      /* @__PURE__ */ jsx32("span", { className: "code-language", children: languageDisplay }),
-      /* @__PURE__ */ jsx32("div", { className: "code-actions", children: /* @__PURE__ */ jsx32("button", { className: "code-action-btn", title: "\u590D\u5236\u4EE3\u7801", onClick: handleCopy, children: /* @__PURE__ */ jsx32(Icon23, { icon: copied ? "lucide:check" : "lucide:copy", width: 14 }) }) })
-    ] }),
-    /* @__PURE__ */ jsx32("pre", { className: "code-content", children: /* @__PURE__ */ jsx32("code", { dangerouslySetInnerHTML: { __html: highlightedCode } }) })
-  ] });
-};
-
-// src/components/message/ContentRenderer.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
-var ContentRenderer = ({
-  content,
-  blocks: preBlocks,
-  onCodeCopy
-}) => {
-  const customRenderers = useContext3(BlockRenderersContext);
-  const blocks = useMemo16(() => {
-    if (preBlocks?.length) {
-      return preBlocks;
-    }
-    return parseContent(content);
-  }, [content, preBlocks]);
-  if (!blocks.length) return null;
-  return /* @__PURE__ */ jsx33("div", { className: "content-renderer", children: blocks.map((block) => {
-    const CustomRenderer = customRenderers[block.type];
-    if (CustomRenderer) {
-      return /* @__PURE__ */ jsx33(CustomRenderer, { block }, block.id);
-    }
-    switch (block.type) {
-      case "text":
-        return /* @__PURE__ */ jsx33(TextBlock, { block }, block.id);
-      case "code":
-        return /* @__PURE__ */ jsx33(CodeBlock, { block, onCopy: onCodeCopy }, block.id);
-      default:
-        return null;
-    }
-  }) });
-};
-
-// src/components/message/ToolResultRenderer.tsx
-import { useContext as useContext4, useMemo as useMemo20 } from "react";
-
-// src/components/message/tool-results/DefaultToolResult.tsx
-import { useMemo as useMemo17 } from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
-var DefaultToolResult = ({ toolResult }) => {
-  const formattedResult = useMemo17(() => {
-    if (typeof toolResult === "string") {
-      return toolResult;
-    }
-    try {
-      return JSON.stringify(toolResult, null, 2);
-    } catch {
-      return String(toolResult);
-    }
-  }, [toolResult]);
-  return /* @__PURE__ */ jsx34("div", { className: "default-tool-result", children: /* @__PURE__ */ jsx34("pre", { className: "result-content", children: formattedResult }) });
-};
-
-// src/components/message/tool-results/WeatherCard.tsx
-import { useMemo as useMemo18 } from "react";
-import { Icon as Icon24 } from "@iconify/react";
-import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
-var WeatherCard = ({ toolResult }) => {
-  const weather = useMemo18(() => {
-    if (typeof toolResult === "object" && toolResult !== null) {
-      return toolResult;
-    }
-    return {
-      city: "\u672A\u77E5",
-      temperature: 0,
-      condition: "\u672A\u77E5"
-    };
-  }, [toolResult]);
-  return /* @__PURE__ */ jsxs24("div", { className: "weather-card", children: [
-    /* @__PURE__ */ jsxs24("div", { className: "weather-header", children: [
-      /* @__PURE__ */ jsx35(Icon24, { icon: "lucide:cloud-sun", width: 24, className: "weather-icon" }),
-      /* @__PURE__ */ jsx35("div", { className: "weather-location", children: weather.city })
-    ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "weather-main", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "weather-temp", children: [
-        weather.temperature,
-        "\xB0"
-      ] }),
-      /* @__PURE__ */ jsx35("div", { className: "weather-condition", children: weather.condition })
-    ] }),
-    (weather.humidity || weather.wind) && /* @__PURE__ */ jsxs24("div", { className: "weather-details", children: [
-      weather.humidity && /* @__PURE__ */ jsxs24("div", { className: "weather-detail", children: [
-        /* @__PURE__ */ jsx35(Icon24, { icon: "lucide:droplets", width: 14 }),
-        /* @__PURE__ */ jsxs24("span", { children: [
-          weather.humidity,
-          "%"
-        ] })
-      ] }),
-      weather.wind && /* @__PURE__ */ jsxs24("div", { className: "weather-detail", children: [
-        /* @__PURE__ */ jsx35(Icon24, { icon: "lucide:wind", width: 14 }),
-        /* @__PURE__ */ jsx35("span", { children: weather.wind })
-      ] })
-    ] }),
-    weather.forecast?.length ? /* @__PURE__ */ jsx35("div", { className: "weather-forecast", children: weather.forecast.map((item) => /* @__PURE__ */ jsxs24("div", { className: "forecast-item", children: [
-      /* @__PURE__ */ jsx35("div", { className: "forecast-date", children: item.date }),
-      /* @__PURE__ */ jsxs24("div", { className: "forecast-temp", children: [
-        item.low,
-        "\xB0 / ",
-        item.high,
-        "\xB0"
-      ] }),
-      /* @__PURE__ */ jsx35("div", { className: "forecast-condition", children: item.condition })
-    ] }, item.date)) }) : null
-  ] });
-};
-
-// src/components/message/tool-results/SearchResults.tsx
-import { useMemo as useMemo19, useCallback as useCallback17 } from "react";
-import { Icon as Icon25 } from "@iconify/react";
-import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
-var SearchResults = ({ toolResult }) => {
-  const results = useMemo19(() => {
-    if (Array.isArray(toolResult)) {
-      return toolResult;
-    }
-    if (typeof toolResult === "object" && toolResult !== null && "results" in toolResult) {
-      return toolResult.results;
-    }
-    return [];
-  }, [toolResult]);
-  const getDomain = useCallback17((url) => {
-    try {
-      return new URL(url).hostname;
-    } catch {
-      return url;
-    }
-  }, []);
-  const openExternal = useCallback17((url) => {
-    const bridge = window.aiChatBridge;
-    if (bridge?.openExternal) {
-      bridge.openExternal(url);
-    } else {
-      window.open(url, "_blank");
-    }
-  }, []);
-  return /* @__PURE__ */ jsxs25("div", { className: "search-results-card", children: [
-    /* @__PURE__ */ jsxs25("div", { className: "search-header", children: [
-      /* @__PURE__ */ jsx36(Icon25, { icon: "lucide:search", width: 16 }),
-      /* @__PURE__ */ jsx36("span", { children: "\u641C\u7D22\u7ED3\u679C" }),
-      /* @__PURE__ */ jsxs25("span", { className: "search-count", children: [
-        results.length,
-        " \u6761"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx36("div", { className: "search-list", children: results.map((item, index) => /* @__PURE__ */ jsxs25(
-      "a",
-      {
-        href: item.url,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "search-item",
-        onClick: (e) => {
-          e.preventDefault();
-          openExternal(item.url);
-        },
-        children: [
-          /* @__PURE__ */ jsx36("div", { className: "item-title", children: item.title }),
-          item.snippet && /* @__PURE__ */ jsx36("div", { className: "item-snippet", children: item.snippet }),
-          /* @__PURE__ */ jsx36("div", { className: "item-url", children: getDomain(item.url) })
-        ]
-      },
-      index
-    )) })
-  ] });
-};
-
-// src/components/message/ToolResultRenderer.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
-var ToolResultRenderer = (props) => {
-  const customRenderers = useContext4(ToolRenderersContext);
-  const Component = useMemo20(() => {
-    return customRenderers[props.toolName] || DefaultToolResult;
-  }, [customRenderers, props.toolName]);
-  return /* @__PURE__ */ jsx37(Component, { ...props });
-};
-
 // src/index.ts
-import { parseContent as parseContent2, highlightCode as highlightCode2, getLanguageDisplayName as getLanguageDisplayName2, renderMarkdown as renderMarkdown2 } from "@huyooo/ai-chat-shared";
+import { parseContent, highlightCode as highlightCode3, getLanguageDisplayName, renderMarkdown as renderMarkdown3 } from "@huyooo/ai-chat-shared";
 export {
-  BlockRenderersContext,
   ChatHeader,
   ChatInput,
   ChatInputProvider,
   ChatPanel,
-  CodeBlock,
   ConfirmDialog,
-  ContentRenderer,
-  DefaultToolResult,
+  ErrorPart as ErrorPartComponent,
+  ImagePart as ImagePartComponent,
   MessageBubble,
-  RenderersProvider,
-  SearchResults,
-  TextBlock,
+  PartRenderersContext,
+  PartRenderersProvider,
+  PartsRenderer,
+  SearchPart as SearchPartComponent,
+  TextPart as TextPartComponent,
+  ThinkingPart as ThinkingPartComponent,
   Toast,
-  ToolRenderersContext,
-  ToolResultRenderer,
-  WeatherCard,
+  ToolCallPart as ToolCallPartComponent,
   WelcomeMessage,
   defaultWelcomeConfig,
-  getLanguageDisplayName2 as getLanguageDisplayName,
+  getLanguageDisplayName,
   getMessageText,
-  highlightCode2 as highlightCode,
-  parseContent2 as parseContent,
-  renderMarkdown2 as renderMarkdown,
+  highlightCode3 as highlightCode,
+  parseContent,
+  renderMarkdown3 as renderMarkdown,
   useChat,
   useChatInputContext
 };