@jini-ai/chat 0.5.6 → 0.5.8

package/dist/react/components/ToolCard.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * @module ToolCard
  *
@@ -20,8 +20,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * `AskUserQuestion`) falls through to `GenericCard`, which is a correct,
  * generic rendering for it.
  */
-import { useState } from 'react';
-import { formatToolOutputForDisplay, isDelegatedWrapperToolName, isTodoWriteToolName, parseTodoWriteInput, toRenderProps } from '../../core/index.js';
+import { useId, useState } from 'react';
+import { describeCollapsedToolCall, describeToolCallDetail, formatToolOutputForDisplay, isDelegatedWrapperToolName, isTodoWriteToolName, parseTodoWriteInput, toRenderProps } from '../../core/index.js';
 import { useT } from '../hooks/context.js';
 import { getToolRenderer } from '../tool-renderer-registry.js';
 import { Icon } from './Icon.js';
@@ -132,7 +132,6 @@ function primaryTarget(input) {
  */
 function DelegatedToolCard({ name, input, result, runStreaming, runSucceeded }) {
     const t = useT();
-    const [open, setOpen] = useState(false);
     // Wrapper form (only reached on a failed wrapper call, per ToolCard's suppression comment):
     // the real id and args are nested under {toolId, input}, not `input` itself.
     const wrapper = (input ?? {});
@@ -140,21 +139,19 @@ function DelegatedToolCard({ name, input, result, runStreaming, runSucceeded })
     const args = isDelegatedWrapperToolName({ name: name }) ? wrapper.input : input;
     const target = primaryTarget(args);
     const isRunning = runStreaming && !result;
-    return (_jsxs("div", { className: "op-card op-jini-tool", children: [_jsxs("button", { type: "button", className: "op-card-head", onClick: () => setOpen((o) => !o), children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsxs("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: [t('Tool call'), " \u00B7 ", humanizeToolId(toolId)] }), target ? _jsx("span", { className: "op-meta", children: target }) : null, _jsx("span", { className: "op-expand-chev", "aria-hidden": true, children: _jsx(Icon, { name: open ? 'chevron-down' : 'chevron-right', size: 11 }) })] }), _jsx("div", { className: `accordion-collapsible${open ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsxs("div", { className: "op-card-detail", children: [_jsx("pre", { className: "op-command", children: JSON.stringify(args ?? {}) }), result?.content ? _jsx("pre", { className: "op-output", children: truncate(formatToolOutputForDisplay({ text: result.content }), 2000) }) : null, _jsx(ToolResultMedia, { result: result })] }) }) }), _jsx(FileErrorDetail, { result: result })] }));
+    return (_jsx(ExpandableCard, { className: "op-jini-tool", call: { input: args ?? {}, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsxs("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: [t('Tool call'), " \u00B7 ", humanizeToolId(toolId)] }), target ? _jsx("span", { className: "op-meta", children: target }) : null] }), after: _jsx(FileErrorDetail, { result: result }), children: _jsx(ToolCallDetail, { input: args ?? {}, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded, children: _jsx(ToolResultMedia, { result: result }) }) }));
 }
 function SearchToolsCard({ input, result, runStreaming, runSucceeded }) {
     const t = useT();
-    const [open, setOpen] = useState(false);
     const obj = (input ?? {});
     const isRunning = runStreaming && !result;
-    return (_jsxs("div", { className: "op-card op-jini-tool", children: [_jsxs("button", { type: "button", className: "op-card-head", onClick: () => setOpen((o) => !o), children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Search tools') }), obj.query ? _jsx("span", { className: "op-meta", children: obj.query }) : null, _jsx("span", { className: "op-expand-chev", "aria-hidden": true, children: _jsx(Icon, { name: open ? 'chevron-down' : 'chevron-right', size: 11 }) })] }), _jsx("div", { className: `accordion-collapsible${open ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsx("div", { className: "op-card-detail", children: result?.content ? _jsx("pre", { className: "op-output", children: truncate(formatToolOutputForDisplay({ text: result.content }), 2000) }) : null }) }) }), _jsx(FileErrorDetail, { result: result })] }));
+    return (_jsx(ExpandableCard, { className: "op-jini-tool", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Search tools') }), obj.query ? _jsx("span", { className: "op-meta", children: obj.query }) : null] }), after: _jsx(FileErrorDetail, { result: result }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
 }
 function DescribeToolCard({ input, result, runStreaming, runSucceeded }) {
     const t = useT();
-    const [open, setOpen] = useState(false);
     const obj = (input ?? {});
     const isRunning = runStreaming && !result;
-    return (_jsxs("div", { className: "op-card op-jini-tool", children: [_jsxs("button", { type: "button", className: "op-card-head", onClick: () => setOpen((o) => !o), children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Describe tool') }), obj.id ? _jsx("span", { className: "op-meta", children: obj.id }) : null, _jsx("span", { className: "op-expand-chev", "aria-hidden": true, children: _jsx(Icon, { name: open ? 'chevron-down' : 'chevron-right', size: 11 }) })] }), _jsx("div", { className: `accordion-collapsible${open ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsx("div", { className: "op-card-detail", children: result?.content ? _jsx("pre", { className: "op-output", children: truncate(formatToolOutputForDisplay({ text: result.content }), 2000) }) : null }) }) }), _jsx(FileErrorDetail, { result: result })] }));
+    return (_jsx(ExpandableCard, { className: "op-jini-tool", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Describe tool') }), obj.id ? _jsx("span", { className: "op-meta", children: obj.id }) : null] }), after: _jsx(FileErrorDetail, { result: result }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
 }
 function OpenInTabButton({ filePath, ctx }) {
     const t = useT();
@@ -174,68 +171,90 @@ function OpenInTabButton({ filePath, ctx }) {
 }
 function FileWriteCard({ input, result, runStreaming, runSucceeded, ctx }) {
     const t = useT();
-    const [open, setOpen] = useState(false);
     const obj = (input ?? {});
     const file = obj.file_path ?? obj.filePath ?? obj.path ?? '(unnamed)';
     // See OpenInTabButton's baseName comment: `.split('/').pop()` is never undefined.
     const baseName = file.split('/').pop();
     const lines = typeof obj.content === 'string' ? obj.content.split('\n').length : null;
     const isRunning = runStreaming && !result;
-    return (_jsxs("div", { className: "op-card op-file", children: [_jsxs("button", { type: "button", className: "op-card-head", onClick: () => setOpen((o) => !o), children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Write') }), _jsxs("span", { className: "op-meta", children: [baseName, lines !== null ? ` · ${t('{n} lines', { n: lines })}` : ''] }), _jsx("span", { className: "op-expand-chev", "aria-hidden": true, children: _jsx(Icon, { name: open ? 'chevron-down' : 'chevron-right', size: 11 }) })] }), _jsx("div", { className: `accordion-collapsible${open ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsxs("div", { className: "op-card-detail op-card-file-detail", children: [_jsx("code", { className: "op-path", children: file }), _jsx(OpenInTabButton, { filePath: file, ctx: ctx })] }) }) }), _jsx(FileErrorDetail, { result: result })] }));
+    return (_jsxs(ExpandableCard, { className: "op-file", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Write') }), _jsxs("span", { className: "op-meta", children: [baseName, lines !== null ? ` · ${t('{n} lines', { n: lines })}` : ''] })] }), after: _jsx(FileErrorDetail, { result: result }), children: [_jsxs("div", { className: "op-card-detail op-card-file-detail", children: [_jsx("code", { className: "op-path", children: file }), _jsx(OpenInTabButton, { filePath: file, ctx: ctx })] }), _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded })] }));
 }
 function FileEditCard({ input, result, runStreaming, runSucceeded, ctx }) {
     const t = useT();
-    const [open, setOpen] = useState(false);
     const obj = (input ?? {});
     const file = obj.file_path ?? obj.filePath ?? obj.path ?? '(unnamed)';
     // See OpenInTabButton's baseName comment: `.split('/').pop()` is never undefined.
     const baseName = file.split('/').pop();
     const editCount = Array.isArray(obj.edits) ? obj.edits.length : 1;
     const isRunning = runStreaming && !result;
-    return (_jsxs("div", { className: "op-card op-file", children: [_jsxs("button", { type: "button", className: "op-card-head", onClick: () => setOpen((o) => !o), children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Edit') }), _jsxs("span", { className: "op-meta", children: [baseName, " \u00B7 ", editCount, " ", editCount === 1 ? t('change') : t('changes')] }), _jsx("span", { className: "op-expand-chev", "aria-hidden": true, children: _jsx(Icon, { name: open ? 'chevron-down' : 'chevron-right', size: 11 }) })] }), _jsx("div", { className: `accordion-collapsible${open ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsxs("div", { className: "op-card-detail op-card-file-detail", children: [_jsx("code", { className: "op-path", children: file }), _jsx(OpenInTabButton, { filePath: file, ctx: ctx })] }) }) }), _jsx(FileErrorDetail, { result: result })] }));
+    return (_jsxs(ExpandableCard, { className: "op-file", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Edit') }), _jsxs("span", { className: "op-meta", children: [baseName, " \u00B7 ", editCount, " ", editCount === 1 ? t('change') : t('changes')] })] }), after: _jsx(FileErrorDetail, { result: result }), children: [_jsxs("div", { className: "op-card-detail op-card-file-detail", children: [_jsx("code", { className: "op-path", children: file }), _jsx(OpenInTabButton, { filePath: file, ctx: ctx })] }), _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded })] }));
 }
 function FileReadCard({ input, result, runStreaming, runSucceeded, ctx }) {
     const t = useT();
-    const [open, setOpen] = useState(false);
     const obj = (input ?? {});
     const file = obj.file_path ?? obj.filePath ?? obj.path ?? '(unnamed)';
     // See OpenInTabButton's baseName comment: `.split('/').pop()` is never undefined.
     const baseName = file.split('/').pop();
     const isRunning = runStreaming && !result;
-    return (_jsxs("div", { className: "op-card op-file", children: [_jsxs("button", { type: "button", className: "op-card-head", onClick: () => setOpen((o) => !o), children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Read') }), _jsx("span", { className: "op-meta", children: baseName }), _jsx("span", { className: "op-expand-chev", "aria-hidden": true, children: _jsx(Icon, { name: open ? 'chevron-down' : 'chevron-right', size: 11 }) })] }), _jsx("div", { className: `accordion-collapsible${open ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsxs("div", { className: "op-card-detail op-card-file-detail", children: [_jsx("code", { className: "op-path", children: file }), _jsx(OpenInTabButton, { filePath: file, ctx: ctx })] }) }) }), _jsx(FileErrorDetail, { result: result })] }));
+    return (_jsxs(ExpandableCard, { className: "op-file", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Read') }), _jsx("span", { className: "op-meta", children: baseName })] }), after: _jsx(FileErrorDetail, { result: result }), children: [_jsxs("div", { className: "op-card-detail op-card-file-detail", children: [_jsx("code", { className: "op-path", children: file }), _jsx(OpenInTabButton, { filePath: file, ctx: ctx })] }), _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded })] }));
 }
 function BashCard({ input, result, runStreaming, runSucceeded }) {
     const t = useT();
     const obj = (input ?? {});
     const command = obj.command ?? '';
     const desc = obj.description;
-    const [open, setOpen] = useState(false);
     const isRunning = runStreaming && !result;
-    return (_jsxs("div", { className: "op-card op-bash", children: [_jsxs("button", { type: "button", className: "op-card-head", onClick: () => setOpen((o) => !o), children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Bash') }), desc ? _jsx("span", { className: "op-meta op-desc", children: desc }) : null, _jsx("span", { className: "op-expand-chev", "aria-hidden": true, children: _jsx(Icon, { name: open ? 'chevron-down' : 'chevron-right', size: 11 }) })] }), _jsx("div", { className: `accordion-collapsible${open ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsxs("div", { className: "op-card-detail", children: [_jsx("pre", { className: "op-command", children: truncate(command, 400) }), result?.content ? _jsx("pre", { className: "op-output", children: truncate(formatToolOutputForDisplay({ text: result.content }), 4000) }) : null] }) }) })] }));
+    return (_jsx(ExpandableCard, { className: "op-bash", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Bash') }), desc ? _jsx("span", { className: "op-meta op-desc", children: desc }) : null] }), children: _jsxs("div", { className: "op-card-detail", children: [_jsx("pre", { className: "op-command", children: truncate(command, 400) }), result?.content ? _jsx("pre", { className: "op-output", children: truncate(formatToolOutputForDisplay({ text: result.content }), 4000) }) : null] }) }));
 }
 function GlobCard({ input, result, runStreaming, runSucceeded }) {
     const t = useT();
     const obj = (input ?? {});
-    return (_jsx("div", { className: "op-card op-search", children: _jsxs("div", { className: "op-card-head", children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: t('Search files') }), _jsxs("span", { className: "op-meta", children: [obj.pattern ?? '*', obj.path ? ` in ${obj.path}` : ''] })] }) }));
+    return (_jsx(ExpandableCard, { className: "op-search", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: t('Search files') }), _jsxs("span", { className: "op-meta", children: [obj.pattern ?? '*', obj.path ? ` in ${obj.path}` : ''] })] }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
 }
 function GrepCard({ input, result, runStreaming, runSucceeded }) {
     const t = useT();
     const obj = (input ?? {});
-    return (_jsx("div", { className: "op-card op-search", children: _jsxs("div", { className: "op-card-head", children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: t('Search content') }), _jsxs("span", { className: "op-meta", children: [obj.pattern ?? '', obj.path ? ` in ${obj.path}` : ''] })] }) }));
+    return (_jsx(ExpandableCard, { className: "op-search", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: t('Search content') }), _jsxs("span", { className: "op-meta", children: [obj.pattern ?? '', obj.path ? ` in ${obj.path}` : ''] })] }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
 }
 function WebFetchCard({ input, result, runStreaming, runSucceeded }) {
     const t = useT();
     const obj = (input ?? {});
-    return (_jsx("div", { className: "op-card op-web", children: _jsxs("div", { className: "op-card-head", children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: t('Fetch') }), _jsx("span", { className: "op-meta", children: obj.url ?? '' })] }) }));
+    return (_jsx(ExpandableCard, { className: "op-web", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: t('Fetch') }), _jsx("span", { className: "op-meta", children: obj.url ?? '' })] }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
 }
 function WebSearchCard({ input, result, runStreaming, runSucceeded }) {
     const t = useT();
     const obj = (input ?? {});
-    return (_jsx("div", { className: "op-card op-web", children: _jsxs("div", { className: "op-card-head", children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: t('Search') }), _jsx("span", { className: "op-meta", children: obj.query ?? '' })] }) }));
+    return (_jsx(ExpandableCard, { className: "op-web", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: t('Search') }), _jsx("span", { className: "op-meta", children: obj.query ?? '' })] }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
 }
+/** Any tool this package has no family card for — an MCP tool, or a card tool such as `assistant_ask_choice` whose form renders elsewhere in the turn. The row still opens to the full call. */
 function GenericCard({ name, input, result, runStreaming, runSucceeded }) {
     const summary = describeInput(input);
-    return (_jsxs("div", { className: "op-card op-generic", children: [_jsxs("div", { className: "op-card-head", children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: name }), summary ? _jsx("span", { className: "op-meta", children: truncate(summary, 200) }) : null] }), _jsx(ToolResultMedia, { result: result })] }));
+    return (_jsx(ExpandableCard, { className: "op-generic", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: name }), summary ? _jsx("span", { className: "op-meta", children: truncate(summary, 200) }) : null] }), after: _jsx(ToolResultMedia, { result: result }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
+}
+/**
+ * The one row shell every card shares: a real `<button>` head (Enter/Space toggle it) that reports
+ * `aria-expanded` and points `aria-controls` at its panel. The panel's `children` mount only while
+ * open: a long chat mounts hundreds of collapsed rows, and keeping every full detail mounted made a
+ * 38-message chat carry ~13k DOM nodes and 3.45 MB of hidden text. Collapsed, the panel holds one
+ * hidden node with the call's capped gist instead, so a `page.*` DOM reader still sees what was
+ * called and what came back through `textContent` without anyone clicking.
+ * `after` renders outside the panel, for content that must stay visible collapsed (an error, media).
+ */
+function ExpandableCard({ className, head, after, call, children }) {
+    const [open, setOpen] = useState(false);
+    const panelId = useId();
+    return (_jsxs("div", { className: `op-card ${className}`, children: [_jsxs("button", { type: "button", className: "op-card-head", "aria-expanded": open, "aria-controls": panelId, onClick: () => setOpen((o) => !o), children: [head, _jsx("span", { className: "op-expand-chev", "aria-hidden": true, children: _jsx(Icon, { name: open ? 'chevron-down' : 'chevron-right', size: 11 }) })] }), _jsx("div", { id: panelId, className: `accordion-collapsible${open ? ' open' : ''}`, children: open ? _jsx("div", { className: "accordion-collapsible-inner", children: children }) : _jsx(CollapsedReaderText, { call: call }) }), after] }));
+}
+/** The collapsed row's stand-in for its panel — see {@link ExpandableCard} and `describeCollapsedToolCall`. */
+function CollapsedReaderText({ call }) {
+    const text = describeCollapsedToolCall({ input: call.input, result: call.result }, { runStreaming: call.runStreaming, runSucceeded: call.runSucceeded });
+    return _jsx("span", { className: "op-card-reader-text", hidden: true, children: text });
+}
+/** The call's input, its result (or why there is none), and any extra `children` — see `describeToolCallDetail` for the redaction and formatting rules. */
+function ToolCallDetail({ input, result, runStreaming, runSucceeded, children }) {
+    const t = useT();
+    const detail = describeToolCallDetail({ input: input, result: result }, { runStreaming: runStreaming, runSucceeded: runSucceeded });
+    return (_jsxs("div", { className: "op-card-detail", children: [detail.inputText !== null ? _jsx("pre", { className: "op-command op-input", children: detail.inputText }) : null, detail.outputText !== null ? _jsx("pre", { className: "op-output", children: detail.outputText }) : null, detail.noteKey !== null ? _jsx("p", { className: "op-detail-note", children: t(detail.noteKey) }) : null, children] }));
 }
 function ResultBadge({ result, runStreaming, runSucceeded }) {
     const t = useT();

package/dist/react/components/mcp-ui-surface-state.d.ts

@@ -5,6 +5,7 @@
  * `McpUiSurfaceCard.tsx` so the component only renders; moved here from that file 2026-10-04 when
  * the card's own deadline (`useSurfaceExpiry`) became a second reason to close it.
  */
+import type { McpUiToolCallHandler } from '@jini-ai/ui/mcp-ui';
 import type { ExtEventCall } from '../ext-event-renderer-registry.js';
 import type { useT } from '../hooks/context.js';
 type Translate = ReturnType<typeof useT>;
@@ -23,5 +24,25 @@ export declare function closedSurfaceLabel({ t, call, runStreaming, documentsFor
     documentsForUri: number;
     expired: boolean;
 }): string | undefined;
+/**
+ * Whether a View's `tools/call` result is a held-open question's delivery receipt: the host route
+ * answers `{delivered: true}` (HTTP 202) the moment the click reaches the parked tool call. That
+ * call then keeps running the work the answer started, so this receipt — not its later result — is
+ * when the card stops waiting on the person.
+ *
+ * @complexity O(1).
+ */
+export declare function isDeliveredAnswer(result: unknown): boolean;
+/**
+ * Wraps a card's tool executor so a delivered answer is reported once it resolves. The result is
+ * passed through unchanged, and a rejected call reports nothing (the dialog shows its error and can
+ * be answered again).
+ *
+ * @complexity O(1) per call, plus `onToolCall`'s own cost.
+ */
+export declare function reportDeliveredAnswer({ onToolCall, onAnswered }: {
+    onToolCall: McpUiToolCallHandler;
+    onAnswered: () => void;
+}): McpUiToolCallHandler;
 export {};
 //# sourceMappingURL=mcp-ui-surface-state.d.ts.map

package/dist/react/components/mcp-ui-surface-state.js

@@ -30,4 +30,30 @@ function settledLabel(t, call, runStreaming, documentsForUri) {
 export function closedSurfaceLabel({ t, call, runStreaming, documentsForUri, expired }) {
     return settledLabel(t, call, runStreaming, documentsForUri) ?? (expired ? t('This question expired') : undefined);
 }
+/**
+ * Whether a View's `tools/call` result is a held-open question's delivery receipt: the host route
+ * answers `{delivered: true}` (HTTP 202) the moment the click reaches the parked tool call. That
+ * call then keeps running the work the answer started, so this receipt — not its later result — is
+ * when the card stops waiting on the person.
+ *
+ * @complexity O(1).
+ */
+export function isDeliveredAnswer(result) {
+    return typeof result === 'object' && result !== null && result.delivered === true;
+}
+/**
+ * Wraps a card's tool executor so a delivered answer is reported once it resolves. The result is
+ * passed through unchanged, and a rejected call reports nothing (the dialog shows its error and can
+ * be answered again).
+ *
+ * @complexity O(1) per call, plus `onToolCall`'s own cost.
+ */
+export function reportDeliveredAnswer({ onToolCall, onAnswered }) {
+    return async (call) => {
+        const result = await onToolCall(call);
+        if (isDeliveredAnswer(result))
+            onAnswered();
+        return result;
+    };
+}
 //# sourceMappingURL=mcp-ui-surface-state.js.map

package/dist/react/ext-event-renderer-registry.d.ts

@@ -51,6 +51,13 @@ export interface ExtEventRenderProps {
     runId: string | undefined;
     /** See {@link ExtEventCall}. Absent when the group's first event arrived outside any tool call. */
     call?: ExtEventCall;
+    /** Whether this card already reported its answer delivered (see {@link onAnswered}). */
+    answered?: boolean;
+    /**
+     * A card calls this once the person's answer reached the server. Its tool call may stay open for
+     * the work the answer started, and the run must stop reading as "waiting for your answer".
+     */
+    onAnswered?: () => void;
 }
 /**
  * Ext-event render callback. Runs inline during `MessageRow`'s render — hook-free, like

package/dist/react/features/chat-pane/components/ChatPane.d.ts

@@ -6,5 +6,5 @@ import type { ChatPaneProps } from '../types.js';
  * @complexity Time/space: O(n) in rendered messages, agents, and suggestions.
  * @overallScore 100/100
  */
-export declare function ChatPane({ transport, agents: injectedAgents, runtimeAccess, runtimeStatusPollMs, title, variant, initialMessages, conversationId, initialSelection, selection: controlledSelection, onSelectionChange, runContext, agentControl, onActivityChange, onMessagesChange, redactUserText, onSecretRedacted, onRescanAgents, scanningAgents, daemonOnline, executionMode, apiModeAvailable, onExecutionModeChange, byokRuntime, onByokModelChange, initialDraft, composerHistoryScope, composerHistoryStorage, validateAttachments, deliverTypedAnswer, composerHandle, placeholder, placeholders, suggestions, workingDirectory, initialWorkingDirectory, onChangeWorkingDirectory, workingDirectoryAccess, workingDirectoryControlPlacement, projectFileNames, uploadAttachments, attachmentAccept, disabled, runtimePickerPlacement, composerSlots, header, leadingAccessory, footer, className, style, }: ChatPaneProps): import("react").JSX.Element;
+export declare function ChatPane({ transport, agents: injectedAgents, runtimeAccess, runtimeStatusPollMs, title, variant, initialMessages, refreshSignal, conversationId, initialSelection, selection: controlledSelection, onSelectionChange, runContext, agentControl, onActivityChange, onMessagesChange, redactUserText, onSecretRedacted, onRescanAgents, scanningAgents, daemonOnline, executionMode, apiModeAvailable, onExecutionModeChange, byokRuntime, onByokModelChange, initialDraft, composerHistoryScope, composerHistoryStorage, validateAttachments, deliverTypedAnswer, deliverMidRunMessage, composerHandle, placeholder, placeholders, suggestions, emptyState, workingDirectory, initialWorkingDirectory, onChangeWorkingDirectory, workingDirectoryAccess, workingDirectoryControlPlacement, projectFileNames, toolCallDisplay, showUsageLine, showThinking, uploadAttachments, attachmentAccept, disabled, runtimePickerPlacement, composerSlots, header, leadingAccessory, footer, className, style, }: ChatPaneProps): import("react").JSX.Element;
 //# sourceMappingURL=ChatPane.d.ts.map

package/dist/react/features/chat-pane/components/ChatPane.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SECRET_REDACTED_NOTICE } from '../../../../core/user-text-redaction.js';
-import { useEffect, useRef } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 import { WorkingDirPicker } from '@jini-ai/ui';
 import { Composer } from '../../../components/Composer.js';
 import { appendComposerDiscovery } from '../../../components/composer-discovery.js';
@@ -12,6 +12,9 @@ import { useChatPane } from '../hooks/useChatPane.hooks.js';
 import { useChatPaneAgentControl } from '../hooks/useChatPaneAgentControl.hooks.js';
 import { useChatPaneComposerPlaceholder } from '../hooks/useChatPaneComposerPlaceholder.hooks.js';
 import { useChatPaneControlsHeight } from '../hooks/useChatPaneControlsHeight.hooks.js';
+import { useChatPaneNewTabLinks } from '../hooks/useChatPaneNewTabLinks.hooks.js';
+import { useChatPaneSurface } from '../hooks/useChatPaneSurface.hooks.js';
+import { useChatPaneSuggestion } from '../hooks/useChatPaneSuggestion.hooks.js';
 import { useChatPaneFileDrop, } from '../hooks/useChatPaneFileDrop.hooks.js';
 import { useChatPaneRuntimeInventory, } from '../hooks/useChatPaneRuntimeInventory.hooks.js';
 import { CHAT_PANE_STYLES } from '../styles.js';
@@ -179,8 +182,9 @@ function ChatPaneComposerArea({ fileDrop, uploadAttachments, pane, disabled, una
  * @complexity Time/space: O(n) in rendered messages, agents, and suggestions.
  * @overallScore 100/100
  */
-export function ChatPane({ transport, agents: injectedAgents = EMPTY_AGENTS, runtimeAccess, runtimeStatusPollMs = 5_000, title, variant = 'workspace', initialMessages, conversationId, initialSelection, selection: controlledSelection, onSelectionChange, runContext, agentControl, onActivityChange, onMessagesChange, redactUserText, onSecretRedacted, onRescanAgents, scanningAgents = false, daemonOnline = true, executionMode = 'local', apiModeAvailable = false, onExecutionModeChange, byokRuntime, onByokModelChange, initialDraft, composerHistoryScope, composerHistoryStorage, validateAttachments, deliverTypedAnswer, composerHandle, placeholder, placeholders, suggestions = [], workingDirectory, initialWorkingDirectory, onChangeWorkingDirectory, workingDirectoryAccess, workingDirectoryControlPlacement = 'below', projectFileNames, uploadAttachments, attachmentAccept, disabled = false, runtimePickerPlacement = 'up', composerSlots, header, leadingAccessory, footer, className, style, }) {
+export function ChatPane({ transport, agents: injectedAgents = EMPTY_AGENTS, runtimeAccess, runtimeStatusPollMs = 5_000, title, variant = 'workspace', initialMessages, refreshSignal, conversationId, initialSelection, selection: controlledSelection, onSelectionChange, runContext, agentControl, onActivityChange, onMessagesChange, redactUserText, onSecretRedacted, onRescanAgents, scanningAgents = false, daemonOnline = true, executionMode = 'local', apiModeAvailable = false, onExecutionModeChange, byokRuntime, onByokModelChange, initialDraft, composerHistoryScope, composerHistoryStorage, validateAttachments, deliverTypedAnswer, deliverMidRunMessage, composerHandle, placeholder, placeholders, suggestions = [], emptyState, workingDirectory, initialWorkingDirectory, onChangeWorkingDirectory, workingDirectoryAccess, workingDirectoryControlPlacement = 'below', projectFileNames, toolCallDisplay = 'show', showUsageLine = true, showThinking = false, uploadAttachments, attachmentAccept, disabled = false, runtimePickerPlacement = 'up', composerSlots, header, leadingAccessory, footer, className, style, }) {
     const t = useT();
+    const surface = useChatPaneSurface({ variant, composerSlots, workingDirectoryControlPlacement, uploadAttachments });
     const composerPlaceholder = useChatPaneComposerPlaceholder({ placeholder: placeholder, placeholders: placeholders });
     const inventory = useChatPaneRuntimeInventory(definedProps({ source: {
             access: runtimeAccess,
@@ -196,6 +200,7 @@ export function ChatPane({ transport, agents: injectedAgents = EMPTY_AGENTS, run
             transport,
             agents: runtimeView.agents,
             initialMessages,
+            refreshSignal,
             conversationId,
             initialSelection,
             selection: controlledSelection,
@@ -216,6 +221,7 @@ export function ChatPane({ transport, agents: injectedAgents = EMPTY_AGENTS, run
             workingDirectoryAccess,
             apiModeConfigured,
             deliverTypedAnswer,
+            deliverMidRunMessage,
         } }));
     // Mirrors `Composer.tsx`'s own `draftRef`: `composerHandle.insertText` (below) is called from
     // OUTSIDE any render, so it cannot close over `pane.composer.draft` directly — that would freeze
@@ -252,7 +258,7 @@ export function ChatPane({ transport, agents: injectedAgents = EMPTY_AGENTS, run
     // the provider directly over HTTP and never touches the CLI inventory.
     const unavailable = pane.selectedAgent === undefined && !apiModeConfigured;
     const fileDrop = useChatPaneFileDrop({
-        enabled: uploadAttachments !== undefined
+        enabled: surface.uploadAttachments !== undefined
             && !disabled
             && !unavailable
             && !pane.conversation.isStreaming
@@ -263,11 +269,18 @@ export function ChatPane({ transport, agents: injectedAgents = EMPTY_AGENTS, run
     // `ChatPaneProps.composerSlots`'s doc), so the two explicit keys below are never overwriting a
     // caller-supplied value — they are the ONLY source for both.
     const slots = definedProps({ source: {
-            ...composerSlots,
-            leadingAccessories: leadingAccessory,
-            footerAccessories: (_jsx(AgentRuntimePicker, { agents: runtimeView.agents, value: pane.selection, onChange: pane.setSelection, ...definedProps({ source: { onRescan: runtimeView.rescanAgents } }), scanning: runtimeView.scanningAgents, daemonOnline: runtimeView.daemonOnline, placement: runtimePickerPlacement, executionMode: executionMode, apiModeAvailable: apiModeAvailable, ...definedProps({ source: { onExecutionModeChange, byokRuntime, onByokModelChange } }) })),
+            ...surface.composerSlots,
+            leadingAccessories: surface.embed ? undefined : leadingAccessory,
+            footerAccessories: surface.embed ? undefined : (_jsx(AgentRuntimePicker, { agents: runtimeView.agents, value: pane.selection, onChange: pane.setSelection, ...definedProps({ source: { onRescan: runtimeView.rescanAgents } }), scanning: runtimeView.scanningAgents, daemonOnline: runtimeView.daemonOnline, placement: runtimePickerPlacement, executionMode: executionMode, apiModeAvailable: apiModeAvailable, ...definedProps({ source: { onExecutionModeChange, byokRuntime, onByokModelChange } }) })),
         } });
     const { rootRef, controlsRef } = useChatPaneControlsHeight();
-    return (_jsxs("section", { className: chatPaneClassName(variant, className), style: style, "data-activity": pane.activity, ref: rootRef, children: [_jsx("style", { "data-jini-chat-pane-styles": "true", children: CHAT_PANE_STYLES }), resolveChatPaneHeader(header, title, pane.reset, t), _jsxs("div", { className: "jini-chat-pane__body", children: [_jsx(MessageList, { messages: pane.conversation.messages, isStreaming: pane.conversation.isStreaming, scrollIntent: pane.conversation.scrollIntent, onScrolled: pane.conversation.acknowledgeScroll, pendingPrompt: pane.queuedPrompt === null ? null : { text: pane.queuedPrompt, onCancel: pane.cancelQueued }, ...(projectFileNames === undefined ? {} : { projectFileNames: new Set(projectFileNames) }) }), _jsxs("div", { className: "jini-chat-pane__controls", ref: controlsRef, children: [_jsx(ChatPaneSuggestionsRow, { suggestions: suggestions, onSelect: pane.composer.setDraft, t: t }), pane.secretRedacted ? _jsx("div", { className: "jini-chat-pane__notice", role: "status", children: t(SECRET_REDACTED_NOTICE) }) : null, _jsx(ChatPaneStatusMessages, { unavailable: unavailable, scanningAgents: runtimeView.scanningAgents, connectingAgents: runtimeView.connectingAgents, executionMode: executionMode, apiModeAvailable: apiModeAvailable, onExecutionModeChange: onExecutionModeChange, conversationError: pane.conversation.error, attachmentError: pane.attachmentError, dropReadError: fileDrop.dropReadError, workingDirectoryError: pane.workingDirectoryError, workingDirectoryPending: pane.workingDirectoryPending, workingDirectoryInvalid: pane.workingDirectoryInvalid, runtimeInventoryError: inventory.runtimeInventoryError, typedAnswerNotice: pane.typedAnswerNotice, onSendAsNewMessage: () => void pane.sendAsNewMessage(), t: t }), _jsx(ChatPaneComposerArea, { fileDrop: fileDrop, uploadAttachments: uploadAttachments, pane: pane, disabled: disabled, unavailable: unavailable, placeholder: composerPlaceholder, slots: slots, attachmentAccept: attachmentAccept, workingDirectoryAccess: workingDirectoryAccess, workingDirectoryControlPlacement: workingDirectoryControlPlacement, t: t })] })] }), footer] }));
+    const selectSuggestion = useChatPaneSuggestion({ rootRef, setDraft: pane.composer.setDraft });
+    const openLinkInNewTab = useChatPaneNewTabLinks();
+    // `MessageList` is memoized so a composer keystroke does not re-render the transcript; these two
+    // props would otherwise be fresh objects on every render and defeat it.
+    const { queuedPrompt, cancelQueued } = pane;
+    const pendingPrompt = useMemo(() => (queuedPrompt === null ? null : { text: queuedPrompt, onCancel: cancelQueued }), [queuedPrompt, cancelQueued]);
+    const projectFileNameSet = useMemo(() => (projectFileNames === undefined ? undefined : new Set(projectFileNames)), [projectFileNames]);
+    return (_jsxs("section", { className: chatPaneClassName(variant, className), style: style, "data-activity": pane.activity, ref: rootRef, onClickCapture: openLinkInNewTab, children: [_jsx("style", { "data-jini-chat-pane-styles": "true", children: CHAT_PANE_STYLES }), resolveChatPaneHeader(header, title, pane.reset, t), _jsxs("div", { className: "jini-chat-pane__body", children: [pane.conversation.messages.length === 0 && emptyState ? (_jsxs("div", { className: "jini-message-list jini-message-list--empty", children: [emptyState, surface.embed && _jsx(ChatPaneSuggestionsRow, { suggestions: suggestions, onSelect: selectSuggestion, t: t })] })) : (_jsx(MessageList, { messages: pane.conversation.messages, isStreaming: pane.conversation.isStreaming, scrollIntent: pane.conversation.scrollIntent, onScrolled: pane.conversation.acknowledgeScroll, pendingPrompt: pendingPrompt, toolCallDisplay: toolCallDisplay, showUsageLine: showUsageLine, showThinking: showThinking, ...(projectFileNameSet === undefined ? {} : { projectFileNames: projectFileNameSet }) })), _jsxs("div", { className: "jini-chat-pane__controls", ref: controlsRef, children: [(!surface.embed || (pane.conversation.messages.length === 0 && !emptyState)) && (_jsx(ChatPaneSuggestionsRow, { suggestions: suggestions, onSelect: selectSuggestion, t: t })), pane.secretRedacted ? _jsx("div", { className: "jini-chat-pane__notice", role: "status", children: t(SECRET_REDACTED_NOTICE) }) : null, _jsx(ChatPaneStatusMessages, { unavailable: unavailable, scanningAgents: runtimeView.scanningAgents, connectingAgents: runtimeView.connectingAgents, executionMode: executionMode, apiModeAvailable: apiModeAvailable, onExecutionModeChange: onExecutionModeChange, conversationError: pane.conversation.error, attachmentError: pane.attachmentError, dropReadError: fileDrop.dropReadError, workingDirectoryError: pane.workingDirectoryError, workingDirectoryPending: pane.workingDirectoryPending, workingDirectoryInvalid: pane.workingDirectoryInvalid, runtimeInventoryError: inventory.runtimeInventoryError, typedAnswerNotice: pane.typedAnswerNotice, onSendAsNewMessage: () => void pane.sendAsNewMessage(), t: t }), _jsx(ChatPaneComposerArea, { fileDrop: fileDrop, uploadAttachments: surface.uploadAttachments, pane: pane, disabled: disabled, unavailable: unavailable, placeholder: composerPlaceholder, slots: slots, attachmentAccept: attachmentAccept, workingDirectoryAccess: workingDirectoryAccess, workingDirectoryControlPlacement: surface.workingDirectoryControlPlacement, t: t })] })] }), footer] }));
 }
 //# sourceMappingURL=ChatPane.js.map

package/dist/react/features/chat-pane/create-mid-run-message-poster.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @module create-mid-run-message-poster
+ *
+ * The client half of a mid-run message: a ready-made {@link DeliverMidRunMessage} that posts text the
+ * human sent while a run streams to that run's live agent. Pass it as `ChatPane`'s
+ * `deliverMidRunMessage`.
+ *
+ * ```tsx
+ * <ChatPane deliverMidRunMessage={createMidRunMessagePoster({ baseUrl: '', fetch })} />
+ * ```
+ *
+ * Sibling of `create-typed-answer-poster.ts`. The route is `@jini-ai/daemon`'s
+ * `POST /api/runs/:runId/messages`: `202` when the agent took the text into its running turn, `409`
+ * with `details.delivery` when it did not.
+ *
+ * ## Why it resolves an outcome instead of throwing
+ *
+ * The pane acts differently on each outcome and must never drop the text: `'unsupported'` stops the
+ * run and sends the text as the next turn; `'not-running'` and `'failed'` queue it behind the run,
+ * which is already ending (or may be — never cut short a run the host could not reach). A 404 means
+ * the daemon never saw this run (a host-side run such as a BYOK API turn), so it is `'unsupported'`
+ * too: no live process to steer, but an interrupt still works.
+ */
+import { type UserTextRedactionOptions } from '../../../core/user-text-redaction.js';
+import type { DeliverMidRunMessage } from './types.js';
+export interface CreateMidRunMessagePosterOptions extends UserTextRedactionOptions {
+    /** Abandon a post after this many ms (reported as `'failed'`). Defaults to 30s. */
+    readonly timeoutMs?: number;
+    /** Extra headers per request (e.g. a CSRF token). `content-type` is always set and cannot be overridden. */
+    readonly headers?: Readonly<Record<string, string>>;
+}
+/**
+ * Builds a {@link DeliverMidRunMessage} that POSTs `{text}` to `${baseUrl}/api/runs/:runId/messages`.
+ *
+ * @param deps.baseUrl - Origin to call; `''` for same-origin.
+ * @param deps.fetch - The fetch to use (the browser's, in production).
+ * @returns Resolves to the outcome; never rejects.
+ * @complexity O(1) — one request per call.
+ */
+export declare function createMidRunMessagePoster({ baseUrl, fetch }: {
+    baseUrl: string;
+    fetch: typeof globalThis.fetch;
+}, options?: CreateMidRunMessagePosterOptions): DeliverMidRunMessage;
+//# sourceMappingURL=create-mid-run-message-poster.d.ts.map

package/dist/react/features/chat-pane/create-mid-run-message-poster.js

@@ -0,0 +1,69 @@
+/**
+ * @module create-mid-run-message-poster
+ *
+ * The client half of a mid-run message: a ready-made {@link DeliverMidRunMessage} that posts text the
+ * human sent while a run streams to that run's live agent. Pass it as `ChatPane`'s
+ * `deliverMidRunMessage`.
+ *
+ * ```tsx
+ * <ChatPane deliverMidRunMessage={createMidRunMessagePoster({ baseUrl: '', fetch })} />
+ * ```
+ *
+ * Sibling of `create-typed-answer-poster.ts`. The route is `@jini-ai/daemon`'s
+ * `POST /api/runs/:runId/messages`: `202` when the agent took the text into its running turn, `409`
+ * with `details.delivery` when it did not.
+ *
+ * ## Why it resolves an outcome instead of throwing
+ *
+ * The pane acts differently on each outcome and must never drop the text: `'unsupported'` stops the
+ * run and sends the text as the next turn; `'not-running'` and `'failed'` queue it behind the run,
+ * which is already ending (or may be — never cut short a run the host could not reach). A 404 means
+ * the daemon never saw this run (a host-side run such as a BYOK API turn), so it is `'unsupported'`
+ * too: no live process to steer, but an interrupt still works.
+ */
+import { redactUserText } from '../../../core/user-text-redaction.js';
+const DEFAULT_TIMEOUT_MS = 30_000;
+/** Reads `error.details.delivery` off a 409 body; anything unreadable counts as `'unsupported'`. */
+async function conflictDelivery(response) {
+    const body = await response.json().catch(() => null);
+    const delivery = body?.error?.details?.delivery;
+    return delivery === 'not-running' ? 'not-running' : 'unsupported';
+}
+/** Maps the route's response onto an outcome. Only 202 is a delivery. */
+async function deliveryFor(response) {
+    if (response.status === 202)
+        return 'delivered';
+    if (response.status === 409)
+        return conflictDelivery(response);
+    return response.status === 404 ? 'unsupported' : 'failed';
+}
+/**
+ * Builds a {@link DeliverMidRunMessage} that POSTs `{text}` to `${baseUrl}/api/runs/:runId/messages`.
+ *
+ * @param deps.baseUrl - Origin to call; `''` for same-origin.
+ * @param deps.fetch - The fetch to use (the browser's, in production).
+ * @returns Resolves to the outcome; never rejects.
+ * @complexity O(1) — one request per call.
+ */
+export function createMidRunMessagePoster({ baseUrl, fetch }, options = {}) {
+    const origin = baseUrl.replace(/\/$/u, '');
+    const timeoutMs = options.timeoutMs ?? DEFAULT_TIMEOUT_MS;
+    return async ({ runId, text }) => {
+        const result = (options.redactUserText ?? redactUserText)({ text });
+        if (result.secretRedacted)
+            options.onSecretRedacted?.({ secretRedacted: true, count: result.count });
+        const controller = new AbortController();
+        const timer = setTimeout(() => controller.abort(), timeoutMs);
+        const outcome = await fetch(`${origin}/api/runs/${encodeURIComponent(runId)}/messages`, {
+            method: 'POST',
+            // Same-origin cookie session: the human's own credentials authorize steering their run.
+            credentials: 'same-origin',
+            headers: { ...options.headers, 'content-type': 'application/json' },
+            body: JSON.stringify({ text: result.text }),
+            signal: controller.signal,
+        }).then(deliveryFor, () => 'failed');
+        clearTimeout(timer);
+        return outcome;
+    };
+}
+//# sourceMappingURL=create-mid-run-message-poster.js.map

package/dist/react/features/chat-pane/hooks/useChatPane.hooks.d.ts

@@ -1,6 +1,6 @@
 import type { UserTextRedactionOptions } from '../../../../core/user-text-redaction.js';
 import { type ChatPaneSendBlocker } from '../rules.js';
-import type { ChatPaneActivity, ChatPaneAgent, ChatPaneAttachmentUploadOptions, ChatPaneAgentSelection, ChatPaneRunContext, ChatPaneWorkingDirectoryAccess, DeliverTypedAnswer, TypedAnswerNotice } from '../types.js';
+import type { ChatPaneActivity, ChatPaneAgent, ChatPaneAttachmentUploadOptions, ChatPaneAgentSelection, ChatPaneRunContext, ChatPaneWorkingDirectoryAccess, DeliverMidRunMessage, DeliverTypedAnswer, TypedAnswerNotice } from '../types.js';
 import type { ChatAttachment, ChatMessage } from '@jini-ai/chat';
 import type { ComposerHistoryStoragePort } from '../../../../core/composer-history.js';
 import type { ChatTransport } from '@jini-ai/chat';
@@ -11,6 +11,7 @@ export interface UseChatPaneOptions extends UserTextRedactionOptions {
     transport: ChatTransport;
     agents: readonly ChatPaneAgent[];
     initialMessages?: ChatMessage[];
+    refreshSignal?: import('../../../hooks/useConversation.js').UseConversationOptions['refreshSignal'];
     conversationId?: string | null;
     initialSelection?: ChatPaneAgentSelection;
     selection?: ChatPaneAgentSelection;
@@ -36,6 +37,8 @@ export interface UseChatPaneOptions extends UserTextRedactionOptions {
     apiModeConfigured?: boolean;
     /** See `ChatPaneProps.deliverTypedAnswer`. Omitted keeps today's queue-while-streaming behavior. */
     deliverTypedAnswer?: DeliverTypedAnswer;
+    /** See `ChatPaneProps.deliverMidRunMessage`. Omitted keeps today's queue-while-streaming behavior. */
+    deliverMidRunMessage?: DeliverMidRunMessage;
 }
 export interface UseChatPaneResult extends UseChatPaneWorkingDirectoryResult {
     /** Show a localized non-secret notice when a paste was removed. */