@jini-ai/chat 0.3.11 → 0.5.0

package/dist/react/components/McpUiSurfaceCard.js

@@ -87,7 +87,7 @@ function latestResourcesByUri(events) {
  * handle that does not, which would take down the whole surface card's render for an otherwise
  * perfectly valid resource), this sanitizes unconditionally: lowercase, collapse every run of
  * disallowed characters to one hyphen, trim the ends. A URI already shaped like
- * `ui://tovu/deployment-execute-static-publish/<uuid>` survives this close to verbatim; this only
+ * `ui://host/deployment-execute-static-publish/<uuid>` survives this close to verbatim; this only
  * has teeth for a producer whose id scheme this package has never seen.
  */
 function pendingMirrorHandle(uri) {
@@ -119,7 +119,7 @@ const UNANSWERED_RESULT = /\b(expired|abandoned|did not respond|run ended)\b/i;
  *
  * A held-open question (the tool shows the card and waits) is over once its tool call returns, and
  * dead once its run ends without that return. Its first document stays on screen either way, so
- * without this an expired, answered or orphaned question still looked answerable (Tovu stuck-chat
+ * without this an expired, answered or orphaned question still looked answerable (host stuck-chat
  * investigation, 2026-09-27). Only a card still showing that FIRST document closes: a tool that sent
  * a follow-up document for the same `ui://` URI (an outcome after the answer) keeps showing it.
  *
@@ -172,10 +172,10 @@ export function McpUiSurfaceCard({ events, sandboxProxyUrl, onToolCall, onOpenLi
  * The ext-event slot key for MCP-UI: one slot per `ui://` URI. Each resource is its own card, so a
  * run's second card renders where it arrived instead of inside the first card's slot, while a
  * re-emitted resource with the same URI still updates its card in place. Pass it as
- * `registerExtEventRenderer(MCP_UI_EXT_EVENT_NAME, renderer, { slotKey: mcpUiSurfaceSlotKey })`
+ * `registerExtEventRenderer({ name: MCP_UI_EXT_EVENT_NAME, renderer }, { slotKey: mcpUiSurfaceSlotKey })`
  * when registering a custom MCP-UI renderer; {@link registerMcpUiSurfaceRenderer} already does.
  */
-export function mcpUiSurfaceSlotKey(data) {
+export function mcpUiSurfaceSlotKey({ data }) {
     return parseUIResource(data)?.resource.uri;
 }
 /**
@@ -195,6 +195,6 @@ export function mcpUiSurfaceSlotKey(data) {
  * @returns An unregister handle, so a test or a hot reload can dispose cleanly.
  */
 export function registerMcpUiSurfaceRenderer(options) {
-    return registerExtEventRenderer(options.name ?? MCP_UI_EXT_EVENT_NAME, (props) => (_jsx(McpUiSurfaceCard, { ...props, sandboxProxyUrl: options.sandboxProxyUrl, ...(options.onToolCall === undefined ? {} : { onToolCall: options.onToolCall }), ...(options.onOpenLink === undefined ? {} : { onOpenLink: options.onOpenLink }), ...(options.maxHeight === undefined ? {} : { maxHeight: options.maxHeight }) })), { slotKey: mcpUiSurfaceSlotKey });
+    return registerExtEventRenderer({ name: options.name ?? MCP_UI_EXT_EVENT_NAME, renderer: (props) => (_jsx(McpUiSurfaceCard, { ...props, sandboxProxyUrl: options.sandboxProxyUrl, ...(options.onToolCall === undefined ? {} : { onToolCall: options.onToolCall }), ...(options.onOpenLink === undefined ? {} : { onOpenLink: options.onOpenLink }), ...(options.maxHeight === undefined ? {} : { maxHeight: options.maxHeight }) })) }, { slotKey: mcpUiSurfaceSlotKey });
 }
 //# sourceMappingURL=McpUiSurfaceCard.js.map

package/dist/react/components/MessageList.js

@@ -76,7 +76,7 @@ export function MessageList({ messages, isStreaming = false, scrollIntent = fals
             stickToBottomRef.current = isScrolledToBottom(event.currentTarget);
         }, "data-agent-element": "chat-transcript", "data-agent-role": "list", "data-agent-label": "The conversation transcript, oldest message first", children: [messages.map((message) => {
                 const isLast = message.id === messages[messages.length - 1]?.id;
-                const runStreaming = isLast && isStreaming && !isTerminalRunStatus(message.runStatus);
+                const runStreaming = isLast && isStreaming && !isTerminalRunStatus({ status: message.runStatus });
                 return (_jsx(MessageRow, { message: message, runStreaming: runStreaming, runSucceeded: message.runStatus === 'succeeded', questionFormInteractive: message.id === activeQuestionFormMessageId, ...(questionFormSubmittedAnswersByMessageId?.[message.id] !== undefined ? { questionFormSubmittedAnswers: questionFormSubmittedAnswersByMessageId[message.id] } : {}), ...(onQuestionFormSubmit !== undefined ? { onQuestionFormSubmit: (text, answers) => onQuestionFormSubmit(message.id, text, answers) } : {}), ...(projectFileNames !== undefined ? { projectFileNames } : {}), ...(onRequestOpenFile !== undefined ? { onRequestOpenFile } : {}), ...(renderAttachment !== undefined ? { renderAttachment } : {}) }, message.id));
             }), pendingPrompt ? (_jsxs("div", { className: "jini-chat-pane__queued", role: "status", "aria-label": t('Message queued — not yet sent, will send once the current run finishes'), "data-testid": "chat-pane-queued", "data-agent-element": "chat-message-pending", "data-agent-role": "region", "data-agent-label": "A message queued to send once the current run finishes", children: [_jsx("div", { className: "jini-chat-pane__queued-text", children: pendingPrompt.text }), _jsx("div", { className: "jini-chat-pane__queued-actions", children: _jsx("button", { type: "button", className: "jini-chat-pane__queued-cancel", onClick: pendingPrompt.onCancel, title: t('Cancel queued message'), children: t('Cancel') }) })] })) : null] }));
 }

package/dist/react/components/MessageRow.js

@@ -104,7 +104,7 @@ function isPendingWithNoContent(message, visibleContent, toolRowCount) {
  * @complexity O(1) — one comparison plus a set lookup via `isTerminalRunStatus`.
  */
 function isRunInProgress(runStatus) {
-    return runStatus !== undefined && !isTerminalRunStatus(runStatus);
+    return runStatus !== undefined && !isTerminalRunStatus({ status: runStatus });
 }
 /** One "Done · 6m 29s · 2612 out · $0.4028" summary line, from the run's own `kind:'usage'` event — never estimated client-side. Renders only the fields the event actually carries, so a transport that supplies partial usage data degrades gracefully instead of showing fabricated zeros. */
 function UsageSummary({ usage }) {
@@ -138,8 +138,8 @@ function CopyMessageButton({ text, label }) {
 }
 export function MessageRow({ message, runStreaming = false, runSucceeded = false, questionFormInteractive = false, questionFormSubmittedAnswers, onQuestionFormSubmit, projectFileNames, onRequestOpenFile, renderAttachment, }) {
     const t = useT();
-    const timeline = useToolTimeline(message.events, { runStreaming, runSucceeded });
-    const extGroups = useExtEventGroups(message.events, extEventSlot);
+    const timeline = useToolTimeline({ events: message.events }, { runStreaming, runSucceeded });
+    const extGroups = useExtEventGroups({ events: message.events }, { slotOf: (name, data) => extEventSlot({ name, data }) });
     // Which attachment chip (if any) this row's preview modal is open for. Row-local, not
     // module-level: two attachments in the same message can never be "open" at once, but two
     // different messages opening their own attachments independently is fine and expected.
@@ -147,8 +147,8 @@ export function MessageRow({ message, runStreaming = false, runSucceeded = false
     if (message.role === 'user') {
         return (_jsxs("div", { className: "jini-message jini-message-user", "data-message-id": message.id, "data-agent-element": `chat-message-${message.id}`, "data-agent-role": "region", "data-agent-label": "A message from the user", children: [message.attachments && message.attachments.length > 0 ? (_jsx("div", { className: "jini-message-attachments", children: message.attachments.map((a) => (_jsx("button", { type: "button", className: "jini-message-attachment-chip", onClick: () => setOpenAttachment(a), title: t('Open {name}', { name: a.name }), "aria-label": t('Open {name}', { name: a.name }), children: renderAttachment ? renderAttachment(a) : a.name }, a.path))) })) : null, _jsx("div", { className: "jini-message-content", children: message.content }), _jsx("div", { className: "jini-message-actions jini-message-actions--user", children: _jsx(CopyMessageButton, { text: message.content, label: t('Copy message') }) }), openAttachment ? (_jsx(AttachmentPreviewModal, { attachment: openAttachment, onClose: () => setOpenAttachment(null) })) : null] }));
     }
-    const visibleContent = stripArtifact(message.content);
-    const segments = splitOnQuestionForms(visibleContent);
+    const visibleContent = stripArtifact({ content: message.content });
+    const segments = splitOnQuestionForms({ input: visibleContent });
     const usageEvent = message.events?.filter((ev) => ev.kind === 'usage').pop();
     // Interleaving is skipped outright when an artifact was stripped. `stripArtifact` operates on the
     // whole string and trims, so the surviving text no longer lines up with the per-run offsets the
@@ -156,13 +156,13 @@ export function MessageRow({ message, runStreaming = false, runSucceeded = false
     // reason about partial overlaps, an artifact-bearing message keeps the flat layout — those
     // messages are dominated by the artifact panel anyway, so the ordering matters least there.
     const blocks = visibleContent === message.content
-        ? interleaveMessageBlocks(message.events, message.content, timeline.rows, (ev) => extEventSlot(ev.name, ev.data))
+        ? interleaveMessageBlocks({ events: message.events, content: message.content, rows: timeline.rows }, { slotOf: (ev) => extEventSlot({ name: ev.name, data: ev.data }) })
         : null;
     const pending = isPendingWithNoContent(message, visibleContent, timeline.rows.length);
     const runInProgress = isRunInProgress(message.runStatus);
     const renderToolCard = (row) => (_jsx(ToolCard, { use: row.use, result: row.result, runStreaming: runStreaming, runSucceeded: runSucceeded, ...(projectFileNames !== undefined ? { projectFileNames } : {}), ...(onRequestOpenFile !== undefined ? { onRequestOpenFile } : {}) }, row.id));
     const renderExtGroup = (group) => {
-        const renderer = getExtEventRenderer(group.name);
+        const renderer = getExtEventRenderer({ name: group.name });
         if (!renderer)
             return null;
         const node = renderer({
@@ -181,7 +181,7 @@ export function MessageRow({ message, runStreaming = false, runSucceeded = false
         // arrives for it, instead of staying tombstoned for the message's whole lifetime.
         _jsx(ExtEventErrorBoundary, { name: group.name, children: _jsx("div", { children: node }) }, `${group.slot}:${group.events.length}`));
     };
-    const renderTextSegments = (text, keyPrefix) => splitOnQuestionForms(text).map((segment, i) => segment.kind === 'text' ? (segment.text.trim() ? (_jsx("div", { className: "jini-message-content", children: _jsx(Markdown, { children: segment.text }) }, `${keyPrefix}-${i}`)) : null) : (_jsx(QuestionForm, { form: segment.form, interactive: questionFormInteractive, ...(questionFormSubmittedAnswers !== undefined ? { submittedAnswers: questionFormSubmittedAnswers } : {}), ...(onQuestionFormSubmit !== undefined ? { onSubmit: onQuestionFormSubmit } : {}) }, `${keyPrefix}-${i}`)));
+    const renderTextSegments = (text, keyPrefix) => splitOnQuestionForms({ input: text }).map((segment, i) => segment.kind === 'text' ? (segment.text.trim() ? (_jsx("div", { className: "jini-message-content", children: _jsx(Markdown, { children: segment.text }) }, `${keyPrefix}-${i}`)) : null) : (_jsx(QuestionForm, { form: segment.form, interactive: questionFormInteractive, ...(questionFormSubmittedAnswers !== undefined ? { submittedAnswers: questionFormSubmittedAnswers } : {}), ...(onQuestionFormSubmit !== undefined ? { onSubmit: onQuestionFormSubmit } : {}) }, `${keyPrefix}-${i}`)));
     return (_jsxs("div", { className: "jini-message jini-message-assistant", "data-message-id": message.id, "data-run-status": message.runStatus, "data-agent-element": `chat-message-${message.id}`, "data-agent-role": "region", "data-agent-label": "A reply from the assistant", children: [message.agentName ? _jsx("div", { className: "jini-message-agent", children: message.agentName }) : null, blocks
                 ? blocks.map((block) => {
                     if (block.kind === 'text') {
@@ -203,7 +203,7 @@ export function MessageRow({ message, runStreaming = false, runSucceeded = false
  * Kept a separate component so its one-second tick re-renders only this line, not the whole row.
  */
 function RunActivityLine({ events, active }) {
-    const label = useRunActivity(events, active);
+    const label = useRunActivity({ events: events, active: active });
     if (label === null)
         return null;
     return (_jsx("div", { className: "jini-message-pending jini-run-activity", "aria-live": "off", children: label }));

package/dist/react/components/QuestionForm.js

@@ -81,15 +81,15 @@ export const QuestionForm = forwardRef(function QuestionForm({ form, interactive
             return;
         const files = collectFileSubmissions(form, fileAnswers);
         if (files.length > 0)
-            onSubmit(formatFormAnswers(form, answers), answers, files);
+            onSubmit(formatFormAnswers({ form: form, answers: answers }), answers, files);
         else
-            onSubmit(formatFormAnswers(form, answers), answers);
+            onSubmit(formatFormAnswers({ form: form, answers: answers }), answers);
     }
     function handleSkipAll() {
         if (locked || !onSubmit)
             return;
         const empty = {};
-        onSubmit(formatFormAnswers(form, empty), empty);
+        onSubmit(formatFormAnswers({ form: form, answers: empty }), empty);
     }
     const withinSelectionLimits = form.questions.every((q) => {
         if (q.type !== 'checkbox' || q.maxSelections === undefined)
@@ -192,8 +192,8 @@ function emptyQuestionValue(q) {
 }
 function canonicalizeQuestionValue(q, value) {
     if (Array.isArray(value))
-        return value.map((entry) => formOptionValueForLabel(q, entry));
-    return formOptionValueForLabel(q, value);
+        return value.map((entry) => formOptionValueForLabel({ question: q, labelOrValue: entry }));
+    return formOptionValueForLabel({ question: q, labelOrValue: value });
 }
 function shouldRenderCustomChoice(q) {
     return q.allowCustom !== false;

package/dist/react/components/ToolCard.js

@@ -46,10 +46,10 @@ export function ToolCard({ use, result, runStreaming, runSucceeded, projectFileN
     return (_jsx("div", { "data-agent-element": `tool-call-${use.id}`, "data-agent-role": "region", "data-agent-label": `A ${humanizeToolId(name)} tool call the AI made`, children: content }));
 }
 function renderToolCardBody(name, use, result, isStreaming, isSucceeded, fileCtx) {
-    const custom = getToolRenderer(name);
+    const custom = getToolRenderer({ name: name });
     if (custom) {
         try {
-            const node = custom(toRenderProps(use, result, isStreaming, isSucceeded));
+            const node = custom(toRenderProps({ use: use, result: result, runStreaming: isStreaming }, { runSucceeded: isSucceeded }));
             if (node !== undefined && node !== null && node !== false)
                 return node;
         }
@@ -67,8 +67,8 @@ function renderToolCardBody(name, use, result, isStreaming, isSucceeded, fileCtx
     // visible rather than disappear silently.
     if (EXECUTE_DELEGATED_TOOL_NAMES.has(name) && result && !result.isError)
         return null;
-    if (isTodoWriteToolName(name))
-        return _jsx(TodoCard, { todos: parseTodoWriteInput(use.input), runStreaming: isStreaming });
+    if (isTodoWriteToolName({ name: name }))
+        return _jsx(TodoCard, { todos: parseTodoWriteInput({ input: use.input }), runStreaming: isStreaming });
     if (name === 'Write' || name === 'write' || name === 'create_file')
         return _jsx(FileWriteCard, { input: use.input, result: result, runStreaming: isStreaming, runSucceeded: isSucceeded, ctx: fileCtx });
     if (name === 'Edit' || name === 'str_replace_edit')
@@ -137,21 +137,21 @@ function DelegatedToolCard({ name, input, result, runStreaming, runSucceeded })
     const args = EXECUTE_DELEGATED_TOOL_NAMES.has(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(result.content), 2000) }) : null, _jsx(ToolResultMedia, { result: result })] }) }) }), _jsx(FileErrorDetail, { result: 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 })] }));
 }
 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(result.content), 2000) }) : null }) }) }), _jsx(FileErrorDetail, { result: 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 })] }));
 }
 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(result.content), 2000) }) : null }) }) }), _jsx(FileErrorDetail, { result: 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 })] }));
 }
 function OpenInTabButton({ filePath, ctx }) {
     const t = useT();
@@ -208,7 +208,7 @@ function BashCard({ input, result, runStreaming, runSucceeded }) {
     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(result.content), 4000) }) : null] }) }) })] }));
+    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] }) }) })] }));
 }
 function GlobCard({ input, result, runStreaming, runSucceeded }) {
     const t = useT();
@@ -268,7 +268,7 @@ function ToolResultMedia({ result }) {
 function FileErrorDetail({ result }) {
     if (!result?.isError || !result.content.trim())
         return null;
-    return _jsx("pre", { className: "op-output", children: truncate(formatToolOutputForDisplay(result.content), 1200) });
+    return _jsx("pre", { className: "op-output", children: truncate(formatToolOutputForDisplay({ text: result.content }), 1200) });
 }
 function describeInput(input) {
     if (input == null)

package/dist/react/components/composer-discovery.d.ts

@@ -26,7 +26,9 @@ export interface ComposerSlashQuery {
  * still no internal whitespace or slash — so every existing no-argument caller parses identically
  * to before this extension.
  */
-export declare function parseComposerSlashQuery(draft: string): ComposerSlashQuery | null;
+export declare function parseComposerSlashQuery({ draft }: {
+    draft: string;
+}): ComposerSlashQuery | null;
 /**
  * Flattens non-empty groups while preserving host order, then filters.
  *
@@ -34,7 +36,10 @@ export declare function parseComposerSlashQuery(draft: string): ComposerSlashQue
  * still being typed (`argument === null`), {@link matchesLockedCommand} once a separator has been
  * typed (`argument !== null`) — see each helper's own doc for why the rule changes at that point.
  */
-export declare function filterComposerDiscovery(groups: readonly ComposerDiscoveryGroup[], query: ComposerSlashQuery): ComposerDiscoveryMatch[];
+export declare function filterComposerDiscovery({ groups, query }: {
+    groups: readonly ComposerDiscoveryGroup[];
+    query: ComposerSlashQuery;
+}): ComposerDiscoveryMatch[];
 export type ComposerSlashResolution = {
     /**
      * The command word is not yet complete, or a required argument hasn't been typed yet.
@@ -63,11 +68,20 @@ export type ComposerSlashResolution = {
  * argument-taking command the moment a separator exists and (if required) the argument is
  * non-blank.
  */
-export declare function resolveComposerSlashInvocation(draft: string, item: ComposerDiscoveryItem): ComposerSlashResolution | null;
+export declare function resolveComposerSlashInvocation({ draft, item }: {
+    draft: string;
+    item: ComposerDiscoveryItem;
+}): ComposerSlashResolution | null;
 /** Replaces the complete active slash token; callers only invoke this after the parser matches. */
-export declare function replaceComposerSlashTrigger(draft: string, insertText: string): string;
+export declare function replaceComposerSlashTrigger({ draft, insertText }: {
+    draft: string;
+    insertText: string;
+}): string;
 /** Adds a menu-selected resource to an existing prompt without concatenating words. */
-export declare function appendComposerDiscovery(draft: string, insertText: string): string;
+export declare function appendComposerDiscovery({ draft, insertText }: {
+    draft: string;
+    insertText: string;
+}): string;
 export type ComposerSlashKeyAction = {
     type: 'move';
     offset: -1 | 1;
@@ -79,7 +93,10 @@ export type ComposerSlashKeyAction = {
     type: 'none';
 };
 /** Maps palette keys without owning React state; arrows are intentionally circular at the caller. */
-export declare function resolveComposerSlashKeyAction(key: string, shiftKey: boolean): ComposerSlashKeyAction;
+export declare function resolveComposerSlashKeyAction({ key, shiftKey }: {
+    key: string;
+    shiftKey: boolean;
+}): ComposerSlashKeyAction;
 /** The subset of `DOMRect` the popover-positioning math below actually reads, so a caller (or a
  *  test) can pass a plain object instead of constructing every read-only `DOMRect` accessor. */
 export interface ComposerMenuAnchorRect {
@@ -95,7 +112,9 @@ export interface ComposerMenuAnchorRect {
  *
  * @complexity Time/space: O(1).
  */
-export declare function composerDiscoveryMenuPosition(composerRect: ComposerMenuAnchorRect): CSSProperties;
+export declare function composerDiscoveryMenuPosition({ composerRect }: {
+    composerRect: ComposerMenuAnchorRect;
+}): CSSProperties;
 /**
  * Viewport-fixed position for the slash-command palette, anchored to `.jini-composer`'s live
  * rect. Keeps the palette's existing full-width-minus-insets footprint (`inset-inline: 8px` in
@@ -103,5 +122,7 @@ export declare function composerDiscoveryMenuPosition(composerRect: ComposerMenu
  *
  * @complexity Time/space: O(1).
  */
-export declare function composerSlashMenuPosition(composerRect: ComposerMenuAnchorRect): CSSProperties;
+export declare function composerSlashMenuPosition({ composerRect }: {
+    composerRect: ComposerMenuAnchorRect;
+}): CSSProperties;
 //# sourceMappingURL=composer-discovery.d.ts.map

package/dist/react/components/composer-discovery.js

@@ -5,7 +5,7 @@ const SLASH_QUERY_RE = /^\/([^\s/]*)(?:(\s+)([\s\S]*))?$/;
  * still no internal whitespace or slash — so every existing no-argument caller parses identically
  * to before this extension.
  */
-export function parseComposerSlashQuery(draft) {
+export function parseComposerSlashQuery({ draft }) {
     const match = SLASH_QUERY_RE.exec(draft);
     if (!match)
         return null;
@@ -42,7 +42,7 @@ function matchesFuzzyCommand(item, normalizedCommand) {
  * still being typed (`argument === null`), {@link matchesLockedCommand} once a separator has been
  * typed (`argument !== null`) — see each helper's own doc for why the rule changes at that point.
  */
-export function filterComposerDiscovery(groups, query) {
+export function filterComposerDiscovery({ groups, query }) {
     const normalizedCommand = query.command.trim().toLowerCase();
     const matchesQuery = query.argument !== null ? matchesLockedCommand : matchesFuzzyCommand;
     const matches = [];
@@ -69,8 +69,8 @@ export function filterComposerDiscovery(groups, query) {
  * argument-taking command the moment a separator exists and (if required) the argument is
  * non-blank.
  */
-export function resolveComposerSlashInvocation(draft, item) {
-    const query = parseComposerSlashQuery(draft);
+export function resolveComposerSlashInvocation({ draft, item }) {
+    const query = parseComposerSlashQuery({ draft });
     if (!query)
         return null;
     if (!item.command)
@@ -90,17 +90,17 @@ export function resolveComposerSlashInvocation(draft, item) {
     return { type: 'invoke', argument: query.argument };
 }
 /** Replaces the complete active slash token; callers only invoke this after the parser matches. */
-export function replaceComposerSlashTrigger(draft, insertText) {
-    return parseComposerSlashQuery(draft) === null ? draft : insertText;
+export function replaceComposerSlashTrigger({ draft, insertText }) {
+    return parseComposerSlashQuery({ draft }) === null ? draft : insertText;
 }
 /** Adds a menu-selected resource to an existing prompt without concatenating words. */
-export function appendComposerDiscovery(draft, insertText) {
+export function appendComposerDiscovery({ draft, insertText }) {
     if (draft.trim() === '')
         return insertText;
     return `${draft.trimEnd()} ${insertText}`;
 }
 /** Maps palette keys without owning React state; arrows are intentionally circular at the caller. */
-export function resolveComposerSlashKeyAction(key, shiftKey) {
+export function resolveComposerSlashKeyAction({ key, shiftKey }) {
     if (key === 'ArrowDown')
         return { type: 'move', offset: 1 };
     if (key === 'ArrowUp')
@@ -150,7 +150,7 @@ function verticalUpPosition(anchorTop) {
  *
  * @complexity Time/space: O(1).
  */
-export function composerDiscoveryMenuPosition(composerRect) {
+export function composerDiscoveryMenuPosition({ composerRect }) {
     const inset = 8;
     return {
         ...verticalUpPosition(composerRect.top),
@@ -165,7 +165,7 @@ export function composerDiscoveryMenuPosition(composerRect) {
  *
  * @complexity Time/space: O(1).
  */
-export function composerSlashMenuPosition(composerRect) {
+export function composerSlashMenuPosition({ composerRect }) {
     const inset = 8;
     return {
         ...verticalUpPosition(composerRect.top),

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

@@ -63,11 +63,13 @@ export type ExtEventRenderer = (props: ExtEventRenderProps) => ReactNode;
  * occurrence — right for a stream that builds a single surface (A2UI's create → update sequence).
  * It is wrong for a protocol whose events are separate surfaces: MCP-UI emits one resource per
  * card, so a run's second card rendered inside the first card's slot, far above where it arrived,
- * and a run blocked on it waited for an answer nobody could see (Tovu stuck-chat investigation,
+ * and a run blocked on it waited for an answer nobody could see (host stuck-chat investigation,
  * 2026-09-27). A slot key gives each surface its own slot at its own first occurrence; later events
  * with the same key still update that slot in place.
  */
-export type ExtEventSlotKey = (data: unknown) => string | undefined;
+export type ExtEventSlotKey = (required: {
+    data: unknown;
+}) => string | undefined;
 export interface ExtEventRendererOptions {
     /** See {@link ExtEventSlotKey}. Omit for one shared slot per `name`. */
     slotKey?: ExtEventSlotKey;
@@ -76,14 +78,22 @@ export interface ExtEventRendererOptions {
  * Register a renderer for an ext-event `name`. Returns an unregister handle so tests / hot-reloads
  * can dispose cleanly. Re-registering the same name overwrites — last writer wins.
  */
-export declare function registerExtEventRenderer(name: string, renderer: ExtEventRenderer, options?: ExtEventRendererOptions): () => void;
-export declare function getExtEventRenderer(name: string): ExtEventRenderer | undefined;
+export declare function registerExtEventRenderer({ name, renderer }: {
+    name: string;
+    renderer: ExtEventRenderer;
+}, options?: ExtEventRendererOptions): () => void;
+export declare function getExtEventRenderer({ name }: {
+    name: string;
+}): ExtEventRenderer | undefined;
 /**
  * The render slot an ext event belongs to: its `name`, or `name:key` when the name's renderer was
  * registered with a {@link ExtEventSlotKey} that recognizes this event. A throwing key function
  * falls back to the shared slot rather than taking the whole message down.
  */
-export declare function extEventSlot(name: string, data: unknown): string;
+export declare function extEventSlot({ name, data }: {
+    name: string;
+    data: unknown;
+}): string;
 /** Visible mainly for tests. */
 export declare function clearExtEventRenderers(): void;
 //# sourceMappingURL=ext-event-renderer-registry.d.ts.map

package/dist/react/ext-event-renderer-registry.js

@@ -3,7 +3,7 @@ const renderers = new Map();
  * Register a renderer for an ext-event `name`. Returns an unregister handle so tests / hot-reloads
  * can dispose cleanly. Re-registering the same name overwrites — last writer wins.
  */
-export function registerExtEventRenderer(name, renderer, options = {}) {
+export function registerExtEventRenderer({ name, renderer }, options = {}) {
     const entry = { renderer, slotKey: options.slotKey };
     renderers.set(name, entry);
     return () => {
@@ -11,7 +11,7 @@ export function registerExtEventRenderer(name, renderer, options = {}) {
             renderers.delete(name);
     };
 }
-export function getExtEventRenderer(name) {
+export function getExtEventRenderer({ name }) {
     return renderers.get(name)?.renderer;
 }
 /**
@@ -19,13 +19,13 @@ export function getExtEventRenderer(name) {
  * registered with a {@link ExtEventSlotKey} that recognizes this event. A throwing key function
  * falls back to the shared slot rather than taking the whole message down.
  */
-export function extEventSlot(name, data) {
+export function extEventSlot({ name, data }) {
     const slotKey = renderers.get(name)?.slotKey;
     if (!slotKey)
         return name;
     let key;
     try {
-        key = slotKey(data);
+        key = slotKey({ data });
     }
     catch {
         key = undefined;

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

@@ -1,7 +1,9 @@
 import { runtimeOptionLabel, runtimePopoverPosition } from '../hooks/useAgentRuntimePicker.hooks.js';
 import type { AgentRuntimePickerProps, ChatPaneAgent } from '../types.js';
 export { runtimeOptionLabel, runtimePopoverPosition };
-export declare function runtimeAgentStatus(agent: ChatPaneAgent): string;
+export declare function runtimeAgentStatus({ agent }: {
+    agent: ChatPaneAgent;
+}): string;
 /**
  * Renders the package-owned local/API, agent, model, and reasoning picker.
  *

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

@@ -7,7 +7,7 @@ import { runtimeOptionLabel, runtimePopoverPosition, useAgentRuntimePicker, } fr
 // Re-exported so this module's public surface is unchanged by the behavior extraction; both are
 // pure and now live beside the hook that consumes them.
 export { runtimeOptionLabel, runtimePopoverPosition };
-export function runtimeAgentStatus(agent) {
+export function runtimeAgentStatus({ agent }) {
     if (agent.available === false)
         return agent.diagnostic ?? 'Not found on PATH';
     if (agent.authStatus === 'missing')
@@ -23,8 +23,8 @@ function RuntimeAgentList({ orderedAgents, value, onChange, agentIconBasePath, t
     }
     return (_jsx(_Fragment, { children: orderedAgents.map((agent) => {
             const active = agent.id === value.agentId;
-            const status = runtimeAgentStatus(agent);
-            return (_jsxs("button", { type: "button", role: "radio", "aria-checked": active, className: `jini-runtime-agent${active ? ' is-active' : ''}`, "aria-current": active ? 'true' : undefined, "aria-label": `${agent.name} · ${status}`, onClick: () => onChange(defaultChatPaneSelection(agent)), children: [_jsx(AgentIcon, { id: agent.id, size: 20, className: "jini-runtime-agent-icon", ...(agentIconBasePath === undefined ? {} : { basePath: agentIconBasePath }) }), _jsx("span", { className: "jini-runtime-agent__copy", children: _jsx("strong", { children: agent.name }) }), agent.supportsTools === false ? (_jsx("span", { className: "jini-runtime-agent__badge", title: t("This CLI has no MCP support, so it cannot use this app's tools."), children: t('No tools') })) : null, _jsx("span", { className: "jini-runtime-agent__status", children: active ? t('selected') : status }), active ? (_jsx(RemixIcon, { name: "check-line", size: 19, className: "jini-runtime-check" })) : null] }, agent.id));
+            const status = runtimeAgentStatus({ agent: agent });
+            return (_jsxs("button", { type: "button", role: "radio", "aria-checked": active, className: `jini-runtime-agent${active ? ' is-active' : ''}`, "aria-current": active ? 'true' : undefined, "aria-label": `${agent.name} · ${status}`, onClick: () => onChange(defaultChatPaneSelection({ agent: agent })), children: [_jsx(AgentIcon, { id: agent.id, size: 20, className: "jini-runtime-agent-icon", ...(agentIconBasePath === undefined ? {} : { basePath: agentIconBasePath }) }), _jsx("span", { className: "jini-runtime-agent__copy", children: _jsx("strong", { children: agent.name }) }), agent.supportsTools === false ? (_jsx("span", { className: "jini-runtime-agent__badge", title: t("This CLI has no MCP support, so it cannot use this app's tools."), children: t('No tools') })) : null, _jsx("span", { className: "jini-runtime-agent__status", children: active ? t('selected') : status }), active ? (_jsx(RemixIcon, { name: "check-line", size: 19, className: "jini-runtime-check" })) : null] }, agent.id));
         }) }));
 }
 function RuntimeModelSelects({ selectedAgent, value, onChange, t }) {