@jini-ai/chat 0.5.6 → 0.5.7

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 { 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", 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", 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", 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,82 @@ 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", 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", 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", 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", 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", 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", 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", 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", 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", 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, and a panel that stays mounted while
+ * collapsed — a `page.*` DOM reader sees the detail 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, 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: _jsx("div", { className: "accordion-collapsible-inner", children: children }) }), after] }));
+}
+/** 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/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, 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, workingDirectory, initialWorkingDirectory, onChangeWorkingDirectory, workingDirectoryAccess, workingDirectoryControlPlacement, projectFileNames, 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,7 @@ 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 { useChatPaneFileDrop, } from '../hooks/useChatPaneFileDrop.hooks.js';
 import { useChatPaneRuntimeInventory, } from '../hooks/useChatPaneRuntimeInventory.hooks.js';
 import { CHAT_PANE_STYLES } from '../styles.js';
@@ -179,7 +180,7 @@ 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, 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 = [], workingDirectory, initialWorkingDirectory, onChangeWorkingDirectory, workingDirectoryAccess, workingDirectoryControlPlacement = 'below', projectFileNames, uploadAttachments, attachmentAccept, disabled = false, runtimePickerPlacement = 'up', composerSlots, header, leadingAccessory, footer, className, style, }) {
     const t = useT();
     const composerPlaceholder = useChatPaneComposerPlaceholder({ placeholder: placeholder, placeholders: placeholders });
     const inventory = useChatPaneRuntimeInventory(definedProps({ source: {
@@ -216,6 +217,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
@@ -268,6 +270,12 @@ export function ChatPane({ transport, agents: injectedAgents = EMPTY_AGENTS, run
             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 } }) })),
         } });
     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 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: [_jsx(MessageList, { messages: pane.conversation.messages, isStreaming: pane.conversation.isStreaming, scrollIntent: pane.conversation.scrollIntent, onScrolled: pane.conversation.acknowledgeScroll, pendingPrompt: pendingPrompt, ...(projectFileNameSet === undefined ? {} : { projectFileNames: projectFileNameSet }) }), _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] }));
 }
 //# 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';
@@ -36,6 +36,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. */

package/dist/react/features/chat-pane/hooks/useChatPane.hooks.js

@@ -1,6 +1,6 @@
 import { useUserTextGuard } from '../../../hooks/useUserTextGuard.js';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { describeChatPaneSendBlocker, findAwaitedTypedAnswerId, findChatPaneSendBlocker, isChatPaneQueueableBlocker, isTypedAnswerTurn, resolveChatPaneSelection, } from '../rules.js';
+import { describeChatPaneSendBlocker, findAwaitedTypedAnswerId, findChatPaneSendBlocker, findMidRunMessageRunId, isChatPaneQueueableBlocker, isTypedAnswerTurn, resolveChatPaneSelection, } from '../rules.js';
 import { definedProps } from '../../../util/defined-props.js';
 import { cacheAttachmentPreviewSource } from '../../../hooks/attachment-preview-cache.js';
 import { readCachedAttachmentBatchId, writeCachedAttachmentBatchId, } from '../../../hooks/composer-draft-cache.js';
@@ -34,6 +34,20 @@ async function deliverTypedAnswerSafely({ deliver, text }) {
         return 'failed';
     }
 }
+/**
+ * Hands one mid-run message to the host. A throw counts as `'failed'`, which queues the text — the
+ * host could not say whether the run took it, and a message must never be dropped.
+ *
+ * @complexity O(1) plus the host's own request.
+ */
+async function deliverMidRunMessageSafely({ deliver, runId, text }) {
+    try {
+        return await deliver({ runId, text });
+    }
+    catch {
+        return 'failed';
+    }
+}
 /** Module scope so each branch costs 1 cognitive point instead of 2 (nested one level inside
  * `useChatPane` where it used to live as a ternary chain). */
 function resolveChatPaneActivity(selectedAgent, conversation) {
@@ -344,20 +358,55 @@ export function useChatPane(options) {
         if (latestDraftRef.current === submittedDraft)
             composer.setDraft('');
     }, [awaitedQuestionId, composer, guard.redactText]);
-    // The ordinary next-turn path: queue behind a running run, else send now.
+    // A text-only message sent while a run streams goes INTO that run when the host can deliver it.
+    // The draft clears before the await so the human sees it go out; whatever the outcome, the text
+    // ends up somewhere — in the run, or queued as the next turn (after stopping the run when the
+    // agent cannot take input mid-run). Never cancel on 'not-running'/'failed': the run is ending.
+    const sendIntoRunningTurn = useCallback(async ({ deliver, runId, turn }) => {
+        queuedConversationIdRef.current = options.conversationId;
+        composer.setDraft('');
+        const outcome = await deliverMidRunMessageSafely({ deliver, runId, text: turn.text });
+        if (outcome === 'delivered' || !mountedRef.current)
+            return;
+        setQueuedTurn(turn);
+        if (outcome === 'unsupported')
+            conversation.cancel();
+    }, [composer, conversation, options.conversationId]);
+    // The ordinary next-turn path: into the running run, else queue behind it, else send now.
     const sendOrdinaryTurn = useCallback(async (prompt) => {
-        // Queue instead of no-op'ing. `setDraft('')` and NOT `composer.reset()`: reset also discards
-        // staged attachments, which this turn still needs when it finally goes out.
         if (isChatPaneQueueableBlocker({ blocker: sendBlocker })) {
+            const turn = guard.redact({ text: prompt }, {});
+            const deliver = options.deliverMidRunMessage;
+            const runId = deliver === undefined ? null : findMidRunMessageRunId({
+                blocker: sendBlocker,
+                attachmentCount: composer.attachments.length,
+                messages: conversation.messages,
+            });
+            if (deliver !== undefined && runId !== null) {
+                await sendIntoRunningTurn({ deliver, runId, turn });
+                return;
+            }
+            // Queue instead of no-op'ing. `setDraft('')` and NOT `composer.reset()`: reset also discards
+            // staged attachments, which this turn still needs when it finally goes out.
             queuedConversationIdRef.current = options.conversationId;
-            setQueuedTurn(guard.redact({ text: prompt }, {}));
+            setQueuedTurn(turn);
             composer.setDraft('');
             return;
         }
         if (!canSend)
             return;
         await sendPrompt(prompt);
-    }, [canSend, composer, options.conversationId, sendBlocker, sendPrompt, guard.redact]);
+    }, [
+        canSend,
+        composer,
+        conversation.messages,
+        options.conversationId,
+        options.deliverMidRunMessage,
+        sendBlocker,
+        sendIntoRunningTurn,
+        sendPrompt,
+        guard.redact,
+    ]);
     const send = useCallback(async () => {
         const prompt = composerPrompt(composer);
         if (!prompt || deliveringTypedAnswerRef.current)

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

@@ -0,0 +1,25 @@
+import type { MouseEvent as ReactMouseEvent } from 'react';
+/**
+ * Decides whether a click inside the pane should open a link in a new tab.
+ *
+ * @param input.event - The click, native (React's `nativeEvent` or a DOM listener's own).
+ * @param input.root - The pane root; an anchor outside it (one wrapping the whole pane) is ignored.
+ * @returns The anchor's resolved absolute URL to open, or `null` to leave the click to the browser.
+ * @complexity O(d) for `closest` over the target's ancestor depth d.
+ */
+export declare function newTabLinkHref({ event, root }: {
+    event: MouseEvent;
+    root: Element;
+}): string | null;
+/**
+ * The pane root's `onClickCapture` handler: opens qualifying link clicks in a new tab and cancels
+ * the in-tab navigation. See this module's doc for what qualifies.
+ *
+ * @param _required - Reserved; no required inputs.
+ * @param options.openInNewTab - Opener port; defaults to `window.open(url, '_blank', 'noopener,noreferrer')`.
+ * @returns A stable click-capture handler.
+ */
+export declare function useChatPaneNewTabLinks(_required?: Record<string, never>, { openInNewTab }?: {
+    openInNewTab?: (url: string) => void;
+}): (event: ReactMouseEvent<HTMLElement>) => void;
+//# sourceMappingURL=useChatPaneNewTabLinks.hooks.d.ts.map

package/dist/react/features/chat-pane/hooks/useChatPaneNewTabLinks.hooks.js

@@ -0,0 +1,70 @@
+/**
+ * @module useChatPaneNewTabLinks
+ *
+ * Every link inside the chat pane opens in a new tab, so following one never navigates the tab the
+ * conversation lives in (owner 2026-10-08: "every link"). One capture-phase click guard on the
+ * pane's root absorbs every link source at once — markdown in messages, tool cards, host-registered
+ * ext-event cards, A2UI surfaces, the header slot — instead of each renderer setting `target` on its
+ * own anchors and the next new card forgetting to.
+ *
+ * Capture phase, then `preventDefault()`: the guard runs before any anchor's own `onClick`, so a
+ * router `<Link>` (React Router, TanStack Router — both skip their in-app navigation once
+ * `defaultPrevented` is set) does not ALSO navigate the chat's tab after the new tab opens.
+ *
+ * Left to the browser: modified or non-primary clicks (the browser already opens those however the
+ * user asked), anchors that already say `target="_blank"`, `#` same-document anchors, `download`
+ * links, `role="button"` anchors (an action, not a link), and any scheme other than http(s) —
+ * `mailto:`/`tel:` hand off to another app without navigating the tab anyway.
+ *
+ * MCP-UI Views render inside a sandboxed iframe, out of this guard's reach; their proxy page
+ * forwards link clicks as `ui/open-link` (`@jini-ai/ui/mcp-ui`'s sandbox proxy) instead.
+ */
+import { useCallback } from 'react';
+const NEW_TAB_PROTOCOLS = new Set(['http:', 'https:']);
+/** Opens `url` in a new tab with no opener or referrer — `rel="noopener noreferrer"` for `window.open`. */
+function openInNewTabDefault(url) {
+    window.open(url, '_blank', 'noopener,noreferrer');
+}
+/**
+ * Decides whether a click inside the pane should open a link in a new tab.
+ *
+ * @param input.event - The click, native (React's `nativeEvent` or a DOM listener's own).
+ * @param input.root - The pane root; an anchor outside it (one wrapping the whole pane) is ignored.
+ * @returns The anchor's resolved absolute URL to open, or `null` to leave the click to the browser.
+ * @complexity O(d) for `closest` over the target's ancestor depth d.
+ */
+export function newTabLinkHref({ event, root }) {
+    if (event.defaultPrevented || event.button !== 0)
+        return null;
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
+        return null;
+    const target = event.target;
+    if (!(target instanceof Element))
+        return null;
+    const link = target.closest('a[href]');
+    if (!(link instanceof HTMLAnchorElement) || !root.contains(link))
+        return null;
+    if (link.target === '_blank' || link.hasAttribute('download') || link.getAttribute('role') === 'button')
+        return null;
+    if (link.getAttribute('href').startsWith('#'))
+        return null;
+    return NEW_TAB_PROTOCOLS.has(link.protocol) ? link.href : null;
+}
+/**
+ * The pane root's `onClickCapture` handler: opens qualifying link clicks in a new tab and cancels
+ * the in-tab navigation. See this module's doc for what qualifies.
+ *
+ * @param _required - Reserved; no required inputs.
+ * @param options.openInNewTab - Opener port; defaults to `window.open(url, '_blank', 'noopener,noreferrer')`.
+ * @returns A stable click-capture handler.
+ */
+export function useChatPaneNewTabLinks(_required = {}, { openInNewTab = openInNewTabDefault } = {}) {
+    return useCallback((event) => {
+        const href = newTabLinkHref({ event: event.nativeEvent, root: event.currentTarget });
+        if (href === null)
+            return;
+        event.preventDefault();
+        openInNewTab(href);
+    }, [openInNewTab]);
+}
+//# sourceMappingURL=useChatPaneNewTabLinks.hooks.js.map

package/dist/react/features/chat-pane/index.d.ts

@@ -1,8 +1,9 @@
-export type { AgentRuntimePickerProps, ByokRuntimeSummary, ChatPaneActivity, ChatPaneAgent, ChatPaneAgentBridgeAccess, ChatPaneAgentControlOptions, ChatPaneAgentOption, ChatPaneAgentSelection, ChatPaneAgentToolAction, ChatPaneAttachmentUploadOptions, ChatPaneComposerHandle, ChatPaneProps, ChatPaneRunContext, ChatPaneRunContextInput, ChatPaneRuntimeAccess, ChatPaneVariant, ChatPaneWorkingDirectoryAccess, DeliverTypedAnswer, RuntimePickerPlacement, TypedAnswerDelivery, TypedAnswerNotice, } from './types.js';
+export type { AgentRuntimePickerProps, ByokRuntimeSummary, ChatPaneActivity, ChatPaneAgent, ChatPaneAgentBridgeAccess, ChatPaneAgentControlOptions, ChatPaneAgentOption, ChatPaneAgentSelection, ChatPaneAgentToolAction, ChatPaneAttachmentUploadOptions, ChatPaneComposerHandle, ChatPaneProps, ChatPaneRunContext, ChatPaneRunContextInput, ChatPaneRuntimeAccess, ChatPaneVariant, ChatPaneWorkingDirectoryAccess, DeliverMidRunMessage, DeliverTypedAnswer, MidRunMessageDelivery, RuntimePickerPlacement, TypedAnswerDelivery, TypedAnswerNotice, } from './types.js';
 export { CHAT_PANE_AGENT_TOOLS, type ChatPaneAgentToolDef, type ChatPaneAgentToolInputSchema, type ChatPaneAgentToolRisk, } from './agent-tools.js';
 export { defaultChatPaneSelection, orderChatPaneAgents, resolveChatPaneSelection, } from './rules.js';
 export { createDaemonAttachmentUploader, type CreateDaemonAttachmentUploaderOptions, } from './create-daemon-attachment-uploader.js';
 export { createMcpUiToolCaller, type CreateMcpUiToolCallerOptions, type McpUiToolCallRequest, } from './create-mcp-ui-tool-caller.js';
+export { createMidRunMessagePoster, type CreateMidRunMessagePosterOptions, } from './create-mid-run-message-poster.js';
 export { createTypedAnswerPoster, type CreateTypedAnswerPosterOptions, } from './create-typed-answer-poster.js';
 export { useChatPane, type UseChatPaneOptions, type UseChatPaneResult, } from './hooks/useChatPane.hooks.js';
 export { useChatPaneAgentControl, type UseChatPaneAgentControlOptions, } from './hooks/useChatPaneAgentControl.hooks.js';

package/dist/react/features/chat-pane/index.js

@@ -2,6 +2,7 @@ export { CHAT_PANE_AGENT_TOOLS, } from './agent-tools.js';
 export { defaultChatPaneSelection, orderChatPaneAgents, resolveChatPaneSelection, } from './rules.js';
 export { createDaemonAttachmentUploader, } from './create-daemon-attachment-uploader.js';
 export { createMcpUiToolCaller, } from './create-mcp-ui-tool-caller.js';
+export { createMidRunMessagePoster, } from './create-mid-run-message-poster.js';
 export { createTypedAnswerPoster, } from './create-typed-answer-poster.js';
 export { useChatPane, } from './hooks/useChatPane.hooks.js';
 export { useChatPaneAgentControl, } from './hooks/useChatPaneAgentControl.hooks.js';

package/dist/react/features/chat-pane/rules.d.ts

@@ -126,6 +126,19 @@ export declare function isTypedAnswerTurn({ blocker, attachmentCount, messages,
     messages: readonly ChatMessage[];
     toolName: string;
 }): boolean;
+/**
+ * The run a composer send can go INTO instead of queueing behind, or `null`: a run is streaming
+ * ({@link isChatPaneQueueableBlocker}), the turn has no attachments (a mid-run message carries text
+ * only — the live agent's stdin takes no files), and the newest message is that run's assistant
+ * turn with a known `runId`.
+ *
+ * @complexity O(1).
+ */
+export declare function findMidRunMessageRunId({ blocker, attachmentCount, messages }: {
+    blocker: ChatPaneSendBlocker | null;
+    attachmentCount: number;
+    messages: readonly ChatMessage[];
+}): string | null;
 /** The English copy (and i18n key) for why a typed answer was not sent. */
 export declare function describeTypedAnswerNotice({ notice }: {
     notice: TypedAnswerNotice;