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

package/dist/features/mcp-ui/surfaces/form.js

@@ -54,10 +54,15 @@ function formActions(spec) {
         actions.push({ id: 'cancel', label: spec.cancel.label, variant: 'neutral' });
     return actions;
 }
+/** Case- and whitespace-insensitive equality: a field label that only repeats the card title is the same question. */
+function sameText(a, b) {
+    const norm = (s) => s.trim().replace(/\s+/g, ' ').toLowerCase();
+    return norm(a) === norm(b);
+}
 /** Header, context, the `<form>` itself and the status region. @complexity O(n) in the rendered length. */
 function formBodyHtml(spec, text) {
     const controls = spec.fields
-        .map((field) => renderFieldControl(field, { showSecret: text.showSecret, hideSecret: text.hideSecret }))
+        .map((field) => renderFieldControl(field, { showSecret: text.showSecret, hideSecret: text.hideSecret }, { labelHidden: sameText(field.label, spec.title) }))
         .join('\n');
     const warning = spec.warning === undefined ? '' : `<p class="mcpui-warning">${escapeHtml(spec.warning)}</p>`;
     return [

package/dist/features/mcp-ui/surfaces/host-theme.js

@@ -79,7 +79,8 @@ export function applyHostSurfaceTokens(html, tokens) {
     if (close === -1)
         return html;
     const at = close + '</style>'.length;
-    const rule = `\n<style ${HOST_THEME_STYLE_ATTRIBUTE}>\n:root {\n${entries.map(([name, value]) => `  ${name}: ${value};`).join('\n')}\n}\n</style>`;
+    const declarations = entries.map(([name, value]) => `  ${name}: ${value};`).join('\n');
+    const rule = `\n<style ${HOST_THEME_STYLE_ATTRIBUTE}>\n:root {\n${declarations}\n}\n</style>`;
     return `${html.slice(0, at)}${rule}${html.slice(at)}`;
 }
 //# sourceMappingURL=host-theme.js.map

package/dist/features/mcp-ui/surfaces/index.d.ts

@@ -10,4 +10,5 @@ export * from './outcome.js';
 export * from './select.js';
 export * from './text-input.js';
 export * from './tokens.js';
+export * from './tool-approval.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/features/mcp-ui/surfaces/index.js

@@ -10,4 +10,5 @@ export * from './outcome.js';
 export * from './select.js';
 export * from './text-input.js';
 export * from './tokens.js';
+export * from './tool-approval.js';
 //# sourceMappingURL=index.js.map

package/dist/features/mcp-ui/surfaces/outcome.js

@@ -44,7 +44,7 @@
  */
 import { createUIResource } from '../resource.js';
 import { escapeHtml, escapeJsValue } from '../escape.js';
-import { renderActions, renderDetailList, renderStatusRegion, renderSurfaceDocument, renderSurfaceHeader, SURFACE_SCRIPT_PRELUDE, SURFACE_STATUS_ELEMENT_ID, } from './document.js';
+import { renderActions, renderDetailList, renderSurfaceDocument, renderSurfaceHeader, SURFACE_SCRIPT_PRELUDE, SURFACE_STATUS_ELEMENT_ID, } from './document.js';
 const DEFAULT_APP = { appName: 'jini-mcp-ui-outcome', appVersion: '1' };
 const DEFAULT_OPEN_LINK_LABEL = 'Open site';
 const OPEN_LINK_ACTION_ID = 'open-link';

package/dist/features/mcp-ui/surfaces/select.d.ts

@@ -23,6 +23,8 @@ export interface SelectProps {
     /** Label for that leading empty option. Defaults to an em-dash. */
     readonly placeholder?: string;
     readonly disabled?: boolean;
+    /** Visually hide the label (it repeats the card title); it stays the accessible name. */
+    readonly labelHidden?: boolean;
 }
 /**
  * Renders one enumerated field.

package/dist/features/mcp-ui/surfaces/select.js

@@ -17,8 +17,9 @@ import { fieldDescribedBy, fieldElementId, renderFieldLabel } from './document.j
  */
 export function renderSelect(props) {
     const id = fieldElementId(props.name);
+    const placeholderSelected = props.value === undefined ? 'selected ' : '';
     const placeholderOption = props.required === true
-        ? `\n  <option value="" ${props.value === undefined ? 'selected ' : ''}disabled>${escapeHtml(props.placeholder ?? '—')}</option>`
+        ? `\n  <option value="" ${placeholderSelected}disabled>${escapeHtml(props.placeholder ?? '—')}</option>`
         : '';
     const options = props.options
         .map((option) => {

package/dist/features/mcp-ui/surfaces/structured-details.d.ts

@@ -0,0 +1,40 @@
+/** One fact. Values and previous snapshots must be JSON-serializable; strings remain supported. */
+export interface SurfaceDetail {
+    readonly label: string;
+    readonly value: unknown;
+    /** Presence enables a diff, including an explicitly absent previous override. */
+    readonly previous?: unknown;
+    /** Explicit, optionally translated labels keyed by dotted object path. */
+    readonly labels?: Readonly<Record<string, string>>;
+    /** Optional secondary context beneath the label, using the shared muted hint style. */
+    readonly description?: string;
+    /**
+     * `code` discloses a monospace `<pre>` that keeps line breaks and scrolls inside its own box
+     * past a fixed height, so long SQL or JSON remains readable without stretching the dialog past
+     * its frame. `status` reserves one line for a short outcome value. Omitted (or `text`) permits
+     * value-sensitive presentation, preserving plain inline strings for short prose.
+     */
+    readonly format?: 'text' | 'code' | 'status';
+}
+type ValueContext = {
+    value: unknown;
+    path: string;
+    labels: Readonly<Record<string, string>>;
+    format?: SurfaceDetail['format'];
+};
+/** Native details owns keyboard interaction; mirror its state for explicit ARIA consumers. */
+export declare const DETAIL_DISCLOSURE_SCRIPT = "document.addEventListener(\"toggle\", function (event) {\n  var disclosure = event.target;\n  if (!disclosure.matches || !disclosure.matches(\"details.mcpui-detail-disclosure\")) return;\n  disclosure.querySelector(\"summary\").setAttribute(\"aria-expanded\", disclosure.open ? \"true\" : \"false\");\n}, true);";
+/** Humanized English fallback; caller labels remain verbatim. @complexity O(k) key length. */
+export declare function surfaceDetailLabel({ key, path, labels }: {
+    key: string;
+    path: string;
+    labels: ValueContext['labels'];
+}, _options?: {}): string;
+/** One reusable detail body. Raw JSON is escaped text, never a script or HTML fragment.
+ * @returns HTML for JSON-compatible caller data; JSON.stringify errors propagate for invalid data.
+ * @complexity O(n * depth) with a previous snapshot, otherwise O(n), in serialized bytes. */
+export declare function renderStructuredDetail({ detail }: {
+    detail: SurfaceDetail;
+}, _options?: {}): string;
+export {};
+//# sourceMappingURL=structured-details.d.ts.map

package/dist/features/mcp-ui/surfaces/structured-details.js

@@ -0,0 +1,159 @@
+/** Shared value presentation for confirmation, form and outcome details. Never interprets HTML. */
+import { escapeHtml } from '../escape.js';
+/** Native details owns keyboard interaction; mirror its state for explicit ARIA consumers. */
+export const DETAIL_DISCLOSURE_SCRIPT = `document.addEventListener("toggle", function (event) {
+  var disclosure = event.target;
+  if (!disclosure.matches || !disclosure.matches("details.mcpui-detail-disclosure")) return;
+  disclosure.querySelector("summary").setAttribute("aria-expanded", disclosure.open ? "true" : "false");
+}, true);`;
+/** Humanized English fallback; caller labels remain verbatim. @complexity O(k) key length. */
+export function surfaceDetailLabel({ key, path, labels }, _options = {}) {
+    if (Object.hasOwn(labels, path))
+        return labels[path];
+    const words = key.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2').replace(/[_-]+/g, ' ').toLowerCase();
+    const acronyms = words.replace(/\b(url|css|html|json|api|id)\b/g, word => word.toUpperCase());
+    return acronyms.charAt(0).toUpperCase() + acronyms.slice(1);
+}
+function isRecord(value) {
+    return value !== null && typeof value === 'object' && !Array.isArray(value);
+}
+function disclosure({ summary, body, kind = '' }, _options = {}) {
+    return `<details class="mcpui-detail-disclosure ${kind}"><summary aria-expanded="false">${escapeHtml(summary)}</summary>${body}</details>`;
+}
+/** JSON scalar display; missing override values use the same empty marker as null. */
+function scalarText({ value }, _options = {}) {
+    if (value === undefined || value === null || value === '')
+        return '—';
+    if (typeof value === 'boolean')
+        return value ? 'On' : 'Off';
+    return String(value);
+}
+/** Classifies content for a disclosure, preserving the original text bytes in the body. */
+function codeKind({ value, path, format }, _options = {}) {
+    const hasDeclaration = value.split('}').slice(0, -1).some(part => {
+        const open = part.indexOf('{');
+        return open >= 0 && part.indexOf(':', open + 1) >= 0;
+    });
+    if (/css$/i.test(path) || (hasDeclaration && !/^\s*[\[{]/.test(value)))
+        return 'CSS';
+    if (/^\s*</.test(value))
+        return 'HTML';
+    if (/^\s*[\[{]/.test(value))
+        return 'JSON';
+    if (format === 'code')
+        return 'Code';
+    return /[\r\n]/.test(value) ? 'Text' : undefined;
+}
+/** Escapes all text once at the HTML sink. Long prose uses a three-line summary. */
+function renderText({ value, path, format }, _options = {}) {
+    const text = escapeHtml(value);
+    const kind = codeKind({ value, path, format });
+    if (kind) {
+        const lines = value.split(/\r\n|\r|\n/).length;
+        return disclosure({ summary: `${kind} · ${lines} ${lines === 1 ? 'line' : 'lines'}`, body: `<pre class="mcpui-code">${text}</pre>`, kind: 'mcpui-detail-code' });
+    }
+    if (value.length <= 80)
+        return text;
+    return `<details class="mcpui-detail-disclosure mcpui-detail-long"><summary aria-expanded="false"><span class="mcpui-detail-preview">${text}</span><span class="mcpui-detail-more">Show more</span><span class="mcpui-detail-less">Show less</span></summary><div class="mcpui-detail-full">${text}</div></details>`;
+}
+/** Arrays keep scalar items compact; nested or long items use readable bullet rows. */
+function renderArray({ value, ...context }, _options = {}) {
+    if (value.length === 0)
+        return '<span class="mcpui-detail-value">—</span>';
+    const compact = value.every(item => item === null || ['boolean', 'number', 'string'].includes(typeof item))
+        && value.every(item => String(item).length <= 80 && !/[\r\n<{[]/.test(String(item)));
+    if (compact)
+        return renderText({ ...context, value: value.map(item => scalarText({ value: item })).join(', ') });
+    const items = value.map((item, index) => {
+        const path = context.path ? `${context.path}.${index}` : String(index);
+        return `<li>${renderValue({ ...context, value: item, path })}</li>`;
+    });
+    const rest = items.length <= 5 ? '' : disclosure({ summary: `Show more (${items.length - 5} items)`, body: `<ul class="mcpui-detail-array">${items.slice(5).join('')}</ul>` });
+    return `<ul class="mcpui-detail-array">${items.slice(0, 5).join('')}</ul>${rest}`;
+}
+function objectRow({ key, context, body }, _options = {}) {
+    return `<div class="mcpui-detail-row"><dt>${escapeHtml(surfaceDetailLabel({ key, path: context.path, labels: context.labels }))}</dt><dd>${body}</dd></div>`;
+}
+/** Nested objects stay definition lists, indented once per actual group. @complexity O(n) rendered bytes. */
+function renderObject({ value, ...context }, _options = {}) {
+    const entries = Object.entries(value);
+    if (entries.length === 0)
+        return '<span class="mcpui-detail-value">—</span>';
+    const rows = entries.map(([key, item]) => {
+        const child = { ...context, value: item, path: context.path ? `${context.path}.${key}` : key };
+        return objectRow({ key, context: child, body: renderValue(child) });
+    }).join('');
+    return `<dl class="mcpui-detail-group">${rows}</dl>`;
+}
+/** Pure recursive rendering, O(n) in output bytes and O(depth) traversal stack; no external I/O. */
+function renderValue(context, _options = {}) {
+    const { value } = context;
+    if (Array.isArray(value))
+        return renderArray({ ...context, value });
+    if (isRecord(value))
+        return renderObject({ ...context, value });
+    if (typeof value === 'string' && value !== '')
+        return renderText({ ...context, value });
+    return escapeHtml(scalarText({ value }));
+}
+/** Object order is immaterial; array order and missing keys matter to an approval diff. */
+function equalValue({ before, after }, _options = {}) {
+    if (Object.is(before, after))
+        return true;
+    if (Array.isArray(before) && Array.isArray(after)) {
+        return before.length === after.length && before.every((item, index) => equalValue({ before: item, after: after[index] }));
+    }
+    if (!isRecord(before) || !isRecord(after))
+        return false;
+    const keys = Object.keys(before);
+    return keys.length === Object.keys(after).length && keys.every(key => Object.hasOwn(after, key) && equalValue({ before: before[key], after: after[key] }));
+}
+/** A missing JSON key must never read an inherited property such as __proto__ or constructor. */
+function ownValue({ record, key }, _options = {}) {
+    return Object.hasOwn(record, key) ? record[key] : undefined;
+}
+/** Presence needs its own label: null and missing otherwise both display an empty marker. */
+function renderFieldDiff({ child, previous, value, key }, _options = {}) {
+    const body = renderDiff(child);
+    if (Object.hasOwn(previous, key) && Object.hasOwn(value, key))
+        return body;
+    const label = Object.hasOwn(value, key) ? 'Added' : 'Removed';
+    return `<span class="mcpui-hint">${label}</span>${body}`;
+}
+/** Partition by equality before rendering so unchanged fields never crowd out changes.
+ * @complexity O(n * depth) worst-case nested comparison work; O(n) markup space. No reads or mutation. */
+function renderObjectDiff(context, _options = {}) {
+    const { previous, value } = context;
+    const keys = [...new Set([...Object.keys(value), ...Object.keys(previous)])];
+    const changed = [];
+    const unchanged = [];
+    for (const key of keys) {
+        const child = { ...context, previous: ownValue({ record: previous, key }), value: ownValue({ record: value, key }), path: context.path ? `${context.path}.${key}` : key };
+        const same = Object.hasOwn(previous, key) === Object.hasOwn(value, key) && equalValue({ before: child.previous, after: child.value });
+        const body = same ? renderValue(child) : renderFieldDiff({ child, previous, value, key });
+        (same ? unchanged : changed).push(objectRow({ key, context: child, body }));
+    }
+    const rest = unchanged.length === 0 ? '' : disclosure({ summary: `Unchanged fields (${unchanged.length})`, body: `<dl class="mcpui-detail-group">${unchanged.join('')}</dl>`, kind: 'mcpui-detail-unchanged' });
+    const changes = changed.length === 0 ? '' : `<dl class="mcpui-detail-group">${changed.join('')}</dl>`;
+    return changes + rest || '<span class="mcpui-detail-value">—</span>';
+}
+/** Recurse only through object pairs; atomic and array updates show explicit before/after values. */
+function renderDiff(context, _options = {}) {
+    if (isRecord(context.previous) && isRecord(context.value))
+        return renderObjectDiff({ ...context, previous: context.previous, value: context.value });
+    return `<div class="mcpui-detail-change"><div><span class="mcpui-hint">Before</span>${renderValue({ ...context, value: context.previous })}</div><div><span class="mcpui-hint">After</span>${renderValue(context)}</div></div>`;
+}
+/** One reusable detail body. Raw JSON is escaped text, never a script or HTML fragment.
+ * @returns HTML for JSON-compatible caller data; JSON.stringify errors propagate for invalid data.
+ * @complexity O(n * depth) with a previous snapshot, otherwise O(n), in serialized bytes. */
+export function renderStructuredDetail({ detail }, _options = {}) {
+    const context = { value: detail.value, path: '', labels: detail.labels ?? {}, format: detail.format };
+    const hasPrevious = Object.hasOwn(detail, 'previous');
+    const body = hasPrevious ? renderDiff({ ...context, previous: detail.previous }) : renderValue(context);
+    const raw = hasPrevious ? { previous: detail.previous, value: detail.value } : detail.value;
+    const showRaw = hasPrevious || (typeof detail.value === 'object' && detail.value !== null) || body.startsWith('<details ');
+    if (!showRaw)
+        return body;
+    return body + disclosure({ summary: 'View raw', body: `<pre class="mcpui-code">${escapeHtml(JSON.stringify(raw, null, 2))}</pre>`, kind: 'mcpui-detail-raw' });
+}
+//# sourceMappingURL=structured-details.js.map

package/dist/features/mcp-ui/surfaces/text-input.d.ts

@@ -16,6 +16,8 @@ export interface TextInputProps extends Partial<SecretInputText> {
     readonly hint?: string;
     readonly required?: boolean;
     readonly disabled?: boolean;
+    /** Visually hide the label (it repeats the card title); it stays the accessible name. */
+    readonly labelHidden?: boolean;
     /** `'number'` also constrains the on-screen keyboard on touch devices, which `'text'` would not. */
     readonly inputType?: 'text' | 'number';
     /** Renders as `<input type="password">`, or a masked textarea when multiline — either way with

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,42 @@
+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 titles into the existing dotted-path label contract.
+ * Only `title`: `description` is guidance written for the model (often a paragraph), not a label;
+ * untitled fields keep the renderer's humanized-key fallback. No reference resolution or validation.
+ * @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 });
+        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