@jini-ai/chat 0.6.15-rc.2 → 0.6.16

package/dist/react/components/ToolCard.js

@@ -1,4 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const RUNNING_TITLE_CLASS = ' shimmer-text';
 /**
  * @module ToolCard
  *
@@ -20,18 +21,29 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * `AskUserQuestion`) falls through to `GenericCard`, which is a correct,
  * generic rendering for it.
  */
-import { useId, useState } from 'react';
-import { COLLAPSED_DETAIL_MAX_CHARS, describeCollapsedToolCall, describeToolCallDetail, isDelegatedWrapperToolName, isTodoWriteToolName, parseTodoWriteInput, redactUserText, toRenderProps } from '../../core/index.js';
+import { createContext, useContext, useId, useMemo, useState } from 'react';
+import { COLLAPSED_DETAIL_MAX_CHARS, describeCollapsedToolCall, describeToolCallDetail, humanizeToolName, isDelegatedWrapperToolName, isTodoWriteToolName, parseTodoWriteInput, redactUserText, toRenderProps } from '../../core/index.js';
 import { useT, useToolRendererRegistry } from '../hooks/context.js';
 import { Icon } from './Icon.js';
+import { SAFE_LINK_HREF } from './Markdown.js';
 import { TodoCard } from './TodoCard.js';
+import { toolRowTarget } from './ToolCard.rules.js';
+import { toolPresentation } from '../../core/tool-presentation.js';
+/**
+ * Read by `ErrorBadge` only. A context, not one more prop threaded through every family card,
+ * because each card renders its own badge and all of them must agree.
+ */
+const RetriedContext = createContext(false);
 /** A Jini registry tool id: dotted, lowercase, snake_case segments — `page.fill`, `daemon.db.vacuum`, `chat.send_message`. Never matches an agent-vendor tool name (`Bash`, `Write`, `mcp__jini__execute_delegated_tool`), which is the point — this is how a canonical delegated-tool event is told apart from everything else. */
 const JINI_TOOL_ID_PATTERN = /^[a-z][a-z_]*(\.[a-z][a-z_]*)+$/;
-export function ToolCard({ use, result, runStreaming, runSucceeded, projectFileNames, onRequestOpenFile }) {
+export function ToolCard({ use, result, runStreaming, runSucceeded, projectFileNames, onRequestOpenFile, retried = false }) {
     const registry = useToolRendererRegistry();
+    // Resolve vendor dialects for rendering only; tool ids and stored events stay intact.
+    const presentation = toolPresentation(use);
+    use = { ...use, ...presentation };
     const name = use.name;
     const card = { input: use.input, result: result, runStreaming: runStreaming ?? false, runSucceeded: runSucceeded ?? false };
-    const content = renderToolCardBody({ use, card, fileCtx: { projectFileNames, onRequestOpenFile }, registry });
+    const content = renderToolCardBody({ use, card, wrapper: presentation.wrapper, fileCtx: { projectFileNames, onRequestOpenFile }, registry });
     if (content === null)
         return null;
     // Tagged once here, at the single dispatch point every branch below funnels through, rather than
@@ -39,7 +51,7 @@ export function ToolCard({ use, result, runStreaming, runSucceeded, projectFileN
     // host's own custom-registered renderer) gets it automatically. `use.id` is this tool call's own
     // stable identifier (unique per call within a message), never reused, so this handle is never
     // ambiguous the way a repeated literal handle would be.
-    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 }));
+    return (_jsx("div", { "data-agent-element": `tool-call-${use.id}`, "data-agent-role": "region", "data-agent-label": `A ${humanizeToolName({ name: name })} tool call the AI made`, children: _jsx(RetriedContext.Provider, { value: retried, children: content }) }));
 }
 // Hardcoded family cards for tools shipped with this package, keyed by every name each tool goes
 // by. A `Map`, not an object literal, so a tool named `constructor`/`toString` can never resolve
@@ -89,7 +101,8 @@ function renderToolCardBody(args) {
     // `useToolTimeline`: `foldDelegatedWrapperCalls` drops it in favour of that canonical row. This
     // check still covers a host that renders `<ToolCard>` straight from raw events.)
     // Covers the read-only gateway (`execute_readonly_delegated_tool`) too.
-    if (isDelegatedWrapperToolName({ name: name }) && card.result && !card.result.isError)
+    // An outer transport receipt may have no bridge row; keep its inner call visible.
+    if (!args.wrapper && isDelegatedWrapperToolName({ name: name }) && card.result && !card.result.isError)
         return null;
     if (isTodoWriteToolName({ name: name }))
         return _jsx(TodoCard, { todos: parseTodoWriteInput({ input: use.input }), runStreaming: card.runStreaming });
@@ -107,28 +120,29 @@ function renderToolCardBody(args) {
     }
     return _jsx(GenericCard, { name: name, ...card });
 }
-/** `"page.fill"` -> `"Page Fill"`, `"daemon.db.vacuum"` -> `"Daemon Db Vacuum"`. Cosmetic only — never used to make a routing decision. */
-function humanizeToolId(id) {
-    return id
-        .split('.')
-        .map((segment) => segment.split('_').map((word) => (word ? word[0].toUpperCase() + word.slice(1) : word)).join(' '))
-        .join(' ');
-}
-/** The one argument that best identifies *what* a call acted on, for the card's collapsed summary — an element handle, a page id, or (for tools with neither) whatever the first string-valued argument is. */
-function primaryTarget(input) {
-    if (input == null || typeof input !== 'object')
-        return undefined;
-    const obj = input;
-    for (const key of ['element', 'page', 'handle', 'toolId', 'id']) {
-        const v = obj[key];
-        if (typeof v === 'string' && v)
-            return v;
-    }
-    for (const v of Object.values(obj)) {
-        if (typeof v === 'string' && v)
-            return v;
-    }
-    return undefined;
+/**
+ * The head every Jini/MCP/unknown tool row shares: status, "<Humanized Name>" (announced as
+ * "Tool call · <Humanized Name>"), and the
+ * target ({@link toolRowTarget}). One place, so a tool id the family table doesn't know (`content_post_update`,
+ * `mcp__tovu__theme_list_files`) still reads as a label and never as its raw name and JSON args.
+ */
+function ToolRowHead({ name, input, result, runStreaming, runSucceeded }) {
+    const t = useT();
+    // Streaming deltas recreate result envelopes; parse only when the target's inputs change.
+    // A failed event's payload describes the error even when it contains human-looking names.
+    const resultContent = result?.content;
+    const resultIsError = result?.isError;
+    const target = useMemo(() => toolRowTarget({ input: input, resultContent: resultIsError ? undefined : resultContent }), [input, resultContent, resultIsError]);
+    const summary = target ? headSummary({ text: target }) : undefined;
+    const prefix = `${t('Tool call')} · `;
+    const toolName = humanizeToolName({ name: name });
+    const isRunning = runStreaming && !result;
+    // Name and target each carry their full text as a tooltip: on a narrow dock the name truncates
+    // first and the target is capped (styles.ts `.op-title`/`.op-meta`), so either can be cut.
+    // The "Tool call · " prefix is visually hidden (owner bug 11-01: it took half a ~333px dock row, so
+    // names read "Tool call · Cont…") but stays in the row's accessible name. The name's tooltip must
+    // not repeat it: trees that read a child's title before its text announced "Tool call · Tool call ·".
+    return (_jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-sr-prefix", children: prefix }), _jsx("span", { className: `op-title${isRunning ? RUNNING_TITLE_CLASS : ''}`, title: toolName, children: toolName }), summary ? _jsx("span", { className: "op-meta op-target", title: summary, children: summary }) : null] }));
 }
 /**
  * A card for one `page.*`/`daemon.db.*`/`chat.*`/… call — the canonical event
@@ -138,27 +152,24 @@ function primaryTarget(input) {
  * blob this replaces.
  */
 function DelegatedToolCard({ name, input, result, runStreaming, runSucceeded }) {
-    const t = useT();
     // 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 ?? {});
     const toolId = isDelegatedWrapperToolName({ name: name }) ? (wrapper.toolId ?? name) : name;
     const args = isDelegatedWrapperToolName({ name: name }) ? wrapper.input : input;
-    const target = primaryTarget(args);
-    const isRunning = runStreaming && !result;
-    return (_jsx(ExpandableCard, { className: "op-jini-tool", call: { input: args ?? {}, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsxs("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: [t('Tool call'), " \u00B7 ", humanizeToolId(toolId)] }), target ? _jsx("span", { className: "op-meta", children: headSummary({ text: target }) }) : null] }), after: _jsx(FileErrorDetail, { result: result }), children: _jsx(ToolCallDetail, { input: args ?? {}, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded, children: _jsx(ToolResultMedia, { result: result }) }) }));
+    return (_jsx(ExpandableCard, { className: "op-jini-tool", call: { input: args ?? {}, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsx(ToolRowHead, { name: toolId, input: args, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), 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 obj = (input ?? {});
     const isRunning = runStreaming && !result;
-    return (_jsx(ExpandableCard, { className: "op-jini-tool", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Search tools') }), obj.query ? _jsx("span", { className: "op-meta", children: obj.query }) : null] }), after: _jsx(FileErrorDetail, { result: result }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
+    return (_jsx(ExpandableCard, { className: "op-jini-tool", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? RUNNING_TITLE_CLASS : ''}`, 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 obj = (input ?? {});
     const isRunning = runStreaming && !result;
-    return (_jsx(ExpandableCard, { className: "op-jini-tool", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Describe tool') }), obj.id ? _jsx("span", { className: "op-meta", children: obj.id }) : null] }), after: _jsx(FileErrorDetail, { result: result }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
+    return (_jsx(ExpandableCard, { className: "op-jini-tool", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? RUNNING_TITLE_CLASS : ''}`, 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();
@@ -184,7 +195,7 @@ function FileWriteCard({ input, result, runStreaming, runSucceeded, ctx }) {
     const baseName = file.split('/').pop();
     const lines = typeof obj.content === 'string' ? obj.content.split('\n').length : null;
     const isRunning = runStreaming && !result;
-    return (_jsxs(ExpandableCard, { className: "op-file", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Write') }), _jsxs("span", { className: "op-meta", children: [baseName, lines !== null ? ` · ${t('{n} lines', { n: lines })}` : ''] })] }), after: _jsx(FileErrorDetail, { result: result }), children: [_jsxs("div", { className: "op-card-detail op-card-file-detail", children: [_jsx("code", { className: "op-path", children: file }), _jsx(OpenInTabButton, { filePath: file, ctx: ctx })] }), _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded })] }));
+    return (_jsxs(ExpandableCard, { className: "op-file", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? RUNNING_TITLE_CLASS : ''}`, 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();
@@ -194,7 +205,7 @@ function FileEditCard({ input, result, runStreaming, runSucceeded, ctx }) {
     const baseName = file.split('/').pop();
     const editCount = Array.isArray(obj.edits) ? obj.edits.length : 1;
     const isRunning = runStreaming && !result;
-    return (_jsxs(ExpandableCard, { className: "op-file", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Edit') }), _jsxs("span", { className: "op-meta", children: [baseName, " \u00B7 ", editCount, " ", editCount === 1 ? t('change') : t('changes')] })] }), after: _jsx(FileErrorDetail, { result: result }), children: [_jsxs("div", { className: "op-card-detail op-card-file-detail", children: [_jsx("code", { className: "op-path", children: file }), _jsx(OpenInTabButton, { filePath: file, ctx: ctx })] }), _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded })] }));
+    return (_jsxs(ExpandableCard, { className: "op-file", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? RUNNING_TITLE_CLASS : ''}`, 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();
@@ -203,7 +214,7 @@ function FileReadCard({ input, result, runStreaming, runSucceeded, ctx }) {
     // See OpenInTabButton's baseName comment: `.split('/').pop()` is never undefined.
     const baseName = file.split('/').pop();
     const isRunning = runStreaming && !result;
-    return (_jsxs(ExpandableCard, { className: "op-file", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Read') }), _jsx("span", { className: "op-meta", children: baseName })] }), after: _jsx(FileErrorDetail, { result: result }), children: [_jsxs("div", { className: "op-card-detail op-card-file-detail", children: [_jsx("code", { className: "op-path", children: file }), _jsx(OpenInTabButton, { filePath: file, ctx: ctx })] }), _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded })] }));
+    return (_jsxs(ExpandableCard, { className: "op-file", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? RUNNING_TITLE_CLASS : ''}`, 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();
@@ -211,7 +222,7 @@ function BashCard({ input, result, runStreaming, runSucceeded }) {
     const command = obj.command ?? '';
     const desc = obj.description;
     const isRunning = runStreaming && !result;
-    return (_jsx(ExpandableCard, { className: "op-bash", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? ' shimmer-text' : ''}`, children: t('Bash') }), desc ? _jsx("span", { className: "op-meta op-desc", children: desc }) : null] }), children: _jsx(ToolCallDetail, { input: command, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
+    return (_jsx(ExpandableCard, { className: "op-bash", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: `op-title${isRunning ? RUNNING_TITLE_CLASS : ''}`, children: t('Bash') }), desc ? _jsx("span", { className: "op-meta op-desc", children: desc }) : null] }), children: _jsx(ToolCallDetail, { input: command, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
 }
 function GlobCard({ input, result, runStreaming, runSucceeded }) {
     const t = useT();
@@ -235,8 +246,7 @@ function WebSearchCard({ input, result, runStreaming, 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 (_jsx(ExpandableCard, { className: "op-generic", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsx("span", { className: "op-title", children: name }), summary ? _jsx("span", { className: "op-meta", children: headSummary({ text: summary }) }) : null] }), after: _jsx(ToolResultMedia, { result: result }), children: _jsx(ToolCallDetail, { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }) }));
+    return (_jsx(ExpandableCard, { className: "op-generic", call: { input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }, head: _jsx(ToolRowHead, { name: name, input: input, result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), 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
@@ -254,7 +264,14 @@ function ExpandableCard({ className, head, after, call, children }) {
 }
 /** The collapsed row's stand-in for its panel — see {@link ExpandableCard} and `describeCollapsedToolCall`. */
 function CollapsedReaderText({ call }) {
-    const text = describeCollapsedToolCall({ input: call.input, result: call.result }, { runStreaming: call.runStreaming, runSucceeded: call.runSucceeded });
+    const input = call.input;
+    const resultContent = call.result?.content;
+    const resultIsError = call.result?.isError ?? false;
+    // Streaming deltas recreate envelopes; only changed reader text needs formatting/redaction.
+    // Run state explains a missing result, but cannot change the text of a recorded result.
+    const runStreaming = !call.result && call.runStreaming;
+    const runSucceeded = !call.result && call.runSucceeded;
+    const text = useMemo(() => describeCollapsedToolCall({ input, result: resultContent === undefined ? undefined : { content: resultContent, isError: resultIsError } }, { runStreaming, runSucceeded }), [input, resultContent, resultIsError, runStreaming, runSucceeded]);
     return _jsx("span", { className: "op-card-reader-text", hidden: true, children: text });
 }
 /** The call's input, its result (or why there is none), and any extra `children` — see `describeToolCallDetail` for the redaction and formatting rules. */
@@ -265,6 +282,13 @@ function ToolCallDetail({ input, result, runStreaming, runSucceeded, children })
     const detail = describeToolCallDetail({ input: input, result: result }, { runStreaming: runStreaming, runSucceeded: runSucceeded, maxChars: Infinity });
     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] }));
 }
+/** A failed result: neutral "Retried" when a later call of the same tool succeeded, else red. */
+function ErrorBadge({ result }) {
+    const t = useT();
+    if (useContext(RetriedContext))
+        return (_jsx("span", { className: "op-status op-status-retried", title: t('Retried'), children: _jsx(Icon, { name: "retry", size: 14 }) }));
+    return (_jsx("span", { className: "op-status op-status-error", title: describeToolCallDetail({ input: null, result }, { maxChars: COLLAPSED_DETAIL_MAX_CHARS }).outputText ?? t('Error'), children: _jsx(Icon, { name: "close", size: 14 }) }));
+}
 function ResultBadge({ result, runStreaming, runSucceeded }) {
     const t = useT();
     if (!result && runStreaming)
@@ -272,7 +296,7 @@ function ResultBadge({ result, runStreaming, runSucceeded }) {
     if (!result && !runSucceeded)
         return (_jsx("span", { className: "op-status op-status-error", title: t('Error'), children: _jsx(Icon, { name: "close", size: 14 }) }));
     if (result?.isError)
-        return (_jsx("span", { className: "op-status op-status-error", title: describeToolCallDetail({ input: null, result }, { maxChars: COLLAPSED_DETAIL_MAX_CHARS }).outputText ?? t('Error'), children: _jsx(Icon, { name: "close", size: 14 }) }));
+        return _jsx(ErrorBadge, { result: result });
     return (_jsx("span", { className: "op-status op-status-ok", title: t('Done'), children: _jsx(Icon, { name: "check", size: 14 }) }));
 }
 /**
@@ -294,7 +318,23 @@ function ToolResultMedia({ result }) {
     const images = blocks.filter((block) => block.type === 'image');
     if (images.length === 0)
         return null;
-    return (_jsx("div", { className: "op-media", children: images.map((block, index) => (_jsx("img", { className: "op-media-image", src: `data:${block.mimeType};base64,${block.data}`, alt: "", style: { maxWidth: '100%', height: 'auto', display: 'block' } }, index))) }));
+    return (_jsx("div", { className: "op-media", children: images.map((block, index) => _jsx(ToolResultImageFigure, { block: block }, index)) }));
+}
+/**
+ * One tool image: captioned by its `title` (also the alt text) and linked to its `href` in a new
+ * tab, so a picture a tool just saved opens full size. The href is tool output, so it gets the same
+ * safe-target rule as chat links (`Markdown.tsx`); `javascript:`/`data:` stays an unlinked image.
+ */
+function ToolResultImageFigure({ block }) {
+    const img = (_jsx("img", { className: "op-media-image", src: `data:${block.mimeType};base64,${block.data}`, alt: block.title ?? '', style: { maxWidth: '100%', height: 'auto', display: 'block' } }));
+    const linked = block.href !== undefined && SAFE_LINK_HREF.test(block.href) && !block.href.startsWith('#')
+        ? _jsx("a", { className: "op-media-link", href: block.href, target: "_blank", rel: "noopener noreferrer", children: img })
+        : img;
+    if (block.title === undefined)
+        return linked;
+    return (
+    // No host stylesheet styles op-media yet; reset the UA figure margin (40px sides) inline, like the img.
+    _jsxs("figure", { className: "op-media-figure", style: { margin: 0 }, children: [linked, _jsx("figcaption", { className: "op-media-caption", children: block.title })] }));
 }
 function FileErrorDetail({ result }) {
     if (!result?.isError)
@@ -304,26 +344,6 @@ function FileErrorDetail({ result }) {
     const detail = describeToolCallDetail({ input: null, result }, { maxChars: COLLAPSED_DETAIL_MAX_CHARS });
     return detail.outputText === null ? null : _jsx("pre", { className: "op-output", children: detail.outputText });
 }
-function describeInput(input) {
-    if (input == null)
-        return '';
-    if (typeof input === 'string')
-        return input;
-    if (typeof input !== 'object')
-        return String(input);
-    const obj = input;
-    for (const key of ['file_path', 'path', 'pattern', 'url', 'query', 'name', 'command']) {
-        const v = obj[key];
-        if (typeof v === 'string')
-            return v;
-    }
-    try {
-        return JSON.stringify(obj);
-    }
-    catch {
-        return '';
-    }
-}
 /**
  * A head's one-line summary of an arbitrary argument. Heads stay mounted for every collapsed row,
  * and the fallback argument can be a 20k-char payload or a key, so it gets the reader text's

package/dist/react/components/ToolCard.rules.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @file What a generic tool row names as its target — pure, so `ToolCard.tsx`'s `ToolRowHead` only
+ * draws it. Moved out of `ToolCard.tsx` (11-01) when the target learned to read the result too.
+ */
+/**
+ * What a tool row names as its target, for a person, best first: an argument that names it (see
+ * {@link SUMMARY_KEYS}: handle, title, slug, path, query…), the name the result returned, a shallow
+ * batch summary (after the result name, so an incidental array argument like `tags` never hides the
+ * record a single-record call returned), the record's kind ("post"), then any other readable string argument. Never the JSON of the whole
+ * object — that read as raw machine output in the head (`{"id":"30127d…","kind":"post",…`); the
+ * full arguments are in the expanded detail — and never an opaque id (owner bug 11-01: "Content
+ * Post Update 30127d31-…"). `undefined` when nothing reads as a target.
+ *
+ * @complexity O(k) in the argument and result key counts; one `JSON.parse` of the result.
+ */
+export declare function toolRowTarget({ input, resultContent }: {
+    input: unknown;
+    resultContent?: string | undefined;
+}): string | undefined;
+//# sourceMappingURL=ToolCard.rules.d.ts.map

package/dist/react/components/ToolCard.rules.js

@@ -0,0 +1,92 @@
+/**
+ * @file What a generic tool row names as its target — pure, so `ToolCard.tsx`'s `ToolRowHead` only
+ * draws it. Moved out of `ToolCard.tsx` (11-01) when the target learned to read the result too.
+ */
+/** Argument keys that name *what* a call acted on, best first: an element handle or page, then a human title/name/slug, then a path or query, then an id. */
+const SUMMARY_KEYS = ['element', 'page', 'handle', 'title', 'name', 'slug', 'file_path', 'path', 'pattern', 'url', 'query', 'command', 'toolId', 'id'];
+/** Result fields that name a record for a person — what a write or read returns about its target. */
+const RESULT_NAME_KEYS = ['title', 'name', 'slug'];
+/** Argument keys that say what *kind* of thing a call acted on — the last-resort target. */
+const KIND_KEYS = ['kind', 'entityType', 'type', 'collection'];
+/** A UUID or a long bare hex id: meaningless to a person, so never shown as a row's target. */
+const OPAQUE_ID = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}|[0-9a-f]{16,})$/i;
+function readable(value) {
+    return typeof value === 'string' && value !== '' && !OPAQUE_ID.test(value);
+}
+function firstReadable(obj, keys) {
+    for (const key of keys) {
+        const value = obj[key];
+        if (readable(value))
+            return value;
+    }
+    return undefined;
+}
+/** Failure metadata describes the error, never the acted-on record. @complexity O(1). */
+function isErrorResult(obj) {
+    const hasError = obj.error != null && obj.error !== false;
+    const failedStatus = obj.status === 'failed' || obj.status === 'error';
+    return hasError || failedStatus || obj.isError === true || obj.success === false;
+}
+/**
+ * The record name a JSON tool result carries — at its top level or one object level down
+ * (`{ post: { title } }`). `undefined` for failures, non-JSON text or a result with no name field.
+ *
+ * @complexity O(n + k) for content length n and top-level key count k; one `JSON.parse`.
+ */
+function resultName(content) {
+    if (!content || !content.trimStart().startsWith('{'))
+        return undefined;
+    let parsed;
+    try {
+        parsed = JSON.parse(content);
+    }
+    catch {
+        return undefined;
+    }
+    if (parsed == null || typeof parsed !== 'object')
+        return undefined;
+    const obj = parsed;
+    if (isErrorResult(obj))
+        return undefined;
+    const nested = Object.values(obj).filter((v) => v != null && typeof v === 'object' && !Array.isArray(v));
+    return firstReadable(obj, RESULT_NAME_KEYS) ?? nested.map((v) => firstReadable(v, RESULT_NAME_KEYS)).find(Boolean);
+}
+/** A batch member's own target: a readable string member, or an object member's summary key. O(k). */
+function memberTarget(first) {
+    if (readable(first))
+        return first;
+    return first != null && typeof first === 'object' ? firstReadable(first, SUMMARY_KEYS) : undefined;
+}
+/** A shallow batch target, independent of CLI and collection key. No document-body traversal.
+ * O(k) in the envelope and first member's key counts; never scans or serializes all members.
+ */
+function batchTarget(input) {
+    const members = Array.isArray(input) ? input : Object.values(input).find(Array.isArray);
+    if (!members?.length)
+        return undefined;
+    const target = memberTarget(members[0]);
+    if (!target)
+        return `${members.length} ${members.length === 1 ? 'item' : 'items'}`;
+    return members.length === 1 ? target : `${target} +${members.length - 1}`;
+}
+/**
+ * What a tool row names as its target, for a person, best first: an argument that names it (see
+ * {@link SUMMARY_KEYS}: handle, title, slug, path, query…), the name the result returned, a shallow
+ * batch summary (after the result name, so an incidental array argument like `tags` never hides the
+ * record a single-record call returned), the record's kind ("post"), then any other readable string argument. Never the JSON of the whole
+ * object — that read as raw machine output in the head (`{"id":"30127d…","kind":"post",…`); the
+ * full arguments are in the expanded detail — and never an opaque id (owner bug 11-01: "Content
+ * Post Update 30127d31-…"). `undefined` when nothing reads as a target.
+ *
+ * @complexity O(k) in the argument and result key counts; one `JSON.parse` of the result.
+ */
+export function toolRowTarget({ input, resultContent }) {
+    if (typeof input === 'string')
+        return readable(input) ? input : undefined;
+    if (input != null && typeof input !== 'object')
+        return String(input);
+    const args = (input ?? {});
+    const named = firstReadable(args, SUMMARY_KEYS) ?? resultName(resultContent);
+    return named ?? batchTarget(args) ?? firstReadable(args, KIND_KEYS) ?? Object.values(args).find(readable);
+}
+//# sourceMappingURL=ToolCard.rules.js.map

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

@@ -1,4 +1,4 @@
-const SLASH_QUERY_RE = /^\/([^\s/]*)(?:(\s+)([\s\S]*))?$/;
+const SLASH_QUERY_RE = /^\/([^\s/]*)(\s+)?/;
 /**
  * Open Design's active slash-token rule (`/^\/([^\s/]*)$/`), extended to admit one optional
  * trailing argument while staying anchored end-to-end. The command segment itself is unchanged —
@@ -9,13 +9,13 @@ export function parseComposerSlashQuery({ draft }) {
     const match = SLASH_QUERY_RE.exec(draft);
     if (!match)
         return null;
-    // The `as string` casts are guaranteed by SLASH_QUERY_RE itself, not assumed: group 1 is a bare
-    // `*` capture outside any optional group, so it always participates (possibly as ''); group 3 is
-    // `*` inside the same optional group as group 2, so it participates whenever a separator does.
-    // `noUncheckedIndexedAccess` cannot see either guarantee, and the `?? ''` fallbacks that used to
-    // satisfy it were unreachable branches.
-    const [, command, separator, rest] = match;
-    return { command: command, argument: separator === undefined ? null : rest };
+    // Group 1 always participates, including the empty command; without a separator the entire
+    // draft must be the command. With one, the greedy separator consumes all leading whitespace.
+    // This preserves the whole-draft grammar without overlapping separator/rest repetitions.
+    const [, command, separator] = match;
+    if (separator === undefined && match[0].length !== draft.length)
+        return null;
+    return { command: command, argument: separator === undefined ? null : draft.slice(match[0].length) };
 }
 /**
  * Once a separator has been typed, only an item whose declared `command` exactly equals the typed

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

@@ -28,14 +28,13 @@ function resolveAgentPluginStrip({ messages }, { conversationId }) {
 /** One per-chat usage strip; removing a name persists its exclusion for future turns. */
 export function AgentPluginUsage({ conversationId, messages }) {
     const t = useT();
-    const [revision, setRevision] = useState(0);
+    const [, setRevision] = useState(0);
     useEffect(() => {
         const refresh = () => setRevision(value => value + 1);
         window.addEventListener(AGENT_PLUGIN_STATE_CHANGED, refresh);
         window.addEventListener('storage', refresh);
         return () => { window.removeEventListener(AGENT_PLUGIN_STATE_CHANGED, refresh); window.removeEventListener('storage', refresh); };
     }, []);
-    void revision;
     const strip = resolveAgentPluginStrip({ messages }, { conversationId });
     if (!strip)
         return null;

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

@@ -10,5 +10,5 @@ export declare function runtimeAgentStatus({ agent }: {
  * @complexity Time: O(n) in the runtime inventory; space: O(n) for ordering.
  * @overallScore 100/100
  */
-export declare function AgentRuntimePicker({ agents, value, onChange, onRescan, scanning, daemonOnline, placement, executionMode, apiModeAvailable, onExecutionModeChange, byokRuntime, onByokModelChange, agentIconBasePath, }: AgentRuntimePickerProps): import("react").JSX.Element;
+export declare function AgentRuntimePicker({ agents, nativeToolPolicy, value, onChange, onRescan, scanning, daemonOnline, placement, executionMode, apiModeAvailable, onExecutionModeChange, byokRuntime, onByokModelChange, agentIconBasePath, }: AgentRuntimePickerProps): import("react").JSX.Element;
 //# sourceMappingURL=AgentRuntimePicker.d.ts.map

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

@@ -1,7 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { pickerModelValue, pickerCatalogNote, pickerModelOptions, shortModelLabel } from '../model-options.js';
+import { useId } from 'react';
 import { createPortal } from 'react-dom';
 import { AgentIcon, RemixIcon, SearchableModelSelect } from '@jini-ai/ui';
+import { InfoTip } from '@jini-ai/ui/admin-widgets';
+import { assessNativeToolPolicy } from '@jini-ai/agent-runtime/native-tool-policy';
 import { useT } from '../../../hooks/context.js';
 import { definedProps } from '../../../util/defined-props.js';
 import { RuntimeDropUp } from './RuntimeDropUp.js';
@@ -17,18 +20,37 @@ export function runtimeAgentStatus({ agent }) {
         return 'Installed · sign-in required';
     return agent.version ?? 'Installed';
 }
+/**
+ * An agent's `fullCliAccessNote` as a warning icon whose tip (hover, focus, tap) holds the text.
+ * It was a paragraph beside the model picker that squeezed the composer row (owner 2026-10-30).
+ * `descriptionId` lets the agent's own radio in the picker list read the same text.
+ */
+function FullAccessNoteTip({ note, descriptionId, t }) {
+    return (_jsx("span", { className: "jini-runtime-access-note", children: _jsx(InfoTip, { label: t(note), triggerLabel: t('Full computer access'), descriptionId: descriptionId, placement: "top", icon: _jsx(RemixIcon, { name: "alert-line", size: 16 }) }) }));
+}
+/** Selection preflight uses the launch assessor; it never substitutes for enforcement. */
+function NativeToolPolicyWarning({ agent, policy, isApi }) {
+    const t = useT();
+    if (!agent || isApi)
+        return null;
+    const warning = policy ? assessNativeToolPolicy({ def: agent, policy }) : null;
+    return _jsxs(_Fragment, { children: [agent.fullCliAccessNote ? _jsx(FullAccessNoteTip, { note: agent.fullCliAccessNote, t: t }) : null, warning ? _jsx("p", { role: "alert", children: t(warning) }) : null] });
+}
 function RuntimeModeButtons({ executionMode, daemonOnline, apiModeAvailable, onExecutionModeChange, t, }) {
-    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: `jini-runtime-mode${executionMode === 'local' ? ' is-active' : ''}`, disabled: !daemonOnline && executionMode !== 'local', onClick: () => onExecutionModeChange?.('local'), children: [_jsx(RemixIcon, { name: "terminal-box-line", size: 18 }), _jsx("span", { children: t('Use Local CLI') }), _jsx("span", { className: "jini-runtime-mode__meta", children: !daemonOnline ? t('offline') : executionMode === 'local' ? t('active') : '' }), executionMode === 'local' ? (_jsx(RemixIcon, { name: "check-line", size: 19, className: "jini-runtime-check" })) : null] }), _jsxs("button", { type: "button", className: `jini-runtime-mode${executionMode === 'api' ? ' is-active' : ''}`, disabled: !apiModeAvailable, onClick: () => onExecutionModeChange?.('api'), children: [_jsx(RemixIcon, { name: "link", size: 18 }), _jsx("span", { children: t('Use API · BYOK') }), !apiModeAvailable ? _jsx("span", { className: "jini-runtime-mode__meta", children: t('not configured') }) : null, executionMode === 'api' ? (_jsx(RemixIcon, { name: "check-line", size: 19, className: "jini-runtime-check" })) : null] })] }));
+    const localModeLabel = executionMode === 'local' ? t('active') : '';
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: `jini-runtime-mode${executionMode === 'local' ? ' is-active' : ''}`, disabled: !daemonOnline && executionMode !== 'local', onClick: () => onExecutionModeChange?.('local'), children: [_jsx(RemixIcon, { name: "terminal-box-line", size: 18 }), _jsx("span", { children: t('Use Local CLI') }), _jsx("span", { className: "jini-runtime-mode__meta", children: !daemonOnline ? t('offline') : localModeLabel }), executionMode === 'local' ? (_jsx(RemixIcon, { name: "check-line", size: 19, className: "jini-runtime-check" })) : null] }), _jsxs("button", { type: "button", className: `jini-runtime-mode${executionMode === 'api' ? ' is-active' : ''}`, disabled: !apiModeAvailable, onClick: () => onExecutionModeChange?.('api'), children: [_jsx(RemixIcon, { name: "link", size: 18 }), _jsx("span", { children: t('Use API · BYOK') }), !apiModeAvailable ? _jsx("span", { className: "jini-runtime-mode__meta", children: t('not configured') }) : null, executionMode === 'api' ? (_jsx(RemixIcon, { name: "check-line", size: 19, className: "jini-runtime-check" })) : null] })] }));
 }
 function RuntimeAgentList({ orderedAgents, value, onChange, agentIconBasePath, t, }) {
+    const noteIdPrefix = useId();
     if (orderedAgents.length === 0) {
         return _jsx("div", { className: "jini-runtime-empty", children: t('No available code agents') });
     }
-    return (_jsx(_Fragment, { children: orderedAgents.map((agent) => {
-            const active = agent.id === value.agentId;
-            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", ...definedProps({ source: { 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));
-        }) }));
+    return (_jsx(_Fragment, { children: orderedAgents.map((agent) => (_jsx(RuntimeAgentRow, { agent: agent, active: agent.id === value.agentId, noteId: agent.fullCliAccessNote ? `${noteIdPrefix}-${agent.id}-note` : undefined, onChange: onChange, agentIconBasePath: agentIconBasePath, t: t }, agent.id))) }));
+}
+function RuntimeAgentRow({ agent, active, noteId, onChange, agentIconBasePath, t }) {
+    const status = runtimeAgentStatus({ agent: agent });
+    // The note's icon is a control of its own, so it sits beside the radio, never inside it.
+    return (_jsxs("div", { className: "jini-runtime-agent-row", children: [_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}`, ...(noteId ? { 'aria-describedby': noteId } : {}), onClick: () => onChange(defaultChatPaneSelection({ agent: agent })), children: [_jsx(AgentIcon, { id: agent.id, size: 20, className: "jini-runtime-agent-icon", ...definedProps({ source: { 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.fullCliAccessNote ? _jsx(FullAccessNoteTip, { note: agent.fullCliAccessNote, descriptionId: noteId, t: t }) : null] }));
 }
 /**
  * The composer bar's "Model ⌄" and "Effort ⌄" drop-ups for the selected CLI. These replace the
@@ -127,7 +149,7 @@ function RuntimePopover({ picker, value, onChange, onRescan, scanning, daemonOnl
  * @complexity Time: O(n) in the runtime inventory; space: O(n) for ordering.
  * @overallScore 100/100
  */
-export function AgentRuntimePicker({ agents, value, onChange, onRescan, scanning = false, daemonOnline = true, placement = 'up', executionMode = 'local', apiModeAvailable = false, onExecutionModeChange, byokRuntime, onByokModelChange, 
+export function AgentRuntimePicker({ agents, nativeToolPolicy, value, onChange, onRescan, scanning = false, daemonOnline = true, placement = 'up', executionMode = 'local', apiModeAvailable = false, onExecutionModeChange, byokRuntime, onByokModelChange, 
 // No default here (was '/agent-icons'): omitted means "let AgentIcon fall back to its own
 // bundled icon set" — see AgentIcon.tsx's BUNDLED_ICON_URLS. A host that still wants to vendor
 // its own asset directory can pass this explicitly, same as before.
@@ -140,6 +162,6 @@ agentIconBasePath, }) {
     // operator on BYOK saw a CLI named as "selected" and a model reading "Default (CLI config)"
     // while their messages went to a provider over an API key.
     const isApi = executionMode === 'api';
-    return (_jsxs("div", { className: "jini-runtime-picker", children: [_jsx(RuntimeTrigger, { picker: picker, isApi: isApi, byokRuntime: byokRuntime, agentIconBasePath: agentIconBasePath, t: t }), isApi ? null : (_jsx(RuntimeBarMenus, { selectedAgent: picker.selectedAgent, value: value, onChange: onChange, modelLabel: picker.modelLabel, t: t })), _jsx(RuntimePopover, { picker: picker, value: value, onChange: onChange, onRescan: onRescan, scanning: scanning, daemonOnline: daemonOnline, executionMode: executionMode, apiModeAvailable: apiModeAvailable, onExecutionModeChange: onExecutionModeChange, byokRuntime: byokRuntime, onByokModelChange: onByokModelChange, agentIconBasePath: agentIconBasePath, t: t })] }));
+    return (_jsxs("div", { className: "jini-runtime-picker", children: [_jsx(RuntimeTrigger, { picker: picker, isApi: isApi, byokRuntime: byokRuntime, agentIconBasePath: agentIconBasePath, t: t }), isApi ? null : (_jsx(RuntimeBarMenus, { selectedAgent: picker.selectedAgent, value: value, onChange: onChange, modelLabel: picker.modelLabel, t: t })), _jsx(NativeToolPolicyWarning, { agent: picker.selectedAgent, policy: nativeToolPolicy, isApi: isApi }), _jsx(RuntimePopover, { picker: picker, value: value, onChange: onChange, onRescan: onRescan, scanning: scanning, daemonOnline: daemonOnline, executionMode: executionMode, apiModeAvailable: apiModeAvailable, onExecutionModeChange: onExecutionModeChange, byokRuntime: byokRuntime, onByokModelChange: onByokModelChange, agentIconBasePath: agentIconBasePath, t: t })] }));
 }
 //# sourceMappingURL=AgentRuntimePicker.js.map

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

@@ -25,7 +25,8 @@ function defaultHeader(title, onReset, t) {
     return (_jsxs("div", { className: "jini-chat-pane__header", children: [_jsxs("div", { className: "jini-chat-pane__heading", children: [_jsx("span", { className: "jini-chat-pane__eyebrow", children: t('Workspace chat') }), _jsx("h1", { className: "jini-chat-pane__title", children: title ?? t('Chat') })] }), _jsx("button", { type: "button", className: "jini-chat-pane__new-thread", onClick: onReset, children: t('New thread') })] }));
 }
 function chatPaneClassName(variant, className) {
-    return `jini-chat-pane jini-chat-pane--${variant}${className ? ` ${className}` : ''}`;
+    const suffix = className ? ' ' + className : '';
+    return `jini-chat-pane jini-chat-pane--${variant}${suffix}`;
 }
 function resolveRuntimeAccessView(runtimeAccess, injectedAgents, scanningAgents, daemonOnline, onRescanAgents, inventory) {
     if (runtimeAccess === undefined) {
@@ -268,7 +269,7 @@ function useComposerHandlePublisher({ pane }, { composerHandle }) {
     composerDraftRef.current = pane.composer.draft;
     useEffect(() => {
         if (!composerHandle)
-            return;
+            return undefined;
         composerHandle.current = {
             insertText: (text) => {
                 pane.composer.setDraft(appendComposerDiscovery({ draft: composerDraftRef.current, insertText: text }));
@@ -301,11 +302,11 @@ function buildChatPaneSlots({ surfaceSlots, embed, renderRuntimePicker }, { lead
             footerAccessories: embed ? undefined : renderRuntimePicker(),
         } });
 }
-function ChatPaneTranscript({ pane, emptyState, embed, suggestions, onSelectSuggestion, pendingPrompts, projectFileNameSet, toolCallDisplay, showUsageLine, showThinking, t, }) {
+function ChatPaneTranscript({ pane, sendingLabel, emptyState, embed, suggestions, onSelectSuggestion, pendingPrompts, projectFileNameSet, toolCallDisplay, showUsageLine, showThinking, t, }) {
     if (pane.conversation.messages.length === 0 && emptyState) {
         return (_jsxs("div", { className: "jini-message-list jini-message-list--empty", children: [emptyState, embed && _jsx(ChatPaneSuggestionsRow, { suggestions: suggestions, onSelect: onSelectSuggestion, t: t })] }));
     }
-    return (_jsx(MessageList, { messages: pane.conversation.messages, isStreaming: pane.conversation.isStreaming, scrollIntent: pane.conversation.scrollIntent, onScrolled: pane.conversation.acknowledgeScroll, pendingPrompts: pendingPrompts, toolCallDisplay: toolCallDisplay, showUsageLine: showUsageLine, showThinking: showThinking, ...(projectFileNameSet === undefined ? {} : { projectFileNames: projectFileNameSet }) }));
+    return (_jsx(MessageList, { messages: pane.conversation.messages, ...definedProps({ source: { sendingLabel } }), isStreaming: pane.conversation.isStreaming, scrollIntent: pane.conversation.scrollIntent, onScrolled: pane.conversation.acknowledgeScroll, pendingPrompts: pendingPrompts, toolCallDisplay: toolCallDisplay, showUsageLine: showUsageLine, showThinking: showThinking, ...(projectFileNameSet === undefined ? {} : { projectFileNames: projectFileNameSet }) }));
 }
 /** The controls-area suggestions row shows on every workspace surface, and on the embed surface
  * only when the empty transcript has no `emptyState` to host it instead. */
@@ -396,12 +397,13 @@ export function ChatPane(props) {
                     onExecutionModeChange: p.onExecutionModeChange,
                     byokRuntime: p.byokRuntime,
                     onByokModelChange: p.onByokModelChange,
+                    nativeToolPolicy: p.nativeToolPolicy,
                 } }) })),
     }, { leadingAccessory: p.leadingAccessory });
     const { rootRef, controlsRef } = useChatPaneControlsHeight();
     const selectSuggestion = useChatPaneSuggestion({ rootRef, setDraft: pane.composer.setDraft });
     const openLinkInNewTab = useChatPaneNewTabLinks();
     const { pendingPrompts, projectFileNameSet } = useChatPaneTranscriptProps({ pane }, definedProps({ source: { projectFileNames: p.projectFileNames } }));
-    return (_jsxs("section", { className: chatPaneClassName(p.variant, p.className), style: p.style, "data-activity": pane.activity, ref: rootRef, onClickCapture: openLinkInNewTab, children: [_jsx("style", { "data-jini-chat-pane-styles": "true", children: CHAT_PANE_STYLES }), p.header ?? defaultHeader(p.title, pane.reset, t), p.agentPluginsMode !== 'off' && _jsx(AgentPluginUsage, { conversationId: pane.conversation.conversationId, messages: pane.conversation.messages }), _jsxs("div", { className: "jini-chat-pane__body", children: [_jsx(ChatPaneTranscript, { pane: pane, emptyState: p.emptyState, embed: surface.embed, suggestions: p.suggestions, onSelectSuggestion: selectSuggestion, pendingPrompts: pendingPrompts, projectFileNameSet: projectFileNameSet, toolCallDisplay: p.toolCallDisplay, showUsageLine: p.showUsageLine, showThinking: p.showThinking, t: t }), _jsxs("div", { className: "jini-chat-pane__controls", ref: controlsRef, children: [showsControlsSuggestions(surface.embed, pane.conversation.messages.length, p.emptyState) && (_jsx(ChatPaneSuggestionsRow, { suggestions: p.suggestions, onSelect: selectSuggestion, t: t })), pane.secretRedacted ? _jsx("div", { className: "jini-chat-pane__notice", role: "status", children: t(SECRET_REDACTED_NOTICE) }) : null, _jsx(ChatPaneStatusMessages, { unavailable: unavailable, scanningAgents: runtimeView.scanningAgents, connectingAgents: runtimeView.connectingAgents, executionMode: p.executionMode, apiModeAvailable: p.apiModeAvailable, onExecutionModeChange: p.onExecutionModeChange, sendError: pane.conversation.sendError, onRetrySend: () => void pane.retrySend(), attachmentError: pane.attachmentError, dropReadError: fileDrop.dropReadError, workingDirectoryError: pane.workingDirectoryError, workingDirectoryPending: pane.workingDirectoryPending, workingDirectoryInvalid: pane.workingDirectoryInvalid, runtimeInventoryError: inventory.runtimeInventoryError, typedAnswerNotice: pane.typedAnswerNotice, t: t }), _jsx(ChatPaneComposerArea, { fileDrop: fileDrop, uploadAttachments: surface.uploadAttachments, pane: pane, disabled: p.disabled, unavailable: unavailable, placeholder: composerPlaceholder, slots: slots, attachmentAccept: p.attachmentAccept, workingDirectoryAccess: p.workingDirectoryAccess, workingDirectoryControlPlacement: surface.workingDirectoryControlPlacement, t: t })] })] }), p.footer] }));
+    return (_jsxs("section", { className: chatPaneClassName(p.variant, p.className), style: p.style, "data-activity": pane.activity, ref: rootRef, onClickCapture: openLinkInNewTab, children: [_jsx("style", { "data-jini-chat-pane-styles": "true", children: CHAT_PANE_STYLES }), p.header ?? defaultHeader(p.title, pane.reset, t), p.agentPluginsMode !== 'off' && _jsx(AgentPluginUsage, { conversationId: pane.conversation.conversationId, messages: pane.conversation.messages }), _jsxs("div", { className: "jini-chat-pane__body", children: [_jsx(ChatPaneTranscript, { pane: pane, sendingLabel: p.sendingLabel, emptyState: p.emptyState, embed: surface.embed, suggestions: p.suggestions, onSelectSuggestion: selectSuggestion, pendingPrompts: pendingPrompts, projectFileNameSet: projectFileNameSet, toolCallDisplay: p.toolCallDisplay, showUsageLine: p.showUsageLine, showThinking: p.showThinking, t: t }), _jsxs("div", { className: "jini-chat-pane__controls", ref: controlsRef, children: [showsControlsSuggestions(surface.embed, pane.conversation.messages.length, p.emptyState) && (_jsx(ChatPaneSuggestionsRow, { suggestions: p.suggestions, onSelect: selectSuggestion, t: t })), pane.secretRedacted ? (_jsxs("div", { className: "jini-chat-pane__status jini-chat-pane__status--dismissible", role: "status", children: [_jsx("span", { children: t(SECRET_REDACTED_NOTICE) }), _jsx("button", { type: "button", className: "jini-chat-pane__error-action", onClick: pane.dismissSecretRedacted, children: t('Dismiss') })] })) : null, _jsx(ChatPaneStatusMessages, { unavailable: unavailable, scanningAgents: runtimeView.scanningAgents, connectingAgents: runtimeView.connectingAgents, executionMode: p.executionMode, apiModeAvailable: p.apiModeAvailable, onExecutionModeChange: p.onExecutionModeChange, sendError: pane.conversation.sendError, onRetrySend: () => void pane.retrySend(), attachmentError: pane.attachmentError, dropReadError: fileDrop.dropReadError, workingDirectoryError: pane.workingDirectoryError, workingDirectoryPending: pane.workingDirectoryPending, workingDirectoryInvalid: pane.workingDirectoryInvalid, runtimeInventoryError: inventory.runtimeInventoryError, typedAnswerNotice: pane.typedAnswerNotice, t: t }), _jsx(ChatPaneComposerArea, { fileDrop: fileDrop, uploadAttachments: surface.uploadAttachments, pane: pane, disabled: p.disabled, unavailable: unavailable, placeholder: composerPlaceholder, slots: slots, attachmentAccept: p.attachmentAccept, workingDirectoryAccess: p.workingDirectoryAccess, workingDirectoryControlPlacement: surface.workingDirectoryControlPlacement, t: t })] })] }), p.footer] }));
 }
 //# sourceMappingURL=ChatPane.js.map