@jini-ai/chat 0.6.15-rc.2 → 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

@@ -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 }));
@@ -396,6 +397,7 @@ export function ChatPane(props) {
                     onExecutionModeChange: p.onExecutionModeChange,
                     byokRuntime: p.byokRuntime,
                     onByokModelChange: p.onByokModelChange,
+                    nativeToolPolicy: p.nativeToolPolicy,
                 } }) })),
     }, { leadingAccessory: p.leadingAccessory });
     const { rootRef, controlsRef } = useChatPaneControlsHeight();

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

@@ -393,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 });
                 },
@@ -840,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

@@ -67,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');
@@ -191,7 +191,7 @@ 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.

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