research-copilot 0.2.0 → 0.2.1

package/app/out/renderer/assets/{index-CUPy7R5v.js → index-Du-Z3sl4.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./MilkdownMarkdownEditor-Czh2N6UQ.js","./MilkdownMarkdownEditor-tTNRIB2K.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./MilkdownMarkdownEditor-D7GYpVZn.js","./MilkdownMarkdownEditor-tTNRIB2K.css"])))=>i.map(i=>d[i]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -12641,6 +12641,27 @@ const ChevronRight = createLucideIcon("ChevronRight", [
  * See the LICENSE file in the root directory of this source tree.
  */
 const ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
+/**
+ * @license lucide-react v0.469.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const CircleAlert = createLucideIcon("CircleAlert", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+]);
+/**
+ * @license lucide-react v0.469.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const CircleCheck = createLucideIcon("CircleCheck", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -12883,6 +12904,17 @@ const GitBranch = createLucideIcon("GitBranch", [
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ]);
+/**
+ * @license lucide-react v0.469.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Globe = createLucideIcon("Globe", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -13182,6 +13214,21 @@ const Upload = createLucideIcon("Upload", [
   ["polyline", { points: "17 8 12 3 7 8", key: "t8dd8p" }],
   ["line", { x1: "12", x2: "12", y1: "3", y2: "15", key: "widbto" }]
 ]);
+/**
+ * @license lucide-react v0.469.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Wrench = createLucideIcon("Wrench", [
+  [
+    "path",
+    {
+      d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z",
+      key: "cbrjhi"
+    }
+  ]
+]);
 /**
  * @license lucide-react v0.469.0 - ISC
  *
@@ -26215,6 +26262,65 @@ const __vitePreload = function preload2(baseModule, deps, importerUrl) {
     return baseModule().catch(handlePreloadError);
   });
 };
+function extractProgress(tool, data) {
+  if (!data?.partialResult) return void 0;
+  const text2 = data.partialResult?.content?.[0]?.text;
+  if (typeof text2 === "string" && text2.length > 0) {
+    const lines = text2.split("\n").filter(Boolean);
+    const maxLines = tool === "bash" ? 5 : 3;
+    return lines.slice(-maxLines).join("\n");
+  }
+  return void 0;
+}
+const useToolEventsStore = create$1((set, get) => ({
+  currentRunEvents: [],
+  onToolCall: (event) => {
+    const toolCallId = event.toolCallId || `${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+    const newEvent = {
+      id: toolCallId,
+      toolCallId,
+      tool: event.tool,
+      status: "running",
+      summary: event.summary,
+      detail: event.detail,
+      startedAt: Date.now()
+    };
+    set((state) => ({
+      currentRunEvents: [...state.currentRunEvents, newEvent]
+    }));
+  },
+  onToolResult: (event) => {
+    set((state) => {
+      const events = [...state.currentRunEvents];
+      const idx = event.toolCallId ? events.findLastIndex((e) => e.toolCallId === event.toolCallId && e.status === "running") : events.findLastIndex((e) => e.tool === event.tool && e.status === "running");
+      if (idx !== -1) {
+        events[idx] = {
+          ...events[idx],
+          status: event.success !== false ? "success" : "error",
+          resultSummary: event.summary,
+          resultDetail: event.resultDetail,
+          durationMs: event.durationMs,
+          completedAt: Date.now()
+        };
+      }
+      return { currentRunEvents: events };
+    });
+  },
+  onToolProgress: (event) => {
+    if (event.phase === "end") return;
+    set((state) => {
+      const events = [...state.currentRunEvents];
+      const idx = events.findLastIndex((e) => e.toolCallId === event.toolCallId);
+      if (idx !== -1) {
+        const progress = extractProgress(event.tool, event.data) ?? events[idx].progress;
+        events[idx] = { ...events[idx], progress };
+      }
+      return { currentRunEvents: events };
+    });
+  },
+  snapshot: () => [...get().currentRunEvents],
+  clearRun: () => set({ currentRunEvents: [] })
+}));
 const PAGE_SIZE = 20;
 const api$8 = window.api;
 let _sessionId = "";
@@ -26223,6 +26329,9 @@ const useChatStore = create$1((set, get) => ({
   streamingText: "",
   isStreaming: false,
   savedMessageIds: /* @__PURE__ */ new Set(),
+  turnToolEvents: /* @__PURE__ */ new Map(),
+  draftText: "",
+  setDraftText: (text2) => set({ draftText: text2 }),
   hasMore: false,
   isLoadingHistory: false,
   _offset: 0,
@@ -26274,11 +26383,20 @@ const useChatStore = create$1((set, get) => ({
       images: result.images?.map((i) => `data:${i.mimeType};base64,${i.base64}`),
       timestamp: Date.now()
     };
-    set((s15) => ({
-      messages: [...s15.messages, assistantMsg],
-      streamingText: "",
-      isStreaming: false
-    }));
+    const toolEventsSnapshot = useToolEventsStore.getState().snapshot();
+    useToolEventsStore.getState().clearRun();
+    set((s15) => {
+      const nextToolEvents = new Map(s15.turnToolEvents);
+      if (toolEventsSnapshot.length > 0) {
+        nextToolEvents.set(assistantMsg.id, toolEventsSnapshot);
+      }
+      return {
+        messages: [...s15.messages, assistantMsg],
+        streamingText: "",
+        isStreaming: false,
+        turnToolEvents: nextToolEvents
+      };
+    });
     if (_sessionId) {
       api$8.saveMessage(_sessionId, assistantMsg).catch(() => {
       });
@@ -26291,6 +26409,8 @@ const useChatStore = create$1((set, get) => ({
       streamingText: "",
       isStreaming: false,
       savedMessageIds: /* @__PURE__ */ new Set(),
+      turnToolEvents: /* @__PURE__ */ new Map(),
+      draftText: "",
       hasMore: false,
       isLoadingHistory: false,
       _offset: 0,
@@ -26377,16 +26497,19 @@ const useActivityStore = create$1((set) => ({
   push: (event) => set((state) => {
     if (event.tool && event.tool.startsWith("todo-")) return state;
     if (event.type === "tool-result") {
-      const idx = findLastIndex(state.events, (e) => e.type === "tool-call" && e.tool === event.tool);
+      const idx = event.toolCallId ? findLastIndex(state.events, (e) => e.type === "tool-call" && e.toolCallId === event.toolCallId) : findLastIndex(state.events, (e) => e.type === "tool-call" && e.tool === event.tool);
       if (idx !== -1) {
         const updated = [...state.events];
         updated[idx] = {
           ...updated[idx],
+          // preserve original detail (tool-call params)
           type: "tool-result",
           summary: event.summary,
           success: event.success,
           error: event.error,
-          timestamp: event.timestamp
+          timestamp: event.timestamp,
+          resultDetail: event.resultDetail,
+          durationMs: event.durationMs
         };
         return { events: updated };
       }
@@ -26415,6 +26538,10 @@ async function loadFromFramework() {
 const useUsageStore = create$1((set, get) => {
   return {
     // Current run
+    runPromptTokens: 0,
+    runCompletionTokens: 0,
+    runCachedTokens: 0,
+    runCacheWriteTokens: 0,
     runTokens: 0,
     runCost: 0,
     runCacheHitRate: 0,
@@ -26426,37 +26553,54 @@ const useUsageStore = create$1((set, get) => {
     // All-time totals (from framework persistence)
     allTimeTokens: 0,
     allTimePromptTokens: 0,
+    allTimeCompletionTokens: 0,
     allTimeCachedTokens: 0,
+    allTimeCacheWriteTokens: 0,
     allTimeCost: 0,
     allTimeBillableCost: 0,
     allTimeCalls: 0,
     billingSource: "none",
     recordCall: (event) => set((state) => {
-      const newTokens = event.promptTokens + event.completionTokens;
+      const callTokens = event.promptTokens + event.completionTokens + event.cachedTokens;
+      const cacheWrite = event.cacheWriteTokens ?? 0;
       const billableCost = event.billableCost ?? event.cost;
-      const newState = {
-        runTokens: state.runTokens + newTokens,
+      const newRunPrompt = state.runPromptTokens + event.promptTokens;
+      const newRunCached = state.runCachedTokens + event.cachedTokens;
+      const totalRunInput = newRunPrompt + newRunCached;
+      const runCacheHitRate = totalRunInput > 0 ? newRunCached / totalRunInput : 0;
+      return {
+        runPromptTokens: newRunPrompt,
+        runCompletionTokens: state.runCompletionTokens + event.completionTokens,
+        runCachedTokens: newRunCached,
+        runCacheWriteTokens: state.runCacheWriteTokens + cacheWrite,
+        runTokens: state.runTokens + callTokens,
         runCost: state.runCost + event.cost,
-        runCacheHitRate: event.cacheHitRate,
+        runCacheHitRate,
         runCallCount: state.runCallCount + 1,
-        // Also accumulate to session/all-time
-        sessionTokens: state.sessionTokens + newTokens,
+        // Session
+        sessionTokens: state.sessionTokens + callTokens,
         sessionCost: state.sessionCost + event.cost,
         sessionCalls: state.sessionCalls + 1,
-        allTimeTokens: state.allTimeTokens + newTokens,
+        // All-time
+        allTimeTokens: state.allTimeTokens + callTokens,
         allTimePromptTokens: state.allTimePromptTokens + event.promptTokens,
+        allTimeCompletionTokens: state.allTimeCompletionTokens + event.completionTokens,
         allTimeCachedTokens: state.allTimeCachedTokens + event.cachedTokens,
+        allTimeCacheWriteTokens: state.allTimeCacheWriteTokens + cacheWrite,
         allTimeCost: state.allTimeCost + event.cost,
         allTimeBillableCost: state.allTimeBillableCost + billableCost,
         allTimeCalls: state.allTimeCalls + 1,
         billingSource: event.billingSource ?? state.billingSource
       };
-      return newState;
     }),
     completeRun: (_summary) => {
     },
     // Reset run stats - called when a NEW run starts (not when old one ends)
     resetRun: () => set({
+      runPromptTokens: 0,
+      runCompletionTokens: 0,
+      runCachedTokens: 0,
+      runCacheWriteTokens: 0,
       runTokens: 0,
       runCost: 0,
       runCacheHitRate: 0,
@@ -26464,6 +26608,10 @@ const useUsageStore = create$1((set, get) => {
     }),
     // Reset session stats (but keep all-time)
     resetSession: () => set({
+      runPromptTokens: 0,
+      runCompletionTokens: 0,
+      runCachedTokens: 0,
+      runCacheWriteTokens: 0,
       runTokens: 0,
       runCost: 0,
       runCacheHitRate: 0,
@@ -26476,18 +26624,21 @@ const useUsageStore = create$1((set, get) => {
     loadPersisted: async () => {
       const persisted = await loadFromFramework();
       if (persisted?.totals) {
+        const t = persisted.totals;
         set({
-          allTimeTokens: persisted.totals.tokens ?? 0,
-          allTimePromptTokens: persisted.totals.promptTokens ?? 0,
-          allTimeCachedTokens: persisted.totals.cachedTokens ?? 0,
-          allTimeCost: persisted.totals.cost ?? 0,
-          allTimeBillableCost: persisted.totals.cost ?? 0,
-          allTimeCalls: persisted.totals.calls ?? 0,
+          allTimeTokens: t.tokens ?? 0,
+          allTimePromptTokens: t.promptTokens ?? 0,
+          allTimeCompletionTokens: t.completionTokens ?? 0,
+          allTimeCachedTokens: t.cachedTokens ?? 0,
+          allTimeCacheWriteTokens: t.cacheWriteTokens ?? 0,
+          allTimeCost: t.cost ?? 0,
+          allTimeBillableCost: t.cost ?? 0,
+          allTimeCalls: t.calls ?? 0,
           billingSource: "api-key",
           // Also restore to session totals
-          sessionTokens: persisted.totals.tokens ?? 0,
-          sessionCost: persisted.totals.cost ?? 0,
-          sessionCalls: persisted.totals.calls ?? 0
+          sessionTokens: t.tokens ?? 0,
+          sessionCost: t.cost ?? 0,
+          sessionCalls: t.calls ?? 0
         });
       }
     },
@@ -26496,6 +26647,10 @@ const useUsageStore = create$1((set, get) => {
       api$7?.resetUsageTotals?.().catch?.(() => {
       });
       set({
+        runPromptTokens: 0,
+        runCompletionTokens: 0,
+        runCachedTokens: 0,
+        runCacheWriteTokens: 0,
         runTokens: 0,
         runCost: 0,
         runCacheHitRate: 0,
@@ -26505,7 +26660,9 @@ const useUsageStore = create$1((set, get) => {
         sessionCalls: 0,
         allTimeTokens: 0,
         allTimePromptTokens: 0,
+        allTimeCompletionTokens: 0,
         allTimeCachedTokens: 0,
+        allTimeCacheWriteTokens: 0,
         allTimeCost: 0,
         allTimeBillableCost: 0,
         billingSource: "none",
@@ -28402,6 +28559,630 @@ function HeroIdle() {
     )) })
   ] });
 }
+function getFileName(path2) {
+  if (!path2) return "";
+  const parts = path2.replace(/\\/g, "/").split("/");
+  return parts[parts.length - 1] || path2;
+}
+function truncStr(s15, max) {
+  if (!s15) return "";
+  return s15.length > max ? s15.slice(0, max - 3) + "..." : s15;
+}
+function safeRecord(obj) {
+  return obj && typeof obj === "object" ? obj : {};
+}
+function extractResultText(result) {
+  const r = safeRecord(result);
+  const content2 = r.content;
+  return content2?.[0]?.text || "";
+}
+function lastNLines$1(text2, n) {
+  const lines = text2.split("\n").filter(Boolean);
+  return lines.slice(-n).join("\n");
+}
+const configs = [
+  // ── File tools ────────────────────────
+  {
+    name: "read",
+    displayName: "Read",
+    icon: "FileText",
+    category: "file",
+    formatCallSummary: (a) => {
+      const path2 = a.path || "";
+      const offset = a.offset;
+      const limit = a.limit;
+      const suffix2 = offset ? ` · lines ${offset}-${offset + (limit || 2e3)}` : "";
+      return `${getFileName(path2)}${suffix2}`;
+    },
+    formatCallDetail: (a) => ({ path: a.path, offset: a.offset, limit: a.limit }),
+    formatResultSummary: (result) => {
+      const text2 = extractResultText(result);
+      const lineCount = text2 ? text2.split("\n").length : 0;
+      return lineCount ? `${lineCount} lines` : "Read completed";
+    },
+    formatResultDetail: (result) => {
+      const text2 = extractResultText(result);
+      return { lineCount: text2 ? text2.split("\n").length : 0 };
+    }
+  },
+  {
+    name: "write",
+    displayName: "Write",
+    icon: "FileText",
+    category: "file",
+    formatCallSummary: (a) => getFileName(a.path || ""),
+    formatCallDetail: (a) => ({ path: a.path }),
+    formatResultSummary: (_2, a) => `Written: ${getFileName(a?.path || "")}`,
+    formatResultDetail: (_2, a) => ({ path: a?.path })
+  },
+  {
+    name: "edit",
+    displayName: "Edit",
+    icon: "FileText",
+    category: "file",
+    formatCallSummary: (a) => getFileName(a.path || ""),
+    formatCallDetail: (a) => ({ path: a.path }),
+    formatResultSummary: (_2, a) => `Edited: ${getFileName(a?.path || "")}`,
+    formatResultDetail: (_2, a) => ({ path: a?.path })
+  },
+  // ── Code tools ────────────────────────
+  {
+    name: "bash",
+    displayName: "Bash",
+    icon: "Terminal",
+    category: "code",
+    formatCallSummary: (a) => {
+      const cmd = a.command || "";
+      return cmd.length > 60 ? `$ ${cmd.slice(0, 57)}...` : `$ ${cmd}`;
+    },
+    formatCallDetail: (a) => ({ command: truncStr(a.command, 200) }),
+    formatResultSummary: () => "Command completed",
+    formatResultDetail: (result) => {
+      const text2 = extractResultText(result);
+      const lines = text2.split("\n").filter(Boolean);
+      return { outputLines: lines.length, outputPreview: truncStr(lastNLines$1(text2, 3), 200) };
+    },
+    formatProgress: (partial) => {
+      const text2 = partial?.content?.[0]?.text;
+      if (typeof text2 === "string" && text2.length > 0) {
+        return lastNLines$1(text2, 5);
+      }
+      return void 0;
+    }
+  },
+  // ── Search tools ────────────────────────
+  {
+    name: "grep",
+    displayName: "Search",
+    icon: "Search",
+    category: "search",
+    formatCallSummary: (a) => `"${truncStr(a.pattern, 30)}"${a.path ? ` in ${a.path}` : ""}`,
+    formatCallDetail: (a) => ({ pattern: a.pattern, path: a.path, glob: a.glob }),
+    formatResultSummary: (result) => {
+      const text2 = extractResultText(result);
+      const count = text2.split("\n").filter(Boolean).length;
+      return `${count} results`;
+    },
+    formatResultDetail: (result) => {
+      const text2 = extractResultText(result);
+      return { matchCount: text2.split("\n").filter(Boolean).length };
+    }
+  },
+  {
+    name: "glob",
+    displayName: "Find Files",
+    icon: "Search",
+    category: "search",
+    formatCallSummary: (a) => a.pattern || "",
+    formatCallDetail: (a) => ({ pattern: a.pattern, path: a.path }),
+    formatResultSummary: (result) => {
+      const text2 = extractResultText(result);
+      const count = text2.split("\n").filter(Boolean).length;
+      return `${count} files`;
+    },
+    formatResultDetail: (result) => {
+      const text2 = extractResultText(result);
+      return { fileCount: text2.split("\n").filter(Boolean).length };
+    }
+  },
+  {
+    name: "find",
+    displayName: "Find",
+    icon: "Search",
+    category: "search",
+    formatCallSummary: (a) => truncStr(a.pattern || a.path, 40),
+    formatCallDetail: (a) => ({ pattern: a.pattern, path: a.path }),
+    formatResultSummary: () => "Find completed",
+    formatResultDetail: () => ({})
+  },
+  {
+    name: "ls",
+    displayName: "List",
+    icon: "FileText",
+    category: "file",
+    formatCallSummary: (a) => a.path || ".",
+    formatCallDetail: (a) => ({ path: a.path }),
+    formatResultSummary: () => "Listed",
+    formatResultDetail: () => ({})
+  },
+  // ── Web tools ────────────────────────
+  {
+    name: "fetch",
+    displayName: "Fetch",
+    icon: "Globe",
+    category: "web",
+    formatCallSummary: (a) => truncStr(a.url, 50),
+    formatCallDetail: (a) => ({ url: a.url }),
+    formatResultSummary: (result) => {
+      const text2 = extractResultText(result);
+      const kb = (text2.length / 1024).toFixed(1);
+      return `${kb}KB received`;
+    },
+    formatResultDetail: (result) => {
+      const text2 = extractResultText(result);
+      return { sizeKB: parseFloat((text2.length / 1024).toFixed(1)) };
+    }
+  },
+  {
+    name: "web_fetch",
+    displayName: "Web Fetch",
+    icon: "Globe",
+    category: "web",
+    formatCallSummary: (a) => truncStr(a.url, 50),
+    formatCallDetail: (a) => ({ url: a.url }),
+    formatResultSummary: (result) => {
+      const r = safeRecord(result);
+      const data = safeRecord(r.data);
+      const charCount = data.charCount;
+      if (charCount) return `${(charCount / 1024).toFixed(1)}KB received`;
+      return "Fetch completed";
+    },
+    formatResultDetail: (result) => {
+      const r = safeRecord(result);
+      const data = safeRecord(r.data);
+      return { charCount: data.charCount, url: data.url };
+    }
+  },
+  {
+    name: "web_search",
+    displayName: "Web Search",
+    icon: "Globe",
+    category: "web",
+    formatCallSummary: (a) => truncStr(a.query, 50),
+    formatCallDetail: (a) => ({ query: a.query }),
+    formatResultSummary: () => "Search completed",
+    formatResultDetail: () => ({})
+  },
+  // ── Research tools ────────────────────────
+  {
+    name: "literature-search",
+    displayName: "Literature Search",
+    icon: "BookOpen",
+    category: "research",
+    formatCallSummary: (a) => truncStr(a.query, 40),
+    formatCallDetail: (a) => ({ query: a.query, maxResults: a.max_results }),
+    formatResultSummary: (result) => {
+      const r = safeRecord(result);
+      const data = safeRecord(r.data);
+      const totalFound = data.totalPapersFound ?? 0;
+      const saved = data.papersAutoSaved ?? 0;
+      const coverage = data.coverage;
+      if (totalFound > 0) {
+        let s15 = `Found ${totalFound} papers`;
+        if (coverage?.score != null) s15 += ` (${Math.round(coverage.score * 100)}%)`;
+        if (saved > 0) s15 += `, saved ${saved}`;
+        return s15;
+      }
+      const local = data.localPapersUsed ?? 0;
+      const external = data.externalPapersUsed ?? 0;
+      return `Found ${local + external} papers`;
+    },
+    formatResultDetail: (result) => {
+      const r = safeRecord(result);
+      const data = safeRecord(r.data);
+      return {
+        papersFound: data.totalPapersFound ?? 0,
+        papersSaved: data.papersAutoSaved ?? 0,
+        coverage: data.coverage?.score
+      };
+    }
+  },
+  {
+    name: "lit-subtopic",
+    displayName: "Sub-topic Search",
+    icon: "BookOpen",
+    category: "research",
+    formatCallSummary: (a) => a._summary || "Searching sub-topic",
+    formatCallDetail: (a) => ({ summary: a._summary }),
+    formatResultSummary: (result) => safeRecord(result).data || "Search completed",
+    formatResultDetail: () => ({})
+  },
+  {
+    name: "lit-enrich",
+    displayName: "Enrich Papers",
+    icon: "BookOpen",
+    category: "research",
+    formatCallSummary: (a) => a._summary || "Enriching paper metadata",
+    formatCallDetail: (a) => ({ summary: a._summary }),
+    formatResultSummary: (result) => safeRecord(result).data || "Enriched metadata",
+    formatResultDetail: () => ({})
+  },
+  {
+    name: "lit-autosave",
+    displayName: "Save Papers",
+    icon: "BookOpen",
+    category: "research",
+    formatCallSummary: (a) => a._summary || "Saving papers",
+    formatCallDetail: (a) => ({ summary: a._summary }),
+    formatResultSummary: (result) => safeRecord(result).data || "Saved papers",
+    formatResultDetail: () => ({})
+  },
+  {
+    name: "data_analyze",
+    displayName: "Data Analysis",
+    icon: "Database",
+    category: "research",
+    formatCallSummary: (a) => getFileName(a.file_path || "") || "data",
+    formatCallDetail: (a) => ({ file_path: a.file_path }),
+    formatResultSummary: () => "Analysis completed",
+    formatResultDetail: () => ({})
+  },
+  // ── Artifact tools ────────────────────────
+  {
+    name: "artifact-create",
+    displayName: "Create Artifact",
+    icon: "Sparkles",
+    category: "memory",
+    formatCallSummary: (a) => {
+      const type = (a.type || "artifact").toLowerCase();
+      const title = truncStr(a.title, 35);
+      return `${type}: ${title}`;
+    },
+    formatCallDetail: (a) => ({ type: a.type, title: a.title }),
+    formatResultSummary: (result) => {
+      const data = safeRecord(safeRecord(result).data);
+      const type = data.type || "artifact";
+      const title = truncStr(data.title, 30);
+      return title ? `Created ${type}: ${title}` : `Created ${type}`;
+    },
+    formatResultDetail: (result) => {
+      const data = safeRecord(safeRecord(result).data);
+      return { type: data.type, title: data.title };
+    }
+  },
+  {
+    name: "artifact-update",
+    displayName: "Update Artifact",
+    icon: "Sparkles",
+    category: "memory",
+    formatCallSummary: (a) => truncStr(a.id, 30),
+    formatCallDetail: (a) => ({ id: a.id }),
+    formatResultSummary: () => "Updated",
+    formatResultDetail: () => ({})
+  },
+  {
+    name: "artifact-search",
+    displayName: "Search Artifacts",
+    icon: "Search",
+    category: "memory",
+    formatCallSummary: (a) => truncStr(a.query, 40),
+    formatCallDetail: (a) => ({ query: a.query, types: a.types }),
+    formatResultSummary: () => "Search completed",
+    formatResultDetail: () => ({})
+  },
+  // ── System tools ────────────────────────
+  {
+    name: "convert_document",
+    displayName: "Convert Document",
+    icon: "FileText",
+    category: "system",
+    formatCallSummary: (a) => getFileName(a.source || ""),
+    formatCallDetail: (a) => ({ source: a.source }),
+    formatResultSummary: (result, a) => {
+      const data = safeRecord(safeRecord(result).data);
+      const skill = data.converterSkill;
+      const sourceName = getFileName(a?.source || "");
+      return skill ? `Converted ${sourceName} via ${skill}` : `Converted ${sourceName}`;
+    },
+    formatResultDetail: (result) => {
+      const data = safeRecord(safeRecord(result).data);
+      return { converterSkill: data.converterSkill, outputFile: data.outputFile };
+    }
+  },
+  {
+    name: "load_skill",
+    displayName: "Load Skill",
+    icon: "Sparkles",
+    category: "system",
+    formatCallSummary: (a) => a.name || "skill",
+    formatCallDetail: (a) => ({ name: a.name }),
+    formatResultSummary: (_2, a) => `Loaded: ${a?.name || "skill"}`,
+    formatResultDetail: () => ({})
+  }
+];
+const registry = /* @__PURE__ */ new Map();
+for (const config of configs) {
+  registry.set(config.name, config);
+}
+function getToolDisplayName(toolName) {
+  return registry.get(toolName)?.displayName || toolName;
+}
+function getToolIcon(toolName) {
+  return registry.get(toolName)?.icon || "Wrench";
+}
+const ICON_MAP = {
+  FileText,
+  Terminal,
+  Search,
+  Globe,
+  Wrench,
+  BookOpen,
+  Database,
+  Sparkles
+};
+function getToolMeta(tool) {
+  return {
+    name: getToolDisplayName(tool),
+    Icon: ICON_MAP[getToolIcon(tool)] || Wrench
+  };
+}
+function StatusIcon({ status, size = 13 }) {
+  switch (status) {
+    case "running":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { size, className: "animate-spin t-text-accent-soft" });
+    case "success":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheck, { size, className: "t-text-success" });
+    case "error":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { size, className: "t-text-error" });
+  }
+}
+function formatDuration(ms2) {
+  if (ms2 < 1e3) return `${ms2}ms`;
+  if (ms2 < 6e4) return `${(ms2 / 1e3).toFixed(1)}s`;
+  return `${(ms2 / 6e4).toFixed(1)}m`;
+}
+function ElapsedTimer({ startedAt }) {
+  const [elapsed, setElapsed] = reactExports.useState(Date.now() - startedAt);
+  reactExports.useEffect(() => {
+    const interval = setInterval(() => setElapsed(Date.now() - startedAt), 100);
+    return () => clearInterval(interval);
+  }, [startedAt]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted tabular-nums", children: formatDuration(elapsed) });
+}
+const CompactToolLine = React$2.memo(function CompactToolLine2({ event }) {
+  const [expanded, setExpanded] = reactExports.useState(false);
+  const { name: name2, Icon: Icon2 } = getToolMeta(event.tool);
+  const displaySummary = event.resultSummary || event.summary;
+  const detailItems = buildDetailItems(event.tool, event.detail, event.resultDetail);
+  const hasExpandable = detailItems.length > 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => hasExpandable && setExpanded(!expanded),
+        className: `w-full flex items-center gap-1.5 px-2 py-[3px] text-[11px] rounded transition-colors ${hasExpandable ? "hover:t-bg-hover cursor-pointer" : "cursor-default"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIcon, { status: event.status, size: 11 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 10, className: "t-text-muted shrink-0" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium t-text-secondary shrink-0", children: name2 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted select-none", children: "·" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted truncate flex-1 text-left", children: displaySummary }),
+          event.durationMs != null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] t-text-muted tabular-nums shrink-0", children: formatDuration(event.durationMs) }),
+          hasExpandable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              className: "t-text-muted shrink-0 transition-transform duration-150",
+              style: { transform: expanded ? "rotate(90deg)" : "rotate(0deg)" },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 9 })
+            }
+          )
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-5 mr-2 mb-1 mt-0.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandedDetail, { event }) })
+  ] });
+});
+const RunningToolCard = React$2.memo(function RunningToolCard2({ event }) {
+  const [expanded, setExpanded] = reactExports.useState(false);
+  const { name: name2, Icon: Icon2 } = getToolMeta(event.tool);
+  const displaySummary = event.summary;
+  const detailItems = buildDetailItems(event.tool, event.detail, event.resultDetail);
+  const hasExpandable = detailItems.length > 0 || event.progress;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border t-border t-bg-surface shadow-sm overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => hasExpandable && setExpanded(!expanded),
+        className: `w-full flex items-center gap-2 px-3 py-2 text-xs transition-colors ${hasExpandable ? "hover:t-bg-hover cursor-pointer" : "cursor-default"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIcon, { status: event.status }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { size: 12, className: "t-text-accent-soft shrink-0" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium t-text shrink-0", children: name2 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted select-none", children: "·" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-secondary truncate flex-1 text-left", children: displaySummary }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ElapsedTimer, { startedAt: event.startedAt }),
+          hasExpandable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              className: "t-text-muted shrink-0 transition-transform duration-150",
+              style: { transform: expanded ? "rotate(90deg)" : "rotate(0deg)" },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 10 })
+            }
+          )
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t t-border px-3 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandedDetail, { event }) }),
+    !expanded && event.progress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t t-border px-3 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-[10px] font-mono t-text-muted overflow-hidden max-h-14 leading-relaxed whitespace-pre-wrap", children: event.progress }) })
+  ] });
+});
+const ToolUseCard = React$2.memo(function ToolUseCard2({ event, compact }) {
+  if (compact || event.status !== "running") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(CompactToolLine, { event });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RunningToolCard, { event });
+});
+function ExpandedDetail({ event }) {
+  const items = buildDetailItems(event.tool, event.detail, event.resultDetail);
+  const hasProgress = !!event.progress;
+  if (items.length === 0 && !hasProgress) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [
+    items.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1", children: items.map((item, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(DetailItem, { ...item }, i)) }),
+    hasProgress && /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "p-2 rounded t-bg-base text-[10px] font-mono t-text-secondary overflow-x-auto max-h-28 overflow-y-auto leading-relaxed whitespace-pre-wrap border t-border-subtle", children: event.progress })
+  ] });
+}
+function DetailItem({ type, label, value }) {
+  switch (type) {
+    case "path":
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-[11px]", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { size: 10, className: "t-text-muted shrink-0" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono t-text-secondary truncate", title: value, children: value })
+      ] });
+    case "code":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "p-2 rounded t-bg-base text-[10px] font-mono t-text-secondary overflow-x-auto leading-relaxed whitespace-pre-wrap border t-border-subtle", children: value });
+    case "stat":
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-[10px]", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted", children: label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium t-text-secondary tabular-nums", children: value })
+      ] });
+    case "kv":
+    default:
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline gap-2 text-[11px]", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-muted shrink-0 text-[10px]", children: label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-secondary font-mono truncate", title: value, children: value })
+      ] });
+  }
+}
+function buildDetailItems(tool, detail, resultDetail) {
+  const items = [];
+  if (!detail && !resultDetail) return items;
+  switch (tool) {
+    case "read": {
+      const path2 = detail?.path;
+      if (path2) items.push({ type: "path", value: path2 });
+      const lineCount = resultDetail?.lineCount;
+      if (lineCount) items.push({ type: "stat", label: "Lines read", value: String(lineCount) });
+      break;
+    }
+    case "write":
+    case "edit": {
+      const path2 = detail?.path || resultDetail?.path;
+      if (path2) items.push({ type: "path", value: path2 });
+      break;
+    }
+    case "bash": {
+      const cmd = detail?.command;
+      if (cmd) items.push({ type: "code", value: `$ ${cmd}` });
+      const preview = resultDetail?.outputPreview;
+      if (preview) items.push({ type: "code", value: preview });
+      const lines = resultDetail?.outputLines;
+      if (lines && !preview) items.push({ type: "stat", label: "Output", value: `${lines} lines` });
+      break;
+    }
+    case "grep": {
+      const pattern = detail?.pattern;
+      const path2 = detail?.path;
+      if (pattern) items.push({ type: "kv", label: "Pattern", value: pattern });
+      if (path2) items.push({ type: "kv", label: "Path", value: path2 });
+      const count = resultDetail?.matchCount;
+      if (count != null) items.push({ type: "stat", label: "Matches", value: String(count) });
+      break;
+    }
+    case "glob": {
+      const pattern = detail?.pattern;
+      if (pattern) items.push({ type: "kv", label: "Pattern", value: pattern });
+      const count = resultDetail?.fileCount;
+      if (count != null) items.push({ type: "stat", label: "Files found", value: String(count) });
+      break;
+    }
+    case "fetch":
+    case "web_fetch": {
+      const url = detail?.url;
+      if (url) items.push({ type: "kv", label: "URL", value: url });
+      const size = resultDetail?.sizeKB || resultDetail?.charCount;
+      if (size) items.push({ type: "stat", label: "Received", value: size > 1024 ? `${(size / 1024).toFixed(1)}MB` : `${size}KB` });
+      break;
+    }
+    case "web_search": {
+      const query = detail?.query;
+      if (query) items.push({ type: "kv", label: "Query", value: query });
+      break;
+    }
+    case "literature-search": {
+      const query = detail?.query;
+      if (query) items.push({ type: "kv", label: "Query", value: query });
+      const found = resultDetail?.papersFound;
+      const saved = resultDetail?.papersSaved;
+      const coverage = resultDetail?.coverage;
+      if (found != null) items.push({ type: "stat", label: "Papers found", value: String(found) });
+      if (saved != null && saved > 0) items.push({ type: "stat", label: "Saved", value: String(saved) });
+      if (coverage != null) items.push({ type: "stat", label: "Coverage", value: `${Math.round(coverage * 100)}%` });
+      break;
+    }
+    case "artifact-create":
+    case "artifact-update": {
+      const type = detail?.type || resultDetail?.type;
+      const title = detail?.title || resultDetail?.title;
+      if (type) items.push({ type: "kv", label: "Type", value: type });
+      if (title) items.push({ type: "kv", label: "Title", value: title });
+      break;
+    }
+    case "artifact-search": {
+      const query = detail?.query;
+      if (query) items.push({ type: "kv", label: "Query", value: query });
+      break;
+    }
+    default: {
+      const skipKeys = /* @__PURE__ */ new Set(["success", "path"]);
+      const source = { ...detail, ...resultDetail };
+      for (const [key, val] of Object.entries(source)) {
+        if (val == null || skipKeys.has(key)) continue;
+        const strVal = typeof val === "string" ? val : JSON.stringify(val);
+        if (strVal.length === 0 || strVal === "true" || strVal === "false") continue;
+        items.push({ type: "kv", label: key, value: strVal });
+      }
+      break;
+    }
+  }
+  return items;
+}
+const VISIBLE_COMPLETED = 3;
+function ToolUseStream({ events: propEvents }) {
+  const liveEvents = useToolEventsStore((s15) => s15.currentRunEvents);
+  const events = propEvents ?? liveEvents;
+  const [showAll, setShowAll] = reactExports.useState(false);
+  const { running, completed } = reactExports.useMemo(() => {
+    const running2 = [];
+    const completed2 = [];
+    for (const e of events) {
+      if (e.status === "running") running2.push(e);
+      else completed2.push(e);
+    }
+    return { running: running2, completed: completed2 };
+  }, [events]);
+  if (events.length === 0) return null;
+  const hiddenCount = showAll ? 0 : Math.max(0, completed.length - VISIBLE_COMPLETED);
+  const visibleCompleted = showAll ? completed : completed.slice(-VISIBLE_COMPLETED);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "my-2 max-w-[80%]", children: [
+    hiddenCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => setShowAll(true),
+        className: "flex items-center gap-1.5 px-2 py-1 mb-1 text-[10px] t-text-muted hover:t-text-accent-soft transition-colors rounded",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { size: 10 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            hiddenCount,
+            " more tool ",
+            hiddenCount === 1 ? "call" : "calls"
+          ] })
+        ]
+      }
+    ),
+    visibleCompleted.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-0", children: visibleCompleted.map((event) => /* @__PURE__ */ jsxRuntimeExports.jsx(ToolUseCard, { event, compact: true }, event.id)) }),
+    running.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 mt-1", children: running.map((event) => /* @__PURE__ */ jsxRuntimeExports.jsx(ToolUseCard, { event }, event.id)) })
+  ] });
+}
 const api$4 = window.api;
 const remarkPlugins$1 = [remarkGfm];
 function SelectionBookmark() {
@@ -28583,37 +29364,12 @@ const MessageBubble = React$2.memo(function MessageBubble2({ msg, isSaved }) {
     }
   ) });
 });
-function ThinkingDots() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex gap-1 items-center", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full t-bg-accent-soft animate-bounce", style: { animationDelay: "0ms" } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full t-bg-accent-soft animate-bounce", style: { animationDelay: "150ms" } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-1.5 h-1.5 rounded-full t-bg-accent-soft animate-bounce", style: { animationDelay: "300ms" } })
-  ] });
-}
-function ThinkingBubble() {
-  const events = useActivityStore((s15) => s15.events);
-  const activity = reactExports.useMemo(() => {
-    const latest = [...events].reverse().find((e) => e.type === "tool-call") || events[events.length - 1];
-    return latest?.summary || "";
-  }, [events]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: "rounded-2xl px-4 py-3 text-sm t-text-secondary shrink-0",
-        style: { background: "var(--color-bubble-assistant)" },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingDots, {}),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "Thinking" })
-        ] })
-      }
-    ),
-    activity && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex items-center gap-2 min-w-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-px border-t t-border" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs t-text-muted whitespace-nowrap truncate max-w-[60%] animate-pulse", children: activity }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 h-px border-t t-border" })
-    ] })
-  ] });
+function ThinkingIndicator() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1.5 mt-3 ml-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex gap-[3px] items-center", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce", style: { animationDelay: "0ms" } }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce", style: { animationDelay: "150ms" } }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-[5px] h-[5px] rounded-full t-bg-accent-soft animate-bounce", style: { animationDelay: "300ms" } })
+  ] }) });
 }
 function StreamingBubble() {
   const text2 = useChatStore((s15) => s15.streamingText);
@@ -28635,10 +29391,13 @@ function ChatMessages() {
   const isStreaming = useChatStore((s15) => s15.isStreaming);
   const streamingText = useChatStore((s15) => s15.streamingText);
   const savedMessageIds = useChatStore((s15) => s15.savedMessageIds);
+  const turnToolEvents = useChatStore((s15) => s15.turnToolEvents);
   const hasMore = useChatStore((s15) => s15.hasMore);
   const isLoadingHistory = useChatStore((s15) => s15.isLoadingHistory);
   const loadHistory = useChatStore((s15) => s15.loadHistory);
   const scrollToMessageId = useChatStore((s15) => s15.scrollToMessageId);
+  const toolEventsCount = useToolEventsStore((s15) => s15.currentRunEvents.length);
+  const hasRunningTools = useToolEventsStore((s15) => s15.currentRunEvents.some((e) => e.status === "running"));
   const bottomRef = reactExports.useRef(null);
   const scrollContainerRef = reactExports.useRef(null);
   const [autoScroll, setAutoScroll] = reactExports.useState(true);
@@ -28671,7 +29430,7 @@ function ChatMessages() {
         bottomRef.current?.scrollIntoView({ behavior: "smooth" });
       }
     }
-  }, [messages, streamingText, autoScroll]);
+  }, [messages, streamingText, toolEventsCount, autoScroll]);
   reactExports.useEffect(() => {
     if (!scrollToMessageId || !scrollContainerRef.current) return;
     const el2 = scrollContainerRef.current.querySelector(`[data-msg-id="${scrollToMessageId}"]`);
@@ -28697,15 +29456,26 @@ function ChatMessages() {
           messages.map((msg, i) => {
             const prev = messages[i - 1];
             const gap = prev && prev.role !== msg.role ? "mt-5" : "mt-3";
-            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: i === 0 ? "" : gap, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              MessageBubble,
-              {
-                msg,
-                isSaved: savedMessageIds.has(msg.id)
-              }
-            ) }, msg.id);
+            const toolEvents = msg.role === "assistant" ? turnToolEvents.get(msg.id) : void 0;
+            return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: i === 0 ? "" : gap, children: [
+              toolEvents && toolEvents.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolUseStream, { events: toolEvents }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MessageBubble,
+                {
+                  msg,
+                  isSaved: savedMessageIds.has(msg.id)
+                }
+              )
+            ] }, msg.id);
           }),
-          isStreaming && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-5", children: streamingText ? /* @__PURE__ */ jsxRuntimeExports.jsx(StreamingBubble, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingBubble, {}) }),
+          isStreaming && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolUseStream, {}),
+            streamingText ? /* @__PURE__ */ jsxRuntimeExports.jsx(StreamingBubble, {}) : !hasRunningTools ? (
+              /* Show thinking dots only when no tools are running —
+                 running tool cards already have spinners as progress indicator */
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingIndicator, {})
+            ) : null
+          ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: bottomRef })
         ]
       }
@@ -28993,7 +29763,8 @@ function parseFlagArgs(raw) {
   return { cleaned: cleaned.trim(), flags };
 }
 function ChatInput() {
-  const [text2, setText] = reactExports.useState("");
+  const text2 = useChatStore((s15) => s15.draftText);
+  const setText = useChatStore((s15) => s15.setDraftText);
   const [showMention, setShowMention] = reactExports.useState(false);
   const [mentionQuery, setMentionQuery] = reactExports.useState("");
   const [showCommand, setShowCommand] = reactExports.useState(false);
@@ -29010,7 +29781,6 @@ function ChatInput() {
   const hasProject = useSessionStore((s15) => s15.hasProject);
   const refreshEntities = useEntityStore((s15) => s15.refreshAll);
   reactExports.useEffect(() => {
-    setText("");
     setShowMention(false);
     setShowCommand(false);
     setPendingImages([]);
@@ -29988,7 +30758,7 @@ function CenterPanel() {
 }
 const remarkPlugins = [remarkGfm];
 const LazyMilkdownMarkdownEditor = reactExports.lazy(async () => {
-  const mod = await __vitePreload(() => import("./MilkdownMarkdownEditor-Czh2N6UQ.js").then((n) => n.bL), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  const mod = await __vitePreload(() => import("./MilkdownMarkdownEditor-D7GYpVZn.js").then((n) => n.bL), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
   return { default: mod.MilkdownMarkdownEditor };
 });
 const typeIcons = {
@@ -30585,6 +31355,9 @@ function StatusBar() {
   const events = useActivityStore((s15) => s15.events);
   const activeSkills = useActivityStore((s15) => s15.activeSkills);
   const runTokens = useUsageStore((s15) => s15.runTokens);
+  const runPromptTokens = useUsageStore((s15) => s15.runPromptTokens);
+  const runCompletionTokens = useUsageStore((s15) => s15.runCompletionTokens);
+  const runCachedTokens = useUsageStore((s15) => s15.runCachedTokens);
   const runCost = useUsageStore((s15) => s15.runCost);
   const runCacheHitRate = useUsageStore((s15) => s15.runCacheHitRate);
   const allTimeTokens = useUsageStore((s15) => s15.allTimeTokens);
@@ -30626,12 +31399,12 @@ function StatusBar() {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 whitespace-nowrap", children: [
       hasRunUsage && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { title: `In: ${formatTokens(runPromptTokens)} · Cache: ${formatTokens(runCachedTokens)} · Out: ${formatTokens(runCompletionTokens)}`, children: [
           formatTokens(runTokens),
           " tokens"
         ] }),
         runCost > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "t-text-success", children: formatCost(runCost) }),
-        runCacheHitRate > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "t-text-accent-soft", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: runCacheHitRate > 0.5 ? "t-text-accent" : "t-text-accent-soft", children: [
           Math.round(runCacheHitRate * 100),
           "% cache"
         ] })
@@ -39390,6 +40163,53 @@ class ErrorBoundary extends reactExports.Component {
     ] }) });
   }
 }
+function lastNLines(text2, n) {
+  const lines = text2.split("\n").filter(Boolean);
+  return lines.slice(-n).join("\n");
+}
+function extractPartialOutput(tool, data) {
+  if (!data?.partialResult) return void 0;
+  const pr = data.partialResult;
+  const text2 = pr?.content?.[0]?.text;
+  if (typeof text2 === "string" && text2.length > 0) {
+    const maxLines = tool === "bash" ? 5 : 3;
+    return lastNLines(text2, maxLines);
+  }
+  return void 0;
+}
+const useToolProgressStore = create$1((set) => ({
+  inFlight: /* @__PURE__ */ new Map(),
+  reportProgress: (event) => {
+    set((state) => {
+      const next = new Map(state.inFlight);
+      const phase = event.phase;
+      if (phase === "start") {
+        next.set(event.toolCallId, {
+          tool: event.tool,
+          toolCallId: event.toolCallId,
+          phase,
+          startedAt: event.timestamp,
+          updatedAt: event.timestamp
+        });
+      } else if (phase === "update") {
+        const existing = next.get(event.toolCallId);
+        const partialOutput = extractPartialOutput(event.tool, event.data);
+        next.set(event.toolCallId, {
+          tool: event.tool,
+          toolCallId: event.toolCallId,
+          phase,
+          partialOutput: partialOutput ?? existing?.partialOutput,
+          startedAt: existing?.startedAt ?? event.timestamp,
+          updatedAt: event.timestamp
+        });
+      } else if (phase === "end") {
+        next.delete(event.toolCallId);
+      }
+      return { inFlight: next };
+    });
+  },
+  clearAll: () => set({ inFlight: /* @__PURE__ */ new Map() })
+}));
 const api = window.api;
 function FolderGate({ onOpenSettings }) {
   const pickFolder = useSessionStore((s15) => s15.pickFolder);
@@ -39521,6 +40341,16 @@ function App() {
           });
         }
       }
+      if (snapshot && snapshot.toolEvents?.length > 0) {
+        const toolStore = useToolEventsStore.getState();
+        for (const evt of snapshot.toolEvents) {
+          if (evt.type === "tool-call") {
+            toolStore.onToolCall(evt);
+          } else if (evt.type === "tool-result") {
+            toolStore.onToolResult(evt);
+          }
+        }
+      }
     });
     api.getCurrentSession().then((session) => {
       useChatStore.getState().loadInitial(session.sessionId);
@@ -39536,14 +40366,26 @@ function App() {
     });
     const unsubActivityClear = api.onActivityClear(() => {
       useActivityStore.getState().clear();
+      useToolProgressStore.getState().clearAll();
+      useToolEventsStore.getState().clearRun();
       useUsageStore.getState().resetRun();
     });
     const unsubActivity = api.onActivity((event) => {
-      useActivityStore.getState().push({
+      const enrichedEvent = {
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         ...event
-      });
+      };
+      useActivityStore.getState().push(enrichedEvent);
+      if (event.type === "tool-call") {
+        useToolEventsStore.getState().onToolCall(enrichedEvent);
+      } else if (event.type === "tool-result") {
+        useToolEventsStore.getState().onToolResult(enrichedEvent);
+      }
+    });
+    const unsubToolProgress = api.onToolProgress((event) => {
+      useToolProgressStore.getState().reportProgress(event);
+      useToolEventsStore.getState().onToolProgress(event);
     });
     const unsubSkillLoaded = api.onSkillLoaded((skillName) => {
       useActivityStore.getState().addSkill(skillName);
@@ -39590,6 +40432,7 @@ function App() {
       unsub6();
       unsubActivity();
       unsubActivityClear();
+      unsubToolProgress();
       unsubSkillLoaded();
       unsubUsage();
     };