@tutti-os/agent-gui 0.0.58 → 0.0.60

package/dist/{chunk-BEFNWUOZ.js → chunk-YZ3POK7G.js}

@@ -15,7 +15,7 @@ import {
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction,
   useAgentTargetPresentations
-} from "./chunk-SLT5Q37C.js";
+} from "./chunk-B6YDXIZW.js";
 import {
   classifyFailedAgentMessage,
   openAgentEnvPanel,
@@ -28,7 +28,7 @@ import {
   formatAgentMentionMarkdown,
   mentionItemToAttrs,
   parseAgentMentionMarkdown
-} from "./chunk-NX6T3DDS.js";
+} from "./chunk-2LGUBUEJ.js";
 import {
   fileChangeCountFromChanges,
   fileChangeEntriesFromChanges,
@@ -38,14 +38,17 @@ import {
 import {
   getOptionalAgentActivityRuntime,
   useOptionalAgentHostApi
-} from "./chunk-HVU46DDA.js";
+} from "./chunk-FRCIPTUD.js";
 import {
   workspaceAgentProviderLabel
 } from "./chunk-TYGL25EL.js";
 import {
   getActiveUiLanguage,
   translate
-} from "./chunk-5SRRKWE4.js";
+} from "./chunk-24CUBQKJ.js";
+
+// shared/workspaceAgentTimelineCanonical.ts
+import { isLiveTurnLifecyclePhase } from "@tutti-os/agent-activity-core";
 
 // shared/imageGenerationTool.ts
 var KNOWN_IMAGE_GENERATION_TOOL_NAMES = /* @__PURE__ */ new Set([
@@ -2815,7 +2818,7 @@ function dedupeStrings(values) {
   return [...new Set(values.map((value) => value.trim()).filter(Boolean))];
 }
 function shouldShowProcessingIndicator(session, turns) {
-  if (!isSessionWorking(session)) {
+  if (!sessionHasRunnableIndicatorState(session)) {
     return false;
   }
   const lastTurn = turns.at(-1);
@@ -2835,8 +2838,14 @@ function hasActiveRunningTurnLifecycle(session) {
   if (!lifecycle?.activeTurnId || lifecycle.settling === true) {
     return false;
   }
-  const phase = lifecycle.phase?.trim().toLowerCase() ?? "";
-  return phase === "submitted" || phase === "running" || phase === "waiting";
+  return isLiveTurnLifecyclePhase(lifecycle.phase);
+}
+function sessionHasRunnableIndicatorState(session) {
+  const lifecycle = session.turnLifecycle;
+  if (lifecycle?.phase) {
+    return Boolean(lifecycle.activeTurnId) && isLiveTurnLifecyclePhase(lifecycle.phase);
+  }
+  return isSessionWorking(session);
 }
 function isTerminalAgentMessageStatus(statusKind) {
   return statusKind === "completed" || statusKind === "failed" || statusKind === "canceled";
@@ -5525,7 +5534,7 @@ import {
   Fragment as Fragment7,
   memo as memo4,
   useCallback as useCallback10,
-  useEffect as useEffect11,
+  useEffect as useEffect12,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo6,
   useRef as useRef8,
@@ -11312,8 +11321,204 @@ function AgentEditContent({
   ] });
 }
 
+// shared/agentConversation/components/tool-renderers/AgentWebFetchContent.tsx
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+function AgentWebFetchContent({
+  call,
+  onLinkClick
+}) {
+  "use memo";
+  const web = getWebFetchRenderData(call);
+  const urlText = web.url && web.domain && web.domain !== web.url ? `${web.domain}
+
+${web.url}` : web.url;
+  const visibleContent = dedupeToolSectionContent(
+    web.visibleContent,
+    web.url,
+    web.domain,
+    urlText
+  );
+  const fallbackText = getToolFallbackText(call);
+  const errorText = dedupeToolSectionContent(
+    fallbackText.error,
+    urlText,
+    visibleContent
+  );
+  if (!web.url && !visibleContent && !errorText) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs21("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
+    web.url ? /* @__PURE__ */ jsx29(ToolSection, { title: translate("agentHost.agentTool.details.url"), children: /* @__PURE__ */ jsx29(
+      ToolMarkdownBlock,
+      {
+        content: urlText ?? "",
+        onLinkClick
+      }
+    ) }) : null,
+    visibleContent ? /* @__PURE__ */ jsx29(ToolSection, { title: translate("agentHost.agentTool.details.content"), children: /* @__PURE__ */ jsx29(
+      ToolMarkdownBlock,
+      {
+        content: visibleContent,
+        onLinkClick,
+        collapsible: true
+      }
+    ) }) : null,
+    web.isTruncated ? /* @__PURE__ */ jsx29("div", { className: "text-[10px] italic text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.contentTruncated") }) : null,
+    errorText ? /* @__PURE__ */ jsx29(ToolSection, { title: translate("agentHost.agentTool.details.error"), children: /* @__PURE__ */ jsx29(
+      ToolMarkdownBlock,
+      {
+        content: errorText,
+        onLinkClick,
+        collapsible: true
+      }
+    ) }) : null
+  ] });
+}
+
+// shared/agentConversation/components/tool-renderers/AgentWebSearchContent.tsx
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+var MAX_SUMMARY_LENGTH = 3e3;
+function AgentWebSearchContent({
+  call,
+  onLinkClick
+}) {
+  "use memo";
+  const web = getWebSearchRenderData(call);
+  const queries = web.queries;
+  const outputText = web.output;
+  const links = normalizeLinks(call.output?.links, outputText);
+  const queryText = webSearchQueryText(web.query, queries);
+  const summary = extractSummary(outputText);
+  const visibleSummary = dedupeToolSectionContent(
+    summary ? summary.slice(0, MAX_SUMMARY_LENGTH) : null,
+    queryText,
+    links.map((link) => `${link.domain} ${link.title}`).join("\n")
+  );
+  const hasRenderableContent = Boolean(
+    queryText || links.length > 0 || visibleSummary || web.error
+  );
+  if (!hasRenderableContent) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs22("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
+    queryText ? /* @__PURE__ */ jsx30(ToolSection, { title: translate("agentHost.agentTool.details.query"), children: /* @__PURE__ */ jsx30(ToolMarkdownBlock, { content: queryText, onLinkClick }) }) : null,
+    links.length > 0 ? /* @__PURE__ */ jsx30(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx30("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: links.map((link, index) => /* @__PURE__ */ jsxs22(
+      "a",
+      {
+        href: link.url,
+        target: "_blank",
+        rel: "noreferrer",
+        className: `flex items-center gap-3 px-3 py-2 text-[11px] ${index > 0 ? "border-t border-[var(--line-2)]" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx30("span", { className: "w-[120px] shrink-0 truncate text-[11px] text-[var(--text-tertiary)]", children: link.domain }),
+          /* @__PURE__ */ jsx30("span", { className: "truncate text-[var(--text-primary)]", children: link.title })
+        ]
+      },
+      `${link.url}:${link.title}`
+    )) }) }) : null,
+    visibleSummary ? /* @__PURE__ */ jsx30(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx30(
+      ToolMarkdownBlock,
+      {
+        content: visibleSummary,
+        onLinkClick,
+        collapsible: true
+      }
+    ) }) : null,
+    summary && summary.length > MAX_SUMMARY_LENGTH ? /* @__PURE__ */ jsx30("div", { className: "text-[10px] italic text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.summaryTruncated") }) : null,
+    web.error ? /* @__PURE__ */ jsx30(ToolSection, { title: translate("agentHost.agentTool.details.error"), children: /* @__PURE__ */ jsx30(
+      ToolMarkdownBlock,
+      {
+        content: web.error,
+        onLinkClick,
+        collapsible: true
+      }
+    ) }) : null
+  ] });
+}
+function webSearchQueryText(query, queries) {
+  const candidates = queries.length > 0 ? queries : query ? [query] : [];
+  const deduped = [
+    ...new Set(candidates.map((value) => value.trim()).filter(Boolean))
+  ];
+  return deduped.length > 0 ? deduped.join("\n") : null;
+}
+function normalizeLinks(value, output) {
+  const explicitLinks = arrayValue8(value)?.map(optionRecord).filter(
+    (candidate) => candidate !== null
+  ).flatMap((link) => {
+    const url = stringValue10(link.url);
+    if (!url) {
+      return [];
+    }
+    return [
+      {
+        title: stringValue10(link.title) ?? url,
+        url,
+        domain: domainForUrl2(url)
+      }
+    ];
+  }) ?? [];
+  if (explicitLinks.length > 0) {
+    return explicitLinks;
+  }
+  const match = output.match(/^Links:\s*(\[[\s\S]*?\])(?:\n\n|\n|$)/);
+  if (!match) {
+    return extractQuotedLinks(output);
+  }
+  try {
+    const linksJson = match[1];
+    if (!linksJson) {
+      return extractQuotedLinks(output);
+    }
+    const parsed = JSON.parse(linksJson);
+    return parsed.flatMap((entry) => {
+      const link = optionRecord(entry);
+      const url = stringValue10(link?.url);
+      if (!url) {
+        return [];
+      }
+      return [
+        {
+          title: stringValue10(link?.title) ?? url,
+          url,
+          domain: domainForUrl2(url)
+        }
+      ];
+    });
+  } catch {
+    return extractQuotedLinks(output);
+  }
+}
+function extractQuotedLinks(output) {
+  return Array.from(
+    output.matchAll(/"title":"([^"]+)"\s*,\s*"url":"([^"]+)"/g)
+  ).flatMap((entry) => {
+    const title = entry[1];
+    const url = entry[2];
+    if (!title || !url) {
+      return [];
+    }
+    return [{ title, url, domain: domainForUrl2(url) }];
+  });
+}
+function extractSummary(output) {
+  const trimmed = output.trim();
+  if (!trimmed) {
+    return null;
+  }
+  const withLinksRemoved = trimmed.replace(/^Links:\s*\[[\s\S]*?\](?:\n\n|\n)?/, "").trim();
+  return withLinksRemoved || (!trimmed.startsWith("Links:") ? trimmed : null);
+}
+function domainForUrl2(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return url;
+  }
+}
+
 // shared/agentConversation/components/tool-renderers/AgentApprovalContent.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function AgentApprovalContent({
   call,
   onLinkClick
@@ -11324,9 +11529,34 @@ function AgentApprovalContent({
     return null;
   }
   if (previewCall) {
-    return /* @__PURE__ */ jsx29(AgentEditContent, { call: previewCall, onLinkClick });
+    switch (previewCall.rendererKind) {
+      case "web-fetch":
+        return /* @__PURE__ */ jsx31(AgentWebFetchContent, { call: previewCall, onLinkClick });
+      case "web-search":
+        return /* @__PURE__ */ jsx31(AgentWebSearchContent, { call: previewCall, onLinkClick });
+      default:
+        return /* @__PURE__ */ jsx31(AgentEditContent, { call: previewCall, onLinkClick });
+    }
+  }
+  return /* @__PURE__ */ jsx31("div", { className: "workspace-agents-status-panel__detail-tool-body", children: /* @__PURE__ */ jsx31(ToolMarkdownBlock, { content: call.summary }) });
+}
+function approvalPreviewKindFor(normalizedKind) {
+  switch (normalizedKind) {
+    case "edit":
+    case "move":
+      return { rendererKind: "edit", toolName: "Edit" };
+    case "fetch":
+    case "webfetch":
+    case "web_fetch":
+    case "web-fetch":
+      return { rendererKind: "web-fetch", toolName: "WebFetch" };
+    case "websearch":
+    case "web_search":
+    case "web-search":
+      return { rendererKind: "web-search", toolName: "WebSearch" };
+    default:
+      return null;
   }
-  return /* @__PURE__ */ jsx29("div", { className: "workspace-agents-status-panel__detail-tool-body", children: /* @__PURE__ */ jsx29(ToolMarkdownBlock, { content: call.summary }) });
 }
 function approvalPreviewCall(call) {
   const toolCall = objectValue6(call.input?.toolCall);
@@ -11336,7 +11566,8 @@ function approvalPreviewCall(call) {
   const normalizedKind = normalizeToolKind(
     stringValue10(toolCall.kind) ?? stringValue10(toolCall.title) ?? stringValue10(toolCall.toolName)
   );
-  if (normalizedKind !== "edit" && normalizedKind !== "move") {
+  const preview = approvalPreviewKindFor(normalizedKind);
+  if (!preview) {
     return null;
   }
   const input = objectValue6(toolCall.rawInput) ?? objectValue6(toolCall.input);
@@ -11347,7 +11578,7 @@ function approvalPreviewCall(call) {
     id: `${call.id}:approval-preview`,
     turnId: call.turnId,
     name: stringValue10(toolCall.title) ?? call.name,
-    toolName: "Edit",
+    toolName: preview.toolName,
     callType: "tool",
     status: stringValue10(toolCall.status) ?? call.status,
     statusKind: call.statusKind,
@@ -11365,7 +11596,7 @@ function approvalPreviewCall(call) {
     metadata: null,
     content,
     locations,
-    rendererKind: "edit",
+    rendererKind: preview.rendererKind,
     approval: null,
     planMode: null,
     askUserQuestion: null,
@@ -11378,7 +11609,7 @@ function normalizeToolKind(value) {
 }
 
 // shared/agentConversation/components/tool-renderers/AgentAskUserQuestionContent.tsx
-import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
 function AgentAskUserQuestionContent({
   call
 }) {
@@ -11387,31 +11618,31 @@ function AgentAskUserQuestionContent({
   if (questions.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx30("div", { className: "workspace-agents-status-panel__detail-tool-body", children: /* @__PURE__ */ jsx30(ToolSection, { title: translate("agentHost.agentTool.details.questions"), children: /* @__PURE__ */ jsx30("div", { className: "workspace-agents-status-panel__detail-tool-stack", children: questions.map((question) => {
+  return /* @__PURE__ */ jsx32("div", { className: "workspace-agents-status-panel__detail-tool-body", children: /* @__PURE__ */ jsx32(ToolSection, { title: translate("agentHost.agentTool.details.questions"), children: /* @__PURE__ */ jsx32("div", { className: "workspace-agents-status-panel__detail-tool-stack", children: questions.map((question) => {
     const body = question.question || question.header || translate("agentHost.agentTool.details.questionFallback");
     const answer = formatAnswer(question.answer);
     const questionKey = question.id.trim() || `${question.header}:${question.question}:${question.options.map((option) => option.label).join("|")}`;
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs23(
       "div",
       {
         className: "workspace-agents-status-panel__detail-tool-stack-item",
         children: [
-          /* @__PURE__ */ jsx30("div", { className: "workspace-agents-status-panel__detail-tool-question", children: body }),
-          question.options.length > 0 ? /* @__PURE__ */ jsx30("div", { className: "workspace-agents-status-panel__detail-tool-stack", children: question.options.map((option) => /* @__PURE__ */ jsxs21(
+          /* @__PURE__ */ jsx32("div", { className: "workspace-agents-status-panel__detail-tool-question", children: body }),
+          question.options.length > 0 ? /* @__PURE__ */ jsx32("div", { className: "workspace-agents-status-panel__detail-tool-stack", children: question.options.map((option) => /* @__PURE__ */ jsxs23(
             "div",
             {
               className: "workspace-agents-status-panel__detail-tool-stack-item",
               children: [
-                /* @__PURE__ */ jsx30("div", { className: "workspace-agents-status-panel__detail-tool-summary", children: option.label }),
-                option.description ? /* @__PURE__ */ jsx30("div", { className: "workspace-agents-status-panel__detail-tool-answer workspace-agents-status-panel__detail-tool-answer--muted", children: option.description }) : null
+                /* @__PURE__ */ jsx32("div", { className: "workspace-agents-status-panel__detail-tool-summary", children: option.label }),
+                option.description ? /* @__PURE__ */ jsx32("div", { className: "workspace-agents-status-panel__detail-tool-answer workspace-agents-status-panel__detail-tool-answer--muted", children: option.description }) : null
               ]
             },
             `${questionKey}-option-${option.label}:${option.description}`
           )) }) : null,
-          answer ? /* @__PURE__ */ jsx30("div", { className: "workspace-agents-status-panel__detail-tool-answer", children: translate("agentHost.agentTool.details.answerPrefix", {
+          answer ? /* @__PURE__ */ jsx32("div", { className: "workspace-agents-status-panel__detail-tool-answer", children: translate("agentHost.agentTool.details.answerPrefix", {
             answer
-          }) }) : /* @__PURE__ */ jsxs21("div", { className: "workspace-agents-status-panel__detail-tool-answer workspace-agents-status-panel__detail-tool-answer--muted inline-flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx30(
+          }) }) : /* @__PURE__ */ jsxs23("div", { className: "workspace-agents-status-panel__detail-tool-answer workspace-agents-status-panel__detail-tool-answer--muted inline-flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx32(
               MessageSquareMoreIcon,
               {
                 size: 14,
@@ -11437,7 +11668,7 @@ function formatAnswer(answer) {
 
 // shared/agentConversation/components/tool-renderers/terminal/AgentTerminalBlock.tsx
 import { useMemo as useMemo4, useState as useState9 } from "react";
-import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
 var MAX_OUTPUT_LINES = 200;
 function AgentTerminalBlock({
   command,
@@ -11459,7 +11690,7 @@ function AgentTerminalBlock({
   const visibleOutput = truncated ? outputLines.slice(0, MAX_OUTPUT_LINES).join("\n") : outputText;
   const failed = status === "failed";
   const hasOutput = Boolean(visibleOutput);
-  const disclosureButton = outputLines.length > MAX_OUTPUT_LINES ? /* @__PURE__ */ jsx31(
+  const disclosureButton = outputLines.length > MAX_OUTPUT_LINES ? /* @__PURE__ */ jsx33(
     "button",
     {
       type: "button",
@@ -11468,15 +11699,15 @@ function AgentTerminalBlock({
       children: expanded ? "Collapse output" : `Show full output (${outputLines.length} lines)`
     }
   ) : null;
-  return /* @__PURE__ */ jsxs22("div", { className: "workspace-agents-status-panel__detail-tool-terminal overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--background-panel)]", children: [
-    command ? /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs24("div", { className: "workspace-agents-status-panel__detail-tool-terminal overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--background-panel)]", children: [
+    command ? /* @__PURE__ */ jsxs24(
       "div",
       {
         className: `flex min-w-0 items-center gap-3 px-3 text-[11px] text-[var(--text-secondary)] ${hasOutput ? "border-b border-[var(--line-2)] bg-[var(--transparency-block)] py-1.5" : "bg-[var(--transparency-block)] py-2"}`,
         "data-agent-terminal-command-row": "true",
         children: [
-          /* @__PURE__ */ jsx31("span", { className: "shrink-0 font-semibold text-[var(--tutti-purple)]", children: "$" }),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33("span", { className: "shrink-0 font-semibold text-[var(--tutti-purple)]", children: "$" }),
+          /* @__PURE__ */ jsx33(
             "span",
             {
               className: "min-w-0 flex-1 whitespace-pre-wrap [overflow-wrap:anywhere]",
@@ -11487,13 +11718,13 @@ function AgentTerminalBlock({
         ]
       }
     ) : null,
-    hasOutput ? /* @__PURE__ */ jsxs22(
+    hasOutput ? /* @__PURE__ */ jsxs24(
       AgentToolScrollArea,
       {
         maxHeightClassName: "max-h-[160px]",
         viewportClassName: `px-3 py-2 text-[11px] leading-5 ${failed ? "text-[var(--state-danger)]" : "text-[var(--text-primary)]"}`,
         children: [
-          /* @__PURE__ */ jsx31("pre", { className: "m-0 min-w-0 max-w-full whitespace-pre-wrap [overflow-wrap:anywhere]", children: /* @__PURE__ */ jsx31("code", { children: visibleOutput }) }),
+          /* @__PURE__ */ jsx33("pre", { className: "m-0 min-w-0 max-w-full whitespace-pre-wrap [overflow-wrap:anywhere]", children: /* @__PURE__ */ jsx33("code", { children: visibleOutput }) }),
           disclosureButton
         ]
       }
@@ -11502,14 +11733,14 @@ function AgentTerminalBlock({
 }
 
 // shared/agentConversation/components/tool-renderers/AgentBashContent.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function AgentBashContent({
   call
 }) {
   "use memo";
   const commandData = getCommandRenderData(call);
   const fallbackErrorText = commandData.status === "failed" && !commandData.stdout && !commandData.stderr ? stringValue10(call.error?.message) : null;
-  return /* @__PURE__ */ jsx32("div", { className: "workspace-agents-status-panel__detail-tool-body workspace-agents-status-panel__detail-tool-body--plain", children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34("div", { className: "workspace-agents-status-panel__detail-tool-body workspace-agents-status-panel__detail-tool-body--plain", children: /* @__PURE__ */ jsx34(
     AgentTerminalBlock,
     {
       command: commandData.command,
@@ -11525,7 +11756,7 @@ function AgentBashContent({
 // shared/agentConversation/components/tool-renderers/AgentImageGenerationContent.tsx
 import { useEffect as useEffect9, useState as useState10 } from "react";
 import { resolveWorkspaceImageMimeType } from "@tutti-os/workspace-file-manager/services";
-import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 function AgentImageGenerationContent({
   call,
   onLinkClick
@@ -11535,8 +11766,8 @@ function AgentImageGenerationContent({
   if (!image.prompt && !image.imageUri) {
     return null;
   }
-  return /* @__PURE__ */ jsxs23("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
-    image.prompt ? /* @__PURE__ */ jsx33(ToolSection, { title: translate("agentHost.agentTool.details.input"), children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs25("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
+    image.prompt ? /* @__PURE__ */ jsx35(ToolSection, { title: translate("agentHost.agentTool.details.input"), children: /* @__PURE__ */ jsx35(
       ToolMarkdownBlock,
       {
         content: image.prompt,
@@ -11544,7 +11775,7 @@ function AgentImageGenerationContent({
         collapsible: true
       }
     ) }) : null,
-    image.imageUri ? /* @__PURE__ */ jsx33(
+    image.imageUri ? /* @__PURE__ */ jsx35(
       ImageGenerationPreview,
       {
         uri: image.imageUri,
@@ -11609,7 +11840,7 @@ function ImageGenerationPreview({
   if (!src) {
     return null;
   }
-  return /* @__PURE__ */ jsx33(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx35(
     ZoomableImage,
     {
       alt: translate("agentHost.agentTool.details.imagePreviewAlt"),
@@ -11762,43 +11993,43 @@ function firstString6(...values) {
 }
 
 // shared/agentConversation/components/tool-renderers/mcp-renderers/agentAtlassianRenderers.tsx
-import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
 function renderAtlassianMcp(payload) {
   const items = parsedItems(payload.structured);
   if (items.length > 0) {
-    return /* @__PURE__ */ jsx34("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: items.map((item, index) => /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsx36("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: items.map((item, index) => /* @__PURE__ */ jsxs26(
       "div",
       {
         className: `px-3 py-2 ${index > 0 ? "border-t border-[var(--line-2)]" : ""}`,
         children: [
-          /* @__PURE__ */ jsx34("div", { className: "text-[11px] font-semibold text-[var(--text-primary)]", children: itemPrimaryText(item) ?? `Item ${index + 1}` }),
-          itemSecondaryText(item) ? /* @__PURE__ */ jsx34("div", { className: "text-[11px] text-[var(--text-tertiary)]", children: itemSecondaryText(item) }) : null
+          /* @__PURE__ */ jsx36("div", { className: "text-[11px] font-semibold text-[var(--text-primary)]", children: itemPrimaryText(item) ?? `Item ${index + 1}` }),
+          itemSecondaryText(item) ? /* @__PURE__ */ jsx36("div", { className: "text-[11px] text-[var(--text-tertiary)]", children: itemSecondaryText(item) }) : null
         ]
       },
       `${itemPrimaryText(item) ?? "item"}::${itemSecondaryText(item) ?? ""}`
     )) });
   }
-  return payload.text ? /* @__PURE__ */ jsx34(ToolMarkdownBlock, { content: payload.text, collapsible: true }) : null;
+  return payload.text ? /* @__PURE__ */ jsx36(ToolMarkdownBlock, { content: payload.text, collapsible: true }) : null;
 }
 
 // shared/agentConversation/components/tool-renderers/mcp-renderers/agentContext7Renderers.tsx
-import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 function renderContext7Mcp(payload) {
   const items = parsedItems(payload.structured);
   if (items.length > 0) {
-    return /* @__PURE__ */ jsx35("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: items.map((item, index) => /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsx37("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: items.map((item, index) => /* @__PURE__ */ jsxs27(
       "div",
       {
         className: `px-3 py-2 ${index > 0 ? "border-t border-[var(--line-2)]" : ""}`,
         children: [
-          /* @__PURE__ */ jsx35("div", { className: "text-[11px] font-semibold text-[var(--text-primary)]", children: itemPrimaryText(item) ?? `Doc ${index + 1}` }),
-          itemSecondaryText(item) ? /* @__PURE__ */ jsx35("div", { className: "text-[11px] text-[var(--text-tertiary)]", children: itemSecondaryText(item) }) : null
+          /* @__PURE__ */ jsx37("div", { className: "text-[11px] font-semibold text-[var(--text-primary)]", children: itemPrimaryText(item) ?? `Doc ${index + 1}` }),
+          itemSecondaryText(item) ? /* @__PURE__ */ jsx37("div", { className: "text-[11px] text-[var(--text-tertiary)]", children: itemSecondaryText(item) }) : null
         ]
       },
       `${itemPrimaryText(item) ?? "doc"}::${itemSecondaryText(item) ?? ""}`
     )) });
   }
-  return payload.text ? /* @__PURE__ */ jsx35(ToolMarkdownBlock, { content: payload.text, collapsible: true }) : null;
+  return payload.text ? /* @__PURE__ */ jsx37(ToolMarkdownBlock, { content: payload.text, collapsible: true }) : null;
 }
 
 // shared/agentConversation/components/tool-renderers/mcp-renderers/agentMcpRendererRegistry.tsx
@@ -11814,7 +12045,7 @@ function renderRegisteredMcp(payload) {
 }
 
 // shared/agentConversation/components/tool-renderers/AgentMcpToolContent.tsx
-import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 function AgentMcpToolContent({
   call,
   onLinkClick
@@ -11826,8 +12057,8 @@ function AgentMcpToolContent({
     payload.text,
     payload.inputSummary
   );
-  return /* @__PURE__ */ jsxs26("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
-    payload.server || payload.tool ? /* @__PURE__ */ jsx36(ToolSection, { title: translate("agentHost.agentTool.details.mcp"), children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs28("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
+    payload.server || payload.tool ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.mcp"), children: /* @__PURE__ */ jsx38(
       ToolMarkdownBlock,
       {
         content: [
@@ -11837,14 +12068,14 @@ function AgentMcpToolContent({
         onLinkClick
       }
     ) }) : null,
-    payload.inputSummary ? /* @__PURE__ */ jsx36(ToolSection, { title: translate("agentHost.agentTool.details.input"), children: /* @__PURE__ */ jsx36(
+    payload.inputSummary ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.input"), children: /* @__PURE__ */ jsx38(
       ToolMarkdownBlock,
       {
         content: payload.inputSummary,
         onLinkClick
       }
     ) }) : null,
-    specialized ? /* @__PURE__ */ jsx36(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: specialized }) : visibleText ? /* @__PURE__ */ jsx36(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx36(
+    specialized ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: specialized }) : visibleText ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx38(
       ToolMarkdownBlock,
       {
         content: visibleText,
@@ -11852,12 +12083,12 @@ function AgentMcpToolContent({
         collapsible: true
       }
     ) }) : null,
-    /* @__PURE__ */ jsx36(RawPayloadSection, { payload: call.payload ?? payload.structured })
+    /* @__PURE__ */ jsx38(RawPayloadSection, { payload: call.payload ?? payload.structured })
   ] });
 }
 
 // shared/agentConversation/components/tool-renderers/AgentPlanModeContent.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function AgentPlanModeContent({
   call,
   onLinkClick
@@ -11868,7 +12099,7 @@ function AgentPlanModeContent({
     if (!planMode.enterText) {
       return null;
     }
-    return /* @__PURE__ */ jsx37("div", { className: "rounded-[8px] bg-[var(--transparency-block)] px-3 py-2 text-[11px] text-[var(--text-secondary)]", children: /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx39("div", { className: "rounded-[8px] bg-[var(--transparency-block)] px-3 py-2 text-[11px] text-[var(--text-secondary)]", children: /* @__PURE__ */ jsx39(
       ToolMarkdownBlock,
       {
         content: planMode.enterText,
@@ -11879,18 +12110,18 @@ function AgentPlanModeContent({
   if (!planMode.plan) {
     return null;
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     AgentPlanCard,
     {
       title: planMode.fileName ?? void 0,
       copyText: planMode.plan,
-      children: /* @__PURE__ */ jsx37(ToolMarkdownBlock, { content: planMode.plan, onLinkClick })
+      children: /* @__PURE__ */ jsx39(ToolMarkdownBlock, { content: planMode.plan, onLinkClick })
     }
   );
 }
 
 // shared/agentConversation/components/tool-renderers/AgentSearchContent.tsx
-import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function AgentSearchContent({
   call,
   onLinkClick
@@ -11906,9 +12137,9 @@ ${translate("agentHost.agentTool.details.scope")}: ${search.scope}`.trim() : sea
     visibleOutput.split("\n").filter(Boolean),
     "line"
   );
-  return /* @__PURE__ */ jsxs27("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
-    queryText ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.query"), children: /* @__PURE__ */ jsx38(ToolMarkdownBlock, { content: queryText, onLinkClick }) }) : null,
-    (search.mode === "files_with_matches" || search.mode === "list_files") && search.files.length > 0 ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx38("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: resultFiles.map(({ key, value: file, isFirst }) => /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs29("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
+    queryText ? /* @__PURE__ */ jsx40(ToolSection, { title: translate("agentHost.agentTool.details.query"), children: /* @__PURE__ */ jsx40(ToolMarkdownBlock, { content: queryText, onLinkClick }) }) : null,
+    (search.mode === "files_with_matches" || search.mode === "list_files") && search.files.length > 0 ? /* @__PURE__ */ jsx40(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx40("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: resultFiles.map(({ key, value: file, isFirst }) => /* @__PURE__ */ jsx40(
       "div",
       {
         className: `px-3 py-2 font-[var(--tsh-font-mono)] text-[11px] text-[var(--text-primary)] ${isFirst ? "" : "border-t border-[var(--line-2)]"}`,
@@ -11916,7 +12147,7 @@ ${translate("agentHost.agentTool.details.scope")}: ${search.scope}`.trim() : sea
       },
       key
     )) }) }) : null,
-    search.mode === "content" && visibleOutput ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx38("pre", { className: "max-h-[320px] overflow-auto rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)] px-3 py-2 text-[11px] leading-5 text-[var(--text-primary)]", children: outputLines.map(({ key, value: line }) => /* @__PURE__ */ jsx38(
+    search.mode === "content" && visibleOutput ? /* @__PURE__ */ jsx40(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx40("pre", { className: "max-h-[320px] overflow-auto rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)] px-3 py-2 text-[11px] leading-5 text-[var(--text-primary)]", children: outputLines.map(({ key, value: line }) => /* @__PURE__ */ jsx40(
       "div",
       {
         className: line.includes(":") ? "text-[var(--text-primary)]" : "text-[var(--text-tertiary)]",
@@ -11924,9 +12155,9 @@ ${translate("agentHost.agentTool.details.scope")}: ${search.scope}`.trim() : sea
       },
       key
     )) }) }) : null,
-    search.mode === "count" ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx38("div", { className: "inline-flex rounded-full border border-[var(--line-2)] bg-[var(--transparency-block)] px-2.5 py-1 text-[11px] text-[var(--text-tertiary)]", children: search.output || "0" }) }) : null,
-    (search.mode === "files_with_matches" || search.mode === "list_files" || search.mode === "count") && search.files.length === 0 && !visibleOutput && !search.error ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx38("div", { className: "text-[11px] italic text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.noMatches") }) }) : null,
-    search.mode === "unknown" && visibleOutput ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx38(
+    search.mode === "count" ? /* @__PURE__ */ jsx40(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx40("div", { className: "inline-flex rounded-full border border-[var(--line-2)] bg-[var(--transparency-block)] px-2.5 py-1 text-[11px] text-[var(--text-tertiary)]", children: search.output || "0" }) }) : null,
+    (search.mode === "files_with_matches" || search.mode === "list_files" || search.mode === "count") && search.files.length === 0 && !visibleOutput && !search.error ? /* @__PURE__ */ jsx40(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx40("div", { className: "text-[11px] italic text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.noMatches") }) }) : null,
+    search.mode === "unknown" && visibleOutput ? /* @__PURE__ */ jsx40(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx40(
       ToolMarkdownBlock,
       {
         content: visibleOutput,
@@ -11934,7 +12165,7 @@ ${translate("agentHost.agentTool.details.scope")}: ${search.scope}`.trim() : sea
         collapsible: true
       }
     ) }) : null,
-    search.error ? /* @__PURE__ */ jsx38(ToolSection, { title: translate("agentHost.agentTool.details.error"), children: /* @__PURE__ */ jsx38(
+    search.error ? /* @__PURE__ */ jsx40(ToolSection, { title: translate("agentHost.agentTool.details.error"), children: /* @__PURE__ */ jsx40(
       ToolMarkdownBlock,
       {
         content: search.error,
@@ -11962,7 +12193,7 @@ function withStableOccurrenceKeys(values, prefix) {
 }
 
 // shared/agentConversation/components/tool-renderers/AgentSkillContent.tsx
-import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 function AgentSkillContent({
   call,
   onLinkClick
@@ -11972,8 +12203,8 @@ function AgentSkillContent({
   if (!skill.skill && !skill.statusText) {
     return null;
   }
-  return /* @__PURE__ */ jsxs28("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
-    skill.skill ? /* @__PURE__ */ jsx39(ToolSection, { title: translate("agentHost.agentTool.details.skill"), children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs30("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
+    skill.skill ? /* @__PURE__ */ jsx41(ToolSection, { title: translate("agentHost.agentTool.details.skill"), children: /* @__PURE__ */ jsx41(
       ToolMarkdownBlock,
       {
         content: skill.args ? `${skill.skill}
@@ -11982,19 +12213,19 @@ ${skill.args}` : skill.skill,
         onLinkClick
       }
     ) }) : null,
-    skill.statusText ? /* @__PURE__ */ jsx39("div", { className: "text-[10px] text-[var(--text-tertiary)]", children: skill.statusText }) : null
+    skill.statusText ? /* @__PURE__ */ jsx41("div", { className: "text-[10px] text-[var(--text-tertiary)]", children: skill.statusText }) : null
   ] });
 }
 
 // shared/agentConversation/components/AgentTaskStepList.tsx
 import { useState as useState11 } from "react";
-import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
 function AgentTaskStepList({
   steps,
   onLinkClick
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx40("div", { className: "workspace-agents-status-panel__detail-tool-stack", children: steps.map((step) => /* @__PURE__ */ jsx40(AgentTaskStepRow, { step, onLinkClick }, step.id)) });
+  return /* @__PURE__ */ jsx42("div", { className: "workspace-agents-status-panel__detail-tool-stack", children: steps.map((step) => /* @__PURE__ */ jsx42(AgentTaskStepRow, { step, onLinkClick }, step.id)) });
 }
 function AgentTaskStepRow({
   step,
@@ -12005,8 +12236,8 @@ function AgentTaskStepRow({
   const call = step.tool ?? projectTaskStepCall(step);
   const hasDetail = hasAgentToolContent(call);
   const ariaLabel = taskStepAriaLabel(call);
-  return /* @__PURE__ */ jsxs29("div", { className: "workspace-agents-status-panel__detail-tool-row", children: [
-    hasDetail ? /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs31("div", { className: "workspace-agents-status-panel__detail-tool-row", children: [
+    hasDetail ? /* @__PURE__ */ jsx42(
       "button",
       {
         type: "button",
@@ -12014,11 +12245,11 @@ function AgentTaskStepRow({
         "aria-expanded": expanded,
         "aria-label": ariaLabel,
         onClick: () => setExpanded((value) => !value),
-        children: /* @__PURE__ */ jsx40(AgentToolCallHeader, { call, expanded, hasDetail: true })
+        children: /* @__PURE__ */ jsx42(AgentToolCallHeader, { call, expanded, hasDetail: true })
       }
-    ) : /* @__PURE__ */ jsx40("div", { className: "workspace-agents-status-panel__detail-tool-row-head", children: /* @__PURE__ */ jsx40(AgentToolCallHeader, { call, expanded: false, hasDetail: false }) }),
-    !hasDetail && step.summary ? /* @__PURE__ */ jsx40("div", { className: "workspace-agents-status-panel__detail-tool-summary", children: step.summary }) : null,
-    hasDetail && expanded ? /* @__PURE__ */ jsx40(AgentExpandedToolContent, { call, onLinkClick }) : null
+    ) : /* @__PURE__ */ jsx42("div", { className: "workspace-agents-status-panel__detail-tool-row-head", children: /* @__PURE__ */ jsx42(AgentToolCallHeader, { call, expanded: false, hasDetail: false }) }),
+    !hasDetail && step.summary ? /* @__PURE__ */ jsx42("div", { className: "workspace-agents-status-panel__detail-tool-summary", children: step.summary }) : null,
+    hasDetail && expanded ? /* @__PURE__ */ jsx42(AgentExpandedToolContent, { call, onLinkClick }) : null
   ] });
 }
 function taskStepAriaLabel(call) {
@@ -12049,7 +12280,7 @@ function projectTaskStepCall(step) {
 }
 
 // shared/agentConversation/components/tool-renderers/AgentTaskContent.tsx
-import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
 function AgentTaskContent({
   call,
   onLinkClick
@@ -12057,29 +12288,29 @@ function AgentTaskContent({
   "use memo";
   const task = getTaskRenderData(call);
   const failureMarkdown = task.errorMarkdown ?? (isFailedTaskStatus(call.statusKind, task.status, call.status) ? translate("agentHost.agentTool.details.missingFailureDetails") : null);
-  return /* @__PURE__ */ jsxs30("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
-    /* @__PURE__ */ jsxs30("div", { className: "workspace-agents-status-panel__detail-tool-answer", children: [
-      /* @__PURE__ */ jsx41("strong", { children: task.title }),
-      task.status ? /* @__PURE__ */ jsxs30("span", { className: "workspace-agents-status-panel__detail-tool-answer--muted", children: [
+  return /* @__PURE__ */ jsxs32("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
+    /* @__PURE__ */ jsxs32("div", { className: "workspace-agents-status-panel__detail-tool-answer", children: [
+      /* @__PURE__ */ jsx43("strong", { children: task.title }),
+      task.status ? /* @__PURE__ */ jsxs32("span", { className: "workspace-agents-status-panel__detail-tool-answer--muted", children: [
         " \xB7 ",
         task.status
       ] }) : null,
-      task.durationText ? /* @__PURE__ */ jsxs30("span", { className: "workspace-agents-status-panel__detail-tool-answer--muted", children: [
+      task.durationText ? /* @__PURE__ */ jsxs32("span", { className: "workspace-agents-status-panel__detail-tool-answer--muted", children: [
         " \xB7 ",
         task.durationText
       ] }) : null
     ] }),
-    task.status === "running" && task.latestStepSummary ? /* @__PURE__ */ jsx41(ToolSection, { title: translate("agentHost.agentTool.details.summary"), children: /* @__PURE__ */ jsx41("div", { className: "workspace-agents-status-panel__detail-tool-answer workspace-agents-status-panel__detail-tool-answer--muted", children: task.latestStepSummary }) }) : null,
-    task.prompt ? /* @__PURE__ */ jsx41(ToolSection, { title: translate("agentHost.agentTool.details.prompt"), children: /* @__PURE__ */ jsx41(ToolMarkdownBlock, { content: task.prompt, onLinkClick }) }) : null,
-    task.childSessionId ? /* @__PURE__ */ jsx41(
+    task.status === "running" && task.latestStepSummary ? /* @__PURE__ */ jsx43(ToolSection, { title: translate("agentHost.agentTool.details.summary"), children: /* @__PURE__ */ jsx43("div", { className: "workspace-agents-status-panel__detail-tool-answer workspace-agents-status-panel__detail-tool-answer--muted", children: task.latestStepSummary }) }) : null,
+    task.prompt ? /* @__PURE__ */ jsx43(ToolSection, { title: translate("agentHost.agentTool.details.prompt"), children: /* @__PURE__ */ jsx43(ToolMarkdownBlock, { content: task.prompt, onLinkClick }) }) : null,
+    task.childSessionId ? /* @__PURE__ */ jsx43(
       ToolSection,
       {
         title: translate("agentHost.agentTool.details.delegateSession"),
-        children: /* @__PURE__ */ jsx41("div", { className: "workspace-agents-status-panel__detail-tool-answer", children: task.childSessionId })
+        children: /* @__PURE__ */ jsx43("div", { className: "workspace-agents-status-panel__detail-tool-answer", children: task.childSessionId })
       }
     ) : null,
-    task.steps.length > 0 ? /* @__PURE__ */ jsx41(ToolSection, { title: translate("agentHost.agentTool.details.steps"), children: /* @__PURE__ */ jsx41(AgentTaskStepList, { steps: task.steps, onLinkClick }) }) : null,
-    task.resultMarkdown ? /* @__PURE__ */ jsx41(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx41(
+    task.steps.length > 0 ? /* @__PURE__ */ jsx43(ToolSection, { title: translate("agentHost.agentTool.details.steps"), children: /* @__PURE__ */ jsx43(AgentTaskStepList, { steps: task.steps, onLinkClick }) }) : null,
+    task.resultMarkdown ? /* @__PURE__ */ jsx43(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx43(
       ToolMarkdownBlock,
       {
         content: task.resultMarkdown,
@@ -12087,7 +12318,7 @@ function AgentTaskContent({
         collapsible: true
       }
     ) }) : null,
-    failureMarkdown ? /* @__PURE__ */ jsx41(ToolSection, { title: translate("agentHost.agentTool.details.error"), children: /* @__PURE__ */ jsx41(
+    failureMarkdown ? /* @__PURE__ */ jsx43(ToolSection, { title: translate("agentHost.agentTool.details.error"), children: /* @__PURE__ */ jsx43(
       ToolMarkdownBlock,
       {
         content: failureMarkdown,
@@ -12106,7 +12337,7 @@ function isFailedTaskStatus(...values) {
 
 // shared/agentConversation/components/tool-renderers/AgentTodoWriteContent.tsx
 import { CheckCircle2, Circle } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
 function AgentTodoWriteContent({
   call
 }) {
@@ -12115,13 +12346,13 @@ function AgentTodoWriteContent({
   if (todos.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx42("div", { className: "workspace-agents-status-panel__detail-tool-body", children: /* @__PURE__ */ jsx42(ToolSection, { title: translate("agentHost.agentTool.details.todos"), children: /* @__PURE__ */ jsx42("div", { className: "space-y-1", children: todos.map((todo) => /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx44("div", { className: "workspace-agents-status-panel__detail-tool-body", children: /* @__PURE__ */ jsx44(ToolSection, { title: translate("agentHost.agentTool.details.todos"), children: /* @__PURE__ */ jsx44("div", { className: "space-y-1", children: todos.map((todo) => /* @__PURE__ */ jsxs33(
     "div",
     {
       className: "flex items-start gap-2 rounded-[8px] px-1 py-0.5 text-[11px]",
       children: [
-        /* @__PURE__ */ jsx42("div", { className: "mt-[1px] shrink-0", children: iconForStatus(todo.status) }),
-        /* @__PURE__ */ jsx42("span", { className: contentClassName(todo.status), children: todo.content })
+        /* @__PURE__ */ jsx44("div", { className: "mt-[1px] shrink-0", children: iconForStatus(todo.status) }),
+        /* @__PURE__ */ jsx44("span", { className: contentClassName(todo.status), children: todo.content })
       ]
     },
     `${todo.content}:${todo.status ?? "pending"}`
@@ -12130,7 +12361,7 @@ function AgentTodoWriteContent({
 function iconForStatus(status) {
   switch (status) {
     case "completed":
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx44(
         CheckCircle2,
         {
           size: 14,
@@ -12139,7 +12370,7 @@ function iconForStatus(status) {
         }
       );
     case "in_progress":
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx44(
         AtomIcon,
         {
           size: 14,
@@ -12149,7 +12380,7 @@ function iconForStatus(status) {
         }
       );
     default:
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx44(
         Circle,
         {
           size: 14,
@@ -12171,7 +12402,7 @@ function contentClassName(status) {
 }
 
 // shared/agentConversation/components/tool-renderers/AgentToolSearchContent.tsx
-import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
 function AgentToolSearchContent({
   call
 }) {
@@ -12180,8 +12411,8 @@ function AgentToolSearchContent({
   if (!toolSearch.query && toolSearch.matches.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs32("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
-    toolSearch.displayQuery ? /* @__PURE__ */ jsx43(ToolSection, { title: translate("agentHost.agentTool.details.query"), children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsxs34("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
+    toolSearch.displayQuery ? /* @__PURE__ */ jsx45(ToolSection, { title: translate("agentHost.agentTool.details.query"), children: /* @__PURE__ */ jsx45(
       ToolMarkdownBlock,
       {
         content: `${toolSearch.displayQuery}
@@ -12189,7 +12420,7 @@ function AgentToolSearchContent({
 ${toolSearch.mode}`
       }
     ) }) : null,
-    toolSearch.matches.length > 0 ? /* @__PURE__ */ jsx43(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx43("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: toolSearch.matches.map((match, index) => /* @__PURE__ */ jsx43(
+    toolSearch.matches.length > 0 ? /* @__PURE__ */ jsx45(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx45("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: toolSearch.matches.map((match, index) => /* @__PURE__ */ jsx45(
       "div",
       {
         className: `px-3 py-2 font-[var(--tsh-font-mono)] text-[11px] text-[var(--text-primary)] ${index > 0 ? "border-t border-[var(--line-2)]" : ""}`,
@@ -12197,210 +12428,14 @@ ${toolSearch.mode}`
       },
       match
     )) }) }) : null,
-    toolSearch.matches.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "text-[11px] italic text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.noMatchingTools") }) : null,
-    typeof toolSearch.totalDeferredTools === "number" ? /* @__PURE__ */ jsx43("div", { className: "text-[10px] text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.loadedAvailable", {
+    toolSearch.matches.length === 0 ? /* @__PURE__ */ jsx45("div", { className: "text-[11px] italic text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.noMatchingTools") }) : null,
+    typeof toolSearch.totalDeferredTools === "number" ? /* @__PURE__ */ jsx45("div", { className: "text-[10px] text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.loadedAvailable", {
       loaded: toolSearch.matches.length,
       available: toolSearch.totalDeferredTools
     }) }) : null
   ] });
 }
 
-// shared/agentConversation/components/tool-renderers/AgentWebFetchContent.tsx
-import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
-function AgentWebFetchContent({
-  call,
-  onLinkClick
-}) {
-  "use memo";
-  const web = getWebFetchRenderData(call);
-  const urlText = web.url && web.domain && web.domain !== web.url ? `${web.domain}
-
-${web.url}` : web.url;
-  const visibleContent = dedupeToolSectionContent(
-    web.visibleContent,
-    web.url,
-    web.domain,
-    urlText
-  );
-  const fallbackText = getToolFallbackText(call);
-  const errorText = dedupeToolSectionContent(
-    fallbackText.error,
-    urlText,
-    visibleContent
-  );
-  if (!web.url && !visibleContent && !errorText) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs33("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
-    web.url ? /* @__PURE__ */ jsx44(ToolSection, { title: translate("agentHost.agentTool.details.url"), children: /* @__PURE__ */ jsx44(
-      ToolMarkdownBlock,
-      {
-        content: urlText ?? "",
-        onLinkClick
-      }
-    ) }) : null,
-    visibleContent ? /* @__PURE__ */ jsx44(ToolSection, { title: translate("agentHost.agentTool.details.content"), children: /* @__PURE__ */ jsx44(
-      ToolMarkdownBlock,
-      {
-        content: visibleContent,
-        onLinkClick,
-        collapsible: true
-      }
-    ) }) : null,
-    web.isTruncated ? /* @__PURE__ */ jsx44("div", { className: "text-[10px] italic text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.contentTruncated") }) : null,
-    errorText ? /* @__PURE__ */ jsx44(ToolSection, { title: translate("agentHost.agentTool.details.error"), children: /* @__PURE__ */ jsx44(
-      ToolMarkdownBlock,
-      {
-        content: errorText,
-        onLinkClick,
-        collapsible: true
-      }
-    ) }) : null
-  ] });
-}
-
-// shared/agentConversation/components/tool-renderers/AgentWebSearchContent.tsx
-import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
-var MAX_SUMMARY_LENGTH = 3e3;
-function AgentWebSearchContent({
-  call,
-  onLinkClick
-}) {
-  "use memo";
-  const web = getWebSearchRenderData(call);
-  const queries = web.queries;
-  const outputText = web.output;
-  const links = normalizeLinks(call.output?.links, outputText);
-  const queryText = webSearchQueryText(web.query, queries);
-  const summary = extractSummary(outputText);
-  const visibleSummary = dedupeToolSectionContent(
-    summary ? summary.slice(0, MAX_SUMMARY_LENGTH) : null,
-    queryText,
-    links.map((link) => `${link.domain} ${link.title}`).join("\n")
-  );
-  const hasRenderableContent = Boolean(
-    queryText || links.length > 0 || visibleSummary || web.error
-  );
-  if (!hasRenderableContent) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs34("div", { className: "workspace-agents-status-panel__detail-tool-body", children: [
-    queryText ? /* @__PURE__ */ jsx45(ToolSection, { title: translate("agentHost.agentTool.details.query"), children: /* @__PURE__ */ jsx45(ToolMarkdownBlock, { content: queryText, onLinkClick }) }) : null,
-    links.length > 0 ? /* @__PURE__ */ jsx45(ToolSection, { title: translate("agentHost.agentTool.details.results"), children: /* @__PURE__ */ jsx45("div", { className: "workspace-agents-status-panel__detail-tool-result-list overflow-hidden rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)]", children: links.map((link, index) => /* @__PURE__ */ jsxs34(
-      "a",
-      {
-        href: link.url,
-        target: "_blank",
-        rel: "noreferrer",
-        className: `flex items-center gap-3 px-3 py-2 text-[11px] ${index > 0 ? "border-t border-[var(--line-2)]" : ""}`,
-        children: [
-          /* @__PURE__ */ jsx45("span", { className: "w-[120px] shrink-0 truncate text-[11px] text-[var(--text-tertiary)]", children: link.domain }),
-          /* @__PURE__ */ jsx45("span", { className: "truncate text-[var(--text-primary)]", children: link.title })
-        ]
-      },
-      `${link.url}:${link.title}`
-    )) }) }) : null,
-    visibleSummary ? /* @__PURE__ */ jsx45(ToolSection, { title: translate("agentHost.agentTool.details.output"), children: /* @__PURE__ */ jsx45(
-      ToolMarkdownBlock,
-      {
-        content: visibleSummary,
-        onLinkClick,
-        collapsible: true
-      }
-    ) }) : null,
-    summary && summary.length > MAX_SUMMARY_LENGTH ? /* @__PURE__ */ jsx45("div", { className: "text-[10px] italic text-[var(--text-tertiary)]", children: translate("agentHost.agentTool.details.summaryTruncated") }) : null,
-    web.error ? /* @__PURE__ */ jsx45(ToolSection, { title: translate("agentHost.agentTool.details.error"), children: /* @__PURE__ */ jsx45(
-      ToolMarkdownBlock,
-      {
-        content: web.error,
-        onLinkClick,
-        collapsible: true
-      }
-    ) }) : null
-  ] });
-}
-function webSearchQueryText(query, queries) {
-  const candidates = queries.length > 0 ? queries : query ? [query] : [];
-  const deduped = [
-    ...new Set(candidates.map((value) => value.trim()).filter(Boolean))
-  ];
-  return deduped.length > 0 ? deduped.join("\n") : null;
-}
-function normalizeLinks(value, output) {
-  const explicitLinks = arrayValue8(value)?.map(optionRecord).filter(
-    (candidate) => candidate !== null
-  ).flatMap((link) => {
-    const url = stringValue10(link.url);
-    if (!url) {
-      return [];
-    }
-    return [
-      {
-        title: stringValue10(link.title) ?? url,
-        url,
-        domain: domainForUrl2(url)
-      }
-    ];
-  }) ?? [];
-  if (explicitLinks.length > 0) {
-    return explicitLinks;
-  }
-  const match = output.match(/^Links:\s*(\[[\s\S]*?\])(?:\n\n|\n|$)/);
-  if (!match) {
-    return extractQuotedLinks(output);
-  }
-  try {
-    const linksJson = match[1];
-    if (!linksJson) {
-      return extractQuotedLinks(output);
-    }
-    const parsed = JSON.parse(linksJson);
-    return parsed.flatMap((entry) => {
-      const link = optionRecord(entry);
-      const url = stringValue10(link?.url);
-      if (!url) {
-        return [];
-      }
-      return [
-        {
-          title: stringValue10(link?.title) ?? url,
-          url,
-          domain: domainForUrl2(url)
-        }
-      ];
-    });
-  } catch {
-    return extractQuotedLinks(output);
-  }
-}
-function extractQuotedLinks(output) {
-  return Array.from(
-    output.matchAll(/"title":"([^"]+)"\s*,\s*"url":"([^"]+)"/g)
-  ).flatMap((entry) => {
-    const title = entry[1];
-    const url = entry[2];
-    if (!title || !url) {
-      return [];
-    }
-    return [{ title, url, domain: domainForUrl2(url) }];
-  });
-}
-function extractSummary(output) {
-  const trimmed = output.trim();
-  if (!trimmed) {
-    return null;
-  }
-  const withLinksRemoved = trimmed.replace(/^Links:\s*\[[\s\S]*?\](?:\n\n|\n)?/, "").trim();
-  return withLinksRemoved || (!trimmed.startsWith("Links:") ? trimmed : null);
-}
-function domainForUrl2(url) {
-  try {
-    return new URL(url).hostname.replace(/^www\./, "");
-  } catch {
-    return url;
-  }
-}
-
 // shared/agentConversation/components/tool-renderers/AgentWriteContent.tsx
 import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
 function AgentWriteContent({
@@ -12675,7 +12710,7 @@ function taskCallAriaLabel(call) {
 }
 
 // shared/agentConversation/components/AgentSubAgentCards.tsx
-import { memo, useState as useState14 } from "react";
+import { memo, useEffect as useEffect10, useState as useState14 } from "react";
 import { AlertCircle as AlertCircle2, ChevronDown as ChevronDown6, ChevronRight as ChevronRight6 } from "lucide-react";
 
 // app/renderer/components/icons/AgentLinedIcon.tsx
@@ -12762,7 +12797,8 @@ function SubAgentHeader({
   "use memo";
   const running = subAgent.status === "running";
   const statusLabel = subAgentStatusLabel(subAgent.status);
-  const elapsedText = subAgentElapsedText(subAgent);
+  const runningNowUnixMs = useRunningSubAgentNowUnixMs(subAgent);
+  const elapsedText = subAgentElapsedText(subAgent, runningNowUnixMs);
   const nameText = subAgentNameText(subAgent);
   return /* @__PURE__ */ jsxs40(
     "div",
@@ -12853,13 +12889,35 @@ function subAgentStatusLabel(status) {
       return translate("agentHost.agentTool.statusWorking");
   }
 }
-function subAgentElapsedText(subAgent) {
+function useRunningSubAgentNowUnixMs(subAgent) {
+  const shouldTick = subAgent.status === "running" && typeof subAgent.startedAtUnixMs === "number";
+  const [nowUnixMs, setNowUnixMs] = useState14(
+    () => shouldTick ? Date.now() : null
+  );
+  useEffect10(() => {
+    if (!shouldTick) {
+      setNowUnixMs(null);
+      return;
+    }
+    const updateNow = () => setNowUnixMs(Date.now());
+    updateNow();
+    const intervalId = window.setInterval(updateNow, 1e3);
+    return () => window.clearInterval(intervalId);
+  }, [shouldTick, subAgent.startedAtUnixMs]);
+  return nowUnixMs;
+}
+function subAgentElapsedText(subAgent, runningNowUnixMs) {
   const started = subAgent.startedAtUnixMs;
+  if (typeof started !== "number") {
+    return null;
+  }
+  const terminal = subAgent.terminalAtUnixMs;
   const latest = subAgent.latestActivityAtUnixMs;
-  if (typeof started !== "number" || typeof latest !== "number" || latest <= started) {
+  const ended = typeof terminal === "number" ? terminal : subAgent.status === "running" && typeof runningNowUnixMs === "number" ? Math.max(latest ?? started, runningNowUnixMs) : latest;
+  if (typeof ended !== "number" || ended <= started) {
     return null;
   }
-  return formatAgentToolDurationMs(latest - started);
+  return formatAgentToolDurationMs(ended - started);
 }
 
 // shared/agentConversation/components/AgentToolCallCard.tsx
@@ -13105,7 +13163,7 @@ function renderToolCard(call, onLinkClick, previewMode = false, showRawTimelineJ
 }
 
 // shared/agentConversation/components/AgentTurnSummaryRow.tsx
-import { useEffect as useEffect10, useMemo as useMemo5, useState as useState17 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo5, useState as useState17 } from "react";
 import {
   ChevronDown as ChevronDown8,
   ChevronRight as ChevronRight8,
@@ -13393,7 +13451,7 @@ function AgentTurnSummaryRow({
   );
   const patchSupportKey = patchSupportCwds.join("\n");
   const resolveGitPatchSupport = agentHostApi?.workspace.resolveGitPatchSupport;
-  useEffect10(() => {
+  useEffect11(() => {
     if (!resolveGitPatchSupport || patchSupportCwds.length === 0) {
       setPatchSupportState(null);
       return;
@@ -14310,7 +14368,7 @@ function AgentMessageLocatorRail({
   const previousAgentResponseByKeyRef = useRef8(null);
   const [unreadAgentResponseKeys, setUnreadAgentResponseKeys] = useState18(/* @__PURE__ */ new Set());
   const [visibleFrame, setVisibleFrame] = useState18(null);
-  useEffect11(() => {
+  useEffect12(() => {
     if (isPanelOpen) {
       setShouldRenderPanel(true);
       return;
@@ -14321,7 +14379,7 @@ function AgentMessageLocatorRail({
     );
     return () => window.clearTimeout(timeout);
   }, [isPanelOpen]);
-  useEffect11(
+  useEffect12(
     () => () => {
       if (closePanelTimeoutRef.current !== null) {
         window.clearTimeout(closePanelTimeoutRef.current);
@@ -14329,12 +14387,12 @@ function AgentMessageLocatorRail({
     },
     []
   );
-  useEffect11(() => {
+  useEffect12(() => {
     if (selectedKey && !items.some((item) => item.key === selectedKey)) {
       setSelectedKey(null);
     }
   }, [items, selectedKey]);
-  useEffect11(() => {
+  useEffect12(() => {
     const previousAgentResponseByKey = previousAgentResponseByKeyRef.current;
     const currentKeys = new Set(items.map((item) => item.key));
     setUnreadAgentResponseKeys((currentUnreadKeys) => {
@@ -14364,7 +14422,7 @@ function AgentMessageLocatorRail({
       items.map((item) => [item.key, item.hasAgentResponse])
     );
   }, [items, selectedKey]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!selectedKey) {
       return;
     }
@@ -14409,7 +14467,7 @@ function AgentMessageLocatorRail({
       }
     };
   }, [items.length]);
-  useEffect11(() => {
+  useEffect12(() => {
     const locator = locatorRef.current;
     const scrollParent = locator ? findMessageLocatorScrollParent(locator) : null;
     if (!scrollParent) {
@@ -14991,4 +15049,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-BEFNWUOZ.js.map
+//# sourceMappingURL=chunk-YZ3POK7G.js.map