@jini-ai/chat 0.6.15-rc.1 → 0.6.15

package/dist/react/components/ToolCard.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const RUNNING_TITLE_CLASS = ' shimmer-text';
 /**
  * @module ToolCard
  *
@@ -146,19 +147,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 (_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: _jsxs(_Fragment, { children: [_jsx(ResultBadge, { result: result, runStreaming: runStreaming, runSucceeded: runSucceeded }), _jsxs("span", { className: `op-title${isRunning ? RUNNING_TITLE_CLASS : ''}`, 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 }) }) }));
 }
 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 +185,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 +195,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 +204,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 +212,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();

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,8 @@
-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 { createPortal } from 'react-dom';
 import { AgentIcon, RemixIcon, SearchableModelSelect } from '@jini-ai/ui';
+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,8 +18,17 @@ export function runtimeAgentStatus({ agent }) {
         return 'Installed · sign-in required';
     return agent.version ?? 'Installed';
 }
+/** 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("p", { children: t(agent.fullCliAccessNote) }) : 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, }) {
     if (orderedAgents.length === 0) {
@@ -27,7 +37,7 @@ function RuntimeAgentList({ orderedAgents, value, onChange, agentIconBasePath, t
     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 (_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 } }) }), _jsxs("span", { className: "jini-runtime-agent__copy", children: [_jsx("strong", { children: agent.name }), agent.fullCliAccessNote ? _jsx("small", { children: t(agent.fullCliAccessNote) }) : null] }), 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));
         }) }));
 }
 /**
@@ -127,7 +137,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 +150,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

@@ -24,13 +24,9 @@ const EMPTY_AGENTS = [];
 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') })] }));
 }
-/** Collapses `header ?? defaultHeader(...)` out of `ChatPane` itself — nesting is what taxes the
- * `??` in the caller's score, not the branch itself. */
-function resolveChatPaneHeader(header, title, onReset, t) {
-    return header ?? defaultHeader(title, onReset, t);
-}
 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) {
@@ -273,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 }));
@@ -401,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 }), resolveChatPaneHeader(p.header, 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, 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] }));
 }
 //# sourceMappingURL=ChatPane.js.map

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

@@ -33,7 +33,7 @@ export function RuntimeDropUp({ label, valueLabel, triggerLabel, value, options,
         if (tipVisible)
             tip.show();
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("button", { ref: triggerRef, type: "button", className: `jini-runtime-dropup-trigger${className ? ` ${className}` : ''}`, "aria-label": `${label}: ${valueLabel}`, "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": menuId, ...(shortened ? {} : { title: valueLabel }), onClick: () => {
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { ref: triggerRef, type: "button", className: 'jini-runtime-dropup-trigger' + (className ? ' ' + className : ''), "aria-label": `${label}: ${valueLabel}`, "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": menuId, ...(shortened ? {} : { title: valueLabel }), onClick: () => {
                     tip.hide();
                     toggleOpen();
                 }, onKeyDown: (event) => {

package/dist/react/features/chat-pane/create-daemon-attachment-uploader.js

@@ -179,7 +179,7 @@ export function createDaemonAttachmentUploader({ baseUrl, fetch }, options = {})
         const controller = new AbortController();
         const unlinkParentAbort = linkParentAbort({ controller, parent: uploadOptions?.signal });
         const timeout = globalThis.setTimeout(() => controller.abort(new DOMException('Attachment upload timed out', 'TimeoutError')), timeoutMs);
-        const uploaded = new Array(files.length);
+        const uploaded = Array.from({ length: files.length }, () => undefined);
         const settled = () => uploaded.filter((attachment) => attachment !== undefined);
         // The failure is captured rather than rethrown from inside the `try`, so that the timer/listener
         // teardown in `finally` has exactly two reachable paths (the turn succeeded, or it did not)

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

@@ -175,7 +175,7 @@ export function useAgentRuntimePicker({ agents, value, placement, t, executionMo
     }, []);
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         const closeOnOutsidePointer = (event) => {
             const target = event.target;
             if (triggerRef.current?.contains(target)
@@ -207,7 +207,7 @@ export function useAgentRuntimePicker({ agents, value, placement, t, executionMo
     }, [focusTrigger, open]);
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         const update = () => {
             const rect = triggerRef.current?.getBoundingClientRect();
             const bounds = triggerRef.current?.closest('.jini-composer')?.getBoundingClientRect();

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

@@ -20,15 +20,18 @@ function unconsumedQueuedInputs({ inputs, messages }) {
             const receipt = acceptedInputEvent({ event });
             if (receipt?.data.deliveryState !== 'consumed')
                 continue;
-            for (const input of [receipt.data, ...(receipt.data.inputs ?? [])]) {
-                consumed.add(input.id);
-                for (const alias of input.aliases ?? [])
-                    consumed.add(alias);
-            }
+            recordConsumedInputs({ receipt: receipt.data, consumed });
         }
     }
     return inputs.filter(input => !consumed.has(input.liveMessageId ?? input.id));
 }
+function recordConsumedInputs({ receipt, consumed }) {
+    for (const input of [receipt, ...(receipt.inputs ?? [])]) {
+        consumed.add(input.id);
+        for (const alias of input.aliases ?? [])
+            consumed.add(alias);
+    }
+}
 /** The conversation copies run events onto its messages one effect after streaming stops, so a
  * consumed receipt can still be missing from the transcript when the send blocker clears. A
  * live-accepted copy therefore waits until the run's own message reaches a terminal status. */
@@ -390,8 +393,7 @@ export function useChatPane(options) {
                     if (inputId === undefined)
                         composer.addAttachment(attachment);
                     else
-                        setQueuedInputs(inputs => inputs.map(input => input.id === inputId
-                            ? { ...input, attachments: [...input.attachments, attachment] } : input));
+                        setQueuedInputs(inputs => attachQueuedInput({ inputs, inputId, attachment }));
                     if (file)
                         cacheAttachmentPreviewSource({ path: attachment.path, file });
                 },
@@ -837,4 +839,7 @@ export function useChatPane(options) {
         reset,
     };
 }
+function attachQueuedInput({ inputs, inputId, attachment }) {
+    return inputs.map(input => input.id === inputId ? { ...input, attachments: [...input.attachments, attachment] } : input);
+}
 //# sourceMappingURL=useChatPane.hooks.js.map

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

@@ -1,18 +1,7 @@
 import { useEffect, useRef } from 'react';
+import { getAgentModelContext } from '@jini-ai/agentic/dom';
 import { CHAT_PANE_AGENT_TOOLS } from '../agent-tools.js';
 import { definedProps } from '../../../util/defined-props.js';
-function getModelContext() {
-    const doc = globalThis.document;
-    if (isModelContext(doc?.modelContext))
-        return doc.modelContext;
-    const nav = globalThis.navigator;
-    if (isModelContext(nav?.modelContext))
-        return nav.modelContext;
-    return undefined;
-}
-function isModelContext(value) {
-    return typeof value === 'object' && value !== null && typeof value.registerTool === 'function';
-}
 function requireStringField(input, key) {
     const value = input[key];
     if (typeof value !== 'string' || value.length === 0)
@@ -78,7 +67,7 @@ async function selectAgentAction(pane, input) {
     }
     if (agent.available === false) {
         throw new Error(`agent "${agentId}" is not available on this machine`
-            + `${agent.diagnostic === undefined ? '' : ` (${agent.diagnostic})`}`);
+            + (agent.diagnostic === undefined ? '' : ` (${agent.diagnostic})`));
     }
     const model = optionalStringField(input, 'model');
     const reasoning = optionalStringField(input, 'reasoning');
@@ -202,30 +191,37 @@ export function useChatPaneAgentControl({ pane }, options = {}) {
     const hasBridgeAccess = options.bridgeAccess !== undefined;
     useEffect(() => {
         if (!enabled)
-            return;
+            return undefined;
         const cleanups = [];
         // Not registered unless the host opted in: see `webmcp`'s own doc for why this path cannot be
         // gated and therefore must not be on by default.
-        const modelContext = options.webmcp === true ? getModelContext() : undefined;
+        // Feature-detect the draft surface through its shared owner; no `@mcp-b/*` dependency.
+        const modelContext = options.webmcp === true ? getAgentModelContext({
+            host: { candidates: () => [
+                    globalThis.document?.modelContext,
+                    globalThis.navigator?.modelContext,
+                ] },
+        }) : undefined;
         if (modelContext) {
             const controller = new AbortController();
             for (const tool of CHAT_PANE_AGENT_TOOLS) {
                 // `registerTool` is async per the draft IDL, and a polyfill may return undefined instead.
                 // Normalize both, then swallow: registration is best-effort, and a rejected one must not
                 // surface as an unhandled rejection from a React effect.
-                const registered = modelContext.registerTool({
-                    name: tool.id,
-                    description: tool.description,
-                    inputSchema: tool.inputSchema,
-                    execute: (args) => runChatPaneAction(paneRef.current, tool.id, args ?? {}),
-                }, { signal: controller.signal });
+                const registered = modelContext.registerTool({ tool: {
+                        name: tool.id,
+                        description: tool.description,
+                        inputSchema: tool.inputSchema,
+                        execute: (args) => runChatPaneAction(paneRef.current, tool.id, args ?? {}),
+                    } }, { signal: controller.signal });
                 void Promise.resolve(registered).catch(() => undefined);
             }
             cleanups.push(() => {
+                // Aborting the signal is the spec cleanup path; unregisterTool is optional for polyfills.
                 controller.abort();
                 if (modelContext.unregisterTool) {
                     for (const tool of CHAT_PANE_AGENT_TOOLS)
-                        modelContext.unregisterTool(tool.id);
+                        modelContext.unregisterTool({ name: tool.id });
                 }
             });
         }

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

@@ -42,7 +42,7 @@ export function useChatPaneControlsHeight() {
         const root = rootRef.current;
         const controls = controlsRef.current;
         if (!root || !controls || typeof ResizeObserver !== 'function')
-            return;
+            return undefined;
         const observer = new ResizeObserver((entries) => {
             // Only `controls` is observed, so a notification carries at most one entry: `slice(0, 1)`
             // reads it without a branch for the empty list the ResizeObserver spec never delivers.

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

@@ -111,7 +111,7 @@ export function useChatPaneRuntimeInventory({ access, initialAgents = EMPTY_AGEN
     }, [access, health, reloadIfUnanswered, retry]);
     useEffect(() => {
         if (!access)
-            return;
+            return undefined;
         retry.reset();
         void loadAgents(false);
         // Health polls only while the tab is visible: a hidden tab stops its timer, and showing it
@@ -157,7 +157,7 @@ export function useChatPaneRuntimeInventory({ access, initialAgents = EMPTY_AGEN
     }, [access, health, inventory, loadAgents, pollIntervalMs, refreshStatus, retry]);
     useEffect(() => {
         if (!access)
-            return;
+            return undefined;
         // The status check on becoming visible belongs to the polling effect above; this one only
         // retries an unanswered inventory load (and, on focus, checks status too).
         const onFocus = () => {

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

@@ -43,7 +43,7 @@ export function useChatPaneWorkingDirectory(options) {
     }, []);
     useEffect(() => {
         if (observedDirectoryRef.current === workingDirectory)
-            return;
+            return undefined;
         observedDirectoryRef.current = workingDirectory;
         operation.supersede();
         const access = options.workingDirectoryAccess;
@@ -51,7 +51,7 @@ export function useChatPaneWorkingDirectory(options) {
         if (workingDirectory === null || !access) {
             setWorkingDirectoryInvalid(false);
             setWorkingDirectoryPending(false);
-            return;
+            return undefined;
         }
         let validationSettled = false;
         setWorkingDirectoryPending(true);

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

@@ -56,7 +56,7 @@ export function useRuntimeDropUp({ width }) {
     }, []);
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         const closeOnOutsidePointer = (event) => {
             const target = event.target;
             if (triggerRef.current?.contains(target) || menuRef.current?.contains(target))
@@ -77,7 +77,7 @@ export function useRuntimeDropUp({ width }) {
     }, [closeToTrigger, open]);
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         const update = () => {
             const rect = triggerRef.current?.getBoundingClientRect();
             const bounds = triggerRef.current?.closest('.jini-composer')?.getBoundingClientRect();

package/dist/react/features/chat-pane/model-options.js

@@ -51,7 +51,8 @@ const RAW_MODEL_ID = /^(?:[a-z0-9._-]+\/)*[a-z0-9][a-z0-9._-]*(?:\[[^\]]*\])?$/;
 const BRAND_CASING = { gpt: 'GPT' };
 function prettifyRawModelId(id) {
     // A routing prefix ("anthropic/") is the full name's job; the bar names only the model.
-    const tokens = id.slice(id.lastIndexOf('/') + 1).replace(/\[[^\]]*\]$/, '').split(/[-_]+/).filter((token) => token && !/^\d{8}$/.test(token));
+    // The caller proved RAW_MODEL_ID, so the first '[' can only start its trailing context suffix.
+    const tokens = id.slice(id.lastIndexOf('/') + 1).split('[', 1)[0].split(/[-_]+/).filter((token) => token && !/^\d{8}$/.test(token));
     const words = [];
     for (const token of tokens) {
         const previous = words[words.length - 1];
@@ -78,7 +79,8 @@ export function shortModelLabel({ label, agentId }, { max = 16 } = {}) {
     const vendors = (agentId && BAR_VENDOR_WORDS[agentId]) || [];
     const dropVendor = words.length > 1 && vendors.includes(words[0].toLowerCase());
     // A display name with no vendor word to drop is shown as the catalog wrote it.
-    const short = dropVendor ? words.slice(1).join(' ') : raw ? words.join(' ') : trimmed;
+    const normalized = raw ? words.join(' ') : trimmed;
+    const short = dropVendor ? words.slice(1).join(' ') : normalized;
     return short.length > max ? `${short.slice(0, max - 1).trimEnd()}…` : short;
 }
 //# sourceMappingURL=model-options.js.map