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

package/dist/features/mcp-ui/surfaces/text-input.js

@@ -13,7 +13,7 @@ function optionalAttribute(name, value) {
         return '';
     return ` ${name}="${escapeHtml(String(value))}"`;
 }
-function booleanAttribute(name, value) {
+function booleanAttribute(name, value = false) {
     return value === true ? ` ${name}` : '';
 }
 /**

package/dist/features/mcp-ui/surfaces/tool-approval.d.ts

@@ -0,0 +1,21 @@
+import { type ToolDescriptor } from '@jini-ai/core';
+type ApprovalText = (required: {
+    key: string;
+}) => string;
+type ApprovalDescriptor = Pick<ToolDescriptor, 'id' | 'metadata' | 'inputSchema'>;
+/** Derive approval copy from the registered catalog, with the shared humanized-key fallback.
+ * The host translates copy; supplied input is never evaluated as a template or action metadata.
+ * @returns A question title, declared summary, confirm label and structured detail labels.
+ * @complexity O(n * depth + k) time/space in schema paths and tool-name bytes; no effects. */
+export declare function toolApprovalPresentation({ descriptor }: {
+    descriptor: ApprovalDescriptor;
+}, { text }: {
+    text: ApprovalText;
+}): {
+    title: string;
+    summary?: string;
+    confirmLabel: string;
+    labels: Readonly<Record<string, string>>;
+};
+export {};
+//# sourceMappingURL=tool-approval.d.ts.map

package/dist/features/mcp-ui/surfaces/tool-approval.js

@@ -0,0 +1,41 @@
+import { isNonArrayRecord } from '@jini-ai/core';
+import { surfaceDetailLabel } from './structured-details.js';
+function nonBlank({ value }, _options = {}) {
+    return typeof value === 'string' ? value.trim() || undefined : undefined;
+}
+function record({ value }, _options = {}) {
+    const candidate = { value };
+    return isNonArrayRecord(candidate) ? candidate.value : {};
+}
+/** Project inline JSON-schema property copy into the existing dotted-path label contract.
+ * No reference resolution or schema validation; unknown fields keep the renderer's fallback.
+ * @complexity O(n * depth) time and space in property-path bytes; no effects or input mutation. */
+function schemaLabels({ schema, path = '' }, { text }) {
+    const properties = record({ value: record({ value: schema }).properties });
+    return Object.fromEntries(Object.entries(properties).flatMap(([key, property]) => {
+        const field = record({ value: property });
+        const fieldPath = path ? `${path}.${key}` : key;
+        const label = nonBlank({ value: field.title }) ?? nonBlank({ value: field.description });
+        return [
+            ...(label ? [[fieldPath, text({ key: label })]] : []),
+            ...Object.entries(schemaLabels({ schema: field, path: fieldPath }, { text })),
+        ];
+    }));
+}
+/** Derive approval copy from the registered catalog, with the shared humanized-key fallback.
+ * The host translates copy; supplied input is never evaluated as a template or action metadata.
+ * @returns A question title, declared summary, confirm label and structured detail labels.
+ * @complexity O(n * depth + k) time/space in schema paths and tool-name bytes; no effects. */
+export function toolApprovalPresentation({ descriptor }, { text }) {
+    const fallback = surfaceDetailLabel({ key: descriptor.id.replace(/\./g, ' '), path: '', labels: {} });
+    const action = text({ key: nonBlank({ value: descriptor.metadata?.title }) ?? fallback });
+    const title = /[?？؟]$/.test(action) ? action : text({ key: '{action}?' }).replace('{action}', () => action);
+    const summary = nonBlank({ value: descriptor.metadata?.summary });
+    return {
+        title,
+        ...(summary ? { summary: text({ key: summary }) } : {}),
+        confirmLabel: text({ key: nonBlank({ value: descriptor.metadata?.actionVerb }) ?? 'Confirm' }),
+        labels: schemaLabels({ schema: descriptor.inputSchema }, { text }),
+    };
+}
+//# sourceMappingURL=tool-approval.js.map

package/dist/features/media-providers/react/hooks/useMediaProvidersTab.js

@@ -201,7 +201,8 @@ export function useMediaProvidersTab({ port, catalogPolicy, initialProviders })
         })();
     }, [flushNow]);
     const fetchAndReconcile = useCallback((migrateOnFirstUpload) => {
-        const ticket = ++loadTicket.current;
+        loadTicket.current += 1;
+        const ticket = loadTicket.current;
         const isCurrent = () => alive.current && loadTicket.current === ticket;
         // Captured for the MIGRATION decision only — `shouldSyncLocalProvidersToDaemon` asks "did the
         // operator already have local data before this fetch answered", which is a question about the

package/dist/features/memory/async-commit-guard.js

@@ -1,7 +1,10 @@
 export function createAsyncCommitGuard() {
     let currentRevision = 0;
     return {
-        begin: () => ++currentRevision,
+        begin: () => {
+            currentRevision += 1;
+            return currentRevision;
+        },
         capture: () => currentRevision,
         invalidate: () => {
             currentRevision += 1;

package/dist/features/memory/formatters.js

@@ -10,6 +10,10 @@
 // translated copy is product content); every `t(...)` call below uses a
 // plain-English default instead.
 import { connectorAppLabel } from './constants.js';
+const KIND_LABEL_KEYS = {
+    heuristic: 'Heuristic',
+    connector: 'Connected apps',
+};
 export function describeConnectorReadIssue(result) {
     const failed = result.connectors.filter((connector) => connector.status === 'failed');
     const skipped = result.connectors.filter((connector) => connector.status === 'skipped');
@@ -212,7 +216,7 @@ export function describeRecord(record, t) {
     // that was the only writer at the time, so labelling them as such
     // keeps the history list legible after upgrading.
     const kind = record.kind ?? 'llm';
-    const kindLabel = kind === 'heuristic' ? t('Heuristic') : kind === 'connector' ? t('Connected apps') : t('Model');
+    const kindLabel = t(KIND_LABEL_KEYS[kind] ?? 'Model');
     return { phaseLabel, reasonLabel, kindLabel, tone };
 }
 export function formatRelativeTime(at, now) {

package/dist/features/memory/react/components/MemoryConnectedPanel.js

@@ -22,7 +22,9 @@ function connectorRowState({ connector, context }) {
     const connecting = context.connectingConnectorIds.has(connector.id);
     const authorizationPending = context.pendingConnectorAuthIds.has(connector.id);
     const connectError = context.connectorConnectErrors[connector.id];
-    const checkingStatus = context.connectorsLoading && !isStatusResolved({ connector, context }) && !connected && !authorizationPending && !connectError && !connecting;
+    const statusUnresolved = context.connectorsLoading && !isStatusResolved({ connector, context });
+    const idle = !connected && !authorizationPending && !connectError && !connecting;
+    const checkingStatus = statusUnresolved && idle;
     return {
         connected,
         selected: context.selectedConnectorIds.has(connector.id) && connected,

package/dist/features/memory/react/components/MemoryEntryCard.js

@@ -13,6 +13,6 @@ import { useT } from '../../../i18n/index.js';
 import { renderMarkdown } from '../render-markdown.js';
 export function MemoryEntryCard({ entry, previewId, previewBody, onOpenPreview, onStartEdit, onDelete, agentHandle, }) {
     const t = useT();
-    return (_jsxs("div", { className: "library-card", children: [_jsxs("div", { className: "library-card-info", children: [_jsx("div", { className: "library-card-title-row", children: _jsx("span", { className: "library-card-name", children: entry.name }) }), _jsx("div", { className: "library-card-desc", children: entry.description || '—' })] }), _jsxs("div", { className: "memory-card-actions", children: [_jsx("button", { type: "button", className: "library-card-expand", onClick: () => onOpenPreview(entry.id), title: t('Preview'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'preview', role: 'button', label: t('Preview') }) }), children: _jsx(Icon, { name: previewId === entry.id ? 'chevron-down' : 'chevron-right', size: 14 }) }), _jsx("button", { type: "button", className: "ghost library-card-action", onClick: () => onStartEdit(entry.id), title: t('Edit'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'edit', role: 'button', label: t('Edit') }) }), children: _jsx(Icon, { name: "edit", size: 14 }) }), _jsx("button", { type: "button", className: "ghost library-card-action", onClick: () => onDelete(entry.id), title: t('Delete'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'delete', role: 'button', label: t('Delete') }) }), children: _jsx(Icon, { name: "close", size: 14 }) })] }), previewId === entry.id && (_jsx("div", { className: "library-preview", style: { width: '100%' }, children: previewBody === null ? (_jsx("p", { children: t('Loading…') })) : previewBody ? (_jsx("div", { className: "library-preview-body", children: renderMarkdown(previewBody) })) : (_jsx("p", { className: "hint", children: "\u2014" })) }))] }));
+    return (_jsxs("div", { className: "library-card", children: [_jsxs("div", { className: "library-card-info", children: [_jsx("div", { className: "library-card-title-row", children: _jsx("span", { className: "library-card-name", children: entry.name }) }), _jsx("div", { className: "library-card-desc", children: entry.description || '—' })] }), _jsxs("div", { className: "memory-card-actions", children: [_jsx("button", { type: "button", className: "library-card-expand", onClick: () => onOpenPreview(entry.id), title: t('Preview'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'preview', role: 'button', label: t('Preview') }) }), children: _jsx(Icon, { name: previewId === entry.id ? 'chevron-down' : 'chevron-right', size: 14 }) }), _jsx("button", { type: "button", className: "ghost library-card-action", onClick: () => onStartEdit(entry.id), title: t('Edit'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'edit', role: 'button', label: t('Edit') }) }), children: _jsx(Icon, { name: "edit", size: 14 }) }), _jsx("button", { type: "button", className: "ghost library-card-action", onClick: () => onDelete(entry.id), title: t('Delete'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'delete', role: 'button', label: t('Delete') }) }), children: _jsx(Icon, { name: "close", size: 14 }) })] }), previewId === entry.id && (_jsxs("div", { className: "library-preview", style: { width: '100%' }, children: [previewBody === null ? _jsx("p", { children: t('Loading…') }) : null, previewBody ? _jsx("div", { className: "library-preview-body", children: renderMarkdown(previewBody) }) : null, previewBody === '' ? _jsx("p", { className: "hint", children: "\u2014" }) : null] }))] }));
 }
 //# sourceMappingURL=MemoryEntryCard.js.map

package/dist/features/memory/react/components/MemorySettingsPanel.js

@@ -26,6 +26,8 @@ export function MemorySettingsPanel({ enabled, onToggleEnabled, topTab, onTopTab
     // Scroll target for the saved-memory section; nothing outside this panel
     // needs to reach it, so it's owned here rather than threaded through props.
     const sectionRef = useRef(null);
-    return (_jsxs("div", { className: "memory-settings-panel", children: [_jsxs("section", { className: "memory-panel-head-card", children: [_jsxs("div", { className: "memory-panel-head-copy", children: [_jsx("h4", { children: t('Memory') }), _jsx("p", { className: "hint", children: t('Control whether saved facts, preferences, and project context are reused in future chats.') })] }), _jsxs("div", { className: "memory-panel-head-controls", children: [_jsxs("div", { className: "jini-seg-control memory-panel-seg", role: "tablist", "aria-label": t('Memory view'), style: { '--seg-cols': 2 }, children: [_jsx("button", { type: "button", role: "tab", "aria-selected": topTab === 'memories', className: 'jini-seg-btn' + (topTab === 'memories' ? ' active' : ''), onClick: () => onTopTabChange('memories'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'view-memories', role: 'button', label: t('Memories') }) }), children: _jsx("span", { className: "jini-seg-title", children: t('Memories') }) }), _jsx("button", { type: "button", role: "tab", "aria-selected": topTab === 'how', className: 'jini-seg-btn' + (topTab === 'how' ? ' active' : ''), onClick: () => onTopTabChange('how'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'view-how', role: 'button', label: t('How it works') }) }), children: _jsx("span", { className: "jini-seg-title", children: t('How it works') }) })] }), _jsx("button", { type: "button", className: "memory-icon-btn", onClick: onAdd, disabled: !onAdd, "aria-label": t('Add memory'), title: t('Add memory'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'add', role: 'button', label: t('Add memory') }) }), children: _jsx(Icon, { name: "plus", size: 14 }) }), _jsx("button", { type: "button", className: "memory-icon-btn", onClick: onOpenAdvanced, disabled: !onOpenAdvanced, "aria-label": t('Advanced'), title: t('Advanced'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'advanced', role: 'button', label: t('Advanced') }) }), children: _jsx(Icon, { name: "settings", size: 14 }) }), _jsxs("label", { className: "toggle-switch memory-panel-master-toggle", title: enabled ? t('On') : t('Off'), children: [_jsx("input", { type: "checkbox", "aria-label": t('Enable memory'), checked: enabled, onChange: (event) => onToggleEnabled(event.target.checked), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'enabled', role: 'checkbox', label: t('Enable memory') }) }) }), _jsx("span", { className: "toggle-slider" })] })] })] }), topTab === 'memories' ? (_jsx(MemoryList, { sectionRef: sectionRef, ...savedMemory, ...(agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'saved' }) } : {}) })) : (_jsx(MemoryHowPanel, { ...howItWorks, ...(agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'how' }) } : {}) }))] }));
+    const savedHandleProps = agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'saved' }) } : {};
+    const howHandleProps = agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'how' }) } : {};
+    return (_jsxs("div", { className: "memory-settings-panel", children: [_jsxs("section", { className: "memory-panel-head-card", children: [_jsxs("div", { className: "memory-panel-head-copy", children: [_jsx("h4", { children: t('Memory') }), _jsx("p", { className: "hint", children: t('Control whether saved facts, preferences, and project context are reused in future chats.') })] }), _jsxs("div", { className: "memory-panel-head-controls", children: [_jsxs("div", { className: "jini-seg-control memory-panel-seg", role: "tablist", "aria-label": t('Memory view'), style: { '--seg-cols': 2 }, children: [_jsx("button", { type: "button", role: "tab", "aria-selected": topTab === 'memories', className: 'jini-seg-btn' + (topTab === 'memories' ? ' active' : ''), onClick: () => onTopTabChange('memories'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'view-memories', role: 'button', label: t('Memories') }) }), children: _jsx("span", { className: "jini-seg-title", children: t('Memories') }) }), _jsx("button", { type: "button", role: "tab", "aria-selected": topTab === 'how', className: 'jini-seg-btn' + (topTab === 'how' ? ' active' : ''), onClick: () => onTopTabChange('how'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'view-how', role: 'button', label: t('How it works') }) }), children: _jsx("span", { className: "jini-seg-title", children: t('How it works') }) })] }), _jsx("button", { type: "button", className: "memory-icon-btn", onClick: onAdd, disabled: !onAdd, "aria-label": t('Add memory'), title: t('Add memory'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'add', role: 'button', label: t('Add memory') }) }), children: _jsx(Icon, { name: "plus", size: 14 }) }), _jsx("button", { type: "button", className: "memory-icon-btn", onClick: onOpenAdvanced, disabled: !onOpenAdvanced, "aria-label": t('Advanced'), title: t('Advanced'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'advanced', role: 'button', label: t('Advanced') }) }), children: _jsx(Icon, { name: "settings", size: 14 }) }), _jsxs("label", { className: "toggle-switch memory-panel-master-toggle", title: enabled ? t('On') : t('Off'), children: [_jsx("input", { type: "checkbox", "aria-label": t('Enable memory'), checked: enabled, onChange: (event) => onToggleEnabled(event.target.checked), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'enabled', role: 'checkbox', label: t('Enable memory') }) }) }), _jsx("span", { className: "toggle-slider" })] })] })] }), topTab === 'memories' ? (_jsx(MemoryList, { sectionRef: sectionRef, ...savedMemory, ...savedHandleProps })) : (_jsx(MemoryHowPanel, { ...howItWorks, ...howHandleProps }))] }));
 }
 //# sourceMappingURL=MemorySettingsPanel.js.map

package/dist/features/memory/react/hooks/useMemoryConfig.hooks.js

@@ -61,12 +61,12 @@ function enqueueConfigWrite(queue, value, send, onSettled) {
                         thrown = error;
                     }
                     onSettled(ok, desired, queue.pending !== null);
-                    for (const settler of settlers) {
+                    settlers.forEach(settler => {
                         if (didThrow)
                             settler.reject(thrown);
                         else
                             settler.resolve();
-                    }
+                    });
                 }
             }
             finally {
@@ -159,11 +159,12 @@ export function useMemoryConfig(port) {
                 enabledConfirmedRef.current = value;
                 if (!hasNewerIntent)
                     setError(null);
+                return;
             }
-            else if (!hasNewerIntent) {
-                setEnabled(enabledConfirmedRef.current);
-                setError(CONFIG_SAVE_ERROR_MESSAGE);
-            }
+            if (hasNewerIntent)
+                return;
+            setEnabled(enabledConfirmedRef.current);
+            setError(CONFIG_SAVE_ERROR_MESSAGE);
         });
     }, [port]);
     // Map each hook key to its setter so a single optimistic-set + rollback path
@@ -186,11 +187,12 @@ export function useMemoryConfig(port) {
                 hookConfirmedRef.current[key] = value;
                 if (!hasNewerIntent)
                     setError(null);
+                return;
             }
-            else if (!hasNewerIntent) {
-                setter(() => hookConfirmedRef.current[key]);
-                setError(CONFIG_SAVE_ERROR_MESSAGE);
-            }
+            if (hasNewerIntent)
+                return;
+            setter(() => hookConfirmedRef.current[key]);
+            setError(CONFIG_SAVE_ERROR_MESSAGE);
         });
     }, [port, setters]);
     const hookFlags = useMemo(() => ({

package/dist/features/memory/react/hooks/useMemoryConnectors.hooks.js

@@ -246,11 +246,8 @@ export function useMemoryConnectors(port, coord) {
     const connectedMemoryConnectors = useMemo(() => memoryConnectors.filter((connector) => connector.status === 'connected'), [memoryConnectors]);
     const selectedConnectedConnectorIds = useMemo(() => [...selectedConnectorIds].filter((id) => connectedMemoryConnectors.some((connector) => connector.id === id)), [selectedConnectorIds, connectedMemoryConnectors]);
     const connectedCount = connectedMemoryConnectors.length;
-    const connectorScanLabel = connectorExtracting
-        ? 'Scanning apps'
-        : selectedConnectedConnectorIds.length === 0
-            ? 'Select apps to scan'
-            : 'Scan selected apps';
+    const idleScanLabel = selectedConnectedConnectorIds.length === 0 ? 'Select apps to scan' : 'Scan selected apps';
+    const connectorScanLabel = connectorExtracting ? 'Scanning apps' : idleScanLabel;
     const selectedConnectorSuggestions = useMemo(() => connectorSuggestions.filter((suggestion) => selectedSuggestionIds.has(suggestion.id)), [connectorSuggestions, selectedSuggestionIds]);
     const connectorLoadError = connectorCatalogueLoadError ?? connectorStatusLoadError;
     // Prune selection down to still-connected apps: disconnecting an app should

package/dist/features/memory/react/hooks/useMemoryConnectors.rules.js

@@ -68,14 +68,15 @@ export function isRecentFailedConnectorExtraction(record, scanStartedAt) {
     return record.kind === 'connector' && record.phase === 'failed' && record.startedAt >= scanStartedAt - 5_000;
 }
 export function describeConnectorSuggestionsSaveOutcome({ savedCount, totalCount, failure, }) {
-    const status = savedCount > 0 ? `Saved ${savedCount} memor${savedCount === 1 ? 'y' : 'ies'} from connected apps.` : null;
-    const error = failure
-        ? failure instanceof Error
-            ? failure.message
-            : String(failure)
-        : savedCount !== totalCount
-            ? `Saved ${savedCount} of ${totalCount} selected memories. Please try the remaining items again.`
-            : null;
-    return { status, error };
+    const noun = savedCount === 1 ? 'memory' : 'memories';
+    const status = savedCount > 0 ? `Saved ${savedCount} ${noun} from connected apps.` : null;
+    return { status, error: connectorSaveError({ savedCount, totalCount, failure }) };
+}
+function connectorSaveError({ savedCount, totalCount, failure }) {
+    if (failure)
+        return failure instanceof Error ? failure.message : String(failure);
+    return savedCount !== totalCount
+        ? `Saved ${savedCount} of ${totalCount} selected memories. Please try the remaining items again.`
+        : null;
 }
 //# sourceMappingURL=useMemoryConnectors.rules.js.map

package/dist/features/memory/react/hooks/useMemoryEntries.hooks.js

@@ -148,7 +148,8 @@ export function useMemoryEntries(port, coord) {
             setPreviewBody(null);
             return;
         }
-        const token = ++previewRequestTokenRef.current;
+        previewRequestTokenRef.current += 1;
+        const token = previewRequestTokenRef.current;
         setPreviewId(id);
         setPreviewBody(null);
         let entry;
@@ -173,7 +174,8 @@ export function useMemoryEntries(port, coord) {
         setPreviewBody(entry?.body ?? '');
     }, [previewId, port]);
     const startEdit = useCallback(async (id) => {
-        const token = ++editRequestTokenRef.current;
+        editRequestTokenRef.current += 1;
+        const token = editRequestTokenRef.current;
         let entry;
         try {
             entry = await port.fetchMemoryEntry(id);

package/dist/features/memory/react/hooks/useMemoryFlash.hooks.js

@@ -15,7 +15,7 @@ export function useMemoryFlash() {
     }, []);
     useEffect(() => {
         if (!flash)
-            return;
+            return undefined;
         const id = setTimeout(() => setFlash(null), 1800);
         return () => clearTimeout(id);
     }, [flash]);

package/dist/features/memory/rules.js

@@ -16,6 +16,7 @@
 // stay here: the tool-cursor-aware single-connector merge this slice's
 // discovery hydration needs, and the "mark pending authorization" transform.
 import { applyConnectorStatuses, mergeConnectors } from '../connectors/rules.js';
+import { omitKeys } from '../../utils/omit-keys.js';
 /** Patch body for flipping the master memory switch. */
 export function enabledPatch(enabled) {
     return { enabled };
@@ -64,7 +65,7 @@ export function applyMemoryConnectorStatus(connector, status) {
  *  tracks pending state separately rather than mutating the connector's
  *  displayed status, so this transform is genuinely local to this slice. */
 export function connectorWithPendingAuthorization(connector) {
-    const { accountLabel: _accountLabel, lastError: _lastError, ...base } = connector;
+    const base = omitKeys(connector, ['accountLabel', 'lastError']);
     return {
         ...base,
         status: base.status === 'disabled' ? 'disabled' : 'available',

package/dist/features/panel-kit/fetch-query/adapter.react.js

@@ -59,7 +59,7 @@ export function useFetchQuery(required, optional = {}) {
     const fetch = useCallback(() => latest.current.fetch(), []);
     useEffect(() => {
         if (!enabled)
-            return;
+            return undefined;
         const release = cache.observe({ entry: entry, observer: { fetch, staleTime, focus: refetchOnWindowFocus } });
         void cache.load({ entry: entry, fetch: fetch, staleTime: staleTime });
         return release;
@@ -84,7 +84,8 @@ export function useFetchMutation(required, optional = {}) {
     useEffect(() => { mounted.current = true; return () => { mounted.current = false; }; }, []);
     const [state, setState] = useState({ status: 'idle', error: null });
     const mutate = useCallback(({ input }) => {
-        const current = ++generation.current;
+        generation.current += 1;
+        const current = generation.current;
         const { run, invalidates } = latest.current;
         setState({ status: 'pending', error: null });
         // Surface a rejected write immediately instead of silently retrying authorization or

package/dist/features/panel-kit/fetch-query/adapter.tanstack.js

@@ -70,7 +70,8 @@ async function read({ scope, key, fetch }) {
     const query = scope.client.getQueryCache().find({ queryKey: key, exact: true });
     const history = historyFor({ scope, query });
     const generation = history.replacement;
-    const request = ++history.request;
+    history.request += 1;
+    const request = history.request;
     try {
         const value = await scope.gate.runOnline({ run: fetch });
         if (generation !== history.replacement)
@@ -132,7 +133,7 @@ function useFetchQuery({ key, fetch }, { enabled = true, staleTime = DEFAULT_STA
     }, [scope, refresh, JSON.stringify(key)]);
     useEffect(() => {
         if (!enabled || !refetchOnWindowFocus)
-            return;
+            return undefined;
         return scope.environment.subscribeFocus({ listener: () => {
                 const cached = scope.client.getQueryCache().find({ queryKey: key, exact: true });
                 if (scope.environment.isOnline() && cached?.isStaleByTime(staleTime) && cached.state.fetchStatus !== 'fetching')

package/dist/features/panel-kit/fetch-query/binding.react.js

@@ -7,7 +7,8 @@ function createQueryScopes(_required, _options = {}) {
     return ({ owner }, _optional = {}) => {
         let scope = scopes.get(owner);
         if (scope === undefined) {
-            scope = ++nextScope;
+            nextScope += 1;
+            scope = nextScope;
             scopes.set(owner, scope);
         }
         return scope;

package/dist/features/panel-kit/helpers/standing-draft-recovery-message.js

@@ -9,9 +9,18 @@ function formatSavedAtLocal(iso) {
 export function standingDraftRecoveryMessage({ draft, t, serverUpdatedAt }, { formatSavedAt = formatSavedAtLocal } = {}) {
     const captured = Date.parse(draft.savedAt);
     const server = Date.parse(serverUpdatedAt ?? draft.serverUpdatedAt ?? "");
-    const comparison = server > captured ? "Server content is newer."
-        : server < captured ? "Local changes are newer."
-            : server === captured ? "Both copies have the same timestamp." : "";
-    return `${t("Restore unsaved changes from")} ${formatSavedAt(draft.savedAt)}${comparison ? ` · ${t(comparison)}` : ""}`;
+    const comparison = compareTimestamps(server, captured);
+    const suffix = comparison ? ` · ${t(comparison)}` : "";
+    return `${t("Restore unsaved changes from")} ${formatSavedAt(draft.savedAt)}${suffix}`;
+}
+/** Which copy is newer; empty when either timestamp failed to parse (NaN compares unequal to all). */
+function compareTimestamps(server, captured) {
+    if (server > captured)
+        return "Server content is newer.";
+    if (server < captured)
+        return "Local changes are newer.";
+    if (server === captured)
+        return "Both copies have the same timestamp.";
+    return "";
 }
 //# sourceMappingURL=standing-draft-recovery-message.js.map

package/dist/features/panel-kit/hooks/use-dirty-guard.hooks.js

@@ -13,7 +13,7 @@ export function useDirtyGuard({ current, original }, { translate = (key) => key,
     const isDirty = original !== null && !shallowJsonEqual(current, original);
     useEffect(() => {
         if (!isDirty)
-            return;
+            return undefined;
         function onBeforeUnload(e) {
             e.preventDefault();
             // Both assignments are the standard cross-browser incantation (the returned string is

package/dist/features/panel-kit/hooks/use-focus-trap.hooks.js

@@ -45,7 +45,7 @@ function redirectTarget(container, shiftKey) {
 export function useFocusTrap({ containerRef }, { active = true } = {}) {
     useEffect(() => {
         if (!active)
-            return;
+            return undefined;
         // Captured before anything inside the dialog takes focus, so keyboard users land back on the
         // control they opened it from instead of at the top of the page. An element already inside the
         // container (an autoFocus child committed first) is not the opener, so nothing is restored then.

package/dist/features/panel-kit/hooks/use-settings-slice.hooks.js

@@ -261,9 +261,15 @@ export function useSettingsSlice(options, _optional = {}) {
         // left to paint. The write itself still has to happen — through the same
         // lane as the debounce path, so it diffs against the base that is
         // current when it RUNS, not the one that was current when it was queued.
-        void writes.run({ task: () => runSave().then(() => { }, 
-            // No view remains to show the failure; settings and native errors may contain secrets.
-            () => { console.error('[settings] Final save failed after unmount.'); }) });
+        // No view remains to show the failure; settings and native errors may contain secrets.
+        const reportFinalFailure = () => { console.error('[settings] Final save failed after unmount.'); };
+        const finalSave = async () => { try {
+            await runSave();
+        }
+        catch {
+            reportFinalFailure();
+        } };
+        void writes.run({ task: finalSave });
     }, [runSave, writes]);
     const onChange = useCallback((next) => {
         setValue(next);
@@ -278,14 +284,12 @@ export function useSettingsSlice(options, _optional = {}) {
             // "operator has work in flight" signal, and a handle that never cleared would refuse every
             // external refresh for the rest of the component's life after the first keystroke.
             timer.current = null;
-            const ticket = ++saveTicket.current;
+            saveTicket.current += 1;
+            const ticket = saveTicket.current;
             setSaveState({ status: "saving" });
-            void writes.run({ task: () => commitQueuedSave({ ticket, deps: {
-                        runSave,
-                        currentTicket: () => saveTicket.current,
-                        hasUnsavedEdits: () => hasUnsavedEdits.current,
-                        setSaveState,
-                    } }, {}) });
+            const deps = { runSave, currentTicket: () => saveTicket.current,
+                hasUnsavedEdits: () => hasUnsavedEdits.current, setSaveState };
+            void writes.run({ task: () => commitQueuedSave({ ticket, deps }, {}) });
         }, SAVE_DEBOUNCE_MS);
     }, [runSave, writes]);
     /**

package/dist/features/panel-kit/hooks/use-standing-draft-autosave.hooks.js

@@ -88,7 +88,7 @@ export function useStandingDraftAutosave(deps, _options = {}) {
         minBaseVersionRef.current = null;
         latestDraftRef.current = null;
         if (!enabled || !entryId)
-            return;
+            return undefined;
         let cancelled = false;
         port
             .getAutosave({ id: entryId }, {})
@@ -241,7 +241,7 @@ export function useStandingDraftAutosave(deps, _options = {}) {
     // events (a close fires blur AND pagehide) cost one write, not three.
     useEffect(() => {
         if (!enabled || !entryId)
-            return;
+            return undefined;
         // Wrapped rather than passed straight to `addEventListener`: a listener is called WITH the
         // Event, which would arrive as `flushPendingAutosave`'s `keepalive` argument — a truthy object,
         // so every flush would silently request keepalive whether or not it is an exit.

package/dist/features/progress-card/components/ProgressCard.d.ts

@@ -2,7 +2,7 @@ import type { ProgressCardData } from '../types.js';
 export interface ProgressCardProps {
     data: ProgressCardData;
     /** Caps how many `steps` render before the rest are truncated. Matches
-     *  the source `WorkspaceActivityCard`'s todo-list cap. */
+     *  the source `WorkspaceActivityCard`'s to-do list cap. */
     maxSteps?: number;
     /** Caps how many `secondaryItems` render. Matches the source's
      *  files-touched cap. */

package/dist/features/progress-card/reference-adapters.js

@@ -23,7 +23,7 @@ export function parseTodoWriteInput(input) {
     if (!input || typeof input !== 'object')
         return [];
     const record = input;
-    const rawItems = Array.isArray(record.todos) ? record.todos : Array.isArray(record.plan) ? record.plan : [];
+    const rawItems = [record.todos, record.plan].find(Array.isArray) ?? [];
     return rawItems
         .map((todo) => {
         if (!todo || typeof todo !== 'object')
@@ -91,7 +91,8 @@ function extractFileOpPath(input) {
     if (!input || typeof input !== 'object')
         return null;
     const record = input;
-    const filePath = record.file_path ?? record.filePath ?? record.path ?? record.filename ?? record.target_path ?? record.targetPath;
+    let filePath = record.file_path ?? record.filePath ?? record.path;
+    filePath ??= record.filename ?? record.target_path ?? record.targetPath;
     return typeof filePath === 'string' && filePath.trim() ? filePath : null;
 }
 function basename(path) {
@@ -137,7 +138,9 @@ function fileOpFromAgentEvent({ event, resultByToolUseId }, _options = {}) {
     if (!fullPath)
         return null;
     const result = resultByToolUseId.get(event.id);
-    const status = result === undefined ? 'running' : result.isError ? 'error' : 'done';
+    let status = 'running';
+    if (result !== undefined)
+        status = result.isError ? 'error' : 'done';
     return { fullPath, kind, status };
 }
 export function deriveFileOpsFromAgentEvents(events) {
@@ -155,14 +158,15 @@ export function deriveFileOpsFromAgentEvents(events) {
             if (!existing.ops.includes(entry.kind))
                 existing.ops.push(entry.kind);
             existing.status = mergeFileOpStatus(existing.status, entry.status);
-            continue;
         }
-        byPath.set(entry.fullPath, {
-            path: basename(entry.fullPath),
-            fullPath: entry.fullPath,
-            ops: [entry.kind],
-            status: entry.status,
-        });
+        else {
+            byPath.set(entry.fullPath, {
+                path: basename(entry.fullPath),
+                fullPath: entry.fullPath,
+                ops: [entry.kind],
+                status: entry.status,
+            });
+        }
     }
     return Array.from(byPath.values());
 }
@@ -202,7 +206,7 @@ function fallbackChatActivitySteps(status, fileOps) {
         {
             id: 'read-current-state',
             label: 'Read current state',
-            status: hasRead || hasMutation || status === 'succeeded' ? 'succeeded' : status === 'running' ? 'running' : 'pending',
+            status: fallbackReadStatus({ status, done: hasRead || hasMutation }),
         },
         {
             id: 'update-files',
@@ -212,10 +216,15 @@ function fallbackChatActivitySteps(status, fileOps) {
         {
             id: 'finalize',
             label: 'Finalize',
-            status: status === 'succeeded' ? 'succeeded' : status === 'failed' ? 'failed' : 'pending',
+            status: status === 'succeeded' || status === 'failed' ? status : 'pending',
         },
     ];
 }
+function fallbackReadStatus({ status, done }) {
+    if (done || status === 'succeeded')
+        return 'succeeded';
+    return status === 'running' ? 'running' : 'pending';
+}
 function fallbackUpdateStatus({ status, fileOps, hasError, hasMutation }, _options = {}) {
     if (hasError)
         return 'failed';
@@ -242,7 +251,8 @@ export function chatActivityToProgressCard(message, options) {
     const fileOps = deriveFileOpsFromAgentEvents(events);
     const status = chatActivityStatus(message, options.active);
     const statusDetail = latestStatusDetailFromAgentEvents(events);
-    const hasActivity = options.active || todos.length > 0 || fileOps.length > 0 || statusDetail !== null || status === 'failed';
+    const hasSteps = todos.length > 0 || fileOps.length > 0;
+    const hasActivity = options.active || hasSteps || statusDetail !== null || status === 'failed';
     if (!hasActivity)
         return null;
     const steps = chatActivitySteps({ todos, status, fileOps });

package/dist/features/progress-card/rules.d.ts

@@ -14,7 +14,6 @@ export declare function progressCardStatusLabel(status: ProgressStatus): string;
  *  generic — the source cards' actual default copy is branded product voice,
  *  not part of the generic component (see `packages/ui/archived provenance ledger`). */
 export declare function defaultProgressCardTitle(status: ProgressStatus): string;
-/** Neutral fallback detail line used when a host doesn't supply one. */
 export declare function defaultProgressCardDetail(status: ProgressStatus): string;
 export declare function clampProgressPercent(value: number): number;
 /** CSS width percentage for the progress bar fill, or `null` for an

package/dist/features/progress-card/rules.js

@@ -15,17 +15,14 @@ export function progressCardStatusIcon(status) {
 export function progressCardItemIcon(status) {
     return status === 'succeeded' ? 'check' : null;
 }
+const STATUS_LABELS = {
+    pending: 'Queued',
+    running: 'Running',
+    succeeded: 'Complete',
+    failed: 'Needs attention',
+};
 export function progressCardStatusLabel(status) {
-    switch (status) {
-        case 'pending':
-            return 'Queued';
-        case 'running':
-            return 'Running';
-        case 'succeeded':
-            return 'Complete';
-        case 'failed':
-            return 'Needs attention';
-    }
+    return STATUS_LABELS[status];
 }
 /** Neutral fallback title used when a host doesn't supply one. Deliberately
  *  generic — the source cards' actual default copy is branded product voice,
@@ -34,17 +31,14 @@ export function defaultProgressCardTitle(status) {
     return progressCardStatusLabel(status);
 }
 /** Neutral fallback detail line used when a host doesn't supply one. */
+const DEFAULT_DETAILS = {
+    pending: 'Waiting to start.',
+    running: 'In progress.',
+    succeeded: 'Completed.',
+    failed: 'Needs attention.',
+};
 export function defaultProgressCardDetail(status) {
-    switch (status) {
-        case 'pending':
-            return 'Waiting to start.';
-        case 'running':
-            return 'In progress.';
-        case 'succeeded':
-            return 'Completed.';
-        case 'failed':
-            return 'Needs attention.';
-    }
+    return DEFAULT_DETAILS[status];
 }
 export function clampProgressPercent(value) {
     if (!Number.isFinite(value))