@agents24/chat-react 0.5.16 → 0.5.18

package/dist/ui/index.cjs

@@ -39,6 +39,7 @@ __export(ui_exports, {
   AgentChatModelTurnRow: () => AgentChatModelTurnRow,
   AgentChatNodeActivityRow: () => AgentChatNodeActivityRow,
   AgentChatPart: () => AgentChatPart,
+  AgentChatQueue: () => AgentChatQueue,
   AgentChatSubagentGroup: () => AgentChatSubagentGroup,
   AgentChatToolGroup: () => AgentChatToolGroup,
   AgentChatToolPart: () => AgentChatToolPart,
@@ -90,6 +91,7 @@ __export(ui_exports, {
   attachmentMediaVariants: () => attachmentMediaVariants,
   attachmentVariants: () => attachmentVariants,
   bubbleVariants: () => bubbleVariants,
+  chatComposerAction: () => chatComposerAction,
   cn: () => cn,
   contextStatusMetrics: () => contextStatusMetrics,
   createAgentChatComposerFile: () => createAgentChatComposerFile,
@@ -100,15 +102,19 @@ __export(ui_exports, {
   latestRunningAgentChatToolId: () => latestRunningAgentChatToolId,
   markerVariants: () => markerVariants,
   partitionAgentChatToolTimeline: () => partitionAgentChatToolTimeline,
+  queuedMessageComposerFiles: () => queuedMessageComposerFiles,
   resolvedHitlLabel: () => resolvedHitlLabel,
   revokeAgentChatComposerFiles: () => revokeAgentChatComposerFiles,
   shouldCollapseUserMessage: () => shouldCollapseUserMessage,
-  useAudioRecorder: () => useAudioRecorder
+  useAudioRecorder: () => useAudioRecorder,
+  useChatComposerFocus: () => useChatComposerFocus,
+  useCompletionActionEntrance: () => useCompletionActionEntrance,
+  useLiveCompletionRuns: () => useLiveCompletionRuns
 });
 module.exports = __toCommonJS(ui_exports);
 
 // src/ui/agent-chat-composer.tsx
-var React2 = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 var import_lucide_react2 = require("lucide-react");
 
 // src/ui/adapters.ts
@@ -833,11 +839,50 @@ function createAgentChatComposerFile(file) {
 function revokeAgentChatComposerFiles(files) {
   files.forEach((file) => {
     try {
-      URL.revokeObjectURL(file.url);
+      if (file.url.startsWith("blob:")) URL.revokeObjectURL(file.url);
     } catch {
     }
   });
 }
+function queuedMessageComposerFiles(message) {
+  const byId = new Map((message.attachments || []).map((attachment) => [attachment.id, attachment]));
+  return message.attachment_ids.map((id) => {
+    const attachment = byId.get(id);
+    return {
+      id,
+      persistedAttachmentId: id,
+      type: "file",
+      url: "",
+      filename: attachment?.filename || "Attachment",
+      mediaType: attachment?.mime_type || "application/octet-stream",
+      byteSize: attachment?.byte_size || 0
+    };
+  });
+}
+
+// src/ui/composer-interactions.ts
+var React2 = __toESM(require("react"), 1);
+function chatComposerAction({ hasDraft, isRunning, isCancelling }) {
+  return isRunning && (!hasDraft || isCancelling) ? "stop" : "send";
+}
+function useChatComposerFocus({ textareaRef, disabled, focusKey, restoredDraft, onRestore }) {
+  const restoreRef = React2.useRef(onRestore);
+  restoreRef.current = onRestore;
+  const focus = React2.useCallback(() => {
+    window.requestAnimationFrame(() => textareaRef.current?.focus({ preventScroll: true }));
+  }, [textareaRef]);
+  React2.useEffect(() => {
+    if (!restoredDraft) return;
+    restoreRef.current(restoredDraft);
+    focus();
+  }, [restoredDraft?.revision, focus]);
+  React2.useEffect(() => {
+    const supportsFinePointer = typeof window.matchMedia === "function" && window.matchMedia("(hover: hover) and (pointer: fine)").matches;
+    if (disabled || !supportsFinePointer) return;
+    focus();
+  }, [disabled, focusKey, focus]);
+  return focus;
+}
 
 // src/ui/agent-chat-composer.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -854,24 +899,27 @@ function AgentChatComposer({
   className,
   disabled = false,
   forceExpanded = false,
+  focusKey,
   inputToolbarContent,
   isRunning = false,
+  isCancelling = false,
   onAttachmentCountChange,
   onStop,
   onSubmit,
   placeholder = "Message the agent",
+  restoredDraft,
   textareaRef
 }) {
-  const fileInputRef = React2.useRef(null);
-  const filesRef = React2.useRef([]);
-  const inFlightFilesRef = React2.useRef([]);
-  const localTextareaRef = React2.useRef(null);
-  const draftRevisionRef = React2.useRef(0);
-  const [text, setText] = React2.useState("");
-  const [files, setFiles] = React2.useState([]);
-  const [isSubmitting, setIsSubmitting] = React2.useState(false);
+  const fileInputRef = React3.useRef(null);
+  const filesRef = React3.useRef([]);
+  const inFlightFilesRef = React3.useRef([]);
+  const localTextareaRef = React3.useRef(null);
+  const draftRevisionRef = React3.useRef(0);
+  const [text, setText] = React3.useState("");
+  const [files, setFiles] = React3.useState([]);
+  const [isSubmitting, setIsSubmitting] = React3.useState(false);
   const isExpanded = forceExpanded || text.includes("\n") || text.length > 62;
-  const setTextareaRef = React2.useCallback(
+  const setTextareaRef = React3.useCallback(
     (node) => {
       localTextareaRef.current = node;
       if (typeof textareaRef === "function") {
@@ -882,15 +930,27 @@ function AgentChatComposer({
     },
     [textareaRef]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     filesRef.current = files;
     onAttachmentCountChange?.(files.length);
   }, [files, onAttachmentCountChange]);
-  React2.useEffect(() => () => {
+  React3.useEffect(() => () => {
     revokeAgentChatComposerFiles(filesRef.current);
     revokeAgentChatComposerFiles(inFlightFilesRef.current);
   }, []);
-  React2.useLayoutEffect(() => {
+  const focusComposer = useChatComposerFocus({
+    textareaRef: localTextareaRef,
+    disabled,
+    focusKey,
+    restoredDraft,
+    onRestore: (draft) => {
+      draftRevisionRef.current += 1;
+      revokeAgentChatComposerFiles(filesRef.current);
+      setText(draft.text);
+      setFiles(draft.files);
+    }
+  });
+  React3.useLayoutEffect(() => {
     const textarea = localTextareaRef.current;
     if (!textarea) return;
     if (isExpanded) {
@@ -903,7 +963,8 @@ function AgentChatComposer({
     textarea.style.height = "";
     textarea.style.overflowY = "hidden";
   }, [isExpanded, text]);
-  const canSubmit = !disabled && !isSubmitting && !isRunning && (text.trim().length > 0 || files.length > 0);
+  const canSubmit = !disabled && !isSubmitting && (text.trim().length > 0 || files.length > 0);
+  const action = chatComposerAction({ hasDraft: text.trim().length > 0 || files.length > 0, isRunning, isCancelling });
   const handleFilesChange = (event) => {
     const selected = Array.from(event.target.files || []).map(createAgentChatComposerFile);
     if (selected.length > 0) {
@@ -930,8 +991,13 @@ function AgentChatComposer({
     setIsSubmitting(true);
     setText("");
     setFiles([]);
+    focusComposer();
     try {
-      await onSubmit({ text: submittedText, files: submittedFiles });
+      await onSubmit({
+        text: submittedText,
+        files: submittedFiles,
+        attachmentIds: submittedFiles.flatMap((file) => file.persistedAttachmentId ? [file.persistedAttachmentId] : [])
+      });
       revokeAgentChatComposerFiles(submittedFiles);
       inFlightFilesRef.current = [];
     } catch {
@@ -1012,7 +1078,7 @@ function AgentChatComposer({
                   {
                     "aria-label": "Attach files",
                     className: cn("a24-composer__attach", pillButtonClass),
-                    disabled: disabled || isSubmitting || isRunning || !allowAttachments,
+                    disabled: disabled || isSubmitting || !allowAttachments,
                     onClick: () => fileInputRef.current?.click(),
                     title: "Attach files",
                     type: "button",
@@ -1030,7 +1096,7 @@ function AgentChatComposer({
                     "a24-composer__textarea w-full resize-none border-0 bg-transparent px-1 text-[15px] leading-relaxed text-foreground shadow-none outline-none placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-0",
                     isExpanded ? "min-h-9 max-h-[224px] py-1" : "min-h-9 h-9 max-h-9 py-2"
                   ),
-                  disabled: disabled || isSubmitting || isRunning,
+                  disabled,
                   name: "message",
                   onChange: (event) => {
                     draftRevisionRef.current += 1;
@@ -1045,27 +1111,19 @@ function AgentChatComposer({
               isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { gridArea: "toolbar" }, className: "a24-composer__toolbar flex min-w-0 items-center gap-1.5", children: inputToolbarContent }) : null,
               !isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { gridArea: "composer" }, className: "flex min-w-0 items-center gap-1.5" }) : null,
               !isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { gridArea: "mic" }, className: "flex shrink-0 items-center justify-end" }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { gridArea: "submit" }, className: "a24-composer__submit-slot flex shrink-0 items-center justify-end", children: isRunning ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { gridArea: "submit" }, className: "a24-composer__submit-slot flex shrink-0 items-center justify-end gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "button",
                 {
-                  "aria-label": "Stop generating",
-                  className: cn("a24-composer__submit", submitButtonClass),
-                  disabled: disabled || !onStop,
-                  onClick: onStop,
-                  title: "Stop",
-                  type: "button",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Square, { className: "size-3.5 fill-current" })
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                "button",
-                {
-                  "aria-label": files.length > 0 ? `Send ${formatFileCount(files)}` : "Send message",
+                  "aria-label": isCancelling ? "Cancelling response" : action === "stop" ? "Stop generating" : files.length > 0 ? `Send ${formatFileCount(files)}` : isRunning ? "Queue message" : "Send message",
                   className: cn("a24-composer__submit", submitButtonClass, text.trim().length > 0 && "hover:scale-105"),
-                  disabled: !canSubmit,
-                  onClick: () => void submit(),
-                  title: "Send",
+                  disabled: isCancelling || (action === "stop" ? disabled : !canSubmit),
+                  onClick: () => {
+                    if (action === "stop") onStop?.();
+                    else void submit();
+                  },
+                  title: action === "stop" ? "Stop" : isRunning ? "Queue message" : "Send",
                   type: "button",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ArrowUp, { className: "size-4", strokeWidth: 2.5 })
+                  children: isCancelling ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Loader2, { className: "size-3.5 animate-spin" }) : action === "stop" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Square, { className: "size-3.5 fill-current" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ArrowUp, { className: "size-4", strokeWidth: 2.5 })
                 }
               ) })
             ]
@@ -1077,11 +1135,81 @@ function AgentChatComposer({
   ] });
 }
 
-// src/ui/agent-chat-actions.tsx
-var React3 = __toESM(require("react"), 1);
+// src/ui/agent-chat-queue.tsx
+var React4 = __toESM(require("react"), 1);
 var import_lucide_react3 = require("lucide-react");
-var import_radix_ui = require("radix-ui");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+function QueueRow({ message, onRemove, onEdit }) {
+  const [busy, setBusy] = React4.useState(false);
+  const [error, setError] = React4.useState(null);
+  const editable = message.status === "queued" || message.status === "blocked";
+  const act = async (operation) => {
+    setBusy(true);
+    setError(null);
+    try {
+      await operation();
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "Message action failed. Try again.");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { "data-message-id": message.id, className: "a24-queue__row min-w-0 border-b border-border/40 last:border-b-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "a24-queue__row-content flex min-h-9 items-center gap-2 px-3 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.CornerDownLeft, { "aria-hidden": true, className: "size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "a24-queue__text min-w-0 flex-1 truncate text-foreground", title: message.text, children: message.text || `${message.attachment_ids.length} attachment${message.attachment_ids.length === 1 ? "" : "s"}` }),
+      message.status === "blocked" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "shrink-0 text-xs text-amber-700", children: "Needs attention" }) : null,
+      ["steer_pending", "delivering"].includes(message.status) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground", children: "Steering\u2026" }) : null,
+      editable ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Delete queued message",
+            disabled: busy,
+            onClick: () => void act(() => onRemove(message)),
+            className: "a24-queue__icon flex size-8 shrink-0 items-center justify-center text-muted-foreground hover:text-foreground disabled:opacity-50",
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Trash2, { "aria-hidden": true, className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { className: "a24-queue__menu relative group/queue-menu", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("summary", { "aria-label": "Queued message options", className: "a24-queue__icon flex size-8 cursor-pointer list-none items-center justify-center text-muted-foreground hover:text-foreground [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Ellipsis, { "aria-hidden": true, className: "size-4" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "a24-queue__menu-content absolute bottom-full right-0 z-30 mb-1 min-w-28 rounded-md border bg-background p-1 shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "button",
+            {
+              type: "button",
+              disabled: busy,
+              onClick: () => void act(() => onEdit(message)),
+              className: "w-full rounded px-2 py-1 text-left text-sm hover:bg-muted disabled:opacity-50",
+              children: "Edit message"
+            }
+          ) })
+        ] })
+      ] }) : null
+    ] }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "px-9 pb-2 text-xs text-destructive", children: error }) : null
+  ] });
+}
+function AgentChatQueue({ pending, queue, onRemove, onEdit, onResume, className }) {
+  const [resumeError, setResumeError] = React4.useState(null);
+  if (!pending.length && !queue?.paused) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { "aria-label": "Message queue", className: cn("a24-queue relative z-0 -mb-2 overflow-visible rounded-t-xl border border-b-0 border-border/50 bg-background pb-2", className), children: [
+    queue?.paused ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-h-9 items-center justify-between gap-2 px-3 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Queue paused" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
+        void onResume().then(() => setResumeError(null)).catch((cause) => setResumeError(cause instanceof Error ? cause.message : "Could not resume queue"));
+      }, className: "font-medium text-foreground hover:underline", children: "Resume queue" })
+    ] }) : null,
+    resumeError ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "px-3 pb-2 text-xs text-destructive", children: resumeError }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "max-h-40 overflow-y-auto", children: pending.map((message) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(QueueRow, { message, onRemove, onEdit }, message.id)) })
+  ] });
+}
+
+// src/ui/agent-chat-actions.tsx
+var React5 = __toESM(require("react"), 1);
+var import_lucide_react4 = require("lucide-react");
+var import_radix_ui = require("radix-ui");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var FEEDBACK_REASONS = [
   ["incorrect", "Incorrect"],
   ["irrelevant", "Irrelevant"],
@@ -1090,6 +1218,32 @@ var FEEDBACK_REASONS = [
   ["citation_issue", "Citation issue"],
   ["other", "Other"]
 ];
+var enteredCompletionRuns = /* @__PURE__ */ new Set();
+function useLiveCompletionRuns(runId, isRunning) {
+  const liveRuns = React5.useRef(/* @__PURE__ */ new Set());
+  React5.useEffect(() => {
+    if (!runId || !isRunning) return;
+    liveRuns.current.add(runId);
+    if (liveRuns.current.size > 256) liveRuns.current.delete(liveRuns.current.values().next().value);
+  }, [runId, isRunning]);
+  return (candidate) => Boolean(candidate && liveRuns.current.has(candidate));
+}
+function useCompletionActionEntrance(isComplete, runId, wasLive = false) {
+  const sawIncomplete = React5.useRef(!isComplete);
+  const entered = React5.useRef(false);
+  const shouldEnter = isComplete && !entered.current && (runId ? wasLive && !enteredCompletionRuns.has(runId) : sawIncomplete.current);
+  React5.useEffect(() => {
+    if (!isComplete) sawIncomplete.current = true;
+    else if (shouldEnter) {
+      entered.current = true;
+      if (runId) {
+        enteredCompletionRuns.add(runId);
+        if (enteredCompletionRuns.size > 256) enteredCompletionRuns.delete(enteredCompletionRuns.values().next().value);
+      }
+    }
+  }, [isComplete, runId, shouldEnter]);
+  return shouldEnter || entered.current;
+}
 function formatSentAt(value) {
   if (!value) return null;
   const date = value instanceof Date ? value : new Date(value);
@@ -1101,21 +1255,22 @@ function formatSentAt(value) {
 }
 function AgentChatDefaultActions({
   additionalActions,
+  animateCompletion = false,
   dir,
   handlers,
   message
 }) {
-  const [feedbackOpen, setFeedbackOpen] = React3.useState(false);
-  const [feedbackTrigger, setFeedbackTrigger] = React3.useState(null);
-  const [reason, setReason] = React3.useState(handlers?.feedback?.reason ?? null);
-  const [comment, setComment] = React3.useState(handlers?.feedback?.comment ?? "");
-  const [optimisticCopied, setOptimisticCopied] = React3.useState(false);
-  const copyResetTimer = React3.useRef(null);
-  React3.useEffect(() => {
+  const [feedbackOpen, setFeedbackOpen] = React5.useState(false);
+  const [feedbackTrigger, setFeedbackTrigger] = React5.useState(null);
+  const [reason, setReason] = React5.useState(handlers?.feedback?.reason ?? null);
+  const [comment, setComment] = React5.useState(handlers?.feedback?.comment ?? "");
+  const [optimisticCopied, setOptimisticCopied] = React5.useState(false);
+  const copyResetTimer = React5.useRef(null);
+  React5.useEffect(() => {
     setReason(handlers?.feedback?.reason ?? null);
     setComment(handlers?.feedback?.comment ?? "");
   }, [handlers?.feedback?.comment, handlers?.feedback?.reason]);
-  React3.useEffect(() => () => {
+  React5.useEffect(() => () => {
     if (copyResetTimer.current !== null) window.clearTimeout(copyResetTimer.current);
   }, []);
   const copied = handlers?.copied ?? optimisticCopied;
@@ -1132,32 +1287,32 @@ function AgentChatDefaultActions({
   if (!handlers || message.isFinal === false) return null;
   if (message.role === "user") {
     const sentAt = formatSentAt(message.createdAt);
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(ChatMessageActions, { className: "a24-user-message-actions", children: [
-      sentAt ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("time", { dateTime: sentAt.dateTime, children: sentAt.label }) : null,
-      handlers.onCopy ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(ChatMessageActions, { className: "a24-user-message-actions", children: [
+      sentAt ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("time", { dateTime: sentAt.dateTime, children: sentAt.label }) : null,
+      handlers.onCopy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         ChatMessageAction,
         {
           label: "Copy",
           onClick: copyMessage,
           tooltip: copied ? "Copied!" : "Copy to clipboard",
           className: "a24-user-message-copy",
-          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Check, { className: "a24-user-message-copy__check text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Copy, { className: "a24-user-message-copy__icon" })
+          children: copied ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Check, { className: "a24-user-message-copy__check text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Copy, { className: "a24-user-message-copy__icon" })
         }
       ) : null
     ] });
   }
   const canWriteFeedback = Boolean(message.runId && handlers.onSetFeedback);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(ChatMessageActions, { children: [
-    handlers.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(ChatMessageActions, { className: animateCompletion ? "a24-chat-completion-actions" : void 0, children: [
+    handlers.onRetry ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ChatMessageAction,
       {
         label: "Retry",
         onClick: () => void handlers.onRetry?.(message),
         tooltip: "Regenerate response",
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.RefreshCcw, { className: "size-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.RefreshCcw, { className: "size-4" })
       }
     ) : null,
-    canWriteFeedback ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    canWriteFeedback ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ChatMessageAction,
       {
         label: "Like",
@@ -1165,11 +1320,11 @@ function AgentChatDefaultActions({
           rating: handlers.feedback?.rating === "like" ? null : "like"
         }),
         tooltip: "Like this response",
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ThumbsUp, { className: "size-4", fill: handlers.feedback?.rating === "like" ? "currentColor" : "none" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.ThumbsUp, { className: "size-4", fill: handlers.feedback?.rating === "like" ? "currentColor" : "none" })
       }
     ) : null,
-    canWriteFeedback ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_radix_ui.Popover.Root, { onOpenChange: setFeedbackOpen, open: feedbackOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_radix_ui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    canWriteFeedback ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_radix_ui.Popover.Root, { onOpenChange: setFeedbackOpen, open: feedbackOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_radix_ui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         ChatMessageAction,
         {
           label: "Dislike",
@@ -1181,14 +1336,14 @@ function AgentChatDefaultActions({
           },
           ref: setFeedbackTrigger,
           tooltip: "Dislike this response",
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ThumbsDown, { className: "size-4", fill: handlers.feedback?.rating === "dislike" ? "currentColor" : "none" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.ThumbsDown, { className: "size-4", fill: handlers.feedback?.rating === "dislike" ? "currentColor" : "none" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         import_radix_ui.Popover.Portal,
         {
           container: feedbackTrigger?.closest("[data-agents24-theme-root]") ?? void 0,
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             import_radix_ui.Popover.Content,
             {
               align: "end",
@@ -1198,8 +1353,8 @@ function AgentChatDefaultActions({
               side: "top",
               sideOffset: 8,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm font-medium", children: "What could be better?" }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-3 flex flex-wrap gap-1.5", children: FEEDBACK_REASONS.map(([value, label]) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium", children: "What could be better?" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-3 flex flex-wrap gap-1.5", children: FEEDBACK_REASONS.map(([value, label]) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "button",
                   {
                     "aria-pressed": reason === value,
@@ -1210,7 +1365,7 @@ function AgentChatDefaultActions({
                   },
                   value
                 )) }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "textarea",
                   {
                     "aria-label": "Optional feedback comment",
@@ -1221,8 +1376,8 @@ function AgentChatDefaultActions({
                     value: comment
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mt-3 flex items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mt-3 flex items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "button",
                     {
                       className: "rounded-md px-3 py-2 text-sm font-medium hover:bg-muted",
@@ -1233,7 +1388,7 @@ function AgentChatDefaultActions({
                       children: "Remove feedback"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "button",
                     {
                       className: "rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:opacity-90",
@@ -1252,24 +1407,24 @@ function AgentChatDefaultActions({
       )
     ] }) : null,
     additionalActions,
-    handlers.onCopy ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    handlers.onCopy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ChatMessageAction,
       {
         label: "Copy",
         onClick: copyMessage,
         tooltip: copied ? "Copied!" : "Copy to clipboard",
-        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Check, { className: "size-4 text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Copy, { className: "size-4" })
+        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Check, { className: "size-4 text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Copy, { className: "size-4" })
       }
     ) : null
   ] });
 }
 
 // src/ui/agent-chat-message.tsx
-var React8 = __toESM(require("react"), 1);
-var import_lucide_react6 = require("lucide-react");
+var React10 = __toESM(require("react"), 1);
+var import_lucide_react7 = require("lucide-react");
 
 // src/ui/agent-response-timeline.tsx
-var React7 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 
 // src/streaming-text.ts
 var import_react = require("react");
@@ -1454,8 +1609,8 @@ function useStreamingText({
 }
 
 // src/ui/ask-user-interaction.tsx
-var React4 = __toESM(require("react"), 1);
-var import_lucide_react4 = require("lucide-react");
+var React6 = __toESM(require("react"), 1);
+var import_lucide_react5 = require("lucide-react");
 
 // src/ui/ask-user-interaction-state.ts
 function emptyAskUserDrafts(questions) {
@@ -1511,7 +1666,7 @@ function askUserAnswersFromDrafts(questions, drafts) {
 }
 
 // src/ui/ask-user-interaction.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function resolvedAnswerText(question, answer) {
   if (!answer) return ["No response recorded"];
   const labels = answer.selectedOptionIds.flatMap((optionId) => {
@@ -1525,7 +1680,7 @@ function ResolvedQuestions({
   buttonRef,
   part
 }) {
-  const [open, setOpen] = React4.useState(false);
+  const [open, setOpen] = React6.useState(false);
   const count = part.questions.length;
   const answers = new Map(
     (part.resolution?.answers || []).map((answer) => [
@@ -1533,8 +1688,8 @@ function ResolvedQuestions({
       answer
     ])
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "a24-ask-user a24-ask-user--resolved w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "a24-ask-user a24-ask-user--resolved w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "button",
       {
         "aria-expanded": open,
@@ -1543,14 +1698,14 @@ function ResolvedQuestions({
         ref: buttonRef,
         type: "button",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
             "Asked ",
             count,
             " question",
             count === 1 ? "" : "s"
           ] }),
-          open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.ChevronDown, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_lucide_react4.ChevronRight,
+          open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_lucide_react5.ChevronRight,
             {
               "aria-hidden": "true",
               className: "size-3.5 opacity-70 rtl:rotate-180"
@@ -1559,12 +1714,12 @@ function ResolvedQuestions({
         ]
       }
     ),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-2 space-y-3 ps-4", children: part.questions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-sm font-medium text-foreground", children: question.question }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-1 space-y-1 text-sm text-muted-foreground", children: resolvedAnswerText(
+    open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-2 space-y-3 ps-4", children: part.questions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-sm font-medium text-foreground", children: question.question }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-1 space-y-1 text-sm text-muted-foreground", children: resolvedAnswerText(
         question,
         answers.get(question.id)
-      ).map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      ).map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
           className: "whitespace-pre-wrap break-words",
@@ -1582,23 +1737,23 @@ function AskUserInteraction({
   part
 }) {
   const questions = part.questions;
-  const [step, setStep] = React4.useState(0);
-  const [drafts, setDrafts] = React4.useState(
+  const [step, setStep] = React6.useState(0);
+  const [drafts, setDrafts] = React6.useState(
     () => emptyAskUserDrafts(questions)
   );
-  const headingRef = React4.useRef(null);
-  const questionsRef = React4.useRef(questions);
-  const resolvedButtonRef = React4.useRef(null);
-  const wasResolvedRef = React4.useRef(part.status !== "pending");
+  const headingRef = React6.useRef(null);
+  const questionsRef = React6.useRef(questions);
+  const resolvedButtonRef = React6.useRef(null);
+  const wasResolvedRef = React6.useRef(part.status !== "pending");
   questionsRef.current = questions;
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     setStep(0);
     setDrafts(emptyAskUserDrafts(questionsRef.current));
   }, [part.interruptId]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     headingRef.current?.focus();
   }, [step]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     const isResolved = part.status !== "pending";
     if (isResolved && !wasResolvedRef.current) {
       resolvedButtonRef.current?.focus();
@@ -1606,11 +1761,11 @@ function AskUserInteraction({
     wasResolvedRef.current = isResolved;
   }, [part.status]);
   if (part.status !== "pending") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ResolvedQuestions, { buttonRef: resolvedButtonRef, part });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ResolvedQuestions, { buttonRef: resolvedButtonRef, part });
   }
   const question = questions[step];
   if (!question) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-sm text-destructive", role: "alert", children: "This question request is unavailable." });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-sm text-destructive", role: "alert", children: "This question request is unavailable." });
   }
   const draft = drafts[question.id] || {
     customText: "",
@@ -1644,9 +1799,9 @@ function AskUserInteraction({
       })
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "a24-ask-user space-y-3 rounded-xl border border-border/50 bg-background p-4 shadow-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 items-start justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "a24-ask-user space-y-3 rounded-xl border border-border/50 bg-background p-4 shadow-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-w-0 items-start justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "h3",
         {
           className: "min-w-0 flex-1 text-base font-medium leading-6 text-foreground outline-none",
@@ -1655,8 +1810,8 @@ function AskUserInteraction({
           children: question.question
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex shrink-0 items-center gap-1 text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex shrink-0 items-center gap-1 text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             "aria-label": "Previous question",
@@ -1664,8 +1819,8 @@ function AskUserInteraction({
             disabled: isBusy || step === 0,
             onClick: () => setStep((current) => Math.max(0, current - 1)),
             type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_lucide_react4.ChevronLeft,
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              import_lucide_react5.ChevronLeft,
               {
                 "aria-hidden": "true",
                 className: "size-4 rtl:rotate-180"
@@ -1673,7 +1828,7 @@ function AskUserInteraction({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "span",
           {
             "aria-label": `Question ${step + 1} of ${questions.length}`,
@@ -1685,7 +1840,7 @@ function AskUserInteraction({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             "aria-label": isLastQuestion ? "Submit answers" : "Next question",
@@ -1693,8 +1848,8 @@ function AskUserInteraction({
             disabled: isBusy || !onSubmit || !canMoveForward,
             onClick: () => completeStep(drafts),
             type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_lucide_react4.ChevronRight,
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              import_lucide_react5.ChevronRight,
               {
                 "aria-hidden": "true",
                 className: "size-4 rtl:rotate-180"
@@ -1704,10 +1859,10 @@ function AskUserInteraction({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1", children: [
       question.options.map((option, index) => {
         const selected = draft.selectedOptionIds.includes(option.id);
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "button",
           {
             "aria-pressed": selected,
@@ -1719,7 +1874,7 @@ function AskUserInteraction({
             onClick: () => selectOption(option.id),
             type: "button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 "span",
                 {
                   className: cn(
@@ -1729,9 +1884,9 @@ function AskUserInteraction({
                   children: index + 1
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "min-w-0 flex-1 font-medium text-foreground", children: option.label }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                import_lucide_react4.ChevronRight,
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "min-w-0 flex-1 font-medium text-foreground", children: option.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_lucide_react5.ChevronRight,
                 {
                   "aria-hidden": "true",
                   className: "size-4 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 rtl:rotate-180"
@@ -1742,9 +1897,9 @@ function AskUserInteraction({
           option.id
         );
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-h-11 items-center gap-2 rounded-xl bg-muted px-2.5 py-1.5 focus-within:ring-1 focus-within:ring-ring", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/70 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Pencil, { "aria-hidden": "true", className: "size-4" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-h-11 items-center gap-2 rounded-xl bg-muted px-2.5 py-1.5 focus-within:ring-1 focus-within:ring-ring", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/70 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Pencil, { "aria-hidden": "true", className: "size-4" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "input",
           {
             "aria-label": "Other response",
@@ -1763,7 +1918,7 @@ function AskUserInteraction({
             value: draft.customText
           }
         ),
-        draft.customText.trim() ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        draft.customText.trim() ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             className: "h-8 shrink-0 rounded-full bg-foreground px-4 text-sm font-medium text-background transition-colors hover:opacity-85 disabled:opacity-50",
@@ -1775,12 +1930,12 @@ function AskUserInteraction({
         ) : null
       ] })
     ] }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-sm text-destructive", role: "alert", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-sm text-destructive", role: "alert", children: error }) : null
   ] });
 }
 
 // src/ui/agent-chat-context-compression-row.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function compressionPresentation(part) {
   if (part.status === "failed") {
     return { label: "Could not compact message history", status: "failed" };
@@ -1795,7 +1950,7 @@ function AgentChatContextCompressionRow({
   part
 }) {
   const presentation = compressionPresentation(part);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       "aria-live": "polite",
@@ -1803,11 +1958,11 @@ function AgentChatContextCompressionRow({
       "data-agents24-context-compression": "",
       "data-status": part.status,
       role: "status",
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "a24-tool-trigger-row", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "a24-tool-trigger-row", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: cn(
         "a24-tool-trigger a24-tool-trigger--root a24-tool-trigger--without-orb",
         presentation.status === "failed" && "a24-tool-trigger--error",
         presentation.status === "running" && "a24-tool-trigger--active"
-      ), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn(
+      ), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: cn(
         "a24-tool-trigger__label",
         presentation.status === "running" && "a24-tool-shimmer"
       ), children: presentation.label }) }) })
@@ -1816,7 +1971,7 @@ function AgentChatContextCompressionRow({
 }
 
 // src/ui/message-response.tsx
-var React5 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var import_streamdown = require("streamdown");
 
 // src/active-content.ts
@@ -1841,17 +1996,17 @@ function safeChatMarkdownHref(value) {
 }
 
 // src/ui/message-response.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function SafeMarkdownLink({ children, href, ...props }) {
   const domProps = { ...props };
   delete domProps.node;
   const safeHref = safeChatMarkdownHref(href);
-  if (!safeHref) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children });
-  if (safeHref.startsWith("#")) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { ...domProps, href: safeHref, children });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { ...domProps, href: safeHref, rel: "noopener noreferrer", target: "_blank", children });
+  if (!safeHref) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children });
+  if (safeHref.startsWith("#")) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { ...domProps, href: safeHref, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { ...domProps, href: safeHref, rel: "noopener noreferrer", target: "_blank", children });
 }
 function BlockedMarkdownImage({ alt }) {
-  return alt ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-label": `Image blocked: ${alt}`, role: "img", children: alt }) : null;
+  return alt ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-label": `Image blocked: ${alt}`, role: "img", children: alt }) : null;
 }
 var BLOCK_MARKDOWN_TAGS = /* @__PURE__ */ new Set([
   "blockquote",
@@ -1872,7 +2027,7 @@ function isMultilineCodeNode(node) {
   return node?.tagName === "code" && node.position?.start?.line !== void 0 && node.position?.end?.line !== void 0 && node.position.start.line !== node.position.end.line;
 }
 function hasBlockMarkdownChild(child) {
-  if (!React5.isValidElement(child)) {
+  if (!React7.isValidElement(child)) {
     return false;
   }
   if (typeof child.type === "string" && BLOCK_MARKDOWN_TAGS.has(child.type)) {
@@ -1882,7 +2037,7 @@ function hasBlockMarkdownChild(child) {
   if (BLOCK_MARKDOWN_TAGS.has(props.node?.tagName || "") || isMultilineCodeNode(props.node)) {
     return true;
   }
-  return React5.Children.toArray(props.children).some(hasBlockMarkdownChild);
+  return React7.Children.toArray(props.children).some(hasBlockMarkdownChild);
 }
 function MessageMarkdownParagraph({
   children,
@@ -1890,17 +2045,17 @@ function MessageMarkdownParagraph({
 }) {
   const domProps = { ...props };
   delete domProps.node;
-  const childArray = React5.Children.toArray(children).filter(
+  const childArray = React7.Children.toArray(children).filter(
     (child) => child !== null && child !== ""
   );
-  const isImageOnly = childArray.length === 1 && React5.isValidElement(childArray[0]) && childArray[0].props.node?.tagName === "img";
+  const isImageOnly = childArray.length === 1 && React7.isValidElement(childArray[0]) && childArray[0].props.node?.tagName === "img";
   if (isImageOnly) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children });
   }
   if (childArray.some(hasBlockMarkdownChild)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ...domProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ...domProps, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { ...domProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { ...domProps, children });
 }
 var MESSAGE_RESPONSE_COMPONENTS = {
   a: SafeMarkdownLink,
@@ -1920,7 +2075,7 @@ var MESSAGE_RESPONSE_REHYPE_PLUGINS = [
     ]
   ] : []
 ];
-var MessageResponse = React5.memo(
+var MessageResponse = React7.memo(
   ({
     children,
     className,
@@ -1938,11 +2093,11 @@ var MessageResponse = React5.memo(
       maxCatchupChars: 32,
       text
     });
-    const streamdownComponents = React5.useMemo(
+    const streamdownComponents = React7.useMemo(
       () => ({ ...MESSAGE_RESPONSE_COMPONENTS, ...components }),
       [components]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_streamdown.Streamdown,
       {
         className: cn("a24-message-response", className),
@@ -1994,10 +2149,46 @@ function resolvedHitlLabel(part) {
 }
 
 // src/ui/tool-sessions.tsx
-var React6 = __toESM(require("react"), 1);
-var import_lucide_react5 = require("lucide-react");
+var React8 = __toESM(require("react"), 1);
+var import_lucide_react6 = require("lucide-react");
 var import_thinking_orbs = require("thinking-orbs");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function toolSlotContext(isActive2, label, part, slots) {
+  return {
+    isActive: isActive2,
+    label,
+    part,
+    resourceTargets: part.resourceTargets || [],
+    openResource: (target) => slots?.onResourceAction?.(target, part)
+  };
+}
+function resourceTargetName(target) {
+  const normalized = target.path.replace(/\\/g, "/").replace(/\/+$/, "");
+  return normalized.split("/").filter(Boolean).pop() || "workspace";
+}
+function ToolResourceAction({ context }) {
+  const target = context.resourceTargets[0];
+  if (!target) return null;
+  const name = resourceTargetName(target);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "button",
+    {
+      "aria-label": `Open ${target.kind} ${target.path}`,
+      className: "a24-tool-resource-action",
+      "data-agents24-resource-path": target.path,
+      onClick: () => context.openResource(target),
+      title: target.path,
+      type: "button",
+      children: name
+    }
+  );
+}
+function toolAccessory(context, slots) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    slots?.onResourceAction ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolResourceAction, { context }) : null,
+    slots?.renderToolAccessory?.(context)
+  ] });
+}
 function agentChatToolLabel(part) {
   const presentation = part.presentation || {};
   return optionalText(presentation.activity) || optionalText(presentation.title) || optionalText(part.displayName) || optionalText(part.summary) || optionalText(part.toolName) || "Tool activity";
@@ -2071,12 +2262,12 @@ function ToolActivityReel({
 }) {
   const initial = initialLabel && initialLabel !== label ? initialLabel : label;
   const parsedInitialShownAt = initialShownAt ? Date.parse(initialShownAt) : Number.NaN;
-  const [displayed, setDisplayed] = React6.useState(initial);
-  const [previous, setPrevious] = React6.useState(null);
-  const displayedRef = React6.useRef(initial);
-  const latestRef = React6.useRef(label);
-  const shownAtRef = React6.useRef(Number.isFinite(parsedInitialShownAt) ? parsedInitialShownAt : Date.now());
-  React6.useEffect(() => {
+  const [displayed, setDisplayed] = React8.useState(initial);
+  const [previous, setPrevious] = React8.useState(null);
+  const displayedRef = React8.useRef(initial);
+  const latestRef = React8.useRef(label);
+  const shownAtRef = React8.useRef(Number.isFinite(parsedInitialShownAt) ? parsedInitialShownAt : Date.now());
+  React8.useEffect(() => {
     latestRef.current = label;
     if (displayedRef.current === label) return;
     const showLatest = () => {
@@ -2096,39 +2287,39 @@ function ToolActivityReel({
     const timer = window.setTimeout(showLatest, remaining);
     return () => window.clearTimeout(timer);
   }, [label]);
-  React6.useEffect(() => {
+  React8.useEffect(() => {
     if (!previous) return;
     const timer = window.setTimeout(() => setPrevious(null), 200);
     return () => window.clearTimeout(timer);
   }, [previous]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "a24-tool-reel", "aria-live": announce ? "polite" : "off", children: [
-    previous ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", className: "a24-tool-reel__previous", children: previous }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: previous ? "a24-tool-reel__current" : void 0, children: displayed })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "a24-tool-reel", "aria-live": announce ? "polite" : "off", children: [
+    previous ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", className: "a24-tool-reel__previous", children: previous }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: previous ? "a24-tool-reel__current" : void 0, children: displayed })
   ] });
 }
 function ToolActivityOrb({ label }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-orb", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_thinking_orbs.ThinkingOrb, { "aria-label": label || "Working", size: 20, speed: 0.8, state: "searching" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-orb", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_thinking_orbs.ThinkingOrb, { "aria-label": label || "Working", size: 20, speed: 0.8, state: "searching" }) });
 }
 function AgentChatActivityRow({
   label,
   modelTurnId,
   onSelect
 }) {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityOrb, { label }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-trigger__label a24-tool-shimmer", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityReel, { label }) })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityOrb, { label }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-trigger__label a24-tool-shimmer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityReel, { label }) })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "a24-tool-trigger-row", "data-agents24-model-turn": modelTurnId, role: "status", children: onSelect ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "a24-tool-trigger a24-tool-trigger--root a24-tool-trigger--active", onClick: onSelect, type: "button", children: content }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "a24-tool-trigger a24-tool-trigger--root a24-tool-trigger--active", children: content }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-tool-trigger-row a24-tool-trigger-row--root", "data-agents24-model-turn": modelTurnId, role: "status", children: onSelect ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "a24-tool-trigger a24-tool-trigger--root a24-tool-trigger--active", onClick: onSelect, type: "button", children: content }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-tool-trigger a24-tool-trigger--root a24-tool-trigger--active", children: content }) });
 }
 function AgentChatModelTurnRow({ part }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AgentChatActivityRow, { label: "Planning next moves", modelTurnId: part.modelTurnId });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatActivityRow, { label: "Planning next moves", modelTurnId: part.modelTurnId });
 }
 function AgentChatNodeActivityRow({
   onSelect,
   part
 }) {
-  const [open, setOpen] = React6.useState(false);
-  const contentId = React6.useId();
+  const [open, setOpen] = React8.useState(false);
+  const contentId = React8.useId();
   const running = part.status === "running";
   const failed = part.status === "failed";
   const failureMessage = part.failure?.message || "The node could not complete the request.";
@@ -2139,18 +2330,18 @@ function AgentChatNodeActivityRow({
     running && "a24-tool-trigger--active",
     failed && "a24-tool-trigger--error"
   );
-  const label = running ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-shimmer", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityReel, { label: part.label }) }) : part.label;
+  const label = running ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-shimmer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityReel, { label: part.label }) }) : part.label;
   if (!failed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "a24-tool-trigger-row", role: "status", children: onSelect ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { className: triggerClassName, onClick: () => onSelect(part), type: "button", children: [
-      running ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityOrb, { label: part.label }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-trigger__label", children: label })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: triggerClassName, children: [
-      running ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityOrb, { label: part.label }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-trigger__label", children: label })
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-tool-trigger-row", role: "status", children: onSelect ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: triggerClassName, onClick: () => onSelect(part), type: "button", children: [
+      running ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityOrb, { label: part.label }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-trigger__label", children: label })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: triggerClassName, children: [
+      running ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityOrb, { label: part.label }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-trigger__label", children: label })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "a24-tool-disclosure", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "a24-tool-trigger-row", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "a24-tool-disclosure", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-tool-trigger-row", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "button",
       {
         "aria-controls": contentId,
@@ -2162,17 +2353,22 @@ function AgentChatNodeActivityRow({
         },
         type: "button",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-trigger__label", children: label }),
-          open ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": "true", className: "a24-tool-trigger__chevron" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ChevronRight, { "aria-hidden": "true", className: "a24-tool-trigger__chevron" })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-trigger__label", children: label }),
+          open ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.ChevronDown, { "aria-hidden": "true", className: "a24-tool-trigger__chevron" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.ChevronRight, { "aria-hidden": "true", className: "a24-tool-trigger__chevron" })
         ]
       }
     ) }),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "a24-tool-detail a24-tool-detail--error", id: contentId, children: failureMessage }) : null
+    open ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-tool-detail a24-tool-detail--error", id: contentId, children: failureMessage }) : null
   ] });
 }
-function toolRowLabel(part) {
+function toolRowLabel(part, separateResource = false) {
   const label = agentChatToolLabel(part);
-  return isAgentChatToolRunning(part) ? label : label.replace(/^(?:running|ran)\s+/i, "");
+  const lifecycleLabel = isAgentChatToolRunning(part) ? label : label.replace(/^(?:running|ran)\s+/i, "");
+  const targetPath = separateResource ? part.resourceTargets?.[0]?.path : null;
+  if (!targetPath) return lifecycleLabel;
+  const candidates = [targetPath, targetPath.replace(/^\/workspace\/?/, "")].filter(Boolean).sort((left, right) => right.length - left.length);
+  const suffix = candidates.find((candidate) => lifecycleLabel.endsWith(candidate));
+  return suffix ? lifecycleLabel.slice(0, -suffix.length).trimEnd() : lifecycleLabel;
 }
 function ToolDisclosure({
   children,
@@ -2188,25 +2384,25 @@ function ToolDisclosure({
   statusLabel,
   accessory
 }) {
-  const [open, setOpen] = React6.useState(false);
-  const contentId = React6.useId();
-  const expandable = React6.Children.toArray(children).length > 0;
+  const [open, setOpen] = React8.useState(false);
+  const contentId = React8.useId();
+  const expandable = React8.Children.toArray(children).length > 0;
   if (!expandable) {
     const triggerClassName = cn("a24-tool-trigger", root && "a24-tool-trigger--root", root && !showOrb && "a24-tool-trigger--without-orb", error && "a24-tool-trigger--error", loading && "a24-tool-trigger--active");
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "a24-tool-trigger-row", children: [
-      onSelect && part ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { className: triggerClassName, onClick: () => onSelect(part), type: "button", children: [
-        showOrb ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityOrb, { label: statusLabel }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-trigger__label", children: label })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: triggerClassName, children: [
-        showOrb ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityOrb, { label: statusLabel }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-trigger__label", children: label })
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cn("a24-tool-trigger-row", root && "a24-tool-trigger-row--root"), children: [
+      onSelect && part ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: triggerClassName, onClick: () => onSelect(part), type: "button", children: [
+        showOrb ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityOrb, { label: statusLabel }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-trigger__label", children: label })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: triggerClassName, children: [
+        showOrb ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityOrb, { label: statusLabel }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-trigger__label", children: label })
       ] }),
       accessory
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "a24-tool-disclosure", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "a24-tool-trigger-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "a24-tool-disclosure", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cn("a24-tool-trigger-row", root && "a24-tool-trigger-row--root"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         "button",
         {
           "aria-controls": contentId,
@@ -2220,25 +2416,25 @@ function ToolDisclosure({
           },
           type: "button",
           children: [
-            showOrb ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityOrb, { label: statusLabel }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-trigger__label", children: label }),
-            open ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": "true", className: "a24-tool-trigger__chevron" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ChevronRight, { "aria-hidden": "true", className: "a24-tool-trigger__chevron" })
+            showOrb ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityOrb, { label: statusLabel }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-trigger__label", children: label }),
+            open ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.ChevronDown, { "aria-hidden": "true", className: "a24-tool-trigger__chevron" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.ChevronRight, { "aria-hidden": "true", className: "a24-tool-trigger__chevron" })
           ]
         }
       ),
       accessory
     ] }),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "a24-tool-disclosure__content", id: contentId, children }) : null
+    open ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-tool-disclosure__content", id: contentId, children }) : null
   ] });
 }
 function ToolLabel({ active, label, part, slots }) {
-  const rendered = slots?.renderToolLabel?.({ isActive: active, label, part }) ?? label;
-  return active ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-tool-shimmer", children: rendered }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: rendered });
+  const rendered = slots?.renderToolLabel?.(toolSlotContext(active, label, part, slots)) ?? label;
+  return active ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-tool-shimmer", children: rendered }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: rendered });
 }
 function ToolList({ children }) {
-  const listRef = React6.useRef(null);
-  const [fades, setFades] = React6.useState({ bottom: false, top: false });
-  const updateFades = React6.useCallback(() => {
+  const listRef = React8.useRef(null);
+  const [fades, setFades] = React8.useState({ bottom: false, top: false });
+  const updateFades = React8.useCallback(() => {
     const list = listRef.current;
     if (!list) return;
     const next = {
@@ -2247,7 +2443,7 @@ function ToolList({ children }) {
     };
     setFades((current) => current.bottom === next.bottom && current.top === next.top ? current : next);
   }, []);
-  React6.useEffect(() => {
+  React8.useEffect(() => {
     updateFades();
     const list = listRef.current;
     if (!list || typeof ResizeObserver === "undefined") return;
@@ -2255,13 +2451,13 @@ function ToolList({ children }) {
     observer.observe(list);
     return () => observer.disconnect();
   }, [children, updateFades]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
       className: "a24-tool-list-frame",
       "data-scroll-fade-bottom": fades.bottom ? "" : void 0,
       "data-scroll-fade-top": fades.top ? "" : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "a24-tool-list", onScroll: updateFades, ref: listRef, role: "list", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-tool-list", onScroll: updateFades, ref: listRef, role: "list", children })
     }
   );
 }
@@ -2277,13 +2473,13 @@ function AgentChatToolRow({
   const failureMessage = part.failure?.message || null;
   const detail = failed ? failureMessage : optionalText(part.presentation.detail);
   const hostDetails = failed ? null : slots?.renderToolDetails?.(part);
-  const context = { isActive: active, label: toolRowLabel(part), part };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { "data-agents24-tool-part": part.type, "data-state": part.state, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  const context = toolSlotContext(active, toolRowLabel(part, Boolean(slots?.onResourceAction)), part, slots);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-agents24-tool-part": part.type, "data-state": part.state, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     ToolDisclosure,
     {
       error: failed,
-      accessory: slots?.renderToolAccessory?.(context),
-      label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolLabel, { active, label: context.label, part, slots }),
+      accessory: toolAccessory(context, slots),
+      label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolLabel, { active, label: context.label, part, slots }),
       loading: active,
       onExpandedChange: slots?.onExpandedChange,
       onSelect: slots?.onToolSelect,
@@ -2292,14 +2488,14 @@ function AgentChatToolRow({
       showOrb: showOrb ?? active,
       statusLabel: active ? context.label : void 0,
       children: [
-        detail ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("a24-tool-detail", failed && "a24-tool-detail--error"), children: detail }) : null,
+        detail ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("a24-tool-detail", failed && "a24-tool-detail--error"), children: detail }) : null,
         hostDetails
       ]
     }
   ) });
 }
 function sessionLabel(parts, visiblePart, running) {
-  const label = agentChatToolLabel(visiblePart);
+  const label = toolRowLabel(visiblePart, true);
   const terminalLabel = label.replace(/^(?:running|ran)\s+/i, "");
   return running ? label : `Ran ${terminalLabel} + ${parts.length - 1} more`;
 }
@@ -2312,23 +2508,21 @@ function AgentChatToolSession({
   parts,
   slots
 }) {
-  const presentedLiveRef = React6.useRef(false);
+  const presentedLiveRef = React8.useRef(false);
   if (isLive && isLatestActivity) presentedLiveRef.current = true;
   const activeIndex = parts.findLastIndex((part) => isActive(part, activeToolId));
   const running = activeIndex >= 0;
-  if (parts.length === 1 && !modelTurn && !leadingModelTurn) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AgentChatToolRow, { activeToolId, part: parts[0], slots });
+  if (parts.length === 1 && !modelTurn && !leadingModelTurn) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatToolRow, { activeToolId, part: parts[0], slots });
   const visibleIndex = running ? activeIndex : parts.length - 1;
   const visiblePart = parts[visibleIndex];
   const planning = Boolean(modelTurn);
   const presentingActivity = isLatestActivity && (planning || running || isLive);
   const failed = isLatestActivity && (visiblePart.state === "output-error" || visiblePart.state === "cancelled");
-  const label = planning ? "Planning next moves" : isLive && isLatestActivity ? agentChatToolLabel(visiblePart) : sessionLabel(parts, visiblePart, running);
-  const labelContent = presentedLiveRef.current ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: presentingActivity ? "a24-tool-shimmer" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityReel, { initialLabel: leadingModelTurn ? "Planning next moves" : void 0, initialShownAt: leadingModelTurn?.timestamp, label }) }) : label;
-  const context = { isActive: presentingActivity, label, part: visiblePart };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const label = planning ? "Planning next moves" : isLive && isLatestActivity ? toolRowLabel(visiblePart, true) : sessionLabel(parts, visiblePart, running);
+  const labelContent = presentedLiveRef.current ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: presentingActivity ? "a24-tool-shimmer" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityReel, { initialLabel: leadingModelTurn ? "Planning next moves" : void 0, initialShownAt: leadingModelTurn?.timestamp, label }) }) : label;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     ToolDisclosure,
     {
-      accessory: slots?.renderToolAccessory?.(context),
       error: failed,
       grouped: true,
       label: labelContent,
@@ -2338,7 +2532,7 @@ function AgentChatToolSession({
       root: true,
       showOrb: isLive && isLatestActivity,
       statusLabel: planning ? "Planning next moves" : label,
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolList, { children: parts.map((part) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { role: "listitem", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AgentChatToolRow, { activeToolId, part, root: false, showOrb: false, slots }) }, part.id)) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolList, { children: parts.map((part) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { role: "listitem", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatToolRow, { activeToolId, part, root: false, showOrb: false, slots }) }, part.id)) })
     }
   );
 }
@@ -2359,7 +2553,7 @@ function subagentLabel(part) {
   return { label: `Agent ${name}, ran ${children.length} ${children.length === 1 ? "tool" : "tools"}`, running: false };
 }
 function AgentChatSubagentGroup({ isLatestActivity = true, isLive = false, part, slots }) {
-  const presentedLiveRef = React6.useRef(false);
+  const presentedLiveRef = React8.useRef(false);
   if (isLive && isLatestActivity) presentedLiveRef.current = true;
   const children = part.presentation.childTools || [];
   const state = subagentLabel(part);
@@ -2368,9 +2562,9 @@ function AgentChatSubagentGroup({ isLatestActivity = true, isLive = false, part,
   const hostDetails = failed ? null : slots?.renderToolDetails?.(part);
   const failureMessage = part.failure?.message || null;
   const presentingActivity = isLatestActivity && state.running;
-  const labelContent = presentedLiveRef.current ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: presentingActivity ? "a24-tool-shimmer" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolActivityReel, { label: state.label }) }) : state.label;
-  const context = { isActive: presentingActivity, label: state.label, part };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const labelContent = presentedLiveRef.current ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: presentingActivity ? "a24-tool-shimmer" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolActivityReel, { label: state.label }) }) : state.label;
+  const context = toolSlotContext(presentingActivity, state.label, part, slots);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     ToolDisclosure,
     {
       accessory: slots?.renderToolAccessory?.(context),
@@ -2383,12 +2577,12 @@ function AgentChatSubagentGroup({ isLatestActivity = true, isLive = false, part,
       root: true,
       showOrb: isLive && isLatestActivity,
       statusLabel: state.label,
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(ToolList, { children: [
-        children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("a24-child-tool", child.status === "failed" && "a24-child-tool--error"), role: "listitem", children: slots?.renderChildTool?.(child, part) ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: cn(isLive && isLatestActivity && child.status === "running" && "a24-tool-shimmer"), children: childLabel(child) }),
-          child.detail ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "a24-child-tool__detail", children: child.detail }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ToolList, { children: [
+        children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("a24-child-tool", child.status === "failed" && "a24-child-tool--error"), role: "listitem", children: slots?.renderChildTool?.(child, part) ?? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(isLive && isLatestActivity && child.status === "running" && "a24-tool-shimmer"), children: childLabel(child) }),
+          child.detail ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-child-tool__detail", children: child.detail }) : null
         ] }) }, child.id)),
-        failureMessage ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "a24-tool-detail a24-tool-detail--error", children: failureMessage }) : null,
+        failureMessage ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-tool-detail a24-tool-detail--error", children: failureMessage }) : null,
         hostDetails
       ] })
     }
@@ -2396,24 +2590,24 @@ function AgentChatSubagentGroup({ isLatestActivity = true, isLive = false, part,
 }
 
 // src/ui/agent-response-timeline.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function isInternalAskUserTool(part) {
   return [part.toolName, part.toolKey, part.action].some((value) => value?.trim().toLowerCase() === "runtime__ask_user");
 }
 function Shimmer({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn("inline-block animate-pulse", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: cn("inline-block animate-pulse", className), children });
 }
 function AgentChatToolPart({
   activeToolId,
   part
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatToolRow, { activeToolId, part });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatToolRow, { activeToolId, part });
 }
 function AgentChatToolGroup({
   activeToolId,
   parts
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatToolSession, { activeToolId, parts });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatToolSession, { activeToolId, parts });
 }
 function HitlPartRow({
   getHitlActionState,
@@ -2422,18 +2616,18 @@ function HitlPartRow({
   part
 }) {
   const state = getHitlActionState?.(part);
-  const [comment, setComment] = React7.useState("");
+  const [comment, setComment] = React9.useState("");
   const presentation = part.presentation || {};
   const requireComment = presentation.require_comment === true;
   const isTerminal = part.status !== "pending";
-  const resolvedRef = React7.useRef(null);
-  const wasTerminal = React7.useRef(isTerminal);
-  React7.useEffect(() => {
+  const resolvedRef = React9.useRef(null);
+  const wasTerminal = React9.useRef(isTerminal);
+  React9.useEffect(() => {
     if (isTerminal && !wasTerminal.current) resolvedRef.current?.focus();
     wasTerminal.current = isTerminal;
   }, [isTerminal]);
   if (part.hitlKind === "user_input") {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       AskUserInteraction,
       {
         error: state?.error,
@@ -2451,11 +2645,11 @@ function HitlPartRow({
     );
   }
   if (isTerminal) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-hitl a24-hitl--resolved px-1 py-1 text-sm text-muted-foreground", ref: resolvedRef, role: "status", tabIndex: -1, children: resolvedHitlLabel(part) });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "a24-hitl a24-hitl--resolved px-1 py-1 text-sm text-muted-foreground", ref: resolvedRef, role: "status", tabIndex: -1, children: resolvedHitlLabel(part) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "a24-hitl space-y-2.5 px-1 py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-hitl__title text-sm font-medium text-foreground text-pretty", children: hitlTitle(part) }),
-    requireComment ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "a24-hitl space-y-2.5 px-1 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "a24-hitl__title text-sm font-medium text-foreground text-pretty", children: hitlTitle(part) }),
+    requireComment ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "textarea",
       {
         "aria-label": "Approval comment",
@@ -2467,8 +2661,8 @@ function HitlPartRow({
         value: comment
       }
     ) : null,
-    state?.error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-hitl__error text-sm text-destructive", children: state.error }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-hitl__actions flex flex-wrap items-center gap-1.5", children: part.allowedActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    state?.error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "a24-hitl__error text-sm text-destructive", children: state.error }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "a24-hitl__actions flex flex-wrap items-center gap-1.5", children: part.allowedActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "button",
       {
         "aria-label": hitlActionLabel(part, action),
@@ -2501,7 +2695,7 @@ function AgentChatPart({
   toolSlots
 }) {
   if (part.kind === "text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       MessageResponse,
       {
         ...responseProps,
@@ -2511,23 +2705,23 @@ function AgentChatPart({
       }
     );
   }
-  if (part.kind === "tool") return isAgentChatSubagent(part) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatSubagentGroup, { part, slots: toolSlots }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatToolRow, { activeToolId, part, slots: toolSlots });
-  if (part.kind === "model-turn") return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatModelTurnRow, { part });
+  if (part.kind === "tool") return isAgentChatSubagent(part) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatSubagentGroup, { part, slots: toolSlots }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatToolRow, { activeToolId, part, slots: toolSlots });
+  if (part.kind === "model-turn") return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatModelTurnRow, { part });
   if (part.kind === "reasoning") {
     const label = part.text || part.label || "Thinking";
-    return part.status === "running" || part.status === "streaming" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Shimmer, { className: "text-sm text-muted-foreground", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "text-sm text-muted-foreground", children: label });
+    return part.status === "running" || part.status === "streaming" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Shimmer, { className: "text-sm text-muted-foreground", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-sm text-muted-foreground", children: label });
   }
   if (part.kind === "context-compression") {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatContextCompressionRow, { part });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatContextCompressionRow, { part });
   }
   if (part.kind === "ui-blocks") {
     if (part.state === "output-error") {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-timeline-error text-sm text-destructive", children: part.errorText || "Failed to render UI content." });
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "a24-timeline-error text-sm text-destructive", children: part.errorText || "Failed to render UI content." });
     }
-    return part.bundle ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SafeUiBlocks, { bundle: part.bundle }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "text-sm text-muted-foreground", children: part.state === "input-streaming" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Shimmer, { children: "Rendering UI block" }) : "Rendered UI block" });
+    return part.bundle ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SafeUiBlocks, { bundle: part.bundle }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-sm text-muted-foreground", children: part.state === "input-streaming" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Shimmer, { children: "Rendering UI block" }) : "Rendered UI block" });
   }
   if (part.kind === "hitl") {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       HitlPartRow,
       {
         getHitlActionState,
@@ -2537,18 +2731,18 @@ function AgentChatPart({
       }
     );
   }
-  if (part.kind === "error") return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-timeline-error text-sm text-destructive", role: "alert", children: part.errorText });
+  if (part.kind === "error") return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "a24-timeline-error text-sm text-destructive", role: "alert", children: part.errorText });
   if (part.kind === "source") {
     const href = safeExternalUrl(part.url);
-    return href ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { className: "a24-source-link", href, rel: "noopener noreferrer", target: "_blank", children: part.title }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-source-link", children: part.title });
+    return href ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { className: "a24-source-link", href, rel: "noopener noreferrer", target: "_blank", children: part.title }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "a24-source-link", children: part.title });
   }
   if (part.kind === "citation") {
     const href = safeExternalUrl(part.url);
     const label = part.label || "Citation";
-    return href ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { className: "a24-citation", href, rel: "noopener noreferrer", target: "_blank", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "a24-citation", children: label });
+    return href ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { className: "a24-citation", href, rel: "noopener noreferrer", target: "_blank", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "a24-citation", children: label });
   }
-  if (part.kind === "attachment") return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-output-attachment", children: part.attachment.filename || "Attachment" });
-  if (part.kind === "data") return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-agents24-data-part": part.name, className: "hidden", children: message.id });
+  if (part.kind === "attachment") return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "a24-output-attachment", children: part.attachment.filename || "Attachment" });
+  if (part.kind === "data") return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-agents24-data-part": part.name, className: "hidden", children: message.id });
   return null;
 }
 function safeExternalUrl(value) {
@@ -2562,28 +2756,28 @@ function safeExternalUrl(value) {
 }
 function SafeUiBlocks({ bundle }) {
   const rows = Array.isArray(bundle.rows) ? bundle.rows : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { "aria-label": typeof bundle.title === "string" ? bundle.title : "Agent result", className: "a24-ui-blocks", children: [
-    typeof bundle.title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { children: bundle.title }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { "aria-label": typeof bundle.title === "string" ? bundle.title : "Agent result", className: "a24-ui-blocks", children: [
+    typeof bundle.title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { children: bundle.title }) : null,
     rows.map((rawRow, rowIndex) => {
       const row = rawRow && typeof rawRow === "object" && !Array.isArray(rawRow) ? rawRow : {};
       const blocks = Array.isArray(row.blocks) ? row.blocks : [];
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-ui-blocks__row", children: blocks.map((rawBlock, blockIndex) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "a24-ui-blocks__row", children: blocks.map((rawBlock, blockIndex) => {
         const block = rawBlock && typeof rawBlock === "object" && !Array.isArray(rawBlock) ? rawBlock : {};
         const title = typeof block.title === "string" ? block.title : "Result";
         const kind = String(block.kind || "note");
         if (kind === "table" && Array.isArray(block.columns) && Array.isArray(block.rows)) {
-          return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "a24-ui-block", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h4", { children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "a24-ui-table-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("tr", { children: block.columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { children: String(column) }, index)) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("tbody", { children: block.rows.map((rawCells, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("tr", { children: (Array.isArray(rawCells) ? rawCells : []).map((cell, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("td", { children: String(cell) }, cellIndex)) }, index)) })
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "a24-ui-block", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h4", { children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "a24-ui-table-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("table", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { children: block.columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("th", { children: String(column) }, index)) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tbody", { children: block.rows.map((rawCells, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { children: (Array.isArray(rawCells) ? rawCells : []).map((cell, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { children: String(cell) }, cellIndex)) }, index)) })
             ] }) })
           ] }, String(block.id || blockIndex));
         }
         const value = block.value ?? block.text ?? "";
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "a24-ui-block", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h4", { children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: String(value) })
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "a24-ui-block", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h4", { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: String(value) })
         ] }, String(block.id || blockIndex));
       }) }, `row-${rowIndex}`);
     })
@@ -2595,7 +2789,9 @@ function AgentResponseTimeline({
   message,
   nodeActivityMode = "default",
   onHitlAction,
+  onNodeSelect,
   parts: displayParts,
+  renderUiBlocks,
   responseProps,
   toolSlots,
   toolViewMode = "closed"
@@ -2614,34 +2810,38 @@ function AgentResponseTimeline({
     if (segment.kind === "tool") {
       const isLatestActivity = segmentIndex === segments.length - 1;
       const showOrb = toolViewMode === "closed" ? isLoading && isLatestActivity : Boolean(activeToolId && (segment.part.id === activeToolId || segment.part.toolCallId === activeToolId));
-      rendered.push(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatToolRow, { activeToolId, part: segment.part, showOrb, slots: toolSlots }, segment.part.id));
+      rendered.push(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatToolRow, { activeToolId, part: segment.part, showOrb, slots: toolSlots }, segment.part.id));
       continue;
     }
     if (segment.kind === "tool-session") {
-      rendered.push(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatToolSession, { activeToolId, isLatestActivity: segmentIndex === segments.length - 1, isLive: isLoading, leadingModelTurn: segment.leadingModelTurn, modelTurn: segment.modelTurn, parts: segment.parts, slots: toolSlots }, `tool-session-${segment.parts[0].id}`));
+      rendered.push(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatToolSession, { activeToolId, isLatestActivity: segmentIndex === segments.length - 1, isLive: isLoading, leadingModelTurn: segment.leadingModelTurn, modelTurn: segment.modelTurn, parts: segment.parts, slots: toolSlots }, `tool-session-${segment.parts[0].id}`));
       continue;
     }
     if (segment.kind === "subagent") {
-      rendered.push(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatSubagentGroup, { isLatestActivity: segmentIndex === segments.length - 1, isLive: isLoading, part: segment.part, slots: toolSlots }, segment.part.id));
+      rendered.push(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatSubagentGroup, { isLatestActivity: segmentIndex === segments.length - 1, isLive: isLoading, part: segment.part, slots: toolSlots }, segment.part.id));
       continue;
     }
     const part = segment.part;
     if (part.kind === "model-turn") {
       const key = activeActivityClaimed ? part.id : `${message.id}-active-activity`;
       activeActivityClaimed = true;
-      rendered.push(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatActivityRow, { label: "Planning next moves", modelTurnId: part.modelTurnId }, key));
+      rendered.push(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatActivityRow, { label: "Planning next moves", modelTurnId: part.modelTurnId }, key));
       continue;
     }
     if (part.kind === "node-activity") {
       const key = activeActivityClaimed ? part.id : `${message.id}-active-activity`;
       if (part.status === "running") activeActivityClaimed = true;
       rendered.push(
-        part.status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatActivityRow, { label: part.label }, key) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatNodeActivityRow, { part }, part.id)
+        part.status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatActivityRow, { label: part.label, onSelect: onNodeSelect ? () => onNodeSelect(part) : void 0 }, key) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatNodeActivityRow, { onSelect: onNodeSelect, part }, part.id)
       );
       continue;
     }
+    if (part.kind === "ui-blocks" && renderUiBlocks) {
+      rendered.push(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(React9.Fragment, { children: renderUiBlocks(part) }, part.id));
+      continue;
+    }
     rendered.push(
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(React7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(React9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         AgentChatPart,
         {
           activeToolId,
@@ -2658,16 +2858,16 @@ function AgentResponseTimeline({
     );
   }
   if (rendered.length === 0 && message.content) {
-    rendered.push(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MessageResponse, { children: message.content }, `${message.id}-fallback`));
+    rendered.push(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MessageResponse, { children: message.content }, `${message.id}-fallback`));
   }
   if (rendered.length === 0 && isLoading) {
-    rendered.push(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AgentChatActivityRow, { label: "Thinking" }, `${message.id}-active-activity`));
+    rendered.push(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatActivityRow, { label: "Thinking" }, `${message.id}-active-activity`));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "space-y-3", children: rendered });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "space-y-3", children: rendered });
 }
 
 // src/ui/agent-chat-message.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var DEFAULT_USER_MESSAGE_COLLAPSE_THRESHOLD = 360;
 var DEFAULT_USER_MESSAGE_COLLAPSED_LINES = 4;
 function shouldCollapseUserMessage(content, threshold = DEFAULT_USER_MESSAGE_COLLAPSE_THRESHOLD) {
@@ -2680,19 +2880,19 @@ function AgentChatUserMessageContent({
   showLessLabel = "Show less",
   showMoreLabel = "Show more"
 }) {
-  const [isExpanded, setIsExpanded] = React8.useState(false);
-  const contentId = React8.useId();
+  const [isExpanded, setIsExpanded] = React10.useState(false);
+  const contentId = React10.useId();
   const shouldCollapse = shouldCollapseUserMessage(content, collapseThreshold);
-  const Icon = isExpanded ? import_lucide_react6.ChevronUp : import_lucide_react6.ChevronDown;
+  const Icon = isExpanded ? import_lucide_react7.ChevronUp : import_lucide_react7.ChevronDown;
   const clampedStyle = shouldCollapse && !isExpanded ? {
     WebkitBoxOrient: "vertical",
     WebkitLineClamp: Math.max(1, collapsedLines),
     display: "-webkit-box",
     overflow: "hidden"
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex min-w-0 flex-col gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { id: contentId, className: "min-w-0", style: clampedStyle, children: content }),
-    shouldCollapse ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-w-0 flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { id: contentId, className: "min-w-0", style: clampedStyle, children: content }),
+    shouldCollapse ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "button",
       {
         "aria-controls": contentId,
@@ -2705,7 +2905,7 @@ function AgentChatUserMessageContent({
         type: "button",
         children: [
           isExpanded ? showLessLabel : showMoreLabel,
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { "aria-hidden": "true", className: "size-4", strokeWidth: 2 })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { "aria-hidden": "true", className: "size-4", strokeWidth: 2 })
         ]
       }
     ) : null
@@ -2715,9 +2915,9 @@ function AgentChatUserMessageActionRow({
   children,
   className
 }) {
-  const rowRef = React8.useRef(null);
-  const [visible, setVisible] = React8.useState(false);
-  React8.useEffect(() => {
+  const rowRef = React10.useRef(null);
+  const [visible, setVisible] = React10.useState(false);
+  React10.useEffect(() => {
     const message = rowRef.current?.closest('[data-slot="message"]');
     if (!message) return;
     const show = () => setVisible(true);
@@ -2736,7 +2936,7 @@ function AgentChatUserMessageActionRow({
       message.removeEventListener("focusout", hideWhenFocusLeaves);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
       ref: rowRef,
@@ -2775,7 +2975,7 @@ function AgentChatMessage({
   const resolvedUserContent = userMessageContent ?? message.content;
   const shouldRenderContent = isAssistant || Boolean(renderUserContent || resolvedUserContent);
   const showAttachments = Boolean(message.attachments?.length) && (message.role === "user" || showAssistantAttachments);
-  const renderedActions = actions ?? (actionHandlers ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  const renderedActions = actions ?? (actionHandlers ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     AgentChatDefaultActions,
     {
       additionalActions,
@@ -2785,14 +2985,14 @@ function AgentChatMessage({
     }
   ) : null);
   const defaultUserActions = !actions && Boolean(actionHandlers) && !isAssistant;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     ChatMessage,
     {
       className,
       dir,
       from: message.role,
       children: [
-        showAttachments ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        showAttachments ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           ChatAttachmentRows,
           {
             attachments: message.attachments || [],
@@ -2801,14 +3001,14 @@ function AgentChatMessage({
             resolveContent: attachmentContentResolver
           }
         ) : null,
-        shouldRenderContent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        shouldRenderContent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
           ChatMessageContent,
           {
             className: cn(isAssistant ? "bg-transparent p-0" : void 0, contentClassName),
             dir,
             from: message.role,
             children: [
-              isAssistant ? renderAssistantContent ? renderAssistantContent({ isStreaming, message }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              isAssistant ? renderAssistantContent ? renderAssistantContent({ isStreaming, message }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 Timeline,
                 {
                   getHitlActionState,
@@ -2819,7 +3019,7 @@ function AgentChatMessage({
                   parts: message.parts
                 }
               ) : null,
-              !isAssistant ? renderUserContent ? renderUserContent({ message }) : resolvedUserContent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              !isAssistant ? renderUserContent ? renderUserContent({ message }) : resolvedUserContent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 AgentChatUserMessageContent,
                 {
                   collapsedLines: userMessageCollapsedLines,
@@ -2832,15 +3032,15 @@ function AgentChatMessage({
             ]
           }
         ) : null,
-        renderedActions ? defaultUserActions ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AgentChatUserMessageActionRow, { className: actionsClassName, children: renderedActions }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn(dir === "rtl" ? "mt-1 h-9 w-full" : "mt-1 h-9 w-full -translate-x-2", actionsClassName), children: renderedActions }) : null
+        renderedActions ? defaultUserActions ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AgentChatUserMessageActionRow, { className: actionsClassName, children: renderedActions }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn(dir === "rtl" ? "mt-1 h-9 w-full" : "mt-1 h-9 w-full -translate-x-2", actionsClassName), children: renderedActions }) : null
       ]
     }
   );
 }
 
 // src/ui/agent-chat-context-status.tsx
-var React9 = __toESM(require("react"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var COMPACT_TOKENS = new Intl.NumberFormat("en-US", { notation: "compact" });
 var PERCENT = new Intl.NumberFormat("en-US", {
   style: "percent",
@@ -2863,13 +3063,13 @@ function AgentChatContextStatus({
   className,
   contextWindow
 }) {
-  const tooltipId = React9.useId();
-  const [open, setOpen] = React9.useState(false);
+  const tooltipId = React11.useId();
+  const [open, setOpen] = React11.useState(false);
   const { maximum, input, admissionInput, usageRatio, admissionRatio } = contextStatusMetrics(contextWindow);
   const percentage = Math.round(usageRatio * 100);
   const exact = EXACT_SOURCES.has(contextWindow?.source || "unknown");
   if (!Number.isFinite(maximum) || maximum <= 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       className: cn("a24-context-status", className),
@@ -2880,7 +3080,7 @@ function AgentChatContextStatus({
       onMouseEnter: () => setOpen(true),
       onMouseLeave: () => setOpen(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
           "button",
           {
             "aria-describedby": open ? tooltipId : void 0,
@@ -2891,9 +3091,9 @@ function AgentChatContextStatus({
             },
             type: "button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { "aria-hidden": "true", className: "a24-context-status__ring", viewBox: "0 0 24 24", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { className: "a24-context-status__track", cx: "12", cy: "12", r: "10" }),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { "aria-hidden": "true", className: "a24-context-status__ring", viewBox: "0 0 24 24", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { className: "a24-context-status__track", cx: "12", cy: "12", r: "10" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   "circle",
                   {
                     className: "a24-context-status__value",
@@ -2905,20 +3105,20 @@ function AgentChatContextStatus({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
                 percentage,
                 "%"
               ] })
             ]
           }
         ),
-        open ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "a24-context-status__popover", id: tooltipId, role: "tooltip", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "a24-context-status__sr-only", children: "Context window" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("strong", { children: [
+        open ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "a24-context-status__popover", id: tooltipId, role: "tooltip", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "a24-context-status__sr-only", children: "Context window" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("strong", { children: [
             PERCENT.format(usageRatio),
             " context used"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
             exact ? "Input" : "Estimated input",
             ": ",
             COMPACT_TOKENS.format(input),
@@ -2926,7 +3126,7 @@ function AgentChatContextStatus({
             COMPACT_TOKENS.format(maximum),
             " tokens"
           ] }),
-          admissionInput !== input ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
+          admissionInput !== input ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
             "Safety bound: ",
             COMPACT_TOKENS.format(admissionInput),
             " tokens (",
@@ -2942,9 +3142,9 @@ function AgentChatContextStatus({
 // src/ui/bubble.tsx
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function BubbleGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "bubble-group",
@@ -2978,7 +3178,7 @@ function Bubble({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "bubble",
@@ -2995,7 +3195,7 @@ function BubbleContent({
   ...props
 }) {
   const Comp = asChild ? import_react_slot2.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     Comp,
     {
       "data-slot": "bubble-content",
@@ -3032,7 +3232,7 @@ function BubbleReactions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "bubble-reactions",
@@ -3047,7 +3247,7 @@ function BubbleReactions({
 // src/ui/marker.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_react_slot3 = require("@radix-ui/react-slot");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var markerVariants = (0, import_class_variance_authority3.cva)(
   "group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground",
   {
@@ -3067,7 +3267,7 @@ function Marker({
   ...props
 }) {
   const Comp = asChild ? import_react_slot3.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Comp,
     {
       "data-slot": "marker",
@@ -3078,7 +3278,7 @@ function Marker({
   );
 }
 function MarkerIcon({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "span",
     {
       "data-slot": "marker-icon",
@@ -3092,7 +3292,7 @@ function MarkerIcon({ className, ...props }) {
   );
 }
 function MarkerContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "span",
     {
       "data-slot": "marker-content",
@@ -3106,7 +3306,7 @@ function MarkerContent({ className, ...props }) {
 }
 
 // src/ui/mcp-connect-required-card.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var STATUS_LABELS = {
   pending: "Connect",
   connecting: "Connecting",
@@ -3130,7 +3330,7 @@ function McpConnectRequiredCard({
   const isBusy = loading || status === "connecting" || status === "resuming";
   const isConnected = status === "connected";
   const buttonDisabled = disabled || isBusy || isConnected || !onConnect;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       "data-agents24-mcp-connect-card": true,
@@ -3140,13 +3340,13 @@ function McpConnectRequiredCard({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "truncate text-sm font-medium", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mt-1 text-sm text-muted-foreground", children: message || "Connect your account to continue." }),
-          status === "error" && error ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mt-2 text-sm text-destructive", children: error }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "truncate text-sm font-medium", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mt-1 text-sm text-muted-foreground", children: message || "Connect your account to continue." }),
+          status === "error" && error ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mt-2 text-sm text-destructive", children: error }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "button",
           {
             type: "button",
@@ -3165,22 +3365,22 @@ function McpConnectRequiredCard({
 }
 
 // src/ui/use-audio-recorder.ts
-var React10 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var RECORDING_CANDIDATES = ["audio/webm;codecs=opus", "audio/webm", "audio/mp4"];
 function recordingExtension(mimeType) {
   return mimeType.startsWith("audio/mp4") ? "m4a" : "webm";
 }
 function useAudioRecorder(onRecorded, options = {}) {
-  const recorderRef = React10.useRef(null);
-  const streamRef = React10.useRef(null);
-  const onRecordedRef = React10.useRef(onRecorded);
-  const onStreamChangeRef = React10.useRef(options.onStreamChange);
+  const recorderRef = React12.useRef(null);
+  const streamRef = React12.useRef(null);
+  const onRecordedRef = React12.useRef(onRecorded);
+  const onStreamChangeRef = React12.useRef(options.onStreamChange);
   onRecordedRef.current = onRecorded;
   onStreamChangeRef.current = options.onStreamChange;
-  const [isRecording, setIsRecording] = React10.useState(false);
-  const [error, setError] = React10.useState(null);
-  const stop = React10.useCallback(() => recorderRef.current?.stop(), []);
-  const start = React10.useCallback(async () => {
+  const [isRecording, setIsRecording] = React12.useState(false);
+  const [error, setError] = React12.useState(null);
+  const stop = React12.useCallback(() => recorderRef.current?.stop(), []);
+  const start = React12.useCallback(async () => {
     setError(null);
     if (!navigator.mediaDevices?.getUserMedia || typeof MediaRecorder === "undefined") {
       setError("Audio recording is not supported in this browser.");
@@ -3218,7 +3418,7 @@ function useAudioRecorder(onRecorded, options = {}) {
       setError("Microphone access is unavailable.");
     }
   }, []);
-  React10.useEffect(() => () => {
+  React12.useEffect(() => () => {
     recorderRef.current?.stop();
     streamRef.current?.getTracks().forEach((track) => track.stop());
     onStreamChangeRef.current?.(null);
@@ -3236,6 +3436,7 @@ function useAudioRecorder(onRecorded, options = {}) {
   AgentChatModelTurnRow,
   AgentChatNodeActivityRow,
   AgentChatPart,
+  AgentChatQueue,
   AgentChatSubagentGroup,
   AgentChatToolGroup,
   AgentChatToolPart,
@@ -3287,6 +3488,7 @@ function useAudioRecorder(onRecorded, options = {}) {
   attachmentMediaVariants,
   attachmentVariants,
   bubbleVariants,
+  chatComposerAction,
   cn,
   contextStatusMetrics,
   createAgentChatComposerFile,
@@ -3297,9 +3499,13 @@ function useAudioRecorder(onRecorded, options = {}) {
   latestRunningAgentChatToolId,
   markerVariants,
   partitionAgentChatToolTimeline,
+  queuedMessageComposerFiles,
   resolvedHitlLabel,
   revokeAgentChatComposerFiles,
   shouldCollapseUserMessage,
-  useAudioRecorder
+  useAudioRecorder,
+  useChatComposerFocus,
+  useCompletionActionEntrance,
+  useLiveCompletionRuns
 });
 //# sourceMappingURL=index.cjs.map