@tutti-os/agent-gui 0.0.49 → 0.0.50

package/dist/{chunk-XRJZCEOX.js → chunk-RPXRNKU5.js}

@@ -13,7 +13,7 @@ import {
   resolveWorkspaceFileLinkAction,
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction
-} from "./chunk-RJR2OZ6T.js";
+} from "./chunk-VKP5ZW5O.js";
 import {
   AGENT_RICH_TEXT_CARET_ANCHOR,
   attrsToMentionItem,
@@ -21,7 +21,7 @@ import {
   formatAgentMentionMarkdown,
   mentionItemToAttrs,
   parseAgentMentionMarkdown
-} from "./chunk-6KQHNUR5.js";
+} from "./chunk-UUY5VEK4.js";
 import {
   fileChangeCountFromChanges,
   fileChangeEntriesFromChanges,
@@ -31,14 +31,14 @@ import {
 import {
   getOptionalAgentActivityRuntime,
   useOptionalAgentHostApi
-} from "./chunk-U6JWW45G.js";
+} from "./chunk-66EQ6EQO.js";
 import {
   workspaceAgentProviderLabel
 } from "./chunk-TYGL25EL.js";
 import {
   getActiveUiLanguage,
   translate
-} from "./chunk-77UR4G7P.js";
+} from "./chunk-Y7ZVTWMZ.js";
 
 // shared/imageGenerationTool.ts
 var KNOWN_IMAGE_GENERATION_TOOL_NAMES = /* @__PURE__ */ new Set([
@@ -1486,6 +1486,538 @@ function normalizeStatusToken(value) {
   return (value ?? "").trim().toLowerCase().replace(/[\s-]+/g, "_");
 }
 
+// shared/agentConversation/projection/subAgentTimelinePartition.ts
+function timelineItemOwnerThreadId(item) {
+  const ownerThreadId = item.payload?.ownerThreadId;
+  if (typeof ownerThreadId !== "string") {
+    return null;
+  }
+  const trimmed = ownerThreadId.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+function partitionSubAgentTimelineItems(timelineItems) {
+  const subAgentItemsByOwner = /* @__PURE__ */ new Map();
+  let mainTimelineItems = null;
+  for (let index = 0; index < timelineItems.length; index += 1) {
+    const item = timelineItems[index];
+    if (!item) {
+      continue;
+    }
+    const ownerThreadId = timelineItemOwnerThreadId(item);
+    if (!ownerThreadId) {
+      mainTimelineItems?.push(item);
+      continue;
+    }
+    if (!mainTimelineItems) {
+      mainTimelineItems = timelineItems.slice(0, index);
+    }
+    const ownerItems = subAgentItemsByOwner.get(ownerThreadId) ?? [];
+    ownerItems.push(item);
+    subAgentItemsByOwner.set(ownerThreadId, ownerItems);
+  }
+  return {
+    mainTimelineItems: mainTimelineItems ?? timelineItems,
+    subAgentItemsByOwner
+  };
+}
+function buildSubAgentLanesByCallId(partition) {
+  const lanesByCallId = /* @__PURE__ */ new Map();
+  const cards = collectCollabCards(partition.mainTimelineItems);
+  if (cards.length === 0) {
+    return lanesByCallId;
+  }
+  const lanedOwners = /* @__PURE__ */ new Set();
+  for (const [ownerThreadId, items] of partition.subAgentItemsByOwner) {
+    const sortedItems = [...items].sort(compareTimelineItemsAscending);
+    const startedAtUnixMs = timelineItemTime(sortedItems[0]);
+    const card = cards.find((candidate) => candidate.receiverThreadIds.has(ownerThreadId)) ?? cards.find((candidate) => candidate.outputStrings.has(ownerThreadId)) ?? matchCardByTimeAffinity(cards, startedAtUnixMs);
+    if (!card) {
+      continue;
+    }
+    lanedOwners.add(ownerThreadId);
+    const lanes = lanesByCallId.get(card.callId) ?? [];
+    lanes.push(subAgentLane(ownerThreadId, sortedItems, card));
+    lanesByCallId.set(card.callId, lanes);
+  }
+  for (const card of cards) {
+    if (!isSpawnAgentToken(card.agentName)) {
+      continue;
+    }
+    for (const receiverThreadId of card.receiverThreadIds) {
+      if (lanedOwners.has(receiverThreadId)) {
+        continue;
+      }
+      lanedOwners.add(receiverThreadId);
+      const lanes = lanesByCallId.get(card.callId) ?? [];
+      lanes.push(subAgentLane(receiverThreadId, [], card));
+      lanesByCallId.set(card.callId, lanes);
+    }
+    if (!lanesByCallId.has(card.callId)) {
+      lanesByCallId.set(card.callId, [
+        {
+          ...subAgentLane(`spawn-pending:${card.callId}`, [], card),
+          status: card.callStatus,
+          // No child thread exists yet: codex caps concurrent sub-agents
+          // (4/session by default) and queues further spawns.
+          queued: card.callStatus === "running"
+        }
+      ]);
+    }
+  }
+  for (const lanes of lanesByCallId.values()) {
+    lanes.sort(
+      (left, right) => (left.startedAtUnixMs ?? 0) - (right.startedAtUnixMs ?? 0) || left.ownerThreadId.localeCompare(right.ownerThreadId)
+    );
+    for (let index = 0; index < lanes.length; index += 1) {
+      const lane = lanes[index];
+      if (!lane) {
+        continue;
+      }
+      lanes[index] = {
+        ...lane,
+        laneIndex: index + 1,
+        laneCount: lanes.length
+      };
+    }
+  }
+  return lanesByCallId;
+}
+function attachSubAgentLanesToConversationVM(conversation, lanesByCallId) {
+  if (!conversation || lanesByCallId.size === 0) {
+    return conversation;
+  }
+  let changed = false;
+  const rows = conversation.rows.map((row) => {
+    if (row.kind !== "tool-group") {
+      return row;
+    }
+    const nextRow = toolGroupRowWithSubAgents(row, lanesByCallId);
+    if (nextRow !== row) {
+      changed = true;
+    }
+    return nextRow;
+  });
+  return changed ? { ...conversation, rows } : conversation;
+}
+function toolGroupRowWithSubAgents(row, lanesByCallId) {
+  let changed = false;
+  const callsById = /* @__PURE__ */ new Map();
+  const calls = row.calls.map((call) => {
+    const lanes = call.task ? lanesByCallId.get(toolCallRawId(call.id)) : null;
+    if (!lanes || lanes.length === 0 || !call.task) {
+      return call;
+    }
+    changed = true;
+    const nextCall = {
+      ...call,
+      task: { ...call.task, subAgents: lanes }
+    };
+    callsById.set(nextCall.id, nextCall);
+    return nextCall;
+  });
+  if (!changed) {
+    return row;
+  }
+  const entries = row.entries.map((entry) => {
+    if (entry.kind !== "tool-call") {
+      return entry;
+    }
+    const nextCall = callsById.get(entry.call.id);
+    return nextCall ? { ...entry, call: nextCall } : entry;
+  });
+  return { ...row, calls, entries };
+}
+function toolCallRawId(id) {
+  return id.startsWith("call:") ? id.slice("call:".length) : id;
+}
+var SUB_AGENT_ACTIVITY_LOG_CAP = 20;
+function subAgentLane(ownerThreadId, sortedItems, card) {
+  const activity = subAgentActivityLog(sortedItems);
+  const latest = activity.entries[activity.entries.length - 1] ?? null;
+  const terminal = latestTerminalMarker(sortedItems);
+  const lastItem = sortedItems[sortedItems.length - 1];
+  const status = terminal?.status ?? card.childStatuses.get(ownerThreadId) ?? "running";
+  const terminalAtUnixMs = terminal?.occurredAtUnixMs ?? null;
+  return {
+    ownerThreadId,
+    status,
+    // Identity precedence: the child thread's own name (subAgentName marker,
+    // rare in practice) > a short name derived from the task's opening
+    // self-address ("你是 X。…" / "You are X. …") > the view's localized
+    // numbered fallback. Never the collab tool name.
+    name: latestNameMarker(sortedItems) ?? deriveSubAgentNameFromTask(card.task),
+    task: card.task,
+    laneIndex: 1,
+    laneCount: 1,
+    latestActivity: latest?.text ?? null,
+    latestActivityKind: latest?.kind ?? null,
+    activityLog: activity.entries,
+    activityOmittedCount: activity.omittedCount,
+    failureDetail: terminal?.detail ?? null,
+    startedAtUnixMs: timelineItemTime(sortedItems[0]) || card.startedAtUnixMs || null,
+    latestActivityAtUnixMs: terminalAtUnixMs ?? (lastItem ? timelineItemTime(lastItem) : card.startedAtUnixMs) ?? null,
+    terminalAtUnixMs
+  };
+}
+var SUB_AGENT_DERIVED_NAME_MAX = 36;
+function deriveSubAgentNameFromTask(task) {
+  if (!task) {
+    return null;
+  }
+  const firstSentence = task.trim().split(/[。．.!?！？，,\n]/, 1)[0]?.trim();
+  if (!firstSentence) {
+    return null;
+  }
+  const selfAddress = /^(你现在是|你現在是|你是|you are|act as)\s*/i;
+  if (!selfAddress.test(firstSentence)) {
+    return null;
+  }
+  const stripped = firstSentence.replace(selfAddress, "").replace(/\s+/g, " ").trim();
+  if (stripped.length < 2 || stripped.length > SUB_AGENT_DERIVED_NAME_MAX) {
+    return null;
+  }
+  if (/^(spawnagent|agent)$/i.test(stripped)) {
+    return null;
+  }
+  return stripped;
+}
+function isSpawnAgentToken(agentName) {
+  const token = normalizeToolToken3(agentName);
+  return token === "spawnagent" || token === "spawn";
+}
+function latestNameMarker(sortedItems) {
+  for (let index = sortedItems.length - 1; index >= 0; index -= 1) {
+    const payload = sortedItems[index]?.payload;
+    if (payload?.messageKind !== "subAgentName") {
+      continue;
+    }
+    const name = stringValue2(payload.subAgentName);
+    if (name) {
+      return name;
+    }
+  }
+  return null;
+}
+function isSubAgentMarkerItem(item) {
+  const kind = item.payload?.messageKind;
+  return kind === "subAgentLifecycle" || kind === "subAgentName";
+}
+function subAgentActivityLog(sortedItems) {
+  const all = [];
+  for (const item of sortedItems) {
+    if (!item || isSubAgentMarkerItem(item)) {
+      continue;
+    }
+    const entry = displayableActivityEntry(item);
+    if (entry) {
+      all.push(entry);
+    }
+  }
+  const omittedCount = Math.max(0, all.length - SUB_AGENT_ACTIVITY_LOG_CAP);
+  return { entries: all.slice(omittedCount), omittedCount };
+}
+function displayableActivityEntry(item) {
+  const atUnixMs = timelineItemTime(item) || null;
+  if (isWorkspaceAgentToolCallItem(item)) {
+    const name = firstString2(item.name, stringValue2(item.payload?.name)) ?? null;
+    return name ? { kind: "tool", text: name, atUnixMs } : null;
+  }
+  const text = snippet(timelineItemText(item));
+  if (!text) {
+    return null;
+  }
+  const itemType = item.itemType?.trim().toLowerCase() ?? "";
+  const role = item.role?.trim().toLowerCase() ?? "";
+  if (itemType === "message.assistant_thinking" || role === "assistant_thinking") {
+    return { kind: "reasoning", text, atUnixMs };
+  }
+  return { kind: "message", text, atUnixMs };
+}
+function latestTerminalMarker(sortedItems) {
+  for (let index = sortedItems.length - 1; index >= 0; index -= 1) {
+    const item = sortedItems[index];
+    const payload = item?.payload;
+    if (!payload || payload.messageKind !== "subAgentLifecycle") {
+      continue;
+    }
+    return {
+      status: subAgentStatusFromLifecycle(payload.subAgentLifecycleStatus),
+      detail: stringValue2(payload.detail) ?? null,
+      occurredAtUnixMs: timelineItemTime(item) || null
+    };
+  }
+  return null;
+}
+var SUB_AGENT_ACTIVITY_SNIPPET_LENGTH = 140;
+function snippet(text) {
+  if (text.length <= SUB_AGENT_ACTIVITY_SNIPPET_LENGTH) {
+    return text;
+  }
+  return `\u2026${text.slice(-SUB_AGENT_ACTIVITY_SNIPPET_LENGTH)}`;
+}
+function timelineItemText(item) {
+  const text = stringValue2(item.payload?.text) ?? stringValue2(item.payload?.content) ?? stringValue2(item.content) ?? "";
+  return text.replace(/\s+/g, " ").trim();
+}
+var COLLAB_CARD_TOOL_NAMES = /* @__PURE__ */ new Set([
+  "task",
+  "subagent",
+  "delegatetask",
+  "delegateagent",
+  "agent"
+]);
+function collectCollabCards(mainTimelineItems) {
+  const cardsByCallId = /* @__PURE__ */ new Map();
+  for (const item of mainTimelineItems) {
+    if (!isWorkspaceAgentToolCallItem(item) || !isCollabCardItem(item)) {
+      continue;
+    }
+    const callId = firstString2(item.callId, stringValue2(item.payload?.callId));
+    if (!callId) {
+      continue;
+    }
+    const time = timelineItemTime(item);
+    const input = recordValue4(item.payload?.input);
+    const output = recordValue4(item.payload?.output);
+    const existing = cardsByCallId.get(callId);
+    if (!existing) {
+      cardsByCallId.set(callId, {
+        callId,
+        startedAtUnixMs: time,
+        latestAtUnixMs: time,
+        latestCallStatus: firstString2(
+          item.status,
+          stringValue2(item.payload?.status)
+        ),
+        receiverThreadIds: collectReceiverThreadIds(input),
+        outputStrings: collectStringValues(output),
+        childStatuses: collectChildStatuses(output)
+      });
+      continue;
+    }
+    existing.startedAtUnixMs = Math.min(existing.startedAtUnixMs, time);
+    if (time >= existing.latestAtUnixMs) {
+      existing.latestAtUnixMs = time;
+      existing.latestCallStatus = firstString2(item.status, stringValue2(item.payload?.status)) ?? existing.latestCallStatus;
+    }
+    for (const value of collectReceiverThreadIds(input)) {
+      existing.receiverThreadIds.add(value);
+    }
+    for (const value of collectStringValues(output)) {
+      existing.outputStrings.add(value);
+    }
+    for (const [threadId, childStatus] of collectChildStatuses(output)) {
+      existing.childStatuses.set(threadId, childStatus);
+    }
+  }
+  return [...cardsByCallId.values()].map((card) => {
+    const input = recordValue4(
+      partitionCardInput(mainTimelineItems, card.callId)?.payload?.input
+    );
+    return {
+      callId: card.callId,
+      startedAtUnixMs: card.startedAtUnixMs,
+      task: stringValue2(input?.task),
+      agentName: stringValue2(input?.agentName),
+      callStatus: subAgentStatusFromCallStatus(card.latestCallStatus),
+      receiverThreadIds: card.receiverThreadIds,
+      outputStrings: card.outputStrings,
+      childStatuses: card.childStatuses
+    };
+  }).sort((left, right) => left.startedAtUnixMs - right.startedAtUnixMs);
+}
+function partitionCardInput(mainTimelineItems, callId) {
+  for (const item of mainTimelineItems) {
+    if (!isWorkspaceAgentToolCallItem(item) || !isCollabCardItem(item)) {
+      continue;
+    }
+    if (firstString2(item.callId, stringValue2(item.payload?.callId)) === callId) {
+      return item;
+    }
+  }
+  return null;
+}
+function isCollabCardItem(item) {
+  const toolName = normalizeToolToken3(resolveWorkspaceAgentToolName(item));
+  return COLLAB_CARD_TOOL_NAMES.has(toolName);
+}
+function matchCardByTimeAffinity(cards, laneStartedAtUnixMs) {
+  const startedBeforeLane = cards.filter(
+    (card) => card.startedAtUnixMs <= laneStartedAtUnixMs
+  );
+  const candidates = startedBeforeLane.length > 0 ? startedBeforeLane : cards;
+  const pool = candidates;
+  if (pool.length === 0) {
+    return null;
+  }
+  if (startedBeforeLane.length > 0) {
+    return pool.reduce(
+      (latest, card) => card.startedAtUnixMs >= latest.startedAtUnixMs ? card : latest
+    );
+  }
+  return pool.reduce(
+    (earliest, card) => card.startedAtUnixMs < earliest.startedAtUnixMs ? card : earliest
+  );
+}
+function subAgentStatusFromCallStatus(status) {
+  switch ((status ?? "").trim().toLowerCase()) {
+    case "completed":
+    case "done":
+    case "success":
+    case "succeeded":
+      return "completed";
+    case "failed":
+    case "error":
+    case "errored":
+      return "failed";
+    case "canceled":
+    case "cancelled":
+      return "canceled";
+    default:
+      return "running";
+  }
+}
+function subAgentStatusFromLifecycle(status) {
+  switch (typeof status === "string" ? status.trim().toLowerCase() : "") {
+    case "completed":
+    case "done":
+    case "success":
+    case "succeeded":
+      return "completed";
+    case "failed":
+    case "error":
+    case "errored":
+      return "failed";
+    case "canceled":
+    case "cancelled":
+    case "interrupted":
+    case "stopped":
+      return "canceled";
+    default:
+      return "running";
+  }
+}
+function collectReceiverThreadIds(input) {
+  const out = /* @__PURE__ */ new Set();
+  if (input == null || typeof input !== "object" || Array.isArray(input)) {
+    return out;
+  }
+  const raw = input.receiverThreadIds;
+  if (!Array.isArray(raw)) {
+    return out;
+  }
+  for (const entry of raw) {
+    const id = stringValue2(entry);
+    if (id) {
+      out.add(id);
+    }
+  }
+  return out;
+}
+function collectChildStatuses(value) {
+  const out = /* @__PURE__ */ new Map();
+  collectChildStatusesInto(value, out, 0);
+  return out;
+}
+function collectChildStatusesInto(value, out, depth) {
+  if (depth > 6 || value == null) {
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const entry of value) {
+      collectChildStatusesInto(entry, out, depth + 1);
+    }
+    return;
+  }
+  if (typeof value !== "object") {
+    return;
+  }
+  const record = value;
+  const status = subAgentStatusFromLifecycle(
+    record.status ?? record.state ?? record.lifecycleStatus
+  );
+  const id = firstString2(
+    stringValue2(record.threadId),
+    stringValue2(record.threadID),
+    stringValue2(record.agentId),
+    stringValue2(record.agent_id),
+    stringValue2(record.id)
+  );
+  if (id && status !== "running") {
+    out.set(id, status);
+  }
+  for (const [key, entry] of Object.entries(record)) {
+    if (key === "agentsStates" || key === "statuses") {
+      collectChildStatusesInto(entry, out, depth + 1);
+      continue;
+    }
+    if (typeof entry === "object" && entry != null) {
+      const nestedStatus = subAgentStatusFromLifecycle(
+        entry.status ?? entry.state
+      );
+      if (nestedStatus !== "running" && key.trim()) {
+        out.set(key, nestedStatus);
+      }
+    }
+    collectChildStatusesInto(entry, out, depth + 1);
+  }
+}
+function collectStringValues(value, depth = 0) {
+  const out = /* @__PURE__ */ new Set();
+  collectStringValuesInto(value, depth, out);
+  return out;
+}
+function collectStringValuesInto(value, depth, out) {
+  if (depth > 5 || value == null) {
+    return;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (trimmed) {
+      out.add(trimmed);
+    }
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const entry of value) {
+      collectStringValuesInto(entry, depth + 1, out);
+    }
+    return;
+  }
+  if (typeof value === "object") {
+    for (const [key, entry] of Object.entries(
+      value
+    )) {
+      out.add(key);
+      collectStringValuesInto(entry, depth + 1, out);
+    }
+  }
+}
+function timelineItemTime(item) {
+  return item?.occurredAtUnixMs ?? item?.createdAtUnixMs ?? 0;
+}
+function compareTimelineItemsAscending(left, right) {
+  return timelineItemTime(left) - timelineItemTime(right) || (left.seq ?? 0) - (right.seq ?? 0) || left.id - right.id;
+}
+function normalizeToolToken3(value) {
+  return (value ?? "").replace(/[\s_-]+/g, "").trim().toLowerCase();
+}
+function stringValue2(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function recordValue4(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function firstString2(...values) {
+  for (const value of values) {
+    const resolved = stringValue2(value);
+    if (resolved) {
+      return resolved;
+    }
+  }
+  return null;
+}
+
 // shared/workspaceAgentTimelineCanonical.ts
 function buildCanonicalWorkspaceAgentDetailView({
   activity,
@@ -1498,9 +2030,12 @@ function buildCanonicalWorkspaceAgentDetailView({
   const seenThinkingMessages = /* @__PURE__ */ new Set();
   let activeSequenceTurnId = null;
   const sortedTimelineItems = [...timelineItems].sort(
-    compareTimelineItemsAscending
+    compareTimelineItemsAscending2
   );
   for (const item of sortedTimelineItems) {
+    if (timelineItemOwnerThreadId(item)) {
+      continue;
+    }
     const role = messageRole(item);
     const body = messageBody(item);
     const explicitTurnId = item.turnId?.trim();
@@ -1654,7 +2189,7 @@ function getTurn(turns, id) {
   turns.set(id, turn);
   return turn;
 }
-function compareTimelineItemsAscending(left, right) {
+function compareTimelineItemsAscending2(left, right) {
   const leftSeq = left.seq ?? 0;
   const rightSeq = right.seq ?? 0;
   if (leftSeq > 0 && rightSeq > 0 && leftSeq !== rightSeq) {
@@ -2130,7 +2665,7 @@ function mergeSourceTimelineItems(previous, next) {
   for (const item of merged) {
     byKey.set(sourceTimelineItemKey(item), item);
   }
-  return [...byKey.values()].sort(compareTimelineItemsAscending);
+  return [...byKey.values()].sort(compareTimelineItemsAscending2);
 }
 function sourceTimelineItemKey(item) {
   const eventId = item.eventId?.trim();
@@ -2285,7 +2820,7 @@ function projectAgentApprovalItem(call, input, output) {
   if (callType !== "approval" && toolName !== "approval") {
     return null;
   }
-  const requestId = stringValue2(input?.requestId) ?? stringValue2(call.payload?.requestId) ?? stringValue2(output?.requestId);
+  const requestId = stringValue3(input?.requestId) ?? stringValue3(call.payload?.requestId) ?? stringValue3(output?.requestId);
   if (!requestId) {
     return null;
   }
@@ -2309,7 +2844,7 @@ function projectAgentApprovalItem(call, input, output) {
     callId: call.id.replace(/^call:/, ""),
     title: mcpTarget?.displayName ?? (call.summary.trim() || call.name),
     toolName: call.toolName,
-    status: stringValue2(call.payload?.status) ?? call.status,
+    status: stringValue3(call.payload?.status) ?? call.status,
     input,
     options,
     output,
@@ -2319,17 +2854,17 @@ function projectAgentApprovalItem(call, input, output) {
 function normalizeApprovalOptions(values) {
   return values.flatMap((value) => {
     const option = objectValue(value);
-    const id = stringValue2(option?.optionId) ?? stringValue2(option?.id);
+    const id = stringValue3(option?.optionId) ?? stringValue3(option?.id);
     if (!id) {
       return [];
     }
-    const label = stringValue2(option?.name) ?? stringValue2(option?.label) ?? stringValue2(option?.title) ?? stringValue2(option?.kind) ?? id;
+    const label = stringValue3(option?.name) ?? stringValue3(option?.label) ?? stringValue3(option?.title) ?? stringValue3(option?.kind) ?? id;
     return [
       {
         id,
         label,
-        kind: stringValue2(option?.kind) ?? "",
-        ...stringValue2(option?.description) ? { description: stringValue2(option?.description) } : {}
+        kind: stringValue3(option?.kind) ?? "",
+        ...stringValue3(option?.description) ? { description: stringValue3(option?.description) } : {}
       }
     ];
   });
@@ -2337,7 +2872,7 @@ function normalizeApprovalOptions(values) {
 function normalizeToken(value) {
   return (value ?? "").trim().toLowerCase();
 }
-function stringValue2(value) {
+function stringValue3(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function objectValue(value) {
@@ -2361,7 +2896,7 @@ function projectAgentAskUserQuestionItem(call, input, output) {
     kind: "ask-user",
     id: call.id,
     turnId: call.turnId ?? "turn:unknown",
-    requestId: stringValue3(input?.requestId) ?? stringValue3(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
+    requestId: stringValue4(input?.requestId) ?? stringValue4(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
     title: call.name,
     status: call.status,
     questions: questions.map((question) => ({
@@ -2377,12 +2912,12 @@ function projectAgentPlanModeItem(call, input) {
       itemKind: "plan-mode",
       id: call.id,
       turnId: call.turnId ?? "turn:unknown",
-      requestId: stringValue3(input?.requestId) ?? stringValue3(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
+      requestId: stringValue4(input?.requestId) ?? stringValue4(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
       kind: "exit",
-      title: stringValue3(objectValue2(input?.toolCall)?.title) ?? call.name,
+      title: stringValue4(objectValue2(input?.toolCall)?.title) ?? call.name,
       status: call.status,
-      plan: stringValue3(input?.plan) ?? stringValue3(call.payload?.plan) ?? (call.summary.trim() || null),
-      filePath: stringValue3(input?.filePath) ?? stringValue3(call.payload?.filePath),
+      plan: stringValue4(input?.plan) ?? stringValue4(call.payload?.plan) ?? (call.summary.trim() || null),
+      filePath: stringValue4(input?.filePath) ?? stringValue4(call.payload?.filePath),
       options: extractExitPlanModeOptions(input),
       ...keepPlanningOption(extractExitPlanKeepPlanningOptionId(input)),
       occurredAtUnixMs: call.occurredAtUnixMs ?? null
@@ -2397,8 +2932,8 @@ function projectAgentPlanModeItem(call, input) {
       kind: "enter",
       title: call.name,
       status: call.status,
-      plan: stringValue3(input?.content) ?? (call.summary.trim() || null),
-      filePath: stringValue3(input?.filePath),
+      plan: stringValue4(input?.content) ?? (call.summary.trim() || null),
+      filePath: stringValue4(input?.filePath),
       occurredAtUnixMs: call.occurredAtUnixMs ?? null
     };
   }
@@ -2409,12 +2944,12 @@ function projectAgentPlanModeItem(call, input) {
     itemKind: "plan-mode",
     id: call.id,
     turnId: call.turnId ?? "turn:unknown",
-    requestId: stringValue3(input?.requestId) ?? stringValue3(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
+    requestId: stringValue4(input?.requestId) ?? stringValue4(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
     kind: "exit",
     title: call.name,
     status: call.status,
-    plan: stringValue3(input?.plan) ?? stringValue3(call.payload?.plan) ?? (call.summary.trim() || null),
-    filePath: stringValue3(input?.filePath) ?? stringValue3(call.payload?.filePath),
+    plan: stringValue4(input?.plan) ?? stringValue4(call.payload?.plan) ?? (call.summary.trim() || null),
+    filePath: stringValue4(input?.filePath) ?? stringValue4(call.payload?.filePath),
     occurredAtUnixMs: call.occurredAtUnixMs ?? null
   };
 }
@@ -2439,7 +2974,7 @@ function keepPlanningOption(optionId) {
 function normalizeToolName2(value) {
   return (value ?? "").replace(/[_\s-]+/g, "").trim().toLowerCase();
 }
-function stringValue3(value) {
+function stringValue4(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function objectValue2(value) {
@@ -2552,13 +3087,13 @@ function normalizeToolName3(value) {
 }
 function hasMcpMetadata(metadata) {
   return Boolean(
-    stringValue4(metadata?.server) ?? stringValue4(metadata?.serverName) ?? stringValue4(metadata?.mcpServer)
+    stringValue5(metadata?.server) ?? stringValue5(metadata?.serverName) ?? stringValue5(metadata?.mcpServer)
   );
 }
 function normalizeCallType(value) {
   return (value ?? "").trim().toLowerCase();
 }
-function stringValue4(value) {
+function stringValue5(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 
@@ -2581,8 +3116,8 @@ function projectAgentTaskItem(call, input, output, metadata) {
     turnId: call.turnId ?? "turn:unknown",
     title: call.summary.trim() || call.name,
     status: call.status,
-    prompt: stringValue5(input?.prompt) ?? stringValue5(input?.description) ?? stringValue5(call.payload?.description) ?? stringValue5(claudeToolResponse?.prompt),
-    delegateSessionId: stringValue5(metadata?.childSessionID) ?? stringValue5(metadata?.child_session_id) ?? stringValue5(metadata?.subagentSessionID) ?? stringValue5(metadata?.subagent_session_id) ?? stringValue5(claudeToolResponse?.agentId),
+    prompt: stringValue6(input?.prompt) ?? stringValue6(input?.description) ?? stringValue6(call.payload?.description) ?? stringValue6(claudeToolResponse?.prompt),
+    delegateSessionId: stringValue6(metadata?.childSessionID) ?? stringValue6(metadata?.child_session_id) ?? stringValue6(metadata?.subagentSessionID) ?? stringValue6(metadata?.subagent_session_id) ?? stringValue6(claudeToolResponse?.agentId),
     steps,
     result: firstNonEmptyText(output),
     resultMarkdown: firstNonEmptyText(output),
@@ -2596,8 +3131,8 @@ function normalizeTaskSteps(values, turnId) {
     if (!step) {
       return [];
     }
-    const toolName = stringValue5(step.toolName) ?? stringValue5(step.tool_name) ?? stringValue5(step.name);
-    const callType = stringValue5(step.callType) ?? stringValue5(step.call_type);
+    const toolName = stringValue6(step.toolName) ?? stringValue6(step.tool_name) ?? stringValue6(step.name);
+    const callType = stringValue6(step.callType) ?? stringValue6(step.call_type);
     const inputPayload = objectValue3(step.toolInput) ?? objectValue3(step.tool_input);
     const outputPayload = objectValue3(step.toolResult) ?? objectValue3(step.tool_result);
     const errorPayload = objectValue3(step.toolError) ?? objectValue3(step.tool_error);
@@ -2607,11 +3142,11 @@ function normalizeTaskSteps(values, turnId) {
     const locations = arrayValue3(step.locations);
     return [
       {
-        id: stringValue5(step.toolUseId) ?? stringValue5(step.id) ?? `step-${index + 1}`,
+        id: stringValue6(step.toolUseId) ?? stringValue6(step.id) ?? `step-${index + 1}`,
         turnId,
         name: toolName ? humanizeToolLabel(toolName) : `Step ${index + 1}`,
         toolName: toolName ?? null,
-        status: stringValue5(step.status) ?? stringValue5(objectValue3(step.toolResult)?.status) ?? stringValue5(objectValue3(step.tool_result)?.status),
+        status: stringValue6(step.status) ?? stringValue6(objectValue3(step.toolResult)?.status) ?? stringValue6(objectValue3(step.tool_result)?.status),
         summary: firstNonEmptyText(outputPayload, inputPayload) ?? "",
         payload: {
           input: inputPayload,
@@ -2619,12 +3154,12 @@ function normalizeTaskSteps(values, turnId) {
           error: errorPayload
         },
         tool: projectAgentTaskStepTool({
-          id: stringValue5(step.toolUseId) ?? stringValue5(step.id) ?? `step-${index + 1}`,
+          id: stringValue6(step.toolUseId) ?? stringValue6(step.id) ?? `step-${index + 1}`,
           turnId,
           toolName,
-          name: stringValue5(step.name),
+          name: stringValue6(step.name),
           callType,
-          status: stringValue5(step.status) ?? stringValue5(outputPayload?.status),
+          status: stringValue6(step.status) ?? stringValue6(outputPayload?.status),
           summary: firstNonEmptyText(outputPayload, inputPayload) ?? "",
           payload,
           metadata,
@@ -2706,7 +3241,7 @@ function projectAgentTaskStepTool(step) {
 function humanizeToolLabel(value) {
   return value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim().replace(/^\w/, (match) => match.toUpperCase());
 }
-function stringValue5(value) {
+function stringValue6(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function numberValue(value) {
@@ -3468,8 +4003,8 @@ function filesFromCall(call, options) {
       return [];
     }
     return extractFileChanges({
-      id: stringValue6(step.toolUseId) ?? stringValue6(step.id) ?? `${call.id}:step:${index + 1}`,
-      toolName: stringValue6(step.toolName) ?? stringValue6(step.tool_name) ?? stringValue6(step.name) ?? null,
+      id: stringValue7(step.toolUseId) ?? stringValue7(step.id) ?? `${call.id}:step:${index + 1}`,
+      toolName: stringValue7(step.toolName) ?? stringValue7(step.tool_name) ?? stringValue7(step.name) ?? null,
       statusKind: nestedTaskStepStatusKind(step, call.statusKind ?? null),
       occurredAtUnixMs: numberValue2(step.occurredAtUnixMs) ?? numberValue2(step.occurred_at_unix_ms) ?? call.occurredAtUnixMs ?? null,
       payload: objectValue5(step.payload),
@@ -3506,7 +4041,7 @@ function patchBatchesFromCall(call, options) {
       return [];
     }
     return patchBatchFromPayload({
-      id: stringValue6(step.toolUseId) ?? stringValue6(step.id) ?? `${call.id}:step:${index + 1}`,
+      id: stringValue7(step.toolUseId) ?? stringValue7(step.id) ?? `${call.id}:step:${index + 1}`,
       payload: objectValue5(step.payload),
       toolInput: objectValue5(step.toolInput) ?? objectValue5(step.tool_input),
       toolOutput: objectValue5(step.toolResult) ?? objectValue5(step.tool_result),
@@ -3535,11 +4070,11 @@ function patchBatchFromPayload(input) {
   return [
     {
       cwd: firstNonEmptyString(
-        stringValue6(input.payload?.cwd),
-        stringValue6(payloadInput?.cwd),
-        stringValue6(rawInput?.cwd),
-        stringValue6(payloadOutput?.cwd),
-        stringValue6(metadata?.cwd),
+        stringValue7(input.payload?.cwd),
+        stringValue7(payloadInput?.cwd),
+        stringValue7(rawInput?.cwd),
+        stringValue7(payloadOutput?.cwd),
+        stringValue7(metadata?.cwd),
         input.options.defaultCwd ?? null
       ) ?? null,
       toolCallId: input.id,
@@ -3556,10 +4091,10 @@ function patchChangesFromChangeMap(changes) {
     }
     const normalizedType = normalizeChangeType(fileChangeTypeValue(change));
     const unifiedDiff = firstNonEmptyString(
-      stringValue6(change.unified_diff),
-      stringValue6(change.unifiedDiff),
-      stringValue6(change.diff),
-      stringValue6(change.patch)
+      stringValue7(change.unified_diff),
+      stringValue7(change.unifiedDiff),
+      stringValue7(change.diff),
+      stringValue7(change.patch)
     ) ?? null;
     let oldString = firstPresentString6(
       literalStringValue(change.old_string),
@@ -3635,10 +4170,10 @@ function extractFileChanges(input) {
     input.occurredAtUnixMs,
     arrayValue5(objectValue5(payload?.fileChanges)?.files),
     firstNonEmptyString(
-      stringValue6(input.input?.patch),
-      stringValue6(input.output?.patch),
-      stringValue6(payload?.patch),
-      stringValue6(metadata?.patch)
+      stringValue7(input.input?.patch),
+      stringValue7(input.output?.patch),
+      stringValue7(payload?.patch),
+      stringValue7(metadata?.patch)
     ),
     firstPresentString6(
       literalStringValue(input.output?.oldString),
@@ -3682,24 +4217,24 @@ function extractFileChanges(input) {
   if (filesFromContentDiff.length > 0) {
     return filesFromContentDiff;
   }
-  const summaryFallbackPath = input.input?.summaryPathFallback === true ? stringValue6(input.input?.path) : null;
-  const explicitInputPath = summaryFallbackPath ? null : stringValue6(input.input?.path);
+  const summaryFallbackPath = input.input?.summaryPathFallback === true ? stringValue7(input.input?.path) : null;
+  const explicitInputPath = summaryFallbackPath ? null : stringValue7(input.input?.path);
   const filePath = firstNonEmptyString(
     firstPathValue(payloadPaths),
-    stringValue6(input.input?.file_path),
-    stringValue6(input.input?.filePath),
+    stringValue7(input.input?.file_path),
+    stringValue7(input.input?.filePath),
     explicitInputPath,
-    stringValue6(input.input?.notebook_path),
-    stringValue6(input.output?.file_path),
-    stringValue6(input.output?.filePath),
-    stringValue6(input.output?.path),
-    stringValue6(input.output?.notebook_path),
+    stringValue7(input.input?.notebook_path),
+    stringValue7(input.output?.file_path),
+    stringValue7(input.output?.filePath),
+    stringValue7(input.output?.path),
+    stringValue7(input.output?.notebook_path),
     firstLocationPath(inputLocations),
     firstLocationPath(payloadLocations)
   ) ?? extractAgentPatchPath(
     firstNonEmptyString(
-      stringValue6(input.input?.patch),
-      stringValue6(input.output?.patch)
+      stringValue7(input.input?.patch),
+      stringValue7(input.output?.patch)
     )
   ) ?? summaryFallbackPath;
   const normalizedFilePathValue = normalizedFilePath(filePath, input.options);
@@ -3707,11 +4242,11 @@ function extractFileChanges(input) {
     return [];
   }
   const patch = firstNonEmptyString(
-    stringValue6(input.input?.patch),
-    stringValue6(input.output?.patch),
-    stringValue6(payload?.patch),
-    stringValue6(metadata?.patch),
-    stringValue6(input.output?.content)
+    stringValue7(input.input?.patch),
+    stringValue7(input.output?.patch),
+    stringValue7(payload?.patch),
+    stringValue7(metadata?.patch),
+    stringValue7(input.output?.content)
   ) ?? null;
   const oldString = firstPresentString6(
     literalStringValue(input.output?.oldString),
@@ -3734,10 +4269,10 @@ function extractFileChanges(input) {
   );
   const explicitChangeType = normalizeChangeType(
     firstNonEmptyString(
-      stringValue6(payload?.fileChangeKind),
-      stringValue6(metadata?.fileChangeKind),
-      stringValue6(input.input?.fileChangeKind),
-      stringValue6(input.output?.fileChangeKind)
+      stringValue7(payload?.fileChangeKind),
+      stringValue7(metadata?.fileChangeKind),
+      stringValue7(input.input?.fileChangeKind),
+      stringValue7(input.output?.fileChangeKind)
     )
   ) ?? null;
   const changeType = explicitChangeType ?? (normalizedToolName === "write" || normalizedToolName === "writefile" ? "created" : normalizedToolName === "notebookedit" ? "created" : inferAgentPatchChangeType(patch));
@@ -3777,16 +4312,16 @@ function isStructuredWriteTool(normalizedToolName, payload, metadata) {
     return false;
   }
   const activityKind = firstNonEmptyString(
-    stringValue6(payload?.activityKind),
-    stringValue6(metadata?.activityKind)
+    stringValue7(payload?.activityKind),
+    stringValue7(metadata?.activityKind)
   );
   if (activityKind === "write_file" || activityKind === "edit_file" || activityKind === "delete_file") {
     return true;
   }
   return normalizeChangeType(
     firstNonEmptyString(
-      stringValue6(payload?.fileChangeKind),
-      stringValue6(metadata?.fileChangeKind)
+      stringValue7(payload?.fileChangeKind),
+      stringValue7(metadata?.fileChangeKind)
     )
   ) !== null;
 }
@@ -3796,11 +4331,11 @@ function collectMetadataFiles(messageId, toolName, occurredAtUnixMs, files, patc
   }
   return files.flatMap((value, index) => {
     const file = objectValue5(value);
-    const path = normalizedFilePath(stringValue6(file?.path), options);
+    const path = normalizedFilePath(stringValue7(file?.path), options);
     if (!path) {
       return [];
     }
-    const change = normalizeChangeType(stringValue6(file?.change));
+    const change = normalizeChangeType(stringValue7(file?.change));
     return [
       buildFileChange({
         id: `${messageId}:${index + 1}`,
@@ -3825,10 +4360,10 @@ function collectChangeMapFiles(messageId, toolName, occurredAtUnixMs, changes, o
     }
     const normalizedType = normalizeChangeType(fileChangeTypeValue(change));
     const unifiedDiff = firstNonEmptyString(
-      stringValue6(change.unified_diff),
-      stringValue6(change.unifiedDiff),
-      stringValue6(change.diff),
-      stringValue6(change.patch)
+      stringValue7(change.unified_diff),
+      stringValue7(change.unifiedDiff),
+      stringValue7(change.diff),
+      stringValue7(change.patch)
     );
     let oldString = firstPresentString6(
       literalStringValue(change.old_string),
@@ -3887,11 +4422,11 @@ function collectContentDiffFiles(messageId, toolName, occurredAtUnixMs, contentI
     if (!item) {
       return [];
     }
-    const type = stringValue6(item.type);
+    const type = stringValue7(item.type);
     if (type && type !== "diff") {
       return [];
     }
-    const path = normalizedFilePath(stringValue6(item.path), options);
+    const path = normalizedFilePath(stringValue7(item.path), options);
     if (!path) {
       return [];
     }
@@ -3900,10 +4435,10 @@ function collectContentDiffFiles(messageId, toolName, occurredAtUnixMs, contentI
       relatedChange ? fileChangeTypeValue(relatedChange) : null
     );
     const unifiedDiff = firstNonEmptyString(
-      stringValue6(item.diff),
-      stringValue6(item.patch),
-      stringValue6(relatedChange?.unified_diff),
-      stringValue6(relatedChange?.unifiedDiff)
+      stringValue7(item.diff),
+      stringValue7(item.patch),
+      stringValue7(relatedChange?.unified_diff),
+      stringValue7(relatedChange?.unifiedDiff)
     );
     let oldString = firstPresentString6(
       literalStringValue(item.oldText),
@@ -4189,9 +4724,9 @@ function nestedTaskStepsFromPayload(payload, output) {
 }
 function nestedTaskStepStatusKind(step, fallback) {
   return firstNonEmptyString(
-    stringValue6(step.statusKind),
-    stringValue6(step.status),
-    stringValue6(step.toolStatus)
+    stringValue7(step.statusKind),
+    stringValue7(step.status),
+    stringValue7(step.toolStatus)
   ) ?? fallback ?? null;
 }
 function firstLocationPath(value) {
@@ -4200,7 +4735,7 @@ function firstLocationPath(value) {
   }
   for (const item of value) {
     const record = objectValue5(item);
-    const path = stringValue6(record?.path);
+    const path = stringValue7(record?.path);
     if (path) {
       return path;
     }
@@ -4212,14 +4747,14 @@ function firstPathValue(value) {
     return null;
   }
   for (const item of value) {
-    const path = stringValue6(item);
+    const path = stringValue7(item);
     if (path) {
       return path;
     }
   }
   return null;
 }
-function stringValue6(value) {
+function stringValue7(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function literalStringValue(value) {
@@ -4732,7 +5267,7 @@ function userPromptContentBlocks(message, fallbackWorkspaceId) {
   if (!content) {
     return [];
   }
-  const displayPrompt = firstString2(
+  const displayPrompt = firstString3(
     message.sourceTimelineItems?.map(
       (candidate) => typeof candidate.payload?.displayPrompt === "string" ? candidate.payload.displayPrompt : ""
     ) ?? []
@@ -4773,7 +5308,7 @@ function userPromptContentBlocks(message, fallbackWorkspaceId) {
   }
   return [{ type: "text", text: displayPrompt }, ...blocks];
 }
-function firstString2(values) {
+function firstString3(values) {
   for (const value of values) {
     const trimmed = value.trim();
     if (trimmed) {
@@ -4943,18 +5478,19 @@ function AgentTranscriptSkeleton({
 
 // shared/agentConversation/components/AgentTranscriptView.tsx
 import {
-  Fragment as Fragment6,
-  memo as memo3,
+  Fragment as Fragment7,
+  memo as memo4,
   useCallback as useCallback10,
+  useEffect as useEffect11,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo6,
   useRef as useRef8,
-  useState as useState17
+  useState as useState18
 } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 
 // shared/agentConversation/components/AgentTranscriptItemView.tsx
-import { memo as memo2, useCallback as useCallback9 } from "react";
+import { memo as memo3, useCallback as useCallback9 } from "react";
 
 // shared/agentConversation/actions/agentConversationLinkActions.ts
 function resolveAgentConversationLinkAction({
@@ -5312,7 +5848,7 @@ import { useEffect } from "react";
 import { EditorContent, useEditor } from "@tiptap/react";
 
 // agent-gui/agentGuiNode/agentRichText/agentSkillTokenExtension.ts
-import { mergeAttributes, Node } from "@tiptap/core";
+import { mergeAttributes, Node as Node2 } from "@tiptap/core";
 
 // agent-gui/agentGuiNode/model/agentSkillOptions.ts
 function skillTriggerForPrefix(skill, prefix) {
@@ -5367,7 +5903,7 @@ function stripSkillTriggerPrefix(trigger) {
 
 // agent-gui/agentGuiNode/agentRichText/agentSkillTokenExtension.ts
 function createAgentSkillTokenExtension(options = {}) {
-  return Node.create({
+  return Node2.create({
     name: "agentSkillToken",
     group: "inline",
     inline: true,
@@ -5479,9 +6015,9 @@ function skillTokenDisplayLabel(attrs) {
 }
 
 // agent-gui/agentGuiNode/agentRichText/agentCapabilityTokenExtension.ts
-import { mergeAttributes as mergeAttributes2, Node as Node2 } from "@tiptap/core";
+import { mergeAttributes as mergeAttributes2, Node as Node3 } from "@tiptap/core";
 function createAgentCapabilityTokenExtension(options = {}) {
-  return Node2.create({
+  return Node3.create({
     name: "agentCapabilityToken",
     group: "inline",
     inline: true,
@@ -6987,7 +7523,7 @@ var MESSAGE_COPY_FEEDBACK_MS = 1400;
 var CONTEXT_COMPACTION_NOTICE_TITLE = "Context compacted.";
 var TRANSPORT_RETRY_PROGRESS_PATTERN = /\b(reconnect(?:ing)?(?:\s*(?:\.\.\.|…|[.。]+|:|-))?\s*\(?\d+\s*\/\s*\d+\)?)/i;
 var SYSTEM_NOTICE_WARNING_CLASS_NAME = "border-[color-mix(in_srgb,var(--state-warning)_14%,transparent)] bg-[color-mix(in_srgb,var(--background-fronted)_100%,var(--state-warning)_6%)]";
-var SYSTEM_NOTICE_ERROR_CLASS_NAME = "border-[color-mix(in_srgb,var(--state-danger)_20%,transparent)] bg-[color-mix(in_srgb,var(--background-fronted)_100%,var(--state-danger)_8%)]";
+var SYSTEM_NOTICE_ERROR_CLASS_NAME = "border-[var(--on-danger-hover)] bg-[var(--on-danger)]";
 function AgentMessageBlock({
   workspaceRoot,
   basePath,
@@ -7220,44 +7756,37 @@ function AgentUserImageGrid({
   return /* @__PURE__ */ jsx12(
     "div",
     {
-      className: "grid justify-self-end gap-2",
+      className: AgentGUIConversation_styles_default.userImageGrid,
       style: {
         gridTemplateColumns: `repeat(${columnCount}, ${thumbnailWidth})`
       },
       children: images.map((image) => {
         const src = loadedImages.get(image.id) ?? imageDataUrl(image);
         const loading = !src && loadingIds.has(image.id);
-        return /* @__PURE__ */ jsx12(
+        return /* @__PURE__ */ jsx12("div", { className: AgentGUIConversation_styles_default.userImageThumbnail, children: src ? /* @__PURE__ */ jsx12(
+          ZoomableImage,
+          {
+            src,
+            alt: image.name?.trim() || "image",
+            className: "block max-h-20 w-full rounded-[7px] object-contain",
+            draggable: false,
+            downloadName: image.name?.trim() || "image.png"
+          }
+        ) : loading ? /* @__PURE__ */ jsx12(
           "div",
           {
-            className: "max-h-20 min-w-0 overflow-hidden rounded-[6px]",
-            children: src ? /* @__PURE__ */ jsx12(
-              ZoomableImage,
+            className: "flex h-20 w-full items-center justify-center bg-[color-mix(in_srgb,var(--text-primary)_6%,transparent)]",
+            "data-testid": "agent-gui-message-image-loading",
+            children: /* @__PURE__ */ jsx12(
+              LoaderCircle,
               {
-                src,
-                alt: image.name?.trim() || "image",
-                className: "block max-h-20 w-full rounded-[6px] object-contain",
-                draggable: false,
-                downloadName: image.name?.trim() || "image.png"
-              }
-            ) : loading ? /* @__PURE__ */ jsx12(
-              "div",
-              {
-                className: "flex h-20 w-full items-center justify-center bg-[color-mix(in_srgb,var(--text-primary)_6%,transparent)]",
-                "data-testid": "agent-gui-message-image-loading",
-                children: /* @__PURE__ */ jsx12(
-                  LoaderCircle,
-                  {
-                    "aria-hidden": "true",
-                    className: "size-5 animate-spin text-[color-mix(in_srgb,var(--text-primary)_45%,transparent)]",
-                    strokeWidth: 2
-                  }
-                )
+                "aria-hidden": "true",
+                className: "size-5 animate-spin text-[color-mix(in_srgb,var(--text-primary)_45%,transparent)]",
+                strokeWidth: 2
               }
-            ) : /* @__PURE__ */ jsx12("div", { className: "h-20 w-full animate-pulse bg-[color-mix(in_srgb,var(--text-primary)_8%,transparent)]" })
-          },
-          image.id
-        );
+            )
+          }
+        ) : /* @__PURE__ */ jsx12("div", { className: "h-20 w-full animate-pulse bg-[color-mix(in_srgb,var(--text-primary)_8%,transparent)]" }) }, image.id);
       })
     }
   );
@@ -7388,8 +7917,8 @@ function AgentSystemNoticeMessage({
       }
     );
   }
-  const isStatusNotice = systemNoticeIsStatus(notice);
-  const noticeToneClassName = systemNoticeToneClassName(notice);
+  const isStatusNotice = systemNoticeIsStatus(message);
+  const noticeToneClassName = systemNoticeToneClassName(message);
   return /* @__PURE__ */ jsx12(
     "section",
     {
@@ -7402,8 +7931,9 @@ function AgentSystemNoticeMessage({
     }
   );
 }
-function systemNoticeToneClassName(notice) {
-  if (notice?.severity === "error" || notice?.noticeKind === "transport_fallback") {
+function systemNoticeToneClassName(message) {
+  const notice = message.systemNotice;
+  if (notice?.severity === "error" || notice?.noticeKind === "transport_fallback" || isTransportFallbackNotice(message)) {
     return SYSTEM_NOTICE_ERROR_CLASS_NAME;
   }
   if (notice?.severity === "warning") {
@@ -7411,8 +7941,14 @@ function systemNoticeToneClassName(notice) {
   }
   return SYSTEM_NOTICE_WARNING_CLASS_NAME;
 }
-function systemNoticeIsStatus(notice) {
-  return notice?.severity === "warning" || notice?.severity === "error" || notice?.noticeKind === "transport_fallback";
+function systemNoticeIsStatus(message) {
+  const notice = message.systemNotice;
+  return notice?.severity === "warning" || notice?.severity === "error" || notice?.noticeKind === "transport_fallback" || isTransportFallbackNotice(message);
+}
+function isTransportFallbackNotice(message) {
+  const notice = message.systemNotice;
+  const text = [notice?.title, notice?.detail, message.body].filter(Boolean).join("\n").toLowerCase();
+  return text.includes("falling back from websockets") || text.includes("https transport");
 }
 function transportRetryNoticeText(message) {
   const notice = message.systemNotice;
@@ -7659,8 +8195,8 @@ function LoadingEllipsis2() {
 }
 
 // shared/agentConversation/components/AgentToolGroupRow.tsx
-import { memo, useState as useState15 } from "react";
-import { ChevronDown as ChevronDown6, ChevronRight as ChevronRight6 } from "lucide-react";
+import { memo as memo2, useState as useState16 } from "react";
+import { ChevronDown as ChevronDown7, ChevronRight as ChevronRight7 } from "lucide-react";
 
 // shared/agentConversation/components/AgentAskUserQuestionCard.tsx
 import { useState as useState12 } from "react";
@@ -8182,9 +8718,9 @@ function WriteLinedIcon(props) {
 
 // shared/agentConversation/components/tool-renderers/render-data/agentToolFileChangeRenderData.ts
 function getFileChangeRenderData(call) {
-  const payloadInput = recordValue4(call.payload?.input);
-  const payloadOutput = recordValue4(call.payload?.output);
-  const rawInput = recordValue4(call.input?.rawInput) ?? recordValue4(payloadInput?.rawInput);
+  const payloadInput = recordValue5(call.payload?.input);
+  const payloadOutput = recordValue5(call.payload?.output);
+  const rawInput = recordValue5(call.input?.rawInput) ?? recordValue5(payloadInput?.rawInput);
   const inputLocations = arrayValue6(call.locations) ?? arrayValue6(call.input?.locations) ?? arrayValue6(payloadInput?.locations);
   const fromStructuredPatch = structuredPatchFiles(
     call.output?.structuredPatch ?? payloadOutput?.structuredPatch ?? call.payload?.structuredPatch
@@ -8218,44 +8754,44 @@ function getFileChangeRenderData(call) {
   if (fromContentDiff.length > 0) {
     return fromContentDiff;
   }
-  const inputPath = firstString3(
-    stringValue7(call.input?.file_path),
-    stringValue7(call.input?.filePath),
-    stringValue7(call.input?.path),
-    stringValue7(payloadInput?.file_path),
-    stringValue7(payloadInput?.filePath),
-    stringValue7(payloadInput?.path),
+  const inputPath = firstString4(
+    stringValue8(call.input?.file_path),
+    stringValue8(call.input?.filePath),
+    stringValue8(call.input?.path),
+    stringValue8(payloadInput?.file_path),
+    stringValue8(payloadInput?.filePath),
+    stringValue8(payloadInput?.path),
     firstLocationPath2(inputLocations)
   );
-  const unifiedDiff = firstString3(
-    stringValue7(call.output?.patch),
-    stringValue7(payloadOutput?.patch),
-    stringValue7(call.output?.diff),
-    stringValue7(payloadOutput?.diff)
+  const unifiedDiff = firstString4(
+    stringValue8(call.output?.patch),
+    stringValue8(payloadOutput?.patch),
+    stringValue8(call.output?.diff),
+    stringValue8(payloadOutput?.diff)
   );
-  const path = firstString3(
+  const path = firstString4(
     inputPath,
     unifiedDiff ? extractAgentPatchPath(unifiedDiff) : null
   );
   if (!path) {
     return [];
   }
-  const content = firstString3(
-    stringValue7(call.input?.content),
-    stringValue7(payloadInput?.content),
-    stringValue7(rawInput?.content)
+  const content = firstString4(
+    stringValue8(call.input?.content),
+    stringValue8(payloadInput?.content),
+    stringValue8(rawInput?.content)
   );
-  const oldString = firstString3(
-    stringValue7(call.input?.old_string),
-    stringValue7(payloadInput?.old_string),
-    stringValue7(call.output?.oldString),
-    stringValue7(payloadOutput?.oldString)
+  const oldString = firstString4(
+    stringValue8(call.input?.old_string),
+    stringValue8(payloadInput?.old_string),
+    stringValue8(call.output?.oldString),
+    stringValue8(payloadOutput?.oldString)
   );
-  const newString = firstString3(
-    stringValue7(call.input?.new_string),
-    stringValue7(payloadInput?.new_string),
-    stringValue7(call.output?.newString),
-    stringValue7(payloadOutput?.newString)
+  const newString = firstString4(
+    stringValue8(call.input?.new_string),
+    stringValue8(payloadInput?.new_string),
+    stringValue8(call.output?.newString),
+    stringValue8(payloadOutput?.newString)
   );
   const changeType = inferFileChangeType(
     call.toolName,
@@ -8292,33 +8828,33 @@ function structuredPatchFiles(value) {
     return [];
   }
   return patches.flatMap((item) => {
-    const patch = recordValue4(item);
-    const path = firstString3(
-      stringValue7(patch?.filePath),
-      stringValue7(patch?.path)
+    const patch = recordValue5(item);
+    const path = firstString4(
+      stringValue8(patch?.filePath),
+      stringValue8(patch?.path)
     );
-    const diff = firstString3(
-      stringValue7(patch?.diff),
-      stringValue7(patch?.patch)
+    const diff = firstString4(
+      stringValue8(patch?.diff),
+      stringValue8(patch?.patch)
     );
     if (!path) {
       return [];
     }
-    const oldString = firstString3(
-      stringValue7(patch?.oldString),
-      stringValue7(patch?.old_string)
+    const oldString = firstString4(
+      stringValue8(patch?.oldString),
+      stringValue8(patch?.old_string)
     );
-    const newString = firstString3(
-      stringValue7(patch?.newString),
-      stringValue7(patch?.new_string)
+    const newString = firstString4(
+      stringValue8(patch?.newString),
+      stringValue8(patch?.new_string)
     );
-    const content = firstString3(stringValue7(patch?.content), newString);
+    const content = firstString4(stringValue8(patch?.content), newString);
     if (!diff && !oldString && !newString && !content) {
       return [];
     }
     const changeType = firstKnownChangeType(
-      normalizeChangeType2(stringValue7(patch?.kind)),
-      normalizeChangeType2(stringValue7(patch?.change)),
+      normalizeChangeType2(stringValue8(patch?.kind)),
+      normalizeChangeType2(stringValue8(patch?.change)),
       inferFileChangeType(null, diff, content, oldString, newString)
     );
     const stats = fileChangeStats(
@@ -8344,7 +8880,7 @@ function structuredPatchFiles(value) {
   });
 }
 function detailedDiffFiles(value) {
-  const diff = stringValue7(value);
+  const diff = stringValue8(value);
   if (!diff) {
     return [];
   }
@@ -8369,30 +8905,30 @@ function detailedDiffFiles(value) {
   ];
 }
 function fileChangesFiles(value) {
-  const record = recordValue4(value);
+  const record = recordValue5(value);
   const files = arrayValue6(record?.files);
   if (!files) {
     return [];
   }
   return files.flatMap((item) => {
-    const file = recordValue4(item);
-    const path = stringValue7(file?.path);
+    const file = recordValue5(item);
+    const path = stringValue8(file?.path);
     if (!path) {
       return [];
     }
-    const diff = firstString3(stringValue7(file?.diff), stringValue7(file?.patch));
-    const oldString = firstString3(
-      stringValue7(file?.oldString),
-      stringValue7(file?.old_string)
+    const diff = firstString4(stringValue8(file?.diff), stringValue8(file?.patch));
+    const oldString = firstString4(
+      stringValue8(file?.oldString),
+      stringValue8(file?.old_string)
     );
-    const newString = firstString3(
-      stringValue7(file?.newString),
-      stringValue7(file?.new_string)
+    const newString = firstString4(
+      stringValue8(file?.newString),
+      stringValue8(file?.new_string)
     );
-    const content = firstString3(stringValue7(file?.content), newString);
+    const content = firstString4(stringValue8(file?.content), newString);
     const changeType = firstKnownChangeType(
-      normalizeChangeType2(stringValue7(file?.change)),
-      normalizeChangeType2(stringValue7(file?.kind)),
+      normalizeChangeType2(stringValue8(file?.change)),
+      normalizeChangeType2(stringValue8(file?.kind)),
       inferFileChangeType(null, diff, content, oldString, newString)
     );
     const stats = fileChangeStats(
@@ -8424,21 +8960,21 @@ function changeMapFiles(value) {
     if (!normalizedPath) {
       return [];
     }
-    const unifiedDiff = firstString3(
-      stringValue7(change.unified_diff),
-      stringValue7(change.unifiedDiff),
-      stringValue7(change.diff),
-      stringValue7(change.patch)
+    const unifiedDiff = firstString4(
+      stringValue8(change.unified_diff),
+      stringValue8(change.unifiedDiff),
+      stringValue8(change.diff),
+      stringValue8(change.patch)
     );
-    const explicitContent = stringValue7(change.content);
+    const explicitContent = stringValue8(change.content);
     const normalizedType = normalizeChangeType2(fileChangeTypeValue(change));
-    let oldString = firstString3(
-      stringValue7(change.old_string),
-      stringValue7(change.oldString)
+    let oldString = firstString4(
+      stringValue8(change.old_string),
+      stringValue8(change.oldString)
     );
-    let newString = firstString3(
-      stringValue7(change.new_string),
-      stringValue7(change.newString),
+    let newString = firstString4(
+      stringValue8(change.new_string),
+      stringValue8(change.newString),
       explicitContent
     );
     if (normalizedType === "created" && oldString === null && newString !== null) {
@@ -8451,7 +8987,7 @@ function changeMapFiles(value) {
     if (normalizedType === "deleted" && newString === null && oldString !== null) {
       newString = "";
     }
-    const content = firstString3(
+    const content = firstString4(
       normalizedType === "deleted" ? null : explicitContent,
       normalizedType === "created" ? newString : null
     );
@@ -8497,40 +9033,40 @@ function contentDiffFiles(value, changesValue, toolName) {
     ])
   );
   return items.flatMap((item) => {
-    const record = recordValue4(item);
+    const record = recordValue5(item);
     if (!record) {
       return [];
     }
-    const type = stringValue7(record.type);
+    const type = stringValue8(record.type);
     if (type && type !== "diff") {
       return [];
     }
-    const path = stringValue7(record.path);
+    const path = stringValue8(record.path);
     if (!path) {
       return [];
     }
     const relatedChange = changesByPath.get(path) ?? null;
-    const unifiedDiff = firstString3(
-      stringValue7(record.diff),
-      stringValue7(record.patch),
-      stringValue7(relatedChange?.unified_diff),
-      stringValue7(relatedChange?.unifiedDiff)
+    const unifiedDiff = firstString4(
+      stringValue8(record.diff),
+      stringValue8(record.patch),
+      stringValue8(relatedChange?.unified_diff),
+      stringValue8(relatedChange?.unifiedDiff)
     );
     const normalizedType = normalizeChangeType2(
       relatedChange ? fileChangeTypeValue(relatedChange) : null
     );
-    let oldString = firstString3(
-      stringValue7(record.oldText),
-      stringValue7(record.oldString),
-      stringValue7(relatedChange?.old_string),
-      stringValue7(relatedChange?.oldString)
+    let oldString = firstString4(
+      stringValue8(record.oldText),
+      stringValue8(record.oldString),
+      stringValue8(relatedChange?.old_string),
+      stringValue8(relatedChange?.oldString)
     );
-    let newString = firstString3(
-      stringValue7(record.newText),
-      stringValue7(record.newString),
-      stringValue7(relatedChange?.new_string),
-      stringValue7(relatedChange?.newString),
-      stringValue7(relatedChange?.content)
+    let newString = firstString4(
+      stringValue8(record.newText),
+      stringValue8(record.newString),
+      stringValue8(relatedChange?.new_string),
+      stringValue8(relatedChange?.newString),
+      stringValue8(relatedChange?.content)
     );
     if (normalizedType === "created" && oldString === null && newString !== null) {
       oldString = "";
@@ -8542,9 +9078,9 @@ function contentDiffFiles(value, changesValue, toolName) {
     if (normalizedType === "deleted" && newString === null && oldString !== null) {
       newString = "";
     }
-    const explicitContent = firstString3(
-      stringValue7(record.content),
-      stringValue7(relatedChange?.content)
+    const explicitContent = firstString4(
+      stringValue8(record.content),
+      stringValue8(relatedChange?.content)
     );
     const changeType = firstKnownChangeType(
       normalizedType,
@@ -8559,7 +9095,7 @@ function contentDiffFiles(value, changesValue, toolName) {
     if (changeType === "created" && oldString === null && newString !== null) {
       oldString = "";
     }
-    const content = firstString3(
+    const content = firstString4(
       changeType === "deleted" ? null : explicitContent,
       changeType === "created" ? newString : null
     );
@@ -8739,7 +9275,7 @@ function languageForPath(path) {
 function normalizeToolName6(value) {
   return (value ?? "").trim().replace(/[_\s-]+/g, "").toLowerCase();
 }
-function firstString3(...values) {
+function firstString4(...values) {
   for (const value of values) {
     if (typeof value === "string" && value.trim()) {
       return value.trim();
@@ -8747,7 +9283,7 @@ function firstString3(...values) {
   }
   return null;
 }
-function recordValue4(value) {
+function recordValue5(value) {
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
 function arrayValue6(value) {
@@ -8758,42 +9294,42 @@ function firstLocationPath2(value) {
     return null;
   }
   for (const item of value) {
-    const record = recordValue4(item);
-    const path = stringValue7(record?.path);
+    const record = recordValue5(item);
+    const path = stringValue8(record?.path);
     if (path) {
       return path;
     }
   }
   return null;
 }
-function stringValue7(value) {
+function stringValue8(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 
 // shared/agentConversation/components/tool-renderers/render-data/agentToolRenderData.ts
 function getCommandRenderData(call) {
-  const inputRawInput = recordValue5(call.input?.rawInput);
-  const payloadInput = recordValue5(call.payload?.input);
-  const payloadInputRawInput = recordValue5(payloadInput?.rawInput);
-  const outputRawOutput = recordValue5(call.output?.rawOutput);
-  const errorRawOutput = recordValue5(call.error?.rawOutput);
+  const inputRawInput = recordValue6(call.input?.rawInput);
+  const payloadInput = recordValue6(call.payload?.input);
+  const payloadInputRawInput = recordValue6(payloadInput?.rawInput);
+  const outputRawOutput = recordValue6(call.output?.rawOutput);
+  const errorRawOutput = recordValue6(call.error?.rawOutput);
   return {
-    command: firstString4(
-      stringValue8(call.input?.command),
-      stringValue8(call.input?.cmd),
+    command: firstString5(
+      stringValue9(call.input?.command),
+      stringValue9(call.input?.cmd),
       commandArrayToString(call.input?.command),
-      stringValue8(inputRawInput?.command),
-      stringValue8(inputRawInput?.cmd),
-      stringValue8(call.payload?.command),
-      stringValue8(payloadInput?.command),
-      stringValue8(payloadInputRawInput?.command),
-      stringValue8(payloadInputRawInput?.cmd)
+      stringValue9(inputRawInput?.command),
+      stringValue9(inputRawInput?.cmd),
+      stringValue9(call.payload?.command),
+      stringValue9(payloadInput?.command),
+      stringValue9(payloadInputRawInput?.command),
+      stringValue9(payloadInputRawInput?.cmd)
     ),
-    cwd: firstString4(
-      stringValue8(call.input?.cwd),
-      stringValue8(inputRawInput?.cwd),
-      stringValue8(payloadInput?.cwd),
-      stringValue8(payloadInputRawInput?.cwd)
+    cwd: firstString5(
+      stringValue9(call.input?.cwd),
+      stringValue9(inputRawInput?.cwd),
+      stringValue9(payloadInput?.cwd),
+      stringValue9(payloadInputRawInput?.cwd)
     ),
     stdout: firstRawString(
       rawStringValue(call.output?.stdout),
@@ -8828,42 +9364,42 @@ function getCommandRenderData(call) {
 function getSearchRenderData(call) {
   const canonicalContent = contentText(call.content);
   const canonicalFiles = locationPaths(call.locations);
-  const output = firstString4(
+  const output = firstString5(
     canonicalContent,
     contentText(call.output?.content),
-    stringValue8(call.output?.content),
-    stringValue8(call.output?.output),
-    stringValue8(call.output?.aggregated_output),
-    stringValue8(call.output?.formatted_output),
-    stringValue8(call.output?.stdout),
-    stringValue8(call.summary),
+    stringValue9(call.output?.content),
+    stringValue9(call.output?.output),
+    stringValue9(call.output?.aggregated_output),
+    stringValue9(call.output?.formatted_output),
+    stringValue9(call.output?.stdout),
+    stringValue9(call.summary),
     ""
   ) ?? "";
   const outputLines = output.split("\n").filter(Boolean);
   const mode = canonicalFiles.length > 0 && !output ? "list_files" : searchMode(call.output, output);
   const filenames = canonicalFiles.length > 0 ? canonicalFiles : stringArray(call.output?.filenames);
   return {
-    query: firstString4(
-      stringValue8(call.input?.pattern),
-      stringValue8(call.input?.query),
-      stringValue8(call.input?.search_query),
-      stringValue8(call.input?.searchQuery),
-      stringValue8(call.input?.glob)
+    query: firstString5(
+      stringValue9(call.input?.pattern),
+      stringValue9(call.input?.query),
+      stringValue9(call.input?.search_query),
+      stringValue9(call.input?.searchQuery),
+      stringValue9(call.input?.glob)
     ),
-    scope: firstString4(
-      stringValue8(call.input?.path),
-      stringValue8(call.input?.file_path),
-      stringValue8(call.input?.glob)
+    scope: firstString5(
+      stringValue9(call.input?.path),
+      stringValue9(call.input?.file_path),
+      stringValue9(call.input?.glob)
     ),
     mode,
     files: filenames.length > 0 ? filenames : mode === "list_files" ? outputLines : [],
     lines: outputLines,
     output,
-    error: firstString4(
-      stringValue8(call.error?.aggregated_output),
-      stringValue8(call.error?.stdout),
-      stringValue8(call.error?.formatted_output),
-      stringValue8(call.error?.message)
+    error: firstString5(
+      stringValue9(call.error?.aggregated_output),
+      stringValue9(call.error?.stdout),
+      stringValue9(call.error?.formatted_output),
+      stringValue9(call.error?.message)
     ) ?? ""
   };
 }
@@ -8871,43 +9407,43 @@ function getWebSearchRenderData(call) {
   const queries = normalizedQueries(
     call.input?.search_query,
     call.input?.searchQuery,
-    recordValue5(call.input?.action)?.search_query,
-    recordValue5(call.input?.action)?.searchQuery
+    recordValue6(call.input?.action)?.search_query,
+    recordValue6(call.input?.action)?.searchQuery
   );
   return {
-    query: firstString4(
-      stringValue8(call.input?.query),
-      stringValue8(recordValue5(call.input?.action)?.query),
+    query: firstString5(
+      stringValue9(call.input?.query),
+      stringValue9(recordValue6(call.input?.action)?.query),
       queries[0] ?? null
     ),
     queries,
-    url: firstString4(
-      stringValue8(call.input?.url),
-      stringValue8(recordValue5(call.input?.action)?.url)
+    url: firstString5(
+      stringValue9(call.input?.url),
+      stringValue9(recordValue6(call.input?.action)?.url)
     ),
-    output: firstString4(
-      stringValue8(call.output?.stdout),
-      stringValue8(call.output?.output),
-      stringValue8(call.output?.content),
+    output: firstString5(
+      stringValue9(call.output?.stdout),
+      stringValue9(call.output?.output),
+      stringValue9(call.output?.content),
       contentText(call.output?.content)
     ) ?? "",
-    error: firstString4(
-      stringValue8(call.error?.message),
-      stringValue8(call.error?.stdout)
+    error: firstString5(
+      stringValue9(call.error?.message),
+      stringValue9(call.error?.stdout)
     ) ?? ""
   };
 }
 function getWebFetchRenderData(call, maxContentLength = 3e3) {
-  const url = firstString4(
-    stringValue8(call.input?.url),
-    stringValue8(recordValue5(call.input?.action)?.url)
+  const url = firstString5(
+    stringValue9(call.input?.url),
+    stringValue9(recordValue6(call.input?.action)?.url)
   );
-  const content = firstString4(
+  const content = firstString5(
     contentText(call.content),
     contentText(call.output?.content),
-    stringValue8(call.output?.output),
-    stringValue8(call.output?.content),
-    stringValue8(call.output?.stdout)
+    stringValue9(call.output?.output),
+    stringValue9(call.output?.content),
+    stringValue9(call.output?.stdout)
   );
   return {
     url,
@@ -8923,21 +9459,21 @@ function getTodoRenderData(call) {
     return [];
   }
   return todos.flatMap((todo) => {
-    const record = recordValue5(todo);
-    const content = firstString4(
-      stringValue8(record?.content),
-      stringValue8(record?.text)
+    const record = recordValue6(todo);
+    const content = firstString5(
+      stringValue9(record?.content),
+      stringValue9(record?.text)
     );
     if (!content) {
       return [];
     }
-    return [{ content, status: stringValue8(record?.status) }];
+    return [{ content, status: stringValue9(record?.status) }];
   });
 }
 function getToolSearchRenderData(call) {
-  const query = stringValue8(call.input?.query);
-  const matches = arrayValue7(call.output?.matches)?.map(stringValue8).filter((value) => value !== null) ?? [];
-  const totalDeferredTools = numberValue3(call.output?.total_deferred_tools) ?? numberValue3(call.output?.totalDeferredTools) ?? numberValue3(recordValue5(call.payload?.output)?.total_deferred_tools);
+  const query = stringValue9(call.input?.query);
+  const matches = arrayValue7(call.output?.matches)?.map(stringValue9).filter((value) => value !== null) ?? [];
+  const totalDeferredTools = numberValue3(call.output?.total_deferred_tools) ?? numberValue3(call.output?.totalDeferredTools) ?? numberValue3(recordValue6(call.payload?.output)?.total_deferred_tools);
   const mode = query?.startsWith("select:") ? "direct" : "search";
   const displayQuery = query?.startsWith("select:") ? query.slice("select:".length) : query?.startsWith("+") ? query.slice(1) : query;
   return {
@@ -8949,22 +9485,22 @@ function getToolSearchRenderData(call) {
   };
 }
 function getPlanModeRenderData(call) {
-  const enterText = call.rendererKind === "plan-enter" ? firstString4(
-    stringValue8(call.planMode?.plan),
-    stringValue8(call.output?.text),
-    stringValue8(call.input?.content),
+  const enterText = call.rendererKind === "plan-enter" ? firstString5(
+    stringValue9(call.planMode?.plan),
+    stringValue9(call.output?.text),
+    stringValue9(call.input?.content),
     nonEmpty(call.summary),
     "Exploring codebase and designing implementation approach."
   ) : null;
-  const filePath = firstString4(
-    stringValue8(call.input?.filePath),
-    stringValue8(call.input?.file_path)
+  const filePath = firstString5(
+    stringValue9(call.input?.filePath),
+    stringValue9(call.input?.file_path)
   );
   return {
     enterText,
-    plan: call.rendererKind === "plan-enter" ? null : firstString4(
-      stringValue8(call.input?.plan),
-      stringValue8(call.payload?.plan),
+    plan: call.rendererKind === "plan-enter" ? null : firstString5(
+      stringValue9(call.input?.plan),
+      stringValue9(call.payload?.plan),
       nonEmpty(call.summary)
     ),
     filePath,
@@ -8974,49 +9510,49 @@ function getPlanModeRenderData(call) {
 function getTaskRenderData(call) {
   const task = call.task;
   const steps = task?.steps ?? normalizeTaskStepsFromCall(call);
-  const outputRawOutput = recordValue5(call.output?.rawOutput);
-  const errorRawOutput = recordValue5(call.error?.rawOutput);
+  const outputRawOutput = recordValue6(call.output?.rawOutput);
+  const errorRawOutput = recordValue6(call.error?.rawOutput);
   return {
     title: task?.title ?? call.name,
     status: task?.status ?? null,
     durationText: typeof task?.durationMs === "number" && Number.isFinite(task.durationMs) ? formatDuration(task.durationMs) : null,
     latestStepSummary: task?.status === "running" ? steps.at(-1)?.summary ?? null : null,
-    prompt: firstString4(
-      stringValue8(task?.prompt),
-      stringValue8(call.input?.prompt),
-      stringValue8(call.input?.description),
-      stringValue8(call.payload?.description)
+    prompt: firstString5(
+      stringValue9(task?.prompt),
+      stringValue9(call.input?.prompt),
+      stringValue9(call.input?.description),
+      stringValue9(call.payload?.description)
     ),
-    childSessionId: firstString4(
-      stringValue8(task?.delegateSessionId),
-      stringValue8(call.metadata?.childSessionID),
-      stringValue8(call.metadata?.child_session_id),
-      stringValue8(call.metadata?.subagentSessionID),
-      stringValue8(call.metadata?.subagent_session_id)
+    childSessionId: firstString5(
+      stringValue9(task?.delegateSessionId),
+      stringValue9(call.metadata?.childSessionID),
+      stringValue9(call.metadata?.child_session_id),
+      stringValue9(call.metadata?.subagentSessionID),
+      stringValue9(call.metadata?.subagent_session_id)
     ),
     steps,
-    resultMarkdown: firstString4(
-      stringValue8(task?.resultMarkdown),
+    resultMarkdown: firstString5(
+      stringValue9(task?.resultMarkdown),
       firstNonEmptyStructuredText(call.output, outputRawOutput)
     ),
     errorMarkdown: firstNonEmptyStructuredText(call.error, errorRawOutput)
   };
 }
 function getSkillRenderData(call) {
-  const inputRawInput = recordValue5(call.input?.rawInput);
+  const inputRawInput = recordValue6(call.input?.rawInput);
   const outputRawOutput = call.output?.rawOutput;
-  const success = booleanValue(call.output?.success) ?? legacySkillSuccess(outputRawOutput) ?? booleanValue(recordValue5(outputRawOutput)?.success);
+  const success = booleanValue(call.output?.success) ?? legacySkillSuccess(outputRawOutput) ?? booleanValue(recordValue6(outputRawOutput)?.success);
   return {
-    skill: firstString4(
-      stringValue8(call.input?.skill),
-      stringValue8(inputRawInput?.skill),
-      stringValue8(call.output?.commandName),
-      stringValue8(recordValue5(outputRawOutput)?.commandName),
+    skill: firstString5(
+      stringValue9(call.input?.skill),
+      stringValue9(inputRawInput?.skill),
+      stringValue9(call.output?.commandName),
+      stringValue9(recordValue6(outputRawOutput)?.commandName),
       nonEmpty(call.summary)
     ),
-    args: firstString4(
-      stringValue8(call.input?.args),
-      stringValue8(inputRawInput?.args)
+    args: firstString5(
+      stringValue9(call.input?.args),
+      stringValue9(inputRawInput?.args)
     ),
     success,
     statusText: success === null ? null : success ? "Skill loaded" : "Failed to load skill"
@@ -9029,7 +9565,7 @@ function getImageGenerationRenderData(call) {
     content: call.content,
     outputContent: call.output?.content,
     inputPrompt: call.input?.prompt,
-    payloadInputPrompt: recordValue5(call.payload?.input)?.prompt
+    payloadInputPrompt: recordValue6(call.payload?.input)?.prompt
   });
   return {
     prompt: preview.prompt,
@@ -9061,31 +9597,31 @@ function getToolFallbackText(call) {
 function normalizeTaskStepsFromCall(call) {
   const steps = arrayValue7(call.metadata?.steps) ?? arrayValue7(call.output?.steps) ?? arrayValue7(call.payload?.steps) ?? [];
   return steps.flatMap((value, index) => {
-    const step = recordValue5(value);
+    const step = recordValue6(value);
     if (!step) {
       return [];
     }
-    const toolName = stringValue8(step.toolName) ?? stringValue8(step.tool_name) ?? stringValue8(step.name) ?? null;
+    const toolName = stringValue9(step.toolName) ?? stringValue9(step.tool_name) ?? stringValue9(step.name) ?? null;
     const name = toolName ? humanizeToolName2(toolName) : `Step ${index + 1}`;
-    const status = stringValue8(step.status) ?? stringValue8(recordValue5(step.toolResult)?.status) ?? stringValue8(recordValue5(step.tool_result)?.status) ?? null;
+    const status = stringValue9(step.status) ?? stringValue9(recordValue6(step.toolResult)?.status) ?? stringValue9(recordValue6(step.tool_result)?.status) ?? null;
     const summary = firstNonEmptyStructuredText(
-      recordValue5(step.toolResult),
-      recordValue5(step.tool_result),
-      recordValue5(step.toolInput),
-      recordValue5(step.tool_input)
+      recordValue6(step.toolResult),
+      recordValue6(step.tool_result),
+      recordValue6(step.toolInput),
+      recordValue6(step.tool_input)
     ) ?? "";
     return [
       {
-        id: stringValue8(step.toolUseId) ?? stringValue8(step.id) ?? `step-${index + 1}`,
+        id: stringValue9(step.toolUseId) ?? stringValue9(step.id) ?? `step-${index + 1}`,
         turnId: call.turnId,
         name,
         toolName,
         status,
         summary,
         payload: {
-          input: recordValue5(step.toolInput) ?? recordValue5(step.tool_input),
-          output: recordValue5(step.toolResult) ?? recordValue5(step.tool_result),
-          error: recordValue5(step.toolError) ?? recordValue5(step.tool_error)
+          input: recordValue6(step.toolInput) ?? recordValue6(step.tool_input),
+          output: recordValue6(step.toolResult) ?? recordValue6(step.tool_result),
+          error: recordValue6(step.toolError) ?? recordValue6(step.tool_error)
         },
         tool: null,
         occurredAtUnixMs: null
@@ -9108,6 +9644,9 @@ function firstNonEmptyStructuredText(...values) {
 function booleanValue(value) {
   return typeof value === "boolean" ? value : null;
 }
+function formatAgentToolDurationMs(value) {
+  return formatDuration(value);
+}
 function formatDuration(value) {
   if (value < 1e3) {
     return `${value}ms`;
@@ -9146,7 +9685,7 @@ function normalizeCommandStatus(value) {
   }
 }
 function searchMode(output, outputText) {
-  const mode = stringValue8(output?.mode);
+  const mode = stringValue9(output?.mode);
   if (mode === "files_with_matches" || mode === "content" || mode === "count" || mode === "list_files") {
     return mode;
   }
@@ -9169,7 +9708,7 @@ function commandArrayToString(value) {
   return parts.length > 0 ? parts.join(" ") : null;
 }
 function durationToMs(value) {
-  const record = recordValue5(value);
+  const record = recordValue6(value);
   if (!record) {
     return null;
   }
@@ -9186,15 +9725,15 @@ function contentText(value) {
     return null;
   }
   const text = items.flatMap((item) => {
-    const record = recordValue5(item);
+    const record = recordValue6(item);
     if (!record) {
       return [];
     }
     return [
-      firstString4(
-        stringValue8(record.text),
-        stringValue8(record.content),
-        stringValue8(recordValue5(record.content)?.text)
+      firstString5(
+        stringValue9(record.text),
+        stringValue9(record.content),
+        stringValue9(recordValue6(record.content)?.text)
       )
     ].filter(Boolean);
   }).join("\n").trim();
@@ -9207,38 +9746,38 @@ function structuredText(value) {
   if (typeof value === "number" || typeof value === "boolean") {
     return String(value);
   }
-  const record = recordValue5(value);
+  const record = recordValue6(value);
   if (!record) {
     return null;
   }
-  const preferred = firstString4(
-    stringValue8(record.plan),
-    stringValue8(record.text),
-    stringValue8(record.output),
-    stringValue8(record.content),
+  const preferred = firstString5(
+    stringValue9(record.plan),
+    stringValue9(record.text),
+    stringValue9(record.output),
+    stringValue9(record.content),
     contentText(record.content),
-    stringValue8(record.summary),
-    stringValue8(record.result),
-    stringValue8(record.message),
-    stringValue8(record.aggregated_output),
-    stringValue8(record.formatted_output),
-    stringValue8(record.stdout),
-    stringValue8(record.stderr),
-    stringValue8(record.query),
-    stringValue8(record.path),
-    stringValue8(record.file),
-    stringValue8(record.filePath),
-    stringValue8(record.file_path),
-    stringValue8(record.url),
-    stringValue8(record.cmd),
-    stringValue8(record.command)
+    stringValue9(record.summary),
+    stringValue9(record.result),
+    stringValue9(record.message),
+    stringValue9(record.aggregated_output),
+    stringValue9(record.formatted_output),
+    stringValue9(record.stdout),
+    stringValue9(record.stderr),
+    stringValue9(record.query),
+    stringValue9(record.path),
+    stringValue9(record.file),
+    stringValue9(record.filePath),
+    stringValue9(record.file_path),
+    stringValue9(record.url),
+    stringValue9(record.cmd),
+    stringValue9(record.command)
   );
   if (preferred) {
     return preferred;
   }
   return null;
 }
-function firstString4(...values) {
+function firstString5(...values) {
   for (const value of values) {
     if (typeof value === "string" && value.trim()) {
       return value.trim();
@@ -9257,13 +9796,13 @@ function firstRawString(...values) {
 function nonEmpty(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
-function recordValue5(value) {
+function recordValue6(value) {
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
 function arrayValue7(value) {
   return Array.isArray(value) ? value : null;
 }
-function stringValue8(value) {
+function stringValue9(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function rawStringValue(value) {
@@ -9303,15 +9842,15 @@ function locationPaths(value) {
     return [];
   }
   const paths = locations.flatMap((location) => {
-    const record = recordValue5(location);
+    const record = recordValue6(location);
     if (!record) {
       return [];
     }
     return [
-      firstString4(
-        stringValue8(record.path),
-        stringValue8(record.filePath),
-        stringValue8(record.file_path)
+      firstString5(
+        stringValue9(record.path),
+        stringValue9(record.filePath),
+        stringValue9(record.file_path)
       )
     ].filter((path) => path !== null);
   });
@@ -10286,9 +10825,9 @@ function AgentReadContent({
   call
 }) {
   "use memo";
-  const path = stringValue9(call.input?.path) ?? stringValue9(call.input?.file_path) ?? stringValue9(call.input?.filePath) ?? stringValue9(call.input?.file) ?? null;
+  const path = stringValue10(call.input?.path) ?? stringValue10(call.input?.file_path) ?? stringValue10(call.input?.filePath) ?? stringValue10(call.input?.file) ?? null;
   const file = objectValue6(call.output?.file);
-  const outputText = stringValue9(call.output?.text) ?? stringValue9(call.output?.output) ?? contentText2(call.output?.content) ?? stringValue9(call.output?.aggregated_output) ?? stringValue9(call.output?.formatted_output) ?? stringValue9(call.output?.stdout) ?? (!file ? call.summary.trim() || null : null);
+  const outputText = stringValue10(call.output?.text) ?? stringValue10(call.output?.output) ?? contentText2(call.output?.content) ?? stringValue10(call.output?.aggregated_output) ?? stringValue10(call.output?.formatted_output) ?? stringValue10(call.output?.stdout) ?? (!file ? call.summary.trim() || null : null);
   const fileLineRange = fileRange(file);
   const fileTotalLines = numericValue(file?.totalLines);
   return /* @__PURE__ */ jsx26("div", { className: "workspace-agents-status-panel__detail-tool-body workspace-agents-status-panel__detail-tool-body--plain", children: outputText ? /* @__PURE__ */ jsx26(
@@ -10333,9 +10872,9 @@ function contentText2(value) {
     const record = item;
     const nestedContent = record.content && typeof record.content === "object" && !Array.isArray(record.content) ? record.content : null;
     return [
-      stringValue9(record.text),
-      stringValue9(record.content),
-      stringValue9(nestedContent?.text)
+      stringValue10(record.text),
+      stringValue10(record.content),
+      stringValue10(nestedContent?.text)
     ].filter((entry) => Boolean(entry));
   }).join("\n").trim();
   return text || null;
@@ -10539,13 +11078,13 @@ function hasWebSearchContent(call) {
 function hasReadContent(call) {
   const file = objectValue6(call.output?.file);
   return Boolean(
-    stringValue9(call.output?.text) || stringValue9(call.output?.output) || readContentText(call.output?.content) || stringValue9(call.output?.aggregated_output) || stringValue9(call.output?.formatted_output) || stringValue9(call.output?.stdout) || !file && call.summary.trim() || stringValue9(call.input?.path) || stringValue9(call.input?.file_path) || stringValue9(call.input?.filePath) || stringValue9(call.input?.file) || fileRange(file) || numericValue2(file?.totalLines) !== null
+    stringValue10(call.output?.text) || stringValue10(call.output?.output) || readContentText(call.output?.content) || stringValue10(call.output?.aggregated_output) || stringValue10(call.output?.formatted_output) || stringValue10(call.output?.stdout) || !file && call.summary.trim() || stringValue10(call.input?.path) || stringValue10(call.input?.file_path) || stringValue10(call.input?.filePath) || stringValue10(call.input?.file) || fileRange(file) || numericValue2(file?.totalLines) !== null
   );
 }
 function hasWriteContent(call) {
   const files = getFileChangeRenderData(call);
   return Boolean(
-    files.some((file) => file.content || file.unifiedDiff) || files.length === 0 && (call.summary.trim() || stringValue9(call.input?.path) || stringValue9(call.input?.file_path) || stringValue9(call.input?.filePath))
+    files.some((file) => file.content || file.unifiedDiff) || files.length === 0 && (call.summary.trim() || stringValue10(call.input?.path) || stringValue10(call.input?.file_path) || stringValue10(call.input?.filePath))
   );
 }
 function hasEditContent(call) {
@@ -10553,7 +11092,7 @@ function hasEditContent(call) {
   return Boolean(
     files.some(
       (file) => file.unifiedDiff || file.oldString !== null && file.newString !== null || file.content
-    ) || files.length === 0 && (stringValue9(call.input?.path) || stringValue9(call.input?.file_path) || stringValue9(call.input?.filePath))
+    ) || files.length === 0 && (stringValue10(call.input?.path) || stringValue10(call.input?.file_path) || stringValue10(call.input?.filePath))
   );
 }
 function readContentText(value) {
@@ -10567,9 +11106,9 @@ function readContentText(value) {
     const record = item;
     const nestedContent = record.content && typeof record.content === "object" && !Array.isArray(record.content) ? record.content : null;
     return [
-      stringValue9(record.text),
-      stringValue9(record.content),
-      stringValue9(nestedContent?.text)
+      stringValue10(record.text),
+      stringValue10(record.content),
+      stringValue10(nestedContent?.text)
     ].filter((entry) => Boolean(entry));
   }).join("\n").trim();
   return text || null;
@@ -10583,7 +11122,7 @@ function objectValue6(value) {
 function arrayValue8(value) {
   return Array.isArray(value) ? value : null;
 }
-function stringValue9(value) {
+function stringValue10(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function numericValue2(value) {
@@ -10691,7 +11230,7 @@ function AgentEditContent({
   "use memo";
   const files = getFileChangeRenderData(call);
   const [file] = files;
-  const path = file?.path ?? stringValue9(call.input?.path) ?? stringValue9(call.input?.file_path) ?? stringValue9(call.input?.filePath) ?? null;
+  const path = file?.path ?? stringValue10(call.input?.path) ?? stringValue10(call.input?.file_path) ?? stringValue10(call.input?.filePath) ?? null;
   const patchFiles = files.filter((candidate) => candidate.unifiedDiff);
   const diffFiles = files.filter(
     (candidate) => !candidate.unifiedDiff && candidate.oldString !== null && candidate.newString !== null
@@ -10761,7 +11300,7 @@ function approvalPreviewCall(call) {
     return null;
   }
   const normalizedKind = normalizeToolKind(
-    stringValue9(toolCall.kind) ?? stringValue9(toolCall.title) ?? stringValue9(toolCall.toolName)
+    stringValue10(toolCall.kind) ?? stringValue10(toolCall.title) ?? stringValue10(toolCall.toolName)
   );
   if (normalizedKind !== "edit" && normalizedKind !== "move") {
     return null;
@@ -10773,10 +11312,10 @@ function approvalPreviewCall(call) {
     kind: "tool-call",
     id: `${call.id}:approval-preview`,
     turnId: call.turnId,
-    name: stringValue9(toolCall.title) ?? call.name,
+    name: stringValue10(toolCall.title) ?? call.name,
     toolName: "Edit",
     callType: "tool",
-    status: stringValue9(toolCall.status) ?? call.status,
+    status: stringValue10(toolCall.status) ?? call.status,
     statusKind: call.statusKind,
     summary: "",
     compactSummary: null,
@@ -10935,7 +11474,7 @@ function AgentBashContent({
 }) {
   "use memo";
   const commandData = getCommandRenderData(call);
-  const fallbackErrorText = commandData.status === "failed" && !commandData.stdout && !commandData.stderr ? stringValue9(call.error?.message) : null;
+  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(
     AgentTerminalBlock,
     {
@@ -11063,8 +11602,8 @@ function normalizeMcpPayload(call) {
     toolName: call.toolName,
     name: call.name
   });
-  const server = target?.server ?? stringValue9(call.metadata?.server) ?? stringValue9(call.metadata?.serverName) ?? stringValue9(call.metadata?.mcpServer) ?? null;
-  const tool = target?.tool ?? stringValue9(call.metadata?.tool) ?? stringValue9(call.metadata?.toolName) ?? call.toolName;
+  const server = target?.server ?? stringValue10(call.metadata?.server) ?? stringValue10(call.metadata?.serverName) ?? stringValue10(call.metadata?.mcpServer) ?? null;
+  const tool = target?.tool ?? stringValue10(call.metadata?.tool) ?? stringValue10(call.metadata?.toolName) ?? call.toolName;
   const structured = firstStructuredValue(
     call.output?.structuredContent,
     parseJsonString(call.output?.content),
@@ -11074,19 +11613,19 @@ function normalizeMcpPayload(call) {
   return {
     server,
     tool,
-    inputSummary: firstString5(
-      stringValue9(call.input?.query),
-      stringValue9(call.input?.url),
-      stringValue9(call.input?.path),
-      stringValue9(call.input?.prompt),
-      stringValue9(call.input?.command)
+    inputSummary: firstString6(
+      stringValue10(call.input?.query),
+      stringValue10(call.input?.url),
+      stringValue10(call.input?.path),
+      stringValue10(call.input?.prompt),
+      stringValue10(call.input?.command)
     ),
     structured,
-    text: firstString5(
+    text: firstString6(
       contentArrayText(call.output?.content),
-      stringValue9(call.output?.content),
-      stringValue9(call.output?.output),
-      stringValue9(call.output?.stdout)
+      stringValue10(call.output?.content),
+      stringValue10(call.output?.output),
+      stringValue10(call.output?.stdout)
     )
   };
 }
@@ -11121,21 +11660,21 @@ function parsedItems(value) {
   return [];
 }
 function itemPrimaryText(item) {
-  return firstString5(
-    stringValue9(item.key),
-    stringValue9(item.title),
-    stringValue9(item.name),
-    stringValue9(item.path),
-    stringValue9(item.url),
-    stringValue9(item.id)
+  return firstString6(
+    stringValue10(item.key),
+    stringValue10(item.title),
+    stringValue10(item.name),
+    stringValue10(item.path),
+    stringValue10(item.url),
+    stringValue10(item.id)
   );
 }
 function itemSecondaryText(item) {
-  return firstString5(
-    stringValue9(item.summary),
-    stringValue9(item.description),
-    stringValue9(item.status),
-    stringValue9(item.type)
+  return firstString6(
+    stringValue10(item.summary),
+    stringValue10(item.description),
+    stringValue10(item.status),
+    stringValue10(item.type)
   );
 }
 function firstStructuredValue(...values) {
@@ -11170,16 +11709,16 @@ function contentArrayText(value) {
       return [];
     }
     return [
-      firstString5(
-        stringValue9(record.text),
-        stringValue9(record.content),
-        stringValue9(objectValue6(record.content)?.text)
+      firstString6(
+        stringValue10(record.text),
+        stringValue10(record.content),
+        stringValue10(objectValue6(record.content)?.text)
       )
     ].filter((candidate) => Boolean(candidate));
   }).join("\n").trim();
   return text || null;
 }
-function firstString5(...values) {
+function firstString6(...values) {
   for (const value of values) {
     if (value) {
       return value;
@@ -11757,13 +12296,13 @@ function normalizeLinks(value, output) {
   const explicitLinks = arrayValue8(value)?.map(optionRecord).filter(
     (candidate) => candidate !== null
   ).flatMap((link) => {
-    const url = stringValue9(link.url);
+    const url = stringValue10(link.url);
     if (!url) {
       return [];
     }
     return [
       {
-        title: stringValue9(link.title) ?? url,
+        title: stringValue10(link.title) ?? url,
         url,
         domain: domainForUrl2(url)
       }
@@ -11784,13 +12323,13 @@ function normalizeLinks(value, output) {
     const parsed = JSON.parse(linksJson);
     return parsed.flatMap((entry) => {
       const link = optionRecord(entry);
-      const url = stringValue9(link?.url);
+      const url = stringValue10(link?.url);
       if (!url) {
         return [];
       }
       return [
         {
-          title: stringValue9(link?.title) ?? url,
+          title: stringValue10(link?.title) ?? url,
           url,
           domain: domainForUrl2(url)
         }
@@ -11837,7 +12376,7 @@ function AgentWriteContent({
   "use memo";
   const files = getFileChangeRenderData(call);
   const [file] = files;
-  const path = file?.path ?? stringValue9(call.input?.path) ?? stringValue9(call.input?.file_path) ?? stringValue9(call.input?.filePath) ?? null;
+  const path = file?.path ?? stringValue10(call.input?.path) ?? stringValue10(call.input?.file_path) ?? stringValue10(call.input?.filePath) ?? null;
   const contentFiles = files.filter((candidate) => candidate.content);
   const contentPaths = new Set(contentFiles.map((candidate) => candidate.path));
   const patchFiles = files.filter(
@@ -12101,9 +12640,197 @@ function taskCallAriaLabel(call) {
   ].filter(Boolean).join(" ");
 }
 
+// shared/agentConversation/components/AgentSubAgentCards.tsx
+import { memo, useState as useState14 } from "react";
+import { AlertCircle as AlertCircle2, ChevronDown as ChevronDown6, ChevronRight as ChevronRight6 } from "lucide-react";
+
+// app/renderer/components/icons/AgentLinedIcon.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+function AgentLinedIcon(props) {
+  "use memo";
+  return /* @__PURE__ */ jsx52(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx52(
+        "path",
+        {
+          d: "M12 3C12.5523 3 13 3.44772 13 4V7H18C19.6569 7 21 8.34315 21 10V13H22C22.5523 13 23 13.4477 23 14C23 14.5523 22.5523 15 22 15H21V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V15H2C1.44772 15 1 14.5523 1 14C1 13.4477 1.44772 13 2 13H3V10C3 8.34315 4.34315 7 6 7H11V5H8C7.44772 5 7 4.55228 7 4C7 3.44772 7.44772 3 8 3H12ZM6 9C5.44772 9 5 9.44772 5 10V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V10C19 9.44772 18.5523 9 18 9H6ZM9 12C9.55229 12 10 12.4477 10 13V15C10 15.5523 9.55229 16 9 16C8.44772 16 8 15.5523 8 15V13C8 12.4477 8.44772 12 9 12ZM15 12C15.5523 12 16 12.4477 16 13V15C16 15.5523 15.5523 16 15 16C14.4477 16 14 15.5523 14 15V13C14 12.4477 14.4477 12 15 12Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+// shared/agentConversation/components/AgentSubAgentCards.tsx
+import { Fragment as Fragment5, jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
+function AgentSubAgentCards({
+  call,
+  onLinkClick
+}) {
+  "use memo";
+  const subAgents = call.task?.subAgents ?? [];
+  if (subAgents.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx53(Fragment5, { children: subAgents.map((subAgent) => /* @__PURE__ */ jsx53(
+    AgentSubAgentCard,
+    {
+      subAgent,
+      onLinkClick
+    },
+    subAgent.ownerThreadId
+  )) });
+}
+var AgentSubAgentCard = memo(
+  AgentSubAgentCardImpl,
+  (prev, next) => prev.onLinkClick === next.onLinkClick && subAgentVMEquals(prev.subAgent, next.subAgent)
+);
+function subAgentVMEquals(left, right) {
+  return left.ownerThreadId === right.ownerThreadId && left.status === right.status && left.name === right.name && left.task === right.task && left.laneIndex === right.laneIndex && left.laneCount === right.laneCount && left.latestActivity === right.latestActivity && left.failureDetail === right.failureDetail && left.queued === right.queued && left.startedAtUnixMs === right.startedAtUnixMs && left.latestActivityAtUnixMs === right.latestActivityAtUnixMs && left.terminalAtUnixMs === right.terminalAtUnixMs;
+}
+function AgentSubAgentCardImpl({
+  subAgent,
+  onLinkClick
+}) {
+  "use memo";
+  const [expanded, setExpanded] = useState14(subAgent.status === "running");
+  return /* @__PURE__ */ jsxs40(
+    "div",
+    {
+      className: "workspace-agents-status-panel__detail-tool-row workspace-agents-status-panel__detail-tool-row--subagent",
+      "data-status": subAgent.status,
+      children: [
+        /* @__PURE__ */ jsx53(
+          "button",
+          {
+            type: "button",
+            className: "workspace-agents-status-panel__detail-tool-row-head workspace-agents-status-panel__detail-tool-row-head--button",
+            "aria-expanded": expanded,
+            "aria-label": subAgentAriaLabel(subAgent),
+            onClick: () => setExpanded((value) => !value),
+            children: /* @__PURE__ */ jsx53(SubAgentHeader, { subAgent, expanded })
+          }
+        ),
+        /* @__PURE__ */ jsx53(CollapsibleReveal, { expanded, children: /* @__PURE__ */ jsx53("div", { className: "workspace-agents-status-panel__detail-subagent-reveal", children: /* @__PURE__ */ jsx53(SubAgentBody, { subAgent, onLinkClick }) }) })
+      ]
+    }
+  );
+}
+function SubAgentHeader({
+  subAgent,
+  expanded
+}) {
+  "use memo";
+  const running = subAgent.status === "running";
+  const statusLabel = subAgentStatusLabel(subAgent.status);
+  const elapsedText = subAgentElapsedText(subAgent);
+  const nameText = subAgentNameText(subAgent);
+  return /* @__PURE__ */ jsxs40(
+    "div",
+    {
+      "data-active": running ? "true" : void 0,
+      className: [
+        "workspace-agents-status-panel__detail-tool-row-header-content",
+        running ? "tsh-inline-scanlight-group" : ""
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx53("div", { className: "workspace-agents-status-panel__detail-tool-row-icon tsh-inline-scanlight-icon", children: subAgent.status === "failed" ? /* @__PURE__ */ jsx53(AlertCircle2, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) : /* @__PURE__ */ jsx53(AgentLinedIcon, { width: 16, height: 16, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsxs40("div", { className: "workspace-agents-status-panel__detail-tool-row-text", children: [
+          /* @__PURE__ */ jsx53("strong", { className: "workspace-agents-status-panel__detail-tool-row-title", children: translate("agentHost.agentTool.details.subAgentFallbackName") }),
+          nameText ? /* @__PURE__ */ jsx53("span", { className: "workspace-agents-status-panel__detail-subagent-name", children: nameText }) : null,
+          /* @__PURE__ */ jsxs40("span", { className: "workspace-agents-status-panel__detail-tool-status", children: [
+            elapsedText ? `${elapsedText} \xB7 ` : "",
+            statusLabel
+          ] })
+        ] }),
+        expanded ? /* @__PURE__ */ jsx53(
+          ChevronDown6,
+          {
+            size: 12,
+            strokeWidth: 2.2,
+            "aria-hidden": "true",
+            className: "workspace-agents-status-panel__detail-tool-row-chevron"
+          }
+        ) : /* @__PURE__ */ jsx53(
+          ChevronRight6,
+          {
+            size: 12,
+            strokeWidth: 2.2,
+            "aria-hidden": "true",
+            className: "workspace-agents-status-panel__detail-tool-row-chevron"
+          }
+        )
+      ]
+    }
+  );
+}
+function SubAgentBody({
+  subAgent
+}) {
+  "use memo";
+  return /* @__PURE__ */ jsx53("div", { className: "workspace-agents-status-panel__detail-tool-body workspace-agents-status-panel__detail-tool-body--plain", children: /* @__PURE__ */ jsxs40("div", { className: "workspace-agents-status-panel__detail-subagent-terminal", children: [
+    subAgent.task ? /* @__PURE__ */ jsx53("div", { className: "workspace-agents-status-panel__detail-subagent-task-strip", children: subAgent.task }) : null,
+    /* @__PURE__ */ jsx53(SubAgentProgress, { subAgent })
+  ] }) });
+}
+function SubAgentProgress({
+  subAgent
+}) {
+  "use memo";
+  const text = subAgent.failureDetail ?? subAgent.latestActivity ?? translate(
+    subAgent.queued ? "agentHost.agentTool.details.subAgentQueued" : "agentHost.agentTool.details.subAgentStarting"
+  );
+  return /* @__PURE__ */ jsx53(
+    "div",
+    {
+      className: `workspace-agents-status-panel__detail-subagent-activity workspace-agents-status-panel__detail-subagent-activity--in-terminal${subAgent.failureDetail ? " workspace-agents-status-panel__detail-subagent-activity--failure" : ""}`,
+      children: text
+    }
+  );
+}
+function subAgentNameText(subAgent) {
+  if (subAgent.name) {
+    return subAgent.name;
+  }
+  return subAgent.laneCount > 1 ? `#${subAgent.laneIndex}` : null;
+}
+function subAgentAriaLabel(subAgent) {
+  return [
+    translate("agentHost.agentTool.details.subAgentFallbackName"),
+    subAgentNameText(subAgent),
+    subAgentStatusLabel(subAgent.status)
+  ].filter(Boolean).join(" ");
+}
+function subAgentStatusLabel(status) {
+  switch (status) {
+    case "completed":
+      return translate("agentHost.agentTool.statusCompleted");
+    case "failed":
+      return translate("agentHost.agentTool.statusFailed");
+    case "canceled":
+      return translate("agentHost.agentTool.statusCanceled");
+    case "running":
+    default:
+      return translate("agentHost.agentTool.statusWorking");
+  }
+}
+function subAgentElapsedText(subAgent) {
+  const started = subAgent.startedAtUnixMs;
+  const latest = subAgent.latestActivityAtUnixMs;
+  if (typeof started !== "number" || typeof latest !== "number" || latest <= started) {
+    return null;
+  }
+  return formatAgentToolDurationMs(latest - started);
+}
+
 // shared/agentConversation/components/AgentToolCallCard.tsx
-import { useState as useState14 } from "react";
-import { jsx as jsx52, jsxs as jsxs40 } from "react/jsx-runtime";
+import { useState as useState15 } from "react";
+import { jsx as jsx54, jsxs as jsxs41 } from "react/jsx-runtime";
 function AgentToolCallCard({
   call,
   onLinkClick,
@@ -12113,11 +12840,11 @@ function AgentToolCallCard({
   variantClassName
 }) {
   "use memo";
-  const [expanded, setExpanded] = useState14(defaultExpanded);
+  const [expanded, setExpanded] = useState15(defaultExpanded);
   const hasDetail = hasAgentToolContent(call);
   const canCollapse = hasDetail && !nonCollapsible;
   const ariaLabel = toolCallAriaLabel(call);
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       className: [
@@ -12125,7 +12852,7 @@ function AgentToolCallCard({
         variantClassName ?? ""
       ].filter(Boolean).join(" "),
       children: [
-        canCollapse ? /* @__PURE__ */ jsx52(
+        canCollapse ? /* @__PURE__ */ jsx54(
           "button",
           {
             type: "button",
@@ -12133,10 +12860,10 @@ function AgentToolCallCard({
             "aria-expanded": expanded,
             "aria-label": ariaLabel,
             onClick: () => setExpanded((value) => !value),
-            children: /* @__PURE__ */ jsx52(AgentToolCallHeader, { call, expanded, hasDetail: true })
+            children: /* @__PURE__ */ jsx54(AgentToolCallHeader, { call, expanded, hasDetail: true })
           }
-        ) : /* @__PURE__ */ jsx52("div", { className: "workspace-agents-status-panel__detail-tool-row-head", children: /* @__PURE__ */ jsx52(AgentToolCallHeader, { call, expanded: false, hasDetail: false }) }),
-        hasDetail && nonCollapsible ? /* @__PURE__ */ jsx52(
+        ) : /* @__PURE__ */ jsx54("div", { className: "workspace-agents-status-panel__detail-tool-row-head", children: /* @__PURE__ */ jsx54(AgentToolCallHeader, { call, expanded: false, hasDetail: false }) }),
+        hasDetail && nonCollapsible ? /* @__PURE__ */ jsx54(
           AgentExpandedToolContent,
           {
             call,
@@ -12144,7 +12871,7 @@ function AgentToolCallCard({
             previewMode
           }
         ) : null,
-        hasDetail && !nonCollapsible ? /* @__PURE__ */ jsx52(CollapsibleReveal, { expanded, children: /* @__PURE__ */ jsx52(
+        hasDetail && !nonCollapsible ? /* @__PURE__ */ jsx54(CollapsibleReveal, { expanded, children: /* @__PURE__ */ jsx54(
           AgentExpandedToolContent,
           {
             call,
@@ -12165,8 +12892,8 @@ function toolCallAriaLabel(call) {
 }
 
 // shared/agentConversation/components/AgentToolGroupRow.tsx
-import { Fragment as Fragment5, jsx as jsx53, jsxs as jsxs41 } from "react/jsx-runtime";
-var AgentToolGroupRow = memo(function AgentToolGroupRow2({
+import { Fragment as Fragment6, jsx as jsx55, jsxs as jsxs42 } from "react/jsx-runtime";
+var AgentToolGroupRow = memo2(function AgentToolGroupRow2({
   row,
   label,
   thinkingLabel,
@@ -12179,7 +12906,7 @@ var AgentToolGroupRow = memo(function AgentToolGroupRow2({
   rawTimelineJsonLabel = ""
 }) {
   "use memo";
-  const [localExpanded, setLocalExpanded] = useState15(false);
+  const [localExpanded, setLocalExpanded] = useState16(false);
   const hasDetail = hasGroupDetail(row);
   const isExpanded = hasDetail && (expanded ?? localExpanded);
   const setNextExpanded = (nextExpanded) => {
@@ -12201,13 +12928,13 @@ var AgentToolGroupRow = memo(function AgentToolGroupRow2({
       rawTimelineJsonLabel
     );
   }
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     "div",
     {
       className: "workspace-agents-status-panel__detail-tool-section",
       "data-tool-group-expanded": isExpanded ? "true" : void 0,
       children: [
-        hasDetail ? /* @__PURE__ */ jsxs41(
+        hasDetail ? /* @__PURE__ */ jsxs42(
           "button",
           {
             type: "button",
@@ -12216,17 +12943,17 @@ var AgentToolGroupRow = memo(function AgentToolGroupRow2({
             "aria-label": groupLabel,
             onClick: () => setNextExpanded(!isExpanded),
             children: [
-              /* @__PURE__ */ jsx53(ToolGroupLabel, { label: groupLabel }),
-              isExpanded ? /* @__PURE__ */ jsx53(
-                ChevronDown6,
+              /* @__PURE__ */ jsx55(ToolGroupLabel, { label: groupLabel }),
+              isExpanded ? /* @__PURE__ */ jsx55(
+                ChevronDown7,
                 {
                   size: 12,
                   strokeWidth: 2.2,
                   "aria-hidden": "true",
                   className: "workspace-agents-status-panel__detail-tool-count-chevron"
                 }
-              ) : /* @__PURE__ */ jsx53(
-                ChevronRight6,
+              ) : /* @__PURE__ */ jsx55(
+                ChevronRight7,
                 {
                   size: 12,
                   strokeWidth: 2.2,
@@ -12236,13 +12963,13 @@ var AgentToolGroupRow = memo(function AgentToolGroupRow2({
               )
             ]
           }
-        ) : /* @__PURE__ */ jsx53("div", { className: "workspace-agents-status-panel__detail-tool-count", children: /* @__PURE__ */ jsx53(ToolGroupLabel, { label: groupLabel }) }),
-        hasDetail ? /* @__PURE__ */ jsx53(CollapsibleReveal, { expanded: isExpanded, children: /* @__PURE__ */ jsx53("div", { className: "workspace-agents-status-panel__detail-tool-list", children: row.entries.map(
-          (entry) => entry.kind === "thinking" ? /* @__PURE__ */ jsx53(
+        ) : /* @__PURE__ */ jsx55("div", { className: "workspace-agents-status-panel__detail-tool-count", children: /* @__PURE__ */ jsx55(ToolGroupLabel, { label: groupLabel }) }),
+        hasDetail ? /* @__PURE__ */ jsx55(CollapsibleReveal, { expanded: isExpanded, children: /* @__PURE__ */ jsx55("div", { className: "workspace-agents-status-panel__detail-tool-list", children: row.entries.map(
+          (entry) => entry.kind === "thinking" ? /* @__PURE__ */ jsx55(
             "div",
             {
               className: "workspace-agents-status-panel__detail-tool-list-item workspace-agents-status-panel__detail-tool-row",
-              children: /* @__PURE__ */ jsx53(
+              children: /* @__PURE__ */ jsx55(
                 AgentThinkingDisclosure,
                 {
                   thinking: entry.thinking,
@@ -12255,7 +12982,7 @@ var AgentToolGroupRow = memo(function AgentToolGroupRow2({
               )
             },
             entry.thinking.id
-          ) : /* @__PURE__ */ jsx53(
+          ) : /* @__PURE__ */ jsx55(
             "div",
             {
               className: "workspace-agents-status-panel__detail-tool-list-item",
@@ -12276,8 +13003,8 @@ var AgentToolGroupRow = memo(function AgentToolGroupRow2({
 });
 function ToolGroupLabel({ label }) {
   "use memo";
-  return /* @__PURE__ */ jsxs41(Fragment5, { children: [
-    /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs42(Fragment6, { children: [
+    /* @__PURE__ */ jsx55(
       ToolActivityKindIcon,
       {
         kind: "update_todos",
@@ -12286,7 +13013,7 @@ function ToolGroupLabel({ label }) {
         className: "workspace-agents-status-panel__detail-tool-count-icon"
       }
     ),
-    /* @__PURE__ */ jsx53("span", { className: "workspace-agents-status-panel__detail-tool-count-label", children: renderToolCountLabel(label) })
+    /* @__PURE__ */ jsx55("span", { className: "workspace-agents-status-panel__detail-tool-count-label", children: renderToolCountLabel(label) })
   ] });
 }
 function hasGroupDetail(row) {
@@ -12299,11 +13026,11 @@ function renderToolCountLabel(label) {
   const primary = statusMatch?.[1];
   const status = statusMatch?.[2];
   if (!primary || !status) {
-    return /* @__PURE__ */ jsx53("span", { className: "workspace-agents-status-panel__detail-tool-count-primary", children: label });
+    return /* @__PURE__ */ jsx55("span", { className: "workspace-agents-status-panel__detail-tool-count-primary", children: label });
   }
-  return /* @__PURE__ */ jsxs41(Fragment5, { children: [
-    /* @__PURE__ */ jsx53("span", { className: "workspace-agents-status-panel__detail-tool-count-primary", children: primary }),
-    /* @__PURE__ */ jsx53("span", { className: "workspace-agents-status-panel__detail-tool-count-status", children: formatInlineStatusLabel3(status) })
+  return /* @__PURE__ */ jsxs42(Fragment6, { children: [
+    /* @__PURE__ */ jsx55("span", { className: "workspace-agents-status-panel__detail-tool-count-primary", children: primary }),
+    /* @__PURE__ */ jsx55("span", { className: "workspace-agents-status-panel__detail-tool-count-status", children: formatInlineStatusLabel3(status) })
   ] });
 }
 function formatInlineStatusLabel3(label) {
@@ -12311,26 +13038,29 @@ function formatInlineStatusLabel3(label) {
 }
 function renderToolCard(call, onLinkClick, previewMode = false, showRawTimelineJson = false, rawTimelineJsonLabel = "") {
   const props = { call, onLinkClick, previewMode };
+  if (call.task?.subAgents?.length) {
+    return /* @__PURE__ */ jsx55(AgentSubAgentCards, { call, onLinkClick });
+  }
   let card;
   switch (call.rendererKind) {
     case "plan-enter":
-      card = /* @__PURE__ */ jsx53(AgentEnterPlanModeCard, { ...props });
+      card = /* @__PURE__ */ jsx55(AgentEnterPlanModeCard, { ...props });
       break;
     case "plan-exit":
-      card = /* @__PURE__ */ jsx53(AgentExitPlanModeCard, { ...props });
+      card = /* @__PURE__ */ jsx55(AgentExitPlanModeCard, { ...props });
       break;
     case "ask-user":
-      card = /* @__PURE__ */ jsx53(AgentAskUserQuestionCard, { ...props });
+      card = /* @__PURE__ */ jsx55(AgentAskUserQuestionCard, { ...props });
       break;
     case "task":
-      card = /* @__PURE__ */ jsx53(AgentTaskCallCard, { ...props });
+      card = /* @__PURE__ */ jsx55(AgentTaskCallCard, { ...props });
       break;
     default:
-      card = /* @__PURE__ */ jsx53(AgentToolCallCard, { ...props });
+      card = /* @__PURE__ */ jsx55(AgentToolCallCard, { ...props });
   }
-  return /* @__PURE__ */ jsxs41(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs42(Fragment6, { children: [
     card,
-    showRawTimelineJson && rawTimelineJsonLabel ? /* @__PURE__ */ jsx53(
+    showRawTimelineJson && rawTimelineJsonLabel ? /* @__PURE__ */ jsx55(
       RawTimelineJsonDisclosure,
       {
         items: call.sourceTimelineItems,
@@ -12341,10 +13071,10 @@ function renderToolCard(call, onLinkClick, previewMode = false, showRawTimelineJ
 }
 
 // shared/agentConversation/components/AgentTurnSummaryRow.tsx
-import { useEffect as useEffect10, useMemo as useMemo5, useState as useState16 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo5, useState as useState17 } from "react";
 import {
-  ChevronDown as ChevronDown7,
-  ChevronRight as ChevronRight7,
+  ChevronDown as ChevronDown8,
+  ChevronRight as ChevronRight8,
   LoaderCircle as LoaderCircle2,
   Redo2,
   Undo2
@@ -12358,10 +13088,10 @@ import {
 } from "@tutti-os/ui-system";
 
 // app/renderer/components/icons/DirectLinedIcon.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function DirectLinedIcon(props) {
   "use memo";
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -12371,7 +13101,7 @@ function DirectLinedIcon(props) {
       "data-nexight-chrome-glyph": "fill",
       "data-tutti-chrome-glyph": "fill",
       ...props,
-      children: /* @__PURE__ */ jsx54(
+      children: /* @__PURE__ */ jsx56(
         "path",
         {
           fill: "currentColor",
@@ -12572,20 +13302,20 @@ function isInsideOrEqualPatchPath(path, root) {
 }
 
 // shared/agentConversation/components/AgentTurnSummaryRow.tsx
-import { jsx as jsx55, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs43 } from "react/jsx-runtime";
 function AgentTurnSummaryRow({
   row,
   workspaceRoot,
   onLinkAction
 }) {
   "use memo";
-  const [expandedFiles, setExpandedFiles] = useState16(
+  const [expandedFiles, setExpandedFiles] = useState17(
     {}
   );
-  const [showAllFiles, setShowAllFiles] = useState16(false);
-  const [patchAction, setPatchAction] = useState16("undo");
-  const [patchPending, setPatchPending] = useState16(false);
-  const [patchSupportState, setPatchSupportState] = useState16(null);
+  const [showAllFiles, setShowAllFiles] = useState17(false);
+  const [patchAction, setPatchAction] = useState17("undo");
+  const [patchPending, setPatchPending] = useState17(false);
+  const [patchSupportState, setPatchSupportState] = useState17(null);
   const agentHostApi = useOptionalAgentHostApi();
   const aggregateStats = useMemo5(
     () => summarizeRowDiff(row.files),
@@ -12714,29 +13444,29 @@ function AgentTurnSummaryRow({
       }
     }
   };
-  return /* @__PURE__ */ jsx55("section", { className: "workspace-agents-status-panel__detail-turn-summary", children: /* @__PURE__ */ jsxs42("div", { className: "agent-turn-summary-card w-full overflow-hidden rounded-[8px] text-[var(--text-primary)]", children: [
-    /* @__PURE__ */ jsxs42("div", { className: "flex items-start gap-3 px-4 py-3", children: [
-      /* @__PURE__ */ jsx55("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs42("div", { className: "flex min-w-0 items-center gap-3", children: [
-        /* @__PURE__ */ jsx55("div", { className: "min-w-0 text-[15px] font-semibold leading-5 tracking-[0] text-[var(--text-primary)]", children: translate("agentHost.agentGui.turnSummaryFilesChanged", {
+  return /* @__PURE__ */ jsx57("section", { className: "workspace-agents-status-panel__detail-turn-summary", children: /* @__PURE__ */ jsxs43("div", { className: "agent-turn-summary-card w-full overflow-hidden rounded-[8px] text-[var(--text-primary)]", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ jsx57("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs43("div", { className: "flex min-w-0 items-center gap-3", children: [
+        /* @__PURE__ */ jsx57("div", { className: "min-w-0 text-[15px] font-semibold leading-5 tracking-[0] text-[var(--text-primary)]", children: translate("agentHost.agentGui.turnSummaryFilesChanged", {
           count: row.fileCount
         }) }),
-        /* @__PURE__ */ jsxs42("div", { className: "inline-flex shrink-0 items-center gap-2.5 text-[11px] font-semibold", children: [
-          aggregateStats.added > 0 ? /* @__PURE__ */ jsxs42("span", { className: "workspace-agents-status-panel__detail-tool-diff-added", children: [
+        /* @__PURE__ */ jsxs43("div", { className: "inline-flex shrink-0 items-center gap-2.5 text-[11px] font-semibold", children: [
+          aggregateStats.added > 0 ? /* @__PURE__ */ jsxs43("span", { className: "workspace-agents-status-panel__detail-tool-diff-added", children: [
             "+",
             aggregateStats.added
           ] }) : null,
-          aggregateStats.removed > 0 ? /* @__PURE__ */ jsxs42("span", { className: "workspace-agents-status-panel__detail-tool-diff-removed", children: [
+          aggregateStats.removed > 0 ? /* @__PURE__ */ jsxs43("span", { className: "workspace-agents-status-panel__detail-tool-diff-removed", children: [
             "-",
             aggregateStats.removed
           ] }) : null
         ] })
       ] }) }),
-      canRenderPatchButton ? /* @__PURE__ */ jsx55(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs42(Tooltip, { children: [
-        /* @__PURE__ */ jsx55(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx55(
+      canRenderPatchButton ? /* @__PURE__ */ jsx57(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs43(Tooltip, { children: [
+        /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(
           "span",
           {
             className: `inline-flex shrink-0 ${isPatchActionDisabled ? "cursor-not-allowed" : ""}`,
-            children: /* @__PURE__ */ jsxs42(
+            children: /* @__PURE__ */ jsxs43(
               CanvasNodeGhostIconButton,
               {
                 "aria-label": patchActionLabel,
@@ -12744,7 +13474,7 @@ function AgentTurnSummaryRow({
                 disabled: isPatchActionDisabled,
                 onClick: handlePatchAction,
                 children: [
-                  patchPending || isPatchSupportChecking ? /* @__PURE__ */ jsx55(
+                  patchPending || isPatchSupportChecking ? /* @__PURE__ */ jsx57(
                     LoaderCircle2,
                     {
                       width: 14,
@@ -12752,7 +13482,7 @@ function AgentTurnSummaryRow({
                       "aria-hidden": "true",
                       className: "animate-spin text-[var(--text-secondary)]"
                     }
-                  ) : patchAction === "undo" ? /* @__PURE__ */ jsx55(
+                  ) : patchAction === "undo" ? /* @__PURE__ */ jsx57(
                     Undo2,
                     {
                       width: 14,
@@ -12760,7 +13490,7 @@ function AgentTurnSummaryRow({
                       "aria-hidden": "true",
                       className: "text-[var(--text-secondary)]"
                     }
-                  ) : /* @__PURE__ */ jsx55(
+                  ) : /* @__PURE__ */ jsx57(
                     Redo2,
                     {
                       width: 14,
@@ -12769,19 +13499,19 @@ function AgentTurnSummaryRow({
                       className: "text-[var(--text-secondary)]"
                     }
                   ),
-                  /* @__PURE__ */ jsx55("span", { children: patchActionLabel })
+                  /* @__PURE__ */ jsx57("span", { children: patchActionLabel })
                 ]
               }
             )
           }
         ) }),
-        patchDisabledReason ? /* @__PURE__ */ jsx55(TooltipContent, { className: "max-w-[260px] whitespace-normal text-left", children: patchDisabledReason }) : null
+        patchDisabledReason ? /* @__PURE__ */ jsx57(TooltipContent, { className: "max-w-[260px] whitespace-normal text-left", children: patchDisabledReason }) : null
       ] }) }) : null
     ] }),
-    /* @__PURE__ */ jsxs42("div", { className: "agent-turn-summary-card__list", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "agent-turn-summary-card__list", children: [
       visibleFiles.map((file) => {
         const key = `${file.path}:${file.messageId}`;
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           TurnSummaryFileCard,
           {
             file,
@@ -12796,9 +13526,9 @@ function AgentTurnSummaryRow({
           key
         );
       }),
-      hiddenFileCount > 0 ? /* @__PURE__ */ jsx55(CollapsibleReveal, { expanded: showAllFiles, preMountOnIdle: true, children: /* @__PURE__ */ jsx55("div", { className: "agent-turn-summary-card__overflow-list", children: hiddenFiles.map((file) => {
+      hiddenFileCount > 0 ? /* @__PURE__ */ jsx57(CollapsibleReveal, { expanded: showAllFiles, preMountOnIdle: true, children: /* @__PURE__ */ jsx57("div", { className: "agent-turn-summary-card__overflow-list", children: hiddenFiles.map((file) => {
         const key = `${file.path}:${file.messageId}`;
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           TurnSummaryFileCard,
           {
             file,
@@ -12813,29 +13543,29 @@ function AgentTurnSummaryRow({
           key
         );
       }) }) }) : null,
-      hiddenFileCount > 0 && !showAllFiles ? /* @__PURE__ */ jsxs42(
+      hiddenFileCount > 0 && !showAllFiles ? /* @__PURE__ */ jsxs43(
         "button",
         {
           type: "button",
           className: "agent-turn-summary-card__toggle-more flex w-full items-center gap-2 px-4 py-2.5 text-left text-[11px] font-semibold transition-colors",
           onClick: () => setShowAllFiles(true),
           children: [
-            /* @__PURE__ */ jsx55("span", { children: translate("agentHost.agentGui.turnSummaryShowMoreFiles", {
+            /* @__PURE__ */ jsx57("span", { children: translate("agentHost.agentGui.turnSummaryShowMoreFiles", {
               count: hiddenFileCount
             }) }),
-            /* @__PURE__ */ jsx55(ChevronDown7, { size: 16, strokeWidth: 2.2, "aria-hidden": "true" })
+            /* @__PURE__ */ jsx57(ChevronDown8, { size: 16, strokeWidth: 2.2, "aria-hidden": "true" })
           ]
         }
-      ) : hiddenFileCount > 0 ? /* @__PURE__ */ jsxs42(
+      ) : hiddenFileCount > 0 ? /* @__PURE__ */ jsxs43(
         "button",
         {
           type: "button",
           className: "agent-turn-summary-card__toggle-more flex w-full items-center gap-2 px-4 py-2.5 text-left text-[11px] font-semibold transition-colors",
           onClick: () => setShowAllFiles(false),
           children: [
-            /* @__PURE__ */ jsx55("span", { children: translate("agentHost.agentGui.turnSummaryShowFewerFiles") }),
-            /* @__PURE__ */ jsx55(
-              ChevronRight7,
+            /* @__PURE__ */ jsx57("span", { children: translate("agentHost.agentGui.turnSummaryShowFewerFiles") }),
+            /* @__PURE__ */ jsx57(
+              ChevronRight8,
               {
                 size: 16,
                 strokeWidth: 2.2,
@@ -12865,10 +13595,10 @@ function TurnSummaryFileCard({
   const canOpen = Boolean(action && onLinkAction);
   const stats = summarizeFileDiff(file);
   const preview = filePreview(file);
-  return /* @__PURE__ */ jsxs42("div", { className: "agent-turn-summary-card__file", children: [
-    /* @__PURE__ */ jsxs42("div", { className: "agent-turn-summary-card__file-row flex min-w-0 items-center gap-2.5 overflow-hidden px-4 py-2.5", children: [
-      /* @__PURE__ */ jsxs42("div", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: [
-        /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43("div", { className: "agent-turn-summary-card__file", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "agent-turn-summary-card__file-row flex min-w-0 items-center gap-2.5 overflow-hidden px-4 py-2.5", children: [
+      /* @__PURE__ */ jsxs43("div", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: [
+        /* @__PURE__ */ jsxs43(
           "button",
           {
             type: "button",
@@ -12876,22 +13606,22 @@ function TurnSummaryFileCard({
             "aria-expanded": expanded,
             onClick: onToggle,
             children: [
-              /* @__PURE__ */ jsx55("div", { className: "min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxs42(
+              /* @__PURE__ */ jsx57("div", { className: "min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxs43(
                 "span",
                 {
                   className: `agent-turn-summary-card__path flex min-w-0 max-w-full overflow-hidden whitespace-nowrap text-[13px] font-medium leading-5 text-[var(--text-secondary)] ${file.changeType === "deleted" ? "line-through" : ""}`,
                   title: file.path,
                   children: [
-                    file.directory ? /* @__PURE__ */ jsxs42("span", { className: "agent-turn-summary-card__path-directory", children: [
+                    file.directory ? /* @__PURE__ */ jsxs43("span", { className: "agent-turn-summary-card__path-directory", children: [
                       file.directory,
                       "/"
                     ] }) : null,
-                    /* @__PURE__ */ jsx55("span", { className: "agent-turn-summary-card__path-file", children: file.fileName })
+                    /* @__PURE__ */ jsx57("span", { className: "agent-turn-summary-card__path-file", children: file.fileName })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsx55("span", { className: "shrink-0 text-[var(--text-tertiary)] opacity-0 transition-opacity group-hover/file-toggle:opacity-100 group-focus-visible/file-toggle:opacity-100", children: /* @__PURE__ */ jsx55(
-                ChevronRight7,
+              /* @__PURE__ */ jsx57("span", { className: "shrink-0 text-[var(--text-tertiary)] opacity-0 transition-opacity group-hover/file-toggle:opacity-100 group-focus-visible/file-toggle:opacity-100", children: /* @__PURE__ */ jsx57(
+                ChevronRight8,
                 {
                   size: 14,
                   strokeWidth: 2.2,
@@ -12902,18 +13632,18 @@ function TurnSummaryFileCard({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs42("span", { className: "ml-auto inline-flex shrink-0 items-center gap-2 text-[11px] font-semibold", children: [
-          stats.added > 0 ? /* @__PURE__ */ jsxs42("span", { className: "workspace-agents-status-panel__detail-tool-diff-added", children: [
+        /* @__PURE__ */ jsxs43("span", { className: "ml-auto inline-flex shrink-0 items-center gap-2 text-[11px] font-semibold", children: [
+          stats.added > 0 ? /* @__PURE__ */ jsxs43("span", { className: "workspace-agents-status-panel__detail-tool-diff-added", children: [
             "+",
             stats.added
           ] }) : null,
-          stats.removed > 0 ? /* @__PURE__ */ jsxs42("span", { className: "workspace-agents-status-panel__detail-tool-diff-removed", children: [
+          stats.removed > 0 ? /* @__PURE__ */ jsxs43("span", { className: "workspace-agents-status-panel__detail-tool-diff-removed", children: [
             "-",
             stats.removed
           ] }) : null
         ] })
       ] }),
-      canOpen ? /* @__PURE__ */ jsx55(
+      canOpen ? /* @__PURE__ */ jsx57(
         CanvasNodeGhostIconButton,
         {
           "aria-label": translate(
@@ -12925,7 +13655,7 @@ function TurnSummaryFileCard({
           onClick: () => {
             onLinkAction?.(action);
           },
-          children: /* @__PURE__ */ jsx55(
+          children: /* @__PURE__ */ jsx57(
             DirectLinedIcon,
             {
               width: 14,
@@ -12937,12 +13667,12 @@ function TurnSummaryFileCard({
         }
       ) : null
     ] }),
-    preview ? /* @__PURE__ */ jsx55(CollapsibleReveal, { expanded, preMountOnIdle: true, children: /* @__PURE__ */ jsx55("div", { className: "agent-turn-summary-card__preview rounded-none px-4 pb-3 pt-2", children: preview }) }) : null
+    preview ? /* @__PURE__ */ jsx57(CollapsibleReveal, { expanded, preMountOnIdle: true, children: /* @__PURE__ */ jsx57("div", { className: "agent-turn-summary-card__preview rounded-none px-4 pb-3 pt-2", children: preview }) }) : null
   ] });
 }
 function filePreview(file) {
   if (file.changeType === "created" && file.content?.trim()) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx57(
       AgentCodeBlock,
       {
         path: file.path,
@@ -12954,7 +13684,7 @@ function filePreview(file) {
     );
   }
   if (file.unifiedDiff?.trim()) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx57(
       AgentUnifiedPatchViewer,
       {
         path: file.path,
@@ -12965,7 +13695,7 @@ function filePreview(file) {
     );
   }
   if (file.changeType === "created" && file.newString?.trim()) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx57(
       AgentCodeBlock,
       {
         path: file.path,
@@ -12977,7 +13707,7 @@ function filePreview(file) {
     );
   }
   if (file.oldString?.trim() || file.newString?.trim()) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx57(
       AgentMonacoDiffViewer,
       {
         path: file.path,
@@ -12989,7 +13719,7 @@ function filePreview(file) {
     );
   }
   if (file.content?.trim()) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx57(
       AgentCodeBlock,
       {
         path: file.path,
@@ -13081,8 +13811,8 @@ function summarizeFileDiff(file) {
 }
 
 // shared/agentConversation/components/AgentTranscriptItemView.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
-var AgentTranscriptItemView = memo2(function AgentTranscriptItemView2({
+import { jsx as jsx58 } from "react/jsx-runtime";
+var AgentTranscriptItemView = memo3(function AgentTranscriptItemView2({
   workspaceRoot,
   basePath,
   row,
@@ -13115,7 +13845,7 @@ var AgentTranscriptItemView = memo2(function AgentTranscriptItemView2({
   );
   switch (row.kind) {
     case "message":
-      return /* @__PURE__ */ jsx56(
+      return /* @__PURE__ */ jsx58(
         AgentMessageBlock,
         {
           workspaceRoot,
@@ -13133,7 +13863,7 @@ var AgentTranscriptItemView = memo2(function AgentTranscriptItemView2({
         }
       );
     case "tool-group":
-      return /* @__PURE__ */ jsx56(
+      return /* @__PURE__ */ jsx58(
         AgentToolGroupRow,
         {
           row,
@@ -13149,7 +13879,7 @@ var AgentTranscriptItemView = memo2(function AgentTranscriptItemView2({
         }
       );
     case "turn-summary":
-      return /* @__PURE__ */ jsx56(
+      return /* @__PURE__ */ jsx58(
         AgentTurnSummaryRow,
         {
           row,
@@ -13160,7 +13890,7 @@ var AgentTranscriptItemView = memo2(function AgentTranscriptItemView2({
         }
       );
     case "processing":
-      return /* @__PURE__ */ jsx56(AgentProcessingRow, { row, label: labels.processing });
+      return /* @__PURE__ */ jsx58(AgentProcessingRow, { row, label: labels.processing });
   }
 });
 
@@ -13281,13 +14011,14 @@ function looksLikeTableSeparator(line) {
 }
 
 // shared/agentConversation/components/AgentTranscriptView.tsx
-import { Fragment as Fragment7, jsx as jsx57, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx59, jsxs as jsxs44 } from "react/jsx-runtime";
 var AGENT_TRANSCRIPT_VIRTUALIZATION_OVERSCAN = 6;
 var AGENT_TRANSCRIPT_ESTIMATED_TURN_HEIGHT_PX = 280;
 var AGENT_TRANSCRIPT_TURN_GAP_PX = 12;
 var AGENT_TRANSCRIPT_FALLBACK_TURN_COUNT = 3;
+var AGENT_MESSAGE_LOCATOR_PANEL_FADE_MS = 160;
 function transcriptLabelsEqual(previous, next) {
-  return previous === next || previous.thinkingLabel === next.thinkingLabel && previous.processing === next.processing && previous.turnSummary === next.turnSummary && previous.rawTimelineJson === next.rawTimelineJson && previous.toolCallsLabel === next.toolCallsLabel;
+  return previous === next || previous.thinkingLabel === next.thinkingLabel && previous.processing === next.processing && previous.turnSummary === next.turnSummary && previous.rawTimelineJson === next.rawTimelineJson && previous.userMessageLocator === next.userMessageLocator && previous.toolCallsLabel === next.toolCallsLabel;
 }
 function transcriptTurnIdentityEquals(previous, next) {
   return previous === next || previous.length === next.length && previous.every((turn, index) => turn.id === next[index]?.id);
@@ -13304,7 +14035,7 @@ function areAgentTranscriptViewPropsEqual(previous, next) {
     next.conversation
   ) && previous.onLinkAction === next.onLinkAction && previous.onAuthLogin === next.onAuthLogin && previous.availableSkills === next.availableSkills && previous.workspaceAppIcons === next.workspaceAppIcons && previous.previewMode === next.previewMode && previous.showRawTimelineJson === next.showRawTimelineJson && transcriptLabelsEqual(previous.labels, next.labels);
 }
-var AgentTranscriptView = memo3(function AgentTranscriptView2({
+var AgentTranscriptView = memo4(function AgentTranscriptView2({
   conversation,
   onLinkAction,
   onAuthLogin,
@@ -13315,9 +14046,9 @@ var AgentTranscriptView = memo3(function AgentTranscriptView2({
   labels
 }) {
   "use memo";
-  const [expandedToolRows, setExpandedToolRows] = useState17({});
+  const [expandedToolRows, setExpandedToolRows] = useState18({});
   const virtualizerHostRef = useRef8(null);
-  const [virtualScrollElement, setVirtualScrollElement] = useState17(null);
+  const [virtualScrollElement, setVirtualScrollElement] = useState18(null);
   const rowKeys = useMemo6(
     () => conversation.rows.map(transcriptRowKey),
     [conversation.rows]
@@ -13326,6 +14057,18 @@ var AgentTranscriptView = memo3(function AgentTranscriptView2({
     () => buildAgentTranscriptTurnGroups(conversation.rows, rowKeys),
     [conversation.rows, rowKeys]
   );
+  const turnGroupIndexByRowIndex = useMemo6(
+    () => buildTurnGroupIndexByRowIndex(turnGroups),
+    [turnGroups]
+  );
+  const userMessageLocatorItems = useMemo6(
+    () => buildUserMessageLocatorItems(
+      conversation.rows,
+      rowKeys,
+      turnGroupIndexByRowIndex
+    ),
+    [conversation.rows, rowKeys, turnGroupIndexByRowIndex]
+  );
   const enteringRowKeys = useEnteringTranscriptRows(rowKeys);
   const handleToolGroupExpandedChange = useCallback10(
     (key, expanded) => {
@@ -13365,6 +14108,34 @@ var AgentTranscriptView = memo3(function AgentTranscriptView2({
     getScrollElement: () => virtualScrollElement,
     overscan: AGENT_TRANSCRIPT_VIRTUALIZATION_OVERSCAN
   });
+  const handleLocateUserMessage = useCallback10(
+    (item) => {
+      const scrollParent = virtualizerHostRef.current?.parentElement ?? null;
+      const scrollToRenderedRow = () => {
+        const renderedRow = (scrollParent ?? document).querySelector(
+          `[data-agent-transcript-row="${escapeCssString(item.rowKey)}"]`
+        );
+        if (!renderedRow) {
+          return false;
+        }
+        renderedRow.scrollIntoView({
+          block: "center",
+          behavior: "smooth"
+        });
+        return true;
+      };
+      if (scrollToRenderedRow()) {
+        return;
+      }
+      if (shouldVirtualize) {
+        rowVirtualizer.scrollToIndex(item.turnGroupIndex, {
+          align: "center"
+        });
+        window.setTimeout(scrollToRenderedRow, 0);
+      }
+    },
+    [rowVirtualizer, shouldVirtualize]
+  );
   useLayoutEffect2(() => {
     if (!shouldVirtualize) {
       setVirtualScrollElement(null);
@@ -13376,8 +14147,8 @@ var AgentTranscriptView = memo3(function AgentTranscriptView2({
     const rowKey = rowKeys[rowIndex] ?? transcriptRowKey(row);
     const showTurnDivider = dividerRowIndexes.has(rowIndex);
     const shouldAnimateEnter = row.kind !== "processing" && enteringRowKeys.has(rowKey);
-    return /* @__PURE__ */ jsxs43(Fragment6, { children: [
-      showTurnDivider ? /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsxs44(Fragment7, { children: [
+      showTurnDivider ? /* @__PURE__ */ jsx59(
         "div",
         {
           className: "h-px w-full flex-none bg-[var(--line-2,var(--tutti-line-2))]",
@@ -13385,14 +14156,15 @@ var AgentTranscriptView = memo3(function AgentTranscriptView2({
           "aria-hidden": "true"
         }
       ) : null,
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx59(
         "div",
         {
           className: "agent-gui-transcript-row",
           "data-agent-transcript-row": rowKey,
           "data-agent-transcript-row-kind": row.kind,
+          "data-agent-transcript-row-index": rowIndex,
           "data-agent-transcript-row-enter": shouldAnimateEnter ? "true" : void 0,
-          children: /* @__PURE__ */ jsx57(
+          children: /* @__PURE__ */ jsx59(
             AgentTranscriptItemView,
             {
               workspaceRoot,
@@ -13427,39 +14199,373 @@ var AgentTranscriptView = memo3(function AgentTranscriptView2({
         AGENT_TRANSCRIPT_FALLBACK_TURN_COUNT
       ) + fallbackIndex) * AGENT_TRANSCRIPT_ESTIMATED_TURN_HEIGHT_PX
     })) : rowVirtualizer.getVirtualItems();
-    return /* @__PURE__ */ jsx57(
-      "div",
+    return /* @__PURE__ */ jsxs44(Fragment8, { children: [
+      /* @__PURE__ */ jsx59(
+        AgentMessageLocatorRail,
+        {
+          items: userMessageLocatorItems,
+          label: labels.userMessageLocator,
+          onLocate: handleLocateUserMessage
+        }
+      ),
+      /* @__PURE__ */ jsx59(
+        "div",
+        {
+          ref: virtualizerHostRef,
+          className: "agent-gui-transcript-virtual",
+          "data-agent-transcript-virtualized": "true",
+          style: { height: `${rowVirtualizer.getTotalSize()}px` },
+          children: virtualItems.map((virtualTurn) => {
+            const group = turnGroups[virtualTurn.index];
+            if (!group) {
+              return null;
+            }
+            return /* @__PURE__ */ jsx59(
+              "div",
+              {
+                ref: rowVirtualizer.measureElement,
+                className: "agent-gui-transcript-virtual-item",
+                "data-index": virtualTurn.index,
+                "data-agent-transcript-virtual-turn": group.key,
+                style: {
+                  paddingBottom: `${AGENT_TRANSCRIPT_TURN_GAP_PX}px`,
+                  transform: `translateY(${virtualTurn.start}px)`
+                },
+                children: group.rows.map(
+                  ({ row, rowIndex }) => renderRow(row, rowIndex)
+                )
+              },
+              virtualTurn.key
+            );
+          })
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs44(Fragment8, { children: [
+    /* @__PURE__ */ jsx59(
+      AgentMessageLocatorRail,
       {
-        ref: virtualizerHostRef,
-        className: "agent-gui-transcript-virtual",
-        "data-agent-transcript-virtualized": "true",
-        style: { height: `${rowVirtualizer.getTotalSize()}px` },
-        children: virtualItems.map((virtualTurn) => {
-          const group = turnGroups[virtualTurn.index];
-          if (!group) {
-            return null;
+        items: userMessageLocatorItems,
+        label: labels.userMessageLocator,
+        onLocate: handleLocateUserMessage
+      }
+    ),
+    conversation.rows.map(renderRow)
+  ] });
+}, areAgentTranscriptViewPropsEqual);
+function AgentMessageLocatorRail({
+  items,
+  label,
+  onLocate
+}) {
+  const locatorRef = useRef8(null);
+  const closePanelTimeoutRef = useRef8(null);
+  const [isPanelOpen, setIsPanelOpen] = useState18(false);
+  const [shouldRenderPanel, setShouldRenderPanel] = useState18(false);
+  const [activeKey, setActiveKey] = useState18(null);
+  const [selectedKey, setSelectedKey] = useState18(null);
+  const previousAgentResponseByKeyRef = useRef8(null);
+  const [unreadAgentResponseKeys, setUnreadAgentResponseKeys] = useState18(/* @__PURE__ */ new Set());
+  const [visibleHeightPx, setVisibleHeightPx] = useState18(null);
+  useEffect11(() => {
+    if (isPanelOpen) {
+      setShouldRenderPanel(true);
+      return;
+    }
+    const timeout = window.setTimeout(
+      () => setShouldRenderPanel(false),
+      AGENT_MESSAGE_LOCATOR_PANEL_FADE_MS
+    );
+    return () => window.clearTimeout(timeout);
+  }, [isPanelOpen]);
+  useEffect11(
+    () => () => {
+      if (closePanelTimeoutRef.current !== null) {
+        window.clearTimeout(closePanelTimeoutRef.current);
+      }
+    },
+    []
+  );
+  useEffect11(() => {
+    if (selectedKey && !items.some((item) => item.key === selectedKey)) {
+      setSelectedKey(null);
+    }
+  }, [items, selectedKey]);
+  useEffect11(() => {
+    const previousAgentResponseByKey = previousAgentResponseByKeyRef.current;
+    const currentKeys = new Set(items.map((item) => item.key));
+    setUnreadAgentResponseKeys((currentUnreadKeys) => {
+      let nextUnreadKeys = null;
+      const ensureNextUnreadKeys = () => {
+        if (!nextUnreadKeys) {
+          nextUnreadKeys = new Set(currentUnreadKeys);
+        }
+        return nextUnreadKeys;
+      };
+      for (const key of currentUnreadKeys) {
+        if (!currentKeys.has(key)) {
+          ensureNextUnreadKeys().delete(key);
+        }
+      }
+      if (previousAgentResponseByKey) {
+        for (const item of items) {
+          const hadAgentResponse = previousAgentResponseByKey.get(item.key) ?? false;
+          if (item.hasAgentResponse && !hadAgentResponse && item.key !== selectedKey) {
+            ensureNextUnreadKeys().add(item.key);
           }
-          return /* @__PURE__ */ jsx57(
-            "div",
-            {
-              ref: rowVirtualizer.measureElement,
-              className: "agent-gui-transcript-virtual-item",
-              "data-index": virtualTurn.index,
-              "data-agent-transcript-virtual-turn": group.key,
-              style: {
-                paddingBottom: `${AGENT_TRANSCRIPT_TURN_GAP_PX}px`,
-                transform: `translateY(${virtualTurn.start}px)`
-              },
-              children: group.rows.map(({ row, rowIndex }) => renderRow(row, rowIndex))
-            },
-            virtualTurn.key
-          );
-        })
+        }
+      }
+      return nextUnreadKeys ?? currentUnreadKeys;
+    });
+    previousAgentResponseByKeyRef.current = new Map(
+      items.map((item) => [item.key, item.hasAgentResponse])
+    );
+  }, [items, selectedKey]);
+  useEffect11(() => {
+    if (!selectedKey) {
+      return;
+    }
+    setUnreadAgentResponseKeys((currentUnreadKeys) => {
+      if (!currentUnreadKeys.has(selectedKey)) {
+        return currentUnreadKeys;
+      }
+      const nextUnreadKeys = new Set(currentUnreadKeys);
+      nextUnreadKeys.delete(selectedKey);
+      return nextUnreadKeys;
+    });
+  }, [selectedKey]);
+  useLayoutEffect2(() => {
+    const locator = locatorRef.current;
+    const scrollParent = locator ? findMessageLocatorScrollParent(locator) : null;
+    if (!scrollParent) {
+      return;
+    }
+    let animationFrame = null;
+    const updateVisibleHeight = () => {
+      animationFrame = null;
+      const nextHeight = scrollParent.clientHeight;
+      setVisibleHeightPx(
+        (current) => current === nextHeight ? current : nextHeight
+      );
+    };
+    const scheduleUpdate = () => {
+      if (animationFrame !== null) {
+        return;
+      }
+      animationFrame = window.requestAnimationFrame(updateVisibleHeight);
+    };
+    scheduleUpdate();
+    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(scheduleUpdate);
+    resizeObserver?.observe(scrollParent);
+    window.addEventListener("resize", scheduleUpdate);
+    return () => {
+      resizeObserver?.disconnect();
+      window.removeEventListener("resize", scheduleUpdate);
+      if (animationFrame !== null) {
+        window.cancelAnimationFrame(animationFrame);
+      }
+    };
+  }, [items.length]);
+  useEffect11(() => {
+    const locator = locatorRef.current;
+    const scrollParent = locator ? findMessageLocatorScrollParent(locator) : null;
+    if (!scrollParent) {
+      return;
+    }
+    let animationFrame = null;
+    const updateSelectedFromScroll = () => {
+      animationFrame = null;
+      const nextSelectedKey = selectMessageLocatorItemAtViewportCenter(
+        scrollParent,
+        items
+      );
+      if (nextSelectedKey) {
+        setSelectedKey(nextSelectedKey);
+      }
+    };
+    const scheduleUpdate = () => {
+      if (animationFrame !== null) {
+        return;
+      }
+      animationFrame = window.requestAnimationFrame(updateSelectedFromScroll);
+    };
+    scheduleUpdate();
+    scrollParent.addEventListener("scroll", scheduleUpdate, { passive: true });
+    return () => {
+      scrollParent.removeEventListener("scroll", scheduleUpdate);
+      if (animationFrame !== null) {
+        window.cancelAnimationFrame(animationFrame);
+      }
+    };
+  }, [items]);
+  if (items.length < 2) {
+    return null;
+  }
+  const railHeight = (items.length - 1) * 30 + 18;
+  const activeOrSelectedKey = activeKey ?? selectedKey;
+  const markItemRead = (itemKey) => {
+    setUnreadAgentResponseKeys((currentUnreadKeys) => {
+      if (!currentUnreadKeys.has(itemKey)) {
+        return currentUnreadKeys;
       }
+      const nextUnreadKeys = new Set(currentUnreadKeys);
+      nextUnreadKeys.delete(itemKey);
+      return nextUnreadKeys;
+    });
+  };
+  const handleLocateItem = (item) => {
+    setSelectedKey(item.key);
+    setActiveKey(item.key);
+    markItemRead(item.key);
+    onLocate(item);
+  };
+  const openPanel = () => {
+    if (closePanelTimeoutRef.current !== null) {
+      window.clearTimeout(closePanelTimeoutRef.current);
+      closePanelTimeoutRef.current = null;
+    }
+    setIsPanelOpen(true);
+  };
+  const closePanelSoon = () => {
+    if (closePanelTimeoutRef.current !== null) {
+      window.clearTimeout(closePanelTimeoutRef.current);
+    }
+    closePanelTimeoutRef.current = window.setTimeout(() => {
+      closePanelTimeoutRef.current = null;
+      setIsPanelOpen(false);
+      setActiveKey(null);
+    }, 120);
+  };
+  const closePanelNow = () => {
+    if (closePanelTimeoutRef.current !== null) {
+      window.clearTimeout(closePanelTimeoutRef.current);
+      closePanelTimeoutRef.current = null;
+    }
+    setIsPanelOpen(false);
+    setActiveKey(null);
+  };
+  const handleBlurCapture = (event) => {
+    const nextTarget = event.relatedTarget;
+    if (nextTarget instanceof Node && event.currentTarget.contains(nextTarget)) {
+      return;
+    }
+    closePanelNow();
+  };
+  return /* @__PURE__ */ jsxs44(
+    "nav",
+    {
+      ref: locatorRef,
+      className: "agent-gui-message-locator",
+      "aria-label": label ?? items[0]?.summary,
+      "data-testid": "agent-message-locator",
+      onBlurCapture: handleBlurCapture,
+      onFocusCapture: openPanel,
+      onMouseEnter: openPanel,
+      onMouseLeave: closePanelSoon,
+      style: {
+        "--agent-message-locator-height": `${railHeight}px`,
+        ...visibleHeightPx !== null ? {
+          "--agent-message-locator-visible-height": `${visibleHeightPx}px`
+        } : {}
+      },
+      children: [
+        items.slice(0, -1).map((item, index) => /* @__PURE__ */ jsx59(
+          "div",
+          {
+            className: "agent-gui-message-locator__track-segment",
+            style: {
+              "--agent-message-locator-segment-position": `${index * 30 + 18}px`
+            },
+            "aria-hidden": "true"
+          },
+          `segment:${item.key}`
+        )),
+        items.map((item, index) => /* @__PURE__ */ jsx59(
+          "button",
+          {
+            type: "button",
+            className: "agent-gui-message-locator__tick nodrag tsh-desktop-no-drag",
+            style: {
+              "--agent-message-locator-position": `${index * 30 + 9}px`
+            },
+            "aria-label": item.summary,
+            title: item.summary,
+            "data-selected": item.key === selectedKey ? "true" : void 0,
+            "data-unread-agent-response": unreadAgentResponseKeys.has(item.key) ? "true" : void 0,
+            onClick: () => handleLocateItem(item),
+            onFocus: () => setActiveKey(item.key),
+            onMouseEnter: () => setActiveKey(item.key),
+            children: /* @__PURE__ */ jsx59("span", { className: "agent-gui-message-locator__dot", "aria-hidden": "true" })
+          },
+          item.key
+        )),
+        shouldRenderPanel ? /* @__PURE__ */ jsx59(
+          "div",
+          {
+            className: "agent-gui-message-locator__panel",
+            role: "tooltip",
+            "data-open": isPanelOpen ? "true" : void 0,
+            "data-testid": "agent-message-locator-panel",
+            onMouseEnter: openPanel,
+            onMouseLeave: closePanelSoon,
+            children: items.map((item) => /* @__PURE__ */ jsx59(
+              "button",
+              {
+                type: "button",
+                className: "agent-gui-message-locator__panel-item nodrag tsh-desktop-no-drag",
+                "data-active": item.key === activeOrSelectedKey ? "true" : void 0,
+                onClick: () => handleLocateItem(item),
+                onFocus: () => setActiveKey(item.key),
+                onMouseEnter: () => setActiveKey(item.key),
+                children: /* @__PURE__ */ jsx59("span", { className: "agent-gui-message-locator__panel-item-text", children: item.summary })
+              },
+              `panel:${item.key}`
+            ))
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function findMessageLocatorScrollParent(locator) {
+  const timeline = locator.closest(
+    '[data-testid="agent-gui-timeline"]'
+  );
+  if (timeline) {
+    return timeline;
+  }
+  let current = locator.parentElement;
+  while (current) {
+    const style = window.getComputedStyle(current);
+    const overflowY = style.overflowY;
+    if ((overflowY === "auto" || overflowY === "scroll") && current.scrollHeight > current.clientHeight) {
+      return current;
+    }
+    current = current.parentElement;
+  }
+  return null;
+}
+function selectMessageLocatorItemAtViewportCenter(scrollParent, items) {
+  const viewportRect = scrollParent.getBoundingClientRect();
+  const viewportCenterY = viewportRect.top + viewportRect.height / 2;
+  let nearest = null;
+  for (const item of items) {
+    const row = scrollParent.querySelector(
+      `[data-agent-transcript-row="${escapeCssString(item.rowKey)}"]`
     );
+    if (!row) {
+      continue;
+    }
+    const rowRect = row.getBoundingClientRect();
+    const rowCenterY = rowRect.top + rowRect.height / 2;
+    const distance = Math.abs(rowCenterY - viewportCenterY);
+    if (!nearest || distance < nearest.distance) {
+      nearest = { key: item.key, distance };
+    }
   }
-  return /* @__PURE__ */ jsx57(Fragment7, { children: conversation.rows.map(renderRow) });
-}, areAgentTranscriptViewPropsEqual);
+  return nearest?.key ?? null;
+}
 function useEnteringTranscriptRows(rowKeys) {
   const previousKeysRef = useRef8(null);
   const previousKeys = previousKeysRef.current;
@@ -13499,6 +14605,67 @@ function buildAgentTranscriptTurnGroups(rows, rowKeys) {
   });
   return groups;
 }
+function buildTurnGroupIndexByRowIndex(turnGroups) {
+  const rowIndexToTurnGroupIndex = /* @__PURE__ */ new Map();
+  turnGroups.forEach((group, groupIndex) => {
+    group.rows.forEach(({ rowIndex }) => {
+      rowIndexToTurnGroupIndex.set(rowIndex, groupIndex);
+    });
+  });
+  return rowIndexToTurnGroupIndex;
+}
+function buildUserMessageLocatorItems(rows, rowKeys, turnGroupIndexByRowIndex) {
+  const items = [];
+  rows.forEach((row, rowIndex) => {
+    if (row.kind !== "message" || row.speaker !== "user") {
+      return;
+    }
+    const summary = summarizeUserMessageRow(row);
+    if (!summary) {
+      return;
+    }
+    const rowKey = rowKeys[rowIndex] ?? transcriptRowKey(row);
+    items.push({
+      hasAgentResponse: hasAgentResponseForTurn(rows, row, rowIndex),
+      key: `user-message:${rowKey}`,
+      rowKey,
+      turnGroupIndex: turnGroupIndexByRowIndex.get(rowIndex) ?? rowIndex,
+      rowIndex,
+      summary
+    });
+  });
+  return items;
+}
+function hasAgentResponseForTurn(rows, userRow, userRowIndex) {
+  const turnId = userRow.turnId ?? null;
+  for (let index = userRowIndex + 1; index < rows.length; index += 1) {
+    const row = rows[index];
+    if (!row || row.kind !== "message") {
+      continue;
+    }
+    if (row.speaker === "user") {
+      return false;
+    }
+    if (turnId && row.turnId !== turnId) {
+      return false;
+    }
+    if (row.speaker === "assistant") {
+      return true;
+    }
+  }
+  return false;
+}
+function summarizeUserMessageRow(row) {
+  return normalizeLocatorSummary(
+    row.messages.map((message) => message.copyText ?? message.body).join(" ")
+  );
+}
+function normalizeLocatorSummary(value) {
+  return value.replace(/\s+/g, " ").trim();
+}
+function escapeCssString(value) {
+  return value.replace(/["\\]/g, "\\$&");
+}
 function findTurnDividerRowIndexes(turnIndexById, rows) {
   const dividerRowIndexes = /* @__PURE__ */ new Set();
   const previousTurnIds = /* @__PURE__ */ new Set();
@@ -13518,9 +14685,9 @@ function findTurnDividerRowIndexes(turnIndexById, rows) {
 }
 
 // shared/agentConversation/components/AgentConversationFlow.tsx
-import { memo as memo4 } from "react";
-import { Fragment as Fragment8, jsx as jsx58 } from "react/jsx-runtime";
-var AgentConversationFlow = memo4(function AgentConversationFlow2({
+import { memo as memo5 } from "react";
+import { Fragment as Fragment9, jsx as jsx60 } from "react/jsx-runtime";
+var AgentConversationFlow = memo5(function AgentConversationFlow2({
   conversation,
   isLoading,
   loadingLabel,
@@ -13536,12 +14703,12 @@ var AgentConversationFlow = memo4(function AgentConversationFlow2({
 }) {
   "use memo";
   if (isLoading) {
-    return /* @__PURE__ */ jsx58(AgentTranscriptSkeleton, { label: loadingLabel, testId: loadingTestId });
+    return /* @__PURE__ */ jsx60(AgentTranscriptSkeleton, { label: loadingLabel, testId: loadingTestId });
   }
   if (!conversation || conversation.rows.length === 0) {
-    return /* @__PURE__ */ jsx58(Fragment8, { children: empty });
+    return /* @__PURE__ */ jsx60(Fragment9, { children: empty });
   }
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     AgentTranscriptView,
     {
       conversation,
@@ -13588,6 +14755,9 @@ export {
   getAppErrorCode,
   toLocalShortDateTime,
   Button,
+  partitionSubAgentTimelineItems,
+  buildSubAgentLanesByCallId,
+  attachSubAgentLanesToConversationVM,
   buildWorkspaceAgentSessionDetailViewModel,
   projectAgentConversationVM,
   reconcileProjectedAgentConversationVM,
@@ -13606,4 +14776,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-XRJZCEOX.js.map
+//# sourceMappingURL=chunk-RPXRNKU5.js.map