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

package/dist/embed-widget/vanilla/index.js

@@ -1,3 +1,4 @@
+const ARIA_LABEL = 'aria-label';
 import { CHAT_BUBBLE_STYLE } from '../../contracts/chat-bubble-style.js';
 import { createVanillaChatController } from './state.js';
 import { isQueuedPageAction } from '../../core/browser/page-actions.js';
@@ -37,7 +38,7 @@ export function mountVanillaChat(args, options = {}) {
     const shell = node('div', 'jini-chat-vanilla');
     const fab = button('');
     fab.className = 'jini-chat-bubble';
-    fab.setAttribute('aria-label', copy.fabLabel);
+    fab.setAttribute(ARIA_LABEL, copy.fabLabel);
     fab.setAttribute('aria-haspopup', 'dialog');
     fab.append(svgIcon({ document, path: 'M4 4h16v12H9l-5 4V4z' }));
     const panel = node('section', 'jini-chat-vanilla__panel');
@@ -45,12 +46,12 @@ export function mountVanillaChat(args, options = {}) {
     fab.setAttribute('aria-controls', panel.id);
     panel.setAttribute('role', 'dialog');
     panel.setAttribute('aria-modal', 'false');
-    panel.setAttribute('aria-label', copy.title);
+    panel.setAttribute(ARIA_LABEL, copy.title);
     const header = node('header', 'jini-chat-vanilla__header');
     const title = node('strong', 'jini-chat-vanilla__title', copy.title);
     const reset = button(copy.reset);
     const close = button('');
-    close.setAttribute('aria-label', copy.close);
+    close.setAttribute(ARIA_LABEL, copy.close);
     close.append(svgIcon({ document, path: 'M6 6l12 12M18 6L6 18' }));
     header.append(title, reset, close);
     const confirmation = node('div', 'jini-chat-vanilla__confirmation');
@@ -63,7 +64,7 @@ export function mountVanillaChat(args, options = {}) {
     log.setAttribute('role', 'log');
     log.setAttribute('aria-live', 'off');
     log.setAttribute('aria-relevant', 'additions text');
-    log.setAttribute('aria-label', copy.title);
+    log.setAttribute(ARIA_LABEL, copy.title);
     log.tabIndex = 0;
     const status = node('div', 'jini-chat-vanilla__status');
     status.setAttribute('role', 'status');
@@ -81,20 +82,20 @@ export function mountVanillaChat(args, options = {}) {
     const form = node('form', 'jini-chat-vanilla__composer');
     const input = node('textarea', 'jini-chat-vanilla__input');
     input.placeholder = copy.placeholder;
-    input.setAttribute('aria-label', copy.placeholder);
+    input.setAttribute(ARIA_LABEL, copy.placeholder);
     input.maxLength = 8000;
     input.rows = 2;
     const send = button(copy.send);
     send.type = 'submit';
     send.classList.add('jini-chat-vanilla__send');
-    send.setAttribute('aria-label', copy.send);
+    send.setAttribute(ARIA_LABEL, copy.send);
     send.replaceChildren(svgIcon({ document, path: 'M5 4l15 8-15 8v-6l9-2-9-2V4z' }));
     const stop = button(copy.stop);
     form.append(input, send, stop);
     const greeting = node('p', 'jini-chat-vanilla__greeting', copy.greeting);
     const suggestions = node('div', 'jini-chat-vanilla__suggestions');
     if (copy.suggestionsLabel)
-        suggestions.setAttribute('aria-label', copy.suggestionsLabel);
+        suggestions.setAttribute(ARIA_LABEL, copy.suggestionsLabel);
     const suggestionEntries = (args.suggestions ?? []).map(text => ({ text, button: button(text) }));
     const suggestionButtons = suggestionEntries.map(entry => entry.button);
     suggestions.append(...suggestionButtons);
@@ -180,11 +181,15 @@ export function mountVanillaChat(args, options = {}) {
     const moveFocus = ({ state, composerHadFocus, stopHadFocus }) => {
         if (!state.open)
             return;
-        if (!wasOpen && initialized)
+        if (!wasOpen && initialized) {
             focusEntry({ busy: state.busy });
-        else if (state.busy && composerHadFocus)
+            return;
+        }
+        if (state.busy && composerHadFocus) {
             stop.focus();
-        else if (!state.busy && stopHadFocus)
+            return;
+        }
+        if (!state.busy && stopHadFocus)
             input.focus();
     };
     const renderFocus = ({ state, composerHadFocus, stopHadFocus, panelHadFocus }) => {
@@ -295,9 +300,11 @@ export function mountVanillaChat(args, options = {}) {
         if (!controller.getState({}).open || !panel.contains(document.activeElement))
             return;
         const key = event;
-        if (key.key === 'Escape')
+        if (key.key === 'Escape') {
             onEscape({ key });
-        else if (key.key === 'Tab')
+            return;
+        }
+        if (key.key === 'Tab')
             trapTab({ key });
     });
     listen(element, 'jini-chat-open', () => {

package/dist/embed-widget/vanilla/state.js

@@ -51,7 +51,8 @@ export function createVanillaChatController(args, _options = {}) {
             const content = text.trim();
             if (!content || state.busy)
                 return false;
-            const token = ++generation;
+            generation += 1;
+            const token = generation;
             const abort = args.createAbortController({});
             active = abort;
             const history = [...state.messages, { id: args.ids({}), role: 'user', content }];
@@ -80,8 +81,9 @@ export function createVanillaChatController(args, _options = {}) {
                 active = null;
                 events = final;
                 state = { ...state, busy: false };
+                const completedStatus = abort.signal.aborted ? 'canceled' : 'succeeded';
                 updateReply({ ...reply, content: assistantContentFromEvents({ events }), events: [...events],
-                    runStatus: failed ? 'failed' : abort.signal.aborted ? 'canceled' : 'succeeded' }, { persist: true });
+                    runStatus: failed ? 'failed' : completedStatus }, { persist: true });
                 if (!failed && !abort.signal.aborted)
                     settleActions(events);
             };

package/dist/react/components/AttachmentPreviewModal.hooks.js

@@ -154,7 +154,8 @@ export function useAttachmentPreviewModal({ attachment, onClose, navigation }, {
     const cachedFile = getAttachmentPreviewSource({ path: attachment.path });
     const attemptImage = !imageFailed && cachedFile !== undefined && looksLikeImageAttachment({ attachment: attachment }) && canCreateObjectUrl();
     const attemptText = !attemptImage && cachedFile !== undefined && looksLikeTextAttachment(attachment.name);
-    const status = attemptImage ? 'image' : attemptText ? 'text' : 'unsupported';
+    const fallbackStatus = attemptText ? 'text' : 'unsupported';
+    const status = attemptImage ? 'image' : fallbackStatus;
     // Object URL: created/revoked in an effect (not `useMemo`) so a React 18 Strict Mode double-render
     // can never create two URLs and revoke only one — the cleanup below always pairs with the create
     // that produced the URL currently in state.

package/dist/react/components/ChatSettingsDialog.js

@@ -24,7 +24,7 @@ export function ChatSettingsDialog(required, _optional = {}) {
     useLayoutEffect(() => {
         const dialog = dialogRef.current;
         if (!dialog || !required.open)
-            return;
+            return undefined;
         openerRef.current = document.activeElement;
         if (typeof dialog.showModal === 'function') {
             if (!dialog.open)
@@ -47,7 +47,7 @@ export function ChatSettingsDialog(required, _optional = {}) {
     // layout cleanups and would pull focus straight back to the closing dialog's × button.
     useEffect(() => {
         if (!required.open)
-            return;
+            return undefined;
         return () => {
             const opener = openerRef.current;
             if (opener instanceof HTMLElement && opener.isConnected)
@@ -60,13 +60,22 @@ export function ChatSettingsDialog(required, _optional = {}) {
             if (event.target !== event.currentTarget)
                 return;
             const { clientX: x, clientY: y } = event, box = event.currentTarget.getBoundingClientRect();
-            if ((x === 0 && y === 0) || x < box.left || x > box.right || y < box.top || y > box.bottom)
+            const horizontalOutside = x < box.left || x > box.right;
+            const verticalOutside = y < box.top || y > box.bottom;
+            if ((x === 0 && y === 0) || horizontalOutside || verticalOutside)
                 required.onClose();
-        }, children: [_jsxs("header", { className: "jini-chat-settings-header", children: [_jsx("h2", { id: titleId, className: "jini-dialog-title", children: vm.t('Chat settings') }), _jsx("button", { ref: closeRef, type: "button", className: "jini-dialog-close jini-chat-settings-close", "aria-label": vm.t('Close'), onClick: required.onClose, children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })] }), _jsx(TabBar, { tabs: vm.tabs, activeId: vm.tab, onChange: vm.setTab, ariaLabel: vm.t('Chat settings') }), _jsx("div", { className: "jini-chat-settings-body", role: "tabpanel", "aria-label": vm.tab === 'display' ? vm.t('Display') : vm.t('Agent permissions'), children: vm.tab === 'display' ? vm.display.map(section => section.radio
-                    // One ⓘ for the whole choice, beside the legend (owner, 2026-10-18), not one per option. The
-                    // fieldset is named by the label span alone, so the tip's text never joins the group's name.
-                    ? _jsxs("fieldset", { className: "jini-chat-settings-group", "aria-labelledby": section.label ? section.labelId : undefined, "aria-describedby": [section.hint ? section.hintId : '', section.tooltip ? section.tooltipId : ''].filter(Boolean).join(' ') || undefined, children: [section.label && _jsxs("legend", { className: "jini-chat-settings-legend", children: [_jsx("span", { id: section.labelId, children: section.label }), section.tooltip && _jsx(InfoTip, { label: section.tooltip, descriptionId: section.tooltipId })] }), section.hint && _jsx("p", { id: section.hintId, className: "jini-chat-settings-description jini-chat-settings-description--group", children: section.hint }), _jsx(ChatSettingsSegmented, { name: section.name, items: section.items })] }, section.key)
-                    : _jsxs("fieldset", { className: "jini-chat-settings-group", children: [section.label && _jsx("legend", { className: "jini-chat-settings-legend", children: section.label }), section.items.map(item => _jsx(SettingSwitch, { label: item.label, checked: !!item.checked, disabled: item.disabled, onChange: item.change, description: item.hint, descriptionId: item.hintId, tooltip: item.tooltip }, item.key))] }, section.key))
-                    : _jsxs(_Fragment, { children: [_jsx("p", { className: "jini-chat-settings-note", children: vm.t('Permission changes apply to the next run.') }), vm.permissions.unavailableReason && _jsx("p", { className: "jini-chat-settings-note", children: vm.t(vm.permissions.unavailableReason) }), _jsx(SettingSwitch, { className: "jini-chat-settings-row--master", label: vm.master.label, checked: vm.master.checked, disabled: vm.master.disabled, onChange: checked => vm.master.onCheckedChange({ checked }), description: vm.master.description, descriptionId: vm.master.descriptionId }), _jsx("div", { className: "jini-chat-settings-capabilities", children: vm.capabilities.map(item => _jsx(SettingSwitch, { label: item.control.label, checked: item.control.checked, disabled: item.control.disabled, onChange: checked => item.control.onCheckedChange({ checked }), description: item.description, descriptionId: item.descriptionId }, item.key)) }), vm.permissions.busy && _jsx("p", { role: "status", className: "jini-chat-settings-note", children: vm.t('Saving…') }), vm.permissions.error && _jsx("p", { role: "alert", className: "jini-chat-settings-error", children: vm.permissions.error })] }) })] });
+        }, children: [_jsxs("header", { className: "jini-chat-settings-header", children: [_jsx("h2", { id: titleId, className: "jini-dialog-title", children: vm.t('Chat settings') }), _jsx("button", { ref: closeRef, type: "button", className: "jini-dialog-close jini-chat-settings-close", "aria-label": vm.t('Close'), onClick: required.onClose, children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })] }), _jsx(TabBar, { tabs: vm.tabs, activeId: vm.tab, onChange: vm.setTab, ariaLabel: vm.t('Chat settings') }), _jsx("div", { className: "jini-chat-settings-body", role: "tabpanel", "aria-label": vm.tab === 'display' ? vm.t('Display') : vm.t('Agent permissions'), children: vm.tab === 'display' ? vm.display.map(renderDisplaySection)
+                    : renderPermissions(vm) })] });
+}
+function renderDisplaySection(section) {
+    if (section.radio)
+        return (
+        // One ⓘ for the whole choice, beside the legend (owner, 2026-10-18), not one per option. The
+        // fieldset is named by the label span alone, so the tip's text never joins the group's name.
+        _jsxs("fieldset", { className: "jini-chat-settings-group", "aria-labelledby": section.label ? section.labelId : undefined, "aria-describedby": [section.hint ? section.hintId : '', section.tooltip ? section.tooltipId : ''].filter(Boolean).join(' ') || undefined, children: [section.label && _jsxs("legend", { className: "jini-chat-settings-legend", children: [_jsx("span", { id: section.labelId, children: section.label }), section.tooltip && _jsx(InfoTip, { label: section.tooltip, descriptionId: section.tooltipId })] }), section.hint && _jsx("p", { id: section.hintId, className: "jini-chat-settings-description jini-chat-settings-description--group", children: section.hint }), _jsx(ChatSettingsSegmented, { name: section.name, items: section.items })] }, section.key));
+    return _jsxs("fieldset", { className: "jini-chat-settings-group", children: [section.label && _jsx("legend", { className: "jini-chat-settings-legend", children: section.label }), section.items.map(item => _jsx(SettingSwitch, { label: item.label, checked: !!item.checked, disabled: item.disabled, onChange: item.change, description: item.hint, descriptionId: item.hintId, tooltip: item.tooltip }, item.key))] }, section.key);
+}
+function renderPermissions(vm) {
+    return _jsxs(_Fragment, { children: [_jsx("p", { className: "jini-chat-settings-note", children: vm.t('Permission changes apply to the next run.') }), vm.permissions.unavailableReason && _jsx("p", { className: "jini-chat-settings-note", children: vm.t(vm.permissions.unavailableReason) }), _jsx(SettingSwitch, { className: "jini-chat-settings-row--master", label: vm.master.label, checked: vm.master.checked, disabled: vm.master.disabled, onChange: checked => vm.master.onCheckedChange({ checked }), description: vm.master.description, descriptionId: vm.master.descriptionId }), _jsx("div", { className: "jini-chat-settings-capabilities", children: vm.capabilities.map(item => _jsx(SettingSwitch, { label: item.control.label, checked: item.control.checked, disabled: item.control.disabled, onChange: checked => item.control.onCheckedChange({ checked }), description: item.description, descriptionId: item.descriptionId }, item.key)) }), vm.permissions.busy && _jsx("p", { role: "status", className: "jini-chat-settings-note", children: vm.t('Saving…') }), vm.permissions.error && _jsx("p", { role: "alert", className: "jini-chat-settings-error", children: vm.permissions.error })] });
 }
 //# sourceMappingURL=ChatSettingsDialog.js.map

package/dist/react/components/Composer.js

@@ -114,11 +114,11 @@ export function Composer({ composer, onSend, disabled = false, sendDisabled = fa
      */
     useEffect(() => {
         if (!anyPopoverOpen(popovers))
-            return;
+            return undefined;
         const textarea = textareaRef.current;
         const composerRoot = textarea?.closest('.jini-composer');
         if (!composerRoot)
-            return;
+            return undefined;
         function handleOutsideMouseDown(event) {
             const target = event.target;
             if (!target)
@@ -327,7 +327,7 @@ export function Composer({ composer, onSend, disabled = false, sendDisabled = fa
                 }, onKeyDown: handleKeyDown, 
                 // Draft persistence is debounced (see `DRAFT_PERSIST_DEBOUNCE_MS`); leaving the field is a
                 // natural point to make it durable now.
-                onBlur: () => composer.flushDraft?.(), onPaste: handleAttachmentPaste, ...slashTextareaAria(slashOpen, slashActiveOption), rows: 3 }), slashOpen ? (_jsx(ComposerSlashMenu, { matches: slash.matches, activeIndex: slashActiveOption, onSelect: selectSlashItem, showFilterHint: slash.showFilterHint, style: slashMenuPosition, t: t })) : null, _jsxs("div", { className: "jini-composer-footer", children: [_jsx(ComposerAttachButton, { attachmentPicker: attachmentPicker, hidden: hasDiscoveryItems, disabled: disabled, inputRef: attachmentInputRef, onChange: handleAttachmentChange, t: t }), _jsx(ComposerDiscoveryMenu, { groups: discoveryGroups, open: discoveryMenuOpen, disabled: disabled, ...(attachmentPicker ? { attachmentPicker } : {}), attachmentInputRef: attachmentInputRef, onToggle: () => setDiscoveryMenuOpen((open) => !open), onClose: () => setDiscoveryMenuOpen(false), onSelect: selectPlusItem, onAttachmentChange: handleAttachmentChange, style: discoveryMenuPosition, t: t }), _jsx(AccessorySlot, { className: "jini-composer-footer-leading", children: footerLeadingAccessory }), _jsx(ComposerWorkdirControl, { workingDirectory: workingDirectory, onChangeWorkingDirectory: onChangeWorkingDirectory, onPickWorkingDirectory: onPickWorkingDirectory, disabled: disabled, open: workdirOpen, draft: workdirDraft, position: workdirPosition, onToggle: toggleWorkdir, onDraftChange: setWorkdirDraft, onConfirm: confirmWorkdir, onClose: () => setWorkdirOpen(false), t: t }), _jsx(AccessorySlot, { className: "jini-composer-footer-accessories", children: footerAccessories }), _jsx(ComposerPlusMenu, { items: plusMenuItems, t: t }), _jsx(ComposerSendGroup, { running: running, disabled: disabled, sendDisabled: sendDisabled, canSubmit: composer.canSubmit, onSend: onSend, onCancel: onCancel, sendDisabledReason: sendDisabledReason, sendDisabledReasonId: sendDisabledReasonId, t: t })] })] }));
+                onBlur: () => composer.flushDraft?.(), onPaste: handleAttachmentPaste, ...slashTextareaAria(slashOpen, slashActiveOption), rows: 3 }), slashOpen ? (_jsx(ComposerSlashMenu, { matches: slash.matches, activeIndex: slashActiveOption, onSelect: selectSlashItem, showFilterHint: slash.showFilterHint, style: slashMenuPosition, t: t })) : null, _jsxs("div", { className: "jini-composer-footer", children: [_jsx(ComposerAttachButton, { attachmentPicker: attachmentPicker, hidden: hasDiscoveryItems, disabled: disabled, inputRef: attachmentInputRef, onChange: handleAttachmentChange, t: t }), _jsx(ComposerDiscoveryMenu, { groups: discoveryGroups, open: discoveryMenuOpen, disabled: disabled, ...(attachmentPicker ? { attachmentPicker } : {}), attachmentInputRef: attachmentInputRef, onToggle: () => setDiscoveryMenuOpen((open) => !open), onClose: () => setDiscoveryMenuOpen(false), onSelect: selectPlusItem, onAttachmentChange: handleAttachmentChange, style: discoveryMenuPosition, t: t }), _jsx(AccessorySlot, { className: "jini-composer-footer-leading", children: footerLeadingAccessory }), _jsx(ComposerWorkdirControl, { workingDirectory: workingDirectory, onChangeWorkingDirectory: onChangeWorkingDirectory, onPickWorkingDirectory: onPickWorkingDirectory, disabled: disabled, open: workdirOpen, draft: workdirDraft, position: workdirPosition, onToggle: toggleWorkdir, onDraftChange: setWorkdirDraft, onConfirm: confirmWorkdir, onClose: () => setWorkdirOpen(false), t: t }), _jsxs("div", { className: "jini-composer-footer-trailing", children: [_jsx(AccessorySlot, { className: "jini-composer-footer-accessories", children: footerAccessories }), _jsx(ComposerPlusMenu, { items: plusMenuItems, t: t }), _jsx(ComposerSendGroup, { running: running, disabled: disabled, sendDisabled: sendDisabled, canSubmit: composer.canSubmit, onSend: onSend, onCancel: onCancel, sendDisabledReason: sendDisabledReason, sendDisabledReasonId: sendDisabledReasonId, t: t })] })] })] }));
 }
 function anyPopoverOpen({ discoveryMenuOpen, slashOpen, workdirOpen }) {
     return discoveryMenuOpen || slashOpen || workdirOpen;
@@ -380,8 +380,9 @@ function ComposerWorkdirControl({ workingDirectory, onChangeWorkingDirectory, on
                             if (e.key === 'Enter') {
                                 e.preventDefault();
                                 onConfirm();
+                                return;
                             }
-                            else if (e.key === 'Escape') {
+                            if (e.key === 'Escape') {
                                 e.preventDefault();
                                 onClose();
                             }

package/dist/react/components/ConversationList.js

@@ -105,7 +105,7 @@ export function ConversationList({ conversations: savedConversations, activeConv
     // nothing on every document event.
     useEffect(() => {
         if (!open)
-            return;
+            return undefined;
         // The root div is committed before any effect runs, so it is never null here. Capturing it
         // (rather than reading the ref per event) keeps a late event during unmount, after React has
         // detached the ref but before this cleanup runs, measured against the real node.
@@ -135,10 +135,10 @@ export function ConversationList({ conversations: savedConversations, activeConv
     }, [open]);
     useEffect(() => {
         if (!onSearch)
-            return;
+            return undefined;
         if (!deferredQuery) {
             setServerResults(null);
-            return;
+            return undefined;
         }
         // `cancelled` guards the classic out-of-order response: a slow query for "a" resolving after
         // a fast one for "abc" would otherwise overwrite the newer, correct results.
@@ -190,6 +190,7 @@ export function ConversationList({ conversations: savedConversations, activeConv
         });
     }, [confirmDelete, onDelete, t]);
     const active = conversations.find((c) => c.id === activeConversationId) ?? null;
+    const emptyLabel = () => conversations.length === 0 ? emptyState ?? t('No conversations yet') : t('No conversations match');
     return (_jsxs("div", { className: "jini-conv", ref: rootRef, children: [_jsx("button", { type: "button", className: `jini-conv-trigger${open ? ' jini-conv-trigger-open' : ''}`, "aria-haspopup": "menu", "aria-expanded": open, ...conversationTriggerAttributes({ activeTitle: active?.title, t }, { label: triggerLabel, nativeTitle }), "data-testid": "conversation-trigger", onClick: () => setOpen((v) => !v), children: _jsx(Icon, { name: "comment", size: 16 }) }), open ? (_jsxs("div", { className: "jini-conv-menu", role: "menu", "data-testid": "conversation-menu", children: [_jsxs("div", { className: "jini-conv-head", children: [_jsxs("span", { className: "jini-conv-heading", children: [t('Conversations'), _jsx("span", { className: "jini-conv-count", "data-testid": "conversation-count", children: conversations.length })] }), _jsxs("button", { type: "button", className: "jini-conv-new", disabled: createDisabled, "data-testid": "conversation-new", 
                                 // `disabled` alone guards this: a disabled button never dispatches a click.
                                 onClick: () => {
@@ -199,7 +200,7 @@ export function ConversationList({ conversations: savedConversations, activeConv
                                     // the remaining gap between "switcher closed" and "the host actually knows".
                                     runConversationListHostEffect('onCreate', () => onCreate());
                                     setOpen(false);
-                                }, children: [_jsx(Icon, { name: "plus", size: 12 }), _jsx("span", { children: t('New') })] })] }), _jsxs("label", { className: "jini-conv-search", children: [_jsx(Icon, { name: "search", size: 13 }), _jsx("input", { type: "search", value: query, placeholder: t('Search conversations'), "data-testid": "conversation-search", onChange: (event) => setQuery(event.currentTarget.value) })] }), _jsx("div", { className: "jini-conv-list", "data-testid": "conversation-list", children: conversations.length === 0 ? (_jsx("div", { className: "jini-conv-empty", children: emptyState ?? t('No conversations yet') })) : visible.length === 0 ? (_jsx("div", { className: "jini-conv-empty", children: t('No conversations match') })) : (visible.map((item) => (_jsxs("div", { className: `jini-conv-item${item.id === activeConversationId ? ' jini-conv-item-active' : ''}`, "data-testid": `conversation-item-${item.id}`, children: [editingId === item.id ? (_jsx(ConversationTitleEditor, { title: rawTitles.get(item.id) ?? null, "data-testid": `conversation-rename-${item.id}`, onCommit: (next) => commitRename(item.id, next), onCancel: () => setEditingId(null) })) : (_jsxs("button", { type: "button", className: "jini-conv-item-select", "data-testid": `conversation-select-${item.id}`, title: t('Double-click to rename'), onClick: () => {
+                                }, children: [_jsx(Icon, { name: "plus", size: 12 }), _jsx("span", { children: t('New') })] })] }), _jsxs("label", { className: "jini-conv-search", children: [_jsx(Icon, { name: "search", size: 13 }), _jsx("input", { type: "search", value: query, placeholder: t('Search conversations'), "data-testid": "conversation-search", onChange: (event) => setQuery(event.currentTarget.value) })] }), _jsx("div", { className: "jini-conv-list", "data-testid": "conversation-list", children: conversations.length === 0 || visible.length === 0 ? (_jsx("div", { className: "jini-conv-empty", children: emptyLabel() })) : (visible.map((item) => (_jsxs("div", { className: `jini-conv-item${item.id === activeConversationId ? ' jini-conv-item-active' : ''}`, "data-testid": `conversation-item-${item.id}`, children: [editingId === item.id ? (_jsx(ConversationTitleEditor, { title: rawTitles.get(item.id) ?? null, "data-testid": `conversation-rename-${item.id}`, onCommit: (next) => commitRename(item.id, next), onCancel: () => setEditingId(null) })) : (_jsxs("button", { type: "button", className: "jini-conv-item-select", "data-testid": `conversation-select-${item.id}`, title: t('Double-click to rename'), onClick: () => {
                                         cancelPendingSelect();
                                         pendingSelectRef.current = setTimeout(() => {
                                             pendingSelectRef.current = null;

package/dist/react/components/Markdown.js

@@ -74,7 +74,7 @@ function splitTableCells(line) {
         cells.push(tail);
     return cells;
 }
-const TABLE_ALIGN_CELL = /^:?-{1,}:?$/;
+const TABLE_ALIGN_CELL = /^:?-+:?$/;
 // Every cell `TABLE_ALIGN_CELL` accepts starts and ends with `:` or `-`, so its
 // first + last character is always exactly one of these four keys.
 const COLUMN_ALIGN = { '::': 'center', '-:': 'right', ':-': 'left', '--': null };
@@ -117,7 +117,7 @@ function collectTableRows(lines, start) {
 }
 const ORDERED_ITEM = /^\s*\d+[.)]\s+/;
 const FENCE = /^```/;
-const HEADING = /^(#{1,3})\s+(.*)$/;
+const HEADING = /^(#{1,3})\s+/;
 const RULE = /^(-{3,}|\*{3,}|_{3,})\s*$/;
 const QUOTE_LINE = /^>\s?/;
 const BULLET_ITEM = /^\s*[-*]\s+/;
@@ -139,11 +139,12 @@ function parseHeading(lines, i) {
     const heading = HEADING.exec(lines[i]);
     if (!heading)
         return null;
-    // Both capture groups are mandatory (non-optional) in this pattern, so
-    // whenever `heading` itself is truthy, `heading[1]`/`heading[2]` are
-    // always matched strings (never `undefined`) — same dead-fallback
-    // reasoning as the `lines[i]` accesses above.
-    return { block: { kind: 'h', level: heading[1].length, text: heading[2] }, next: i + 1 };
+    const content = /^(.*)$/.exec(lines[i].slice(heading[0].length));
+    if (!content)
+        return null;
+    // Both captures are mandatory in their respective patterns, so each successful match has a
+    // defined group 1 — same dead-fallback reasoning as the `lines[i]` accesses above.
+    return { block: { kind: 'h', level: heading[1].length, text: content[1] }, next: i + 1 };
 }
 function parseRule(lines, i) {
     return RULE.test(lines[i]) ? { block: { kind: 'hr' }, next: i + 1 } : null;
@@ -268,13 +269,8 @@ function nextLooseListLine(lines, i) {
 }
 function isBlockStart(lines, i) {
     const line = lines[i];
-    return (FENCE.test(line)
-        || /^(#{1,3})\s+/.test(line)
-        || RULE.test(line)
-        || QUOTE_LINE.test(line)
-        || BULLET_ITEM.test(line)
-        || ORDERED_ITEM.test(line)
-        || isTableStartAt(lines, i));
+    const simpleBlock = [FENCE, /^(#{1,3})\s+/, RULE, QUOTE_LINE, BULLET_ITEM, ORDERED_ITEM].some(pattern => pattern.test(line));
+    return simpleBlock || isTableStartAt(lines, i);
 }
 function renderBlock(block) {
     switch (block.kind) {
@@ -297,6 +293,7 @@ function renderBlock(block) {
         case 'hr':
             return _jsx("hr", {});
     }
+    return undefined;
 }
 // Fenced code block ('renderBlock' case 'code') plus its copy affordance. 'CopyCodeButton' below
 // sits in its own small toolbar row above the '<pre>', not overlaid on top of it: an overlay
@@ -343,7 +340,7 @@ function useTableOverflow() {
         // The wrap div renders unconditionally, so its ref is attached by the time this effect runs.
         const el = wrapRef.current;
         if (typeof ResizeObserver !== 'function')
-            return;
+            return undefined;
         const check = () => setIsOverflowing(el.scrollWidth > el.clientWidth + TABLE_OVERFLOW_SLACK_PX);
         const observer = new ResizeObserver(check);
         observer.observe(el);
@@ -441,17 +438,9 @@ function renderInline(text) {
     while (match !== null) {
         if (match.index > lastIndex)
             nodes.push(text.slice(lastIndex, match.index));
-        const [whole, code, mdLink, bold, italic, link] = match;
-        if (code)
-            nodes.push(_jsx("code", { children: code.slice(1, -1) }, key++));
-        else if (mdLink)
-            nodes.push(renderMarkdownLink(mdLink, key++));
-        else if (bold)
-            nodes.push(_jsx("strong", { children: renderInline(bold.slice(2, -2)) }, key++));
-        else if (italic)
-            nodes.push(_jsx("em", { children: renderInline(italic.slice(1, -1)) }, key++));
-        else if (link)
-            nodes.push(_jsx("a", { href: link, ...NEW_TAB, children: link }, key++));
+        const whole = match[0];
+        nodes.push(renderInlineToken({ match, key }));
+        key += 1;
         // `whole` is `match[0]` — a successful `RegExpExecArray` always has a
         // defined (if possibly empty) full-match string at index 0, so this
         // fallback is unreachable (same dead-fallback reasoning as above).
@@ -462,4 +451,18 @@ function renderInline(text) {
         nodes.push(text.slice(lastIndex));
     return nodes;
 }
+function renderInlineToken({ match, key }) {
+    const [, code, mdLink, bold, italic, link] = match;
+    if (code)
+        return _jsx("code", { children: code.slice(1, -1) }, key);
+    if (mdLink)
+        return renderMarkdownLink(mdLink, key);
+    if (bold)
+        return _jsx("strong", { children: renderInline(bold.slice(2, -2)) }, key);
+    if (italic)
+        return _jsx("em", { children: renderInline(italic.slice(1, -1)) }, key);
+    if (link)
+        return _jsx("a", { href: link, ...NEW_TAB, children: link }, key);
+    return null;
+}
 //# sourceMappingURL=Markdown.js.map

package/dist/react/components/McpUiSurfaceCard.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { trimChars } from '@jini-ai/core/primitives';
 /**
  * @module components/McpUiSurfaceCard
  *
@@ -98,7 +99,7 @@ function latestResourcesByUri(events) {
 function pendingMirrorHandle(uri) {
     // Never empty: only resources whose URI starts with `ui://` reach a card (`@jini-ai/ui/mcp-ui`'s
     // resource parser rejects every other scheme), so the sanitized handle always keeps at least `ui`.
-    const sanitized = uri.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '');
+    const sanitized = trimChars({ text: uri.toLowerCase().replace(/[^a-z0-9]+/g, '-'), chars: '-' });
     return `mcp-ui-pending-${sanitized}`;
 }
 /** The one label a mirror region carries — what is pending, and what an agent could report or wait on. */

package/dist/react/components/MessageList.hooks.js

@@ -23,7 +23,8 @@ export function useConversationUsage({ messages }, _optional = {}) {
             if (old && JSON.stringify(old) === JSON.stringify(summary))
                 next.set(id, old);
         }
-        return previous.current = next;
+        previous.current = next;
+        return next;
     }, [messages]);
 }
 export function useMessageListAutoScroll({ messages, scrollIntent }, { onScrolled, reducedMotion = prefersReducedMotion } = {}) {
@@ -86,7 +87,7 @@ export function useMessageListAutoScroll({ messages, scrollIntent }, { onScrolle
     useEffect(() => {
         const el = containerRef.current;
         if (!el || typeof ResizeObserver !== 'function')
-            return;
+            return undefined;
         const observer = new ResizeObserver(() => {
             if (!stickToBottomRef.current)
                 return;

package/dist/react/components/MessageRow.js

@@ -140,6 +140,14 @@ function flatToolGroups({ message, rows, registry, displayBlocks }, { toolCallDi
     return flat.length > 0 ? [{ rows: flat, key: 'tools' }] : [];
 }
 /** The model's reasoning, folded under a "Thinking" summary so it never crowds the answer. */
+/** A host status belongs to the run that emitted it, regardless of the current picker selection. */
+function RunAccessNotice({ events }) {
+    const t = useT();
+    const notice = events?.find(event => event.kind === 'status' && event.label === 'full_cli_access');
+    if (notice?.kind !== 'status' || !notice.detail)
+        return null;
+    return _jsx("div", { className: "jini-chat-pane__notice", role: "note", children: t(notice.detail) });
+}
 function ThinkingBlock({ text }) {
     const t = useT();
     if (!text.trim())
@@ -235,7 +243,11 @@ function AssistantMessageRow({ message, usageSummary, showUsageTotal, showUsageL
         // arrives for it, instead of staying tombstoned for the message's whole lifetime.
         _jsx(ExtEventErrorBoundary, { name: group.name, children: transcriptRow ? node : _jsx("div", { children: node }) }, `${group.slot}:${group.events.length}`));
     };
-    const renderTextSegments = (text, keyPrefix) => splitOnQuestionForms({ input: text }).map((segment, i) => segment.kind === 'text' ? (segment.text.trim() ? (_jsx("div", { className: "jini-message-content", children: _jsx(Markdown, { children: segment.text }) }, `${keyPrefix}-${i}`)) : null) : (_jsx(QuestionForm, { form: segment.form, interactive: questionFormInteractive, ...(questionFormSubmittedAnswers !== undefined ? { submittedAnswers: questionFormSubmittedAnswers } : {}), ...(onQuestionFormSubmit !== undefined ? { onSubmit: onQuestionFormSubmit } : {}) }, `${keyPrefix}-${i}`)));
+    const renderTextSegments = (text, keyPrefix) => splitOnQuestionForms({ input: text }).map((segment, i) => {
+        if (segment.kind === 'text')
+            return segment.text.trim() ? (_jsx("div", { className: "jini-message-content", children: _jsx(Markdown, { children: segment.text }) }, `${keyPrefix}-${i}`)) : null;
+        return (_jsx(QuestionForm, { form: segment.form, interactive: questionFormInteractive, ...(questionFormSubmittedAnswers !== undefined ? { submittedAnswers: questionFormSubmittedAnswers } : {}), ...(onQuestionFormSubmit !== undefined ? { onSubmit: onQuestionFormSubmit } : {}) }, `${keyPrefix}-${i}`));
+    });
     const renderBlock = (block) => {
         if (block.kind === 'text') {
             return _jsx(React.Fragment, { children: renderTextSegments(block.text, block.key) }, block.key);
@@ -243,7 +255,9 @@ function AssistantMessageRow({ message, usageSummary, showUsageTotal, showUsageL
         if (block.kind === 'reply-end') {
             const reply = usage.replies[block.index];
             // A trailing input may have no reply: its predecessor's usage belongs above that input.
-            return reply && showUsageLine ? _jsx(UsageSummary, { usage: reply, showTotal: showUsageTotal, ...(block.index === lastFinishedReply ? { message } : {}) }, block.key) : null;
+            if (!reply || !showUsageLine)
+                return null;
+            return _jsx(UsageSummary, { usage: reply, showTotal: showUsageTotal, ...(block.index === lastFinishedReply ? { message } : {}) }, block.key);
         }
         if (block.kind === 'tools')
             return renderTools(block.rows, block.key);
@@ -260,21 +274,23 @@ function AssistantMessageRow({ message, usageSummary, showUsageTotal, showUsageL
             return _jsx(React.Fragment, { children: renderExtGroup(group) }, block.key);
         return (_jsx("div", { className: "jini-message-ext-events", children: renderExtGroup(group) }, block.key));
     };
+    // The live footer follows the run as transcript sections split; its clock must not remount.
     const renderAssistantSection = ({ section, key, footer }) => (_jsxs("div", { className: usageLineMeetsActions({ footer: footerUsage, terminalNotice, pending, runInProgress }, { showTotal: showUsageTotal })
             ? 'jini-message jini-message-assistant jini-message-assistant--usage-actions'
             : 'jini-message jini-message-assistant', "data-message-id": message.id, "data-run-status": message.runStatus, "data-agent-element": `chat-message-${message.id}`, "data-agent-role": "region", "data-agent-label": "A reply from the assistant", children: [message.agentName ? _jsx("div", { className: "jini-message-agent", children: message.agentName }) : null, section
                 ? section.map(renderBlock)
-                : (_jsxs(_Fragment, { children: [renderTextSegments(visibleContent, 'text'), flatTools.map((group) => renderTools(group.rows, group.key)), flatExtGroups.length > 0 ? _jsx("div", { className: "jini-message-ext-events", children: flatExtGroups.map(renderExtGroup) }) : null] })), footer && _jsx(AssistantMessageFooter, { message, usageEvent: footerUsage, showUsageTotal, terminalNotice, pending, runInProgress, runStreaming, runSending, visibleContent, isAnsweredCard: answeredCards.isAnsweredCard })] }, key));
+                : (_jsxs(_Fragment, { children: [renderTextSegments(visibleContent, 'text'), flatTools.map((group) => renderTools(group.rows, group.key)), flatExtGroups.length > 0 ? _jsx("div", { className: "jini-message-ext-events", children: flatExtGroups.map(renderExtGroup) }) : null] })), footer && _jsx(AssistantMessageFooter, { message, usageEvent: footerUsage, showUsageTotal, terminalNotice, pending, runInProgress, runStreaming, runSending, visibleContent, isAnsweredCard: answeredCards.isAnsweredCard })] }, footer ? message.id : key));
     // The lossless fallback keeps the host's text intact; user receipts still own separate rows,
     // in their original receipt order, outside the assistant's actions and usage footer.
+    // Keep the same child-array nesting as the interleaved path so React preserves the footer.
     if (blocks === null)
-        return _jsxs(_Fragment, { children: [renderAssistantSection({ section: null, key: message.id, footer: true }), extGroups.filter(group => group.name === MID_RUN_USER_MESSAGE_EXT_EVENT_NAME).map(renderExtGroup)] });
+        return _jsxs(_Fragment, { children: [_jsx(RunAccessNotice, { events: message.events }), [renderAssistantSection({ section: null, key: message.id, footer: true })], extGroups.filter(group => group.name === MID_RUN_USER_MESSAGE_EXT_EVENT_NAME).map(renderExtGroup)] });
     // A reply boundary without reported usage renders nothing; it must not create an empty row's gap.
     const visibleBlocks = blocks.filter(block => block.kind !== 'reply-end' || (showUsageLine && usage.replies[block.index] !== undefined));
     const { sections, footerIndex } = transcriptSections({ blocks: visibleBlocks, runInProgress });
-    return _jsx(_Fragment, { children: sections.map((section, index) => isUserSection({ section })
-            ? _jsx(React.Fragment, { children: section.map(renderBlock) }, section[0].key)
-            : renderAssistantSection({ section, key: section[0]?.key ?? message.id, footer: index === footerIndex })) });
+    return _jsxs(_Fragment, { children: [_jsx(RunAccessNotice, { events: message.events }), sections.map((section, index) => isUserSection({ section })
+                ? _jsx(React.Fragment, { children: section.map(renderBlock) }, section[0].key)
+                : renderAssistantSection({ section, key: section[0]?.key ?? message.id, footer: index === footerIndex }))] });
 }
 /** Preserve optional render-prop presence for custom extension renderers. */
 function answerRenderProps({ answeredCards, slot, answerText }, _options = {}) {

package/dist/react/components/MessageRow.usage.js

@@ -44,7 +44,9 @@ export function usageLayout({ usage, interleaved, runInProgress }, { runStreamin
  * every keystroke restyle the whole page in long chats (2026-10-11). O(1).
  * @example usageLineMeetsActions({ footer: { kind: 'usage', costUsd: 0.1 }, terminalNotice: null, pending: false, runInProgress: false }) // true */
 export function usageLineMeetsActions({ footer, terminalNotice, pending, runInProgress }, { showTotal = true } = {}) {
-    const hasText = footer !== undefined && (footer.durationMs !== undefined || footer.costUsd !== undefined || (showTotal && footer.totalCostUsd !== undefined));
+    if (footer === undefined)
+        return false;
+    const hasText = footer.durationMs !== undefined || footer.costUsd !== undefined || (showTotal && footer.totalCostUsd !== undefined);
     return hasText && !terminalNotice && !pending && !runInProgress;
 }
 /** Build footer display values outside JSX; token counts remain available in the tooltip and accessible footer label.

package/dist/react/components/QuestionForm.js

@@ -177,8 +177,8 @@ function DirectionCardsControl(ctx) {
 function TextControl({ q, value, locked, update, t }) {
     const shared = { className: 'qf-input', value: stringValue(value), placeholder: q.placeholder, disabled: locked, onChange: (e) => update(q.id, e.target.value) };
     const props = questionTextInputProps({ question: q });
-    if (props.type === 'password') {
-        const { type: _type, ...secretProps } = props;
+    const { type, ...secretProps } = props;
+    if (type === 'password') {
         return _jsx(SecretInput, { ...secretProps, ...shared, "aria-label": q.label, label: q.label, toggleLabels: { show: `${t('Show')} ${q.label}`, hide: `${t('Hide')} ${q.label}` } });
     }
     return _jsx("input", { ...props, ...shared });
@@ -271,9 +271,8 @@ function collectFileSubmissions(form, fileAnswers) {
         if (q.type !== 'file')
             continue;
         const files = fileAnswers[q.id] ?? [];
-        if (files.length === 0)
-            continue;
-        out.push({ questionId: q.id, questionLabel: q.label, files });
+        if (files.length > 0)
+            out.push({ questionId: q.id, questionLabel: q.label, files });
     }
     return out;
 }

package/dist/react/components/SentAttachment.js

@@ -9,6 +9,9 @@ import { useSentAttachmentThumbnail } from './SentAttachment.hooks.js';
 export function SentAttachmentButton({ attachment, onOpen, renderAttachment, objectUrls }) {
     const t = useT();
     const { thumbnailUrl, onThumbnailError } = useSentAttachmentThumbnail({ attachment, hostRendered: renderAttachment !== undefined }, objectUrls === undefined ? {} : { objectUrls });
-    return (_jsx("button", { type: "button", className: `jini-message-attachment-chip${thumbnailUrl ? ' is-thumbnail' : ''}`, onClick: () => onOpen(attachment), title: t('Open {name}', { name: attachment.name }), "aria-label": t('Open {name}', { name: attachment.name }), children: renderAttachment ? (renderAttachment(attachment)) : thumbnailUrl ? (_jsx("img", { className: "jini-message-attachment-thumb", src: thumbnailUrl, alt: "", onError: onThumbnailError })) : (attachment.name) }));
+    const fallback = thumbnailUrl
+        ? _jsx("img", { className: "jini-message-attachment-thumb", src: thumbnailUrl, alt: "", onError: onThumbnailError })
+        : attachment.name;
+    return (_jsx("button", { type: "button", className: `jini-message-attachment-chip${thumbnailUrl ? ' is-thumbnail' : ''}`, onClick: () => onOpen(attachment), title: t('Open {name}', { name: attachment.name }), "aria-label": t('Open {name}', { name: attachment.name }), children: renderAttachment ? renderAttachment(attachment) : fallback }));
 }
 //# sourceMappingURL=SentAttachment.js.map

package/dist/react/components/TodoCard.js

@@ -18,7 +18,7 @@ export function TodoCard({ todos, runStreaming, onDismiss }) {
     const [overrideExpanded, setOverrideExpanded] = useState(null);
     const expanded = overrideExpanded ?? defaultExpanded;
     const showDismiss = Boolean(onDismiss) && allComplete;
-    return (_jsxs("div", { className: `op-card op-todo${expanded ? '' : ' op-todo-collapsed'}`, children: [_jsxs("div", { className: "op-card-head op-todo-head", children: [_jsxs("button", { type: "button", className: "op-todo-toggle", "aria-expanded": expanded, onClick: () => setOverrideExpanded(!expanded), title: expanded ? t('Collapse todos') : t('Expand todos'), children: [_jsx("span", { className: "op-icon", "aria-hidden": true, children: "\u2610" }), _jsx("span", { className: "op-title", children: t('Todos') }), _jsxs("span", { className: "op-meta", children: [done, "/", todos.length] }), !expanded && inProgressTodo ? _jsx("span", { className: "op-todo-current", children: todoLabel({ todo: inProgressTodo }) }) : null, _jsx("span", { className: "op-todo-chev", "aria-hidden": true, children: expanded ? _jsx(Icon, { name: "chevron-down", size: 11 }) : _jsx(Icon, { name: "chevron-right", size: 11 }) })] }), showDismiss ? (_jsx("button", { type: "button", className: "op-todo-done", onClick: () => onDismiss?.(), title: t('Dismiss'), children: t('Done') })) : null] }), _jsx("div", { className: `accordion-collapsible${expanded ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsx("ul", { className: "todo-list", children: todos.map((todo, i) => (_jsxs("li", { className: `todo-item todo-${todo.status}`, children: [_jsx("span", { className: "todo-check", "aria-hidden": true, children: todo.status === 'completed' ? '✓' : todo.status === 'in_progress' ? '◐' : todo.status === 'stopped' ? '!' : '○' }), _jsx("span", { className: "todo-text", children: todoLabel({ todo }) })] }, i))) }) }) })] }));
+    return (_jsxs("div", { className: `op-card op-todo${expanded ? '' : ' op-todo-collapsed'}`, children: [_jsxs("div", { className: "op-card-head op-todo-head", children: [_jsxs("button", { type: "button", className: "op-todo-toggle", "aria-expanded": expanded, onClick: () => setOverrideExpanded(!expanded), title: expanded ? t('Collapse todos') : t('Expand todos'), children: [_jsx("span", { className: "op-icon", "aria-hidden": true, children: "\u2610" }), _jsx("span", { className: "op-title", children: t('Todos') }), _jsxs("span", { className: "op-meta", children: [done, "/", todos.length] }), !expanded && inProgressTodo ? _jsx("span", { className: "op-todo-current", children: todoLabel({ todo: inProgressTodo }) }) : null, _jsx("span", { className: "op-todo-chev", "aria-hidden": true, children: expanded ? _jsx(Icon, { name: "chevron-down", size: 11 }) : _jsx(Icon, { name: "chevron-right", size: 11 }) })] }), showDismiss ? (_jsx("button", { type: "button", className: "op-todo-done", onClick: () => onDismiss?.(), title: t('Dismiss'), children: t('Done') })) : null] }), _jsx("div", { className: `accordion-collapsible${expanded ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsx("ul", { className: "todo-list", children: todos.map((todo, i) => (_jsxs("li", { className: `todo-item todo-${todo.status}`, children: [_jsx("span", { className: "todo-check", "aria-hidden": true, children: todoStatusGlyph({ status: todo.status }) }), _jsx("span", { className: "todo-text", children: todoLabel({ todo }) })] }, i))) }) }) })] }));
 }
 function todoProgress({ todos }, { runStreaming = false } = {}) {
     const hasPending = todos.some((todo) => todo.status === 'pending' || todo.status === 'in_progress');
@@ -32,4 +32,12 @@ function todoProgress({ todos }, { runStreaming = false } = {}) {
 function todoLabel({ todo }, _options = {}) {
     return todo.status === 'in_progress' && todo.activeForm ? todo.activeForm : todo.content;
 }
+function todoStatusGlyph({ status }) {
+    switch (status) {
+        case 'completed': return '✓';
+        case 'in_progress': return '◐';
+        case 'stopped': return '!';
+        default: return '○';
+    }
+}
 //# sourceMappingURL=TodoCard.js.map