@jini-ai/ui 0.3.13 → 0.4.0

package/dist/features/memory/dependencies.js

@@ -12,7 +12,7 @@
  *   API shape — this is a generic JSON/REST contract with no vendor coupling,
  *   and the pinned source's one open bug (`fetchMemoryList()` trusting an
  *   under-validated response — see the fix below and
- *   `packages/ui/source-map.md`) only exists to fix in a real, testable
+ *   `packages/ui/archived provenance ledger`) only exists to fix in a real, testable
  *   adapter. A host is still free to supply its own binding; this default
  *   just isn't a fake.
  * - `memoryConnectorsPort` binds a fake/in-memory connector catalogue (same
@@ -25,7 +25,7 @@
  *   cluster uses — saving a connector suggestion is an ordinary memory write,
  *   not a connector-transport concern.
  */
-import { FETCH_TIMEOUT_MS, fetchWithTimeout } from '@jini-ai/platform/fetch-with-timeout';
+import { requestWithTimeout } from '../../utils/browser-request.js';
 import { DEFAULT_CONNECTOR_PROVIDER, MEMORY_CONNECTOR_PENDING_AUTH_STORAGE_KEY, } from './constants.js';
 // ─── Shared response-field validators ───────────────────────────────────────
 //
@@ -52,110 +52,120 @@ function requiredNonNullField(json, field, context) {
     }
     return value;
 }
-// ─── Config cluster (real HTTP) ─────────────────────────────────────────────
-async function patchMemoryConfig(patch) {
-    const resp = await fetchWithTimeout('/api/memory/config', { method: 'PATCH', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(patch) }, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    return resp.ok;
-}
-export const memoryConfigPort = {
-    patchConfig: patchMemoryConfig,
-};
-// ─── Entries/index cluster (real HTTP) ──────────────────────────────────────
-/**
- * `entries` drives the saved-memory list; `rootDir`/`index`/`enabled` are
- * consumed directly (no fallback) by `useMemoryEntries.reload()` and
- * `useMemoryConfig.hydrate()`.
- *
- * BUG FIX (ported from the pinned source with this fix applied — see
- * `packages/ui/source-map.md`): the pinned source validated only `entries`
- * here, even though `hydrate()`/`reload()` read `enabled`/`rootDir`/`index`
- * off this same response with no fallback. A malformed `200` like
- * `{ entries: [] }` passed validation and then silently hydrated those other
- * fields to `undefined`. Fixed the same way `fetchMemoryEntry()` below
- * already handles a missing required field: validate every field this
- * shared read path's callers actually trust unconditionally, and throw
- * instead of returning a response that looks like a legitimate empty state.
- * The four per-hook flags are deliberately NOT added to this list — they
- * keep their own established legacy-default semantics in `hydrate()`
- * (`list.xEnabled !== false`), so their absence is intentionally not a
- * transport failure.
- */
-export async function fetchMemoryList() {
-    const resp = await fetchWithTimeout('/api/memory', {}, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    if (!resp.ok)
-        throw new Error(`Memory list request failed (${resp.status})`);
-    const json = (await resp.json());
-    requiredField(json, 'entries', 'Memory list request');
-    requiredField(json, 'rootDir', 'Memory list request');
-    requiredField(json, 'index', 'Memory list request');
-    requiredField(json, 'enabled', 'Memory list request');
-    return json;
-}
-async function fetchMemoryTree() {
-    const resp = await fetchWithTimeout('/api/memory/tree', {}, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    if (!resp.ok)
-        throw new Error(`Memory tree request failed (${resp.status})`);
-    const json = (await resp.json());
-    return requiredField(json, 'tree', 'Memory tree request');
-}
-async function fetchMemoryEntry(id) {
-    const resp = await fetchWithTimeout(`/api/memory/${encodeURIComponent(id)}`, {}, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    // Only a genuine not-found maps to null. A 5xx or other transport failure
-    // is not "this entry doesn't exist" — collapsing both into null would let
-    // the caller silently render an empty preview or a no-op edit for what is
-    // actually a required read that failed.
-    if (resp.status === 404)
-        return null;
-    if (!resp.ok)
-        throw new Error(`Memory entry request failed (${resp.status})`);
-    const json = (await resp.json());
-    return requiredNonNullField(json, 'entry', 'Memory entry request');
-}
-async function saveMemoryEntry(draft) {
-    const url = draft.id ? `/api/memory/${encodeURIComponent(draft.id)}` : '/api/memory';
-    const resp = await fetchWithTimeout(url, { method: draft.id ? 'PUT' : 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(draft) }, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    if (!resp.ok)
-        return null;
-    const json = (await resp.json());
-    return requiredNonNullField(json, 'entry', 'Memory entry save');
-}
-async function deleteMemoryEntry(id) {
-    const resp = await fetchWithTimeout(`/api/memory/${encodeURIComponent(id)}`, { method: 'DELETE' }, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    return resp.ok;
-}
-async function saveMemoryIndex(index) {
-    const resp = await fetchWithTimeout('/api/memory/index', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ index }) }, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    return resp.ok;
-}
-export const memoryEntriesPort = {
-    fetchMemoryList,
-    fetchMemoryTree,
-    fetchMemoryEntry,
-    saveMemoryEntry,
-    deleteMemoryEntry,
-    saveMemoryIndex,
-};
-// ─── Extraction history cluster (real HTTP) ─────────────────────────────────
-async function fetchExtractions() {
-    const resp = await fetchWithTimeout('/api/memory/extractions', {}, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    if (!resp.ok)
-        throw new Error(`Memory extractions request failed (${resp.status})`);
-    const json = (await resp.json());
-    return requiredField(json, 'extractions', 'Memory extractions request');
-}
-async function deleteExtraction(id) {
-    const resp = await fetchWithTimeout(`/api/memory/extractions/${encodeURIComponent(id)}`, { method: 'DELETE' }, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    return resp.ok;
-}
-async function clearExtractionHistory() {
-    const resp = await fetchWithTimeout('/api/memory/extractions', { method: 'DELETE' }, { timeoutMs: FETCH_TIMEOUT_MS.QUICK });
-    return resp.ok;
+/** Build the real REST ports with one native fetch binding; defaults remain browser-owned. */
+export function createMemoryHttpPorts(_required, { fetch } = {}) {
+    function request(url, init, { timeoutMs }) {
+        return requestWithTimeout({ url, timeoutMs }, { ...(fetch === undefined ? {} : { fetch }), init });
+    }
+    // ─── Config cluster (real HTTP) ─────────────────────────────────────────────
+    async function patchMemoryConfig(patch) {
+        const resp = await request('/api/memory/config', { method: 'PATCH', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(patch) }, { timeoutMs: 15_000 });
+        return resp.ok;
+    }
+    const memoryConfigPort = {
+        patchConfig: patchMemoryConfig,
+    };
+    // ─── Entries/index cluster (real HTTP) ──────────────────────────────────────
+    /**
+     * `entries` drives the saved-memory list; `rootDir`/`index`/`enabled` are
+     * consumed directly (no fallback) by `useMemoryEntries.reload()` and
+     * `useMemoryConfig.hydrate()`.
+     *
+     * BUG FIX (ported from the pinned source with this fix applied — see
+     * `packages/ui/archived provenance ledger`): the pinned source validated only `entries`
+     * here, even though `hydrate()`/`reload()` read `enabled`/`rootDir`/`index`
+     * off this same response with no fallback. A malformed `200` like
+     * `{ entries: [] }` passed validation and then silently hydrated those other
+     * fields to `undefined`. Fixed the same way `fetchMemoryEntry()` below
+     * already handles a missing required field: validate every field this
+     * shared read path's callers actually trust unconditionally, and throw
+     * instead of returning a response that looks like a legitimate empty state.
+     * The four per-hook flags are deliberately NOT added to this list — they
+     * keep their own established legacy-default semantics in `hydrate()`
+     * (`list.xEnabled !== false`), so their absence is intentionally not a
+     * transport failure.
+     */
+    async function fetchMemoryList() {
+        const resp = await request('/api/memory', {}, { timeoutMs: 15_000 });
+        if (!resp.ok)
+            throw new Error(`Memory list request failed (${resp.status})`);
+        const json = (await resp.json());
+        requiredField(json, 'entries', 'Memory list request');
+        requiredField(json, 'rootDir', 'Memory list request');
+        requiredField(json, 'index', 'Memory list request');
+        requiredField(json, 'enabled', 'Memory list request');
+        return json;
+    }
+    async function fetchMemoryTree() {
+        const resp = await request('/api/memory/tree', {}, { timeoutMs: 15_000 });
+        if (!resp.ok)
+            throw new Error(`Memory tree request failed (${resp.status})`);
+        const json = (await resp.json());
+        return requiredField(json, 'tree', 'Memory tree request');
+    }
+    async function fetchMemoryEntry(id) {
+        const resp = await request(`/api/memory/${encodeURIComponent(id)}`, {}, { timeoutMs: 15_000 });
+        // Only a genuine not-found maps to null. A 5xx or other transport failure
+        // is not "this entry doesn't exist" — collapsing both into null would let
+        // the caller silently render an empty preview or a no-op edit for what is
+        // actually a required read that failed.
+        if (resp.status === 404)
+            return null;
+        if (!resp.ok)
+            throw new Error(`Memory entry request failed (${resp.status})`);
+        const json = (await resp.json());
+        return requiredNonNullField(json, 'entry', 'Memory entry request');
+    }
+    async function saveMemoryEntry(draft) {
+        const url = draft.id ? `/api/memory/${encodeURIComponent(draft.id)}` : '/api/memory';
+        const resp = await request(url, { method: draft.id ? 'PUT' : 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(draft) }, { timeoutMs: 15_000 });
+        if (!resp.ok)
+            return null;
+        const json = (await resp.json());
+        return requiredNonNullField(json, 'entry', 'Memory entry save');
+    }
+    async function deleteMemoryEntry(id) {
+        const resp = await request(`/api/memory/${encodeURIComponent(id)}`, { method: 'DELETE' }, { timeoutMs: 15_000 });
+        return resp.ok;
+    }
+    async function saveMemoryIndex(index) {
+        const resp = await request('/api/memory/index', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ index }) }, { timeoutMs: 15_000 });
+        return resp.ok;
+    }
+    const memoryEntriesPort = {
+        fetchMemoryList,
+        fetchMemoryTree,
+        fetchMemoryEntry,
+        saveMemoryEntry,
+        deleteMemoryEntry,
+        saveMemoryIndex,
+    };
+    // ─── Extraction history cluster (real HTTP) ─────────────────────────────────
+    async function fetchExtractions() {
+        const resp = await request('/api/memory/extractions', {}, { timeoutMs: 15_000 });
+        if (!resp.ok)
+            throw new Error(`Memory extractions request failed (${resp.status})`);
+        const json = (await resp.json());
+        return requiredField(json, 'extractions', 'Memory extractions request');
+    }
+    async function deleteExtraction(id) {
+        const resp = await request(`/api/memory/extractions/${encodeURIComponent(id)}`, { method: 'DELETE' }, { timeoutMs: 15_000 });
+        return resp.ok;
+    }
+    async function clearExtractionHistory() {
+        const resp = await request('/api/memory/extractions', { method: 'DELETE' }, { timeoutMs: 15_000 });
+        return resp.ok;
+    }
+    const memoryExtractionsPort = {
+        fetchExtractions,
+        deleteExtraction,
+        clearExtractionHistory,
+    };
+    return { config: memoryConfigPort, entries: memoryEntriesPort, extractions: memoryExtractionsPort };
 }
-export const memoryExtractionsPort = {
-    fetchExtractions,
-    deleteExtraction,
-    clearExtractionHistory,
-};
+export const { config: memoryConfigPort, entries: memoryEntriesPort, extractions: memoryExtractionsPort } = createMemoryHttpPorts({});
+/** Standalone default read shares the entries port's validated REST implementation. */
+export const fetchMemoryList = memoryEntriesPort.fetchMemoryList;
 /**
  * An in-memory test/demo double for the connector-catalogue transport (same
  * rationale as `features/connectors`' own `createFakeConnectorsPort`). Real
@@ -197,7 +207,7 @@ export function createFakeMemoryConnectorsPort(options = {}) {
         suggestConnectorMemories() {
             return delay(options.suggestionResponse ?? null);
         },
-        saveMemoryEntry,
+        saveMemoryEntry: memoryEntriesPort.saveMemoryEntry,
         readPendingConnectorAuthIds: readPendingConnectorAuthIdsFromSession,
         writePendingConnectorAuthIds: writePendingConnectorAuthIdsToSession,
         notifyConnectorsChanged,

package/dist/features/memory/index.d.ts

@@ -5,7 +5,7 @@ export { connectorAttemptDetail, connectorAttemptName, connectorAttemptTitle, de
 export type { MemoryConfigPort, MemoryConnectorsPort, MemoryEntriesPort, MemoryExtractionsPort, } from './ports.js';
 export { applyMemoryConnectorStatus, connectorWithPendingAuthorization, enabledPatch, type MemoryConfigFlagKey, memoryEntryIdForConnectorSuggestion, singleFlagPatch, upsertMemoryConnector, visibleExtractionsFor, } from './rules.js';
 export type { ConnectorMemoryAttempt, ConnectorMemoryAttemptStatus, ConnectorMemorySuggestionResponse, DraftEntry, FlashKind, FriendlyExtractionFailure, MemoryEntry, MemoryEntrySummary, MemoryExtractionEvent, MemoryExtractionPhase, MemoryExtractionProvider, MemoryExtractionRecord, MemoryExtractionSkipReason, MemoryExtractionsResponse, MemoryListResponse, MemorySectionProps, MemorySourceTab, MemorySuggestion, MemoryTab, MemoryTreeListResponse, MemoryTreeNode, MemoryTreeNodeKind, MemoryType, UpdateMemoryConfigRequest, UpsertMemoryRequest, } from './types.js';
-export { createFakeMemoryConnectorsPort, fetchMemoryList, memoryConfigPort, memoryConnectorsPort, memoryEntriesPort, memoryExtractionsPort, } from './dependencies.js';
+export { createFakeMemoryConnectorsPort, createMemoryHttpPorts, fetchMemoryList, memoryConfigPort, memoryConnectorsPort, memoryEntriesPort, memoryExtractionsPort, } from './dependencies.js';
 export type { FakeMemoryConnectorsPortOptions } from './dependencies.js';
 export { useMemoryFlash, type MemoryFlashController, } from './react/hooks/useMemoryFlash.hooks.js';
 export { useMemoryNavigation, type MemoryNavigationController, type MemoryTopTab, } from './react/hooks/useMemoryNavigation.hooks.js';

package/dist/features/memory/index.js

@@ -3,7 +3,7 @@ export { createAsyncCommitGuard } from './async-commit-guard.js';
 export { CONNECTOR_CALLBACK_MESSAGE_TYPE, connectorAppLabel, DEFAULT_CONNECTOR_PROVIDER, EMPTY_DRAFT, MEMORY_CONNECTOR_APP_IDS, MEMORY_CONNECTOR_APP_LABELS, MEMORY_CONNECTOR_PENDING_AUTH_STORAGE_KEY, STARTERS, TYPES, } from './constants.js';
 export { connectorAttemptDetail, connectorAttemptName, connectorAttemptTitle, describeConnectorReadIssue, describeExtractionFailure, describeRecord, extractionCardMeta, extractionCardTitle, formatAbsoluteTime, formatConnectorContextBytes, formatDuration, formatRelativeTime, formatRelativeTimeAgo, memoryCountLabel, memoryFlashLabels, memorySourceTabs, memoryTypeLabels, parseProviderError, providerDisplayName, } from './formatters.js';
 export { applyMemoryConnectorStatus, connectorWithPendingAuthorization, enabledPatch, memoryEntryIdForConnectorSuggestion, singleFlagPatch, upsertMemoryConnector, visibleExtractionsFor, } from './rules.js';
-export { createFakeMemoryConnectorsPort, fetchMemoryList, memoryConfigPort, memoryConnectorsPort, memoryEntriesPort, memoryExtractionsPort, } from './dependencies.js';
+export { createFakeMemoryConnectorsPort, createMemoryHttpPorts, fetchMemoryList, memoryConfigPort, memoryConnectorsPort, memoryEntriesPort, memoryExtractionsPort, } from './dependencies.js';
 export { useMemoryFlash, } from './react/hooks/useMemoryFlash.hooks.js';
 export { useMemoryNavigation, } from './react/hooks/useMemoryNavigation.hooks.js';
 export { useMemoryConfig, useWiredMemoryConfig, } from './react/hooks/useMemoryConfig.hooks.js';

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

@@ -16,7 +16,7 @@ export function MemoryAdvancedModal({ open, modalHost, onClose, index, indexDraf
         onMouseDown: onClose, children: _jsxs("div", { className: "memory-action-modal memory-action-modal--advanced", role: "dialog", "aria-modal": "true", "aria-labelledby": "memory-advanced-modal-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsxs("div", { className: "memory-action-modal-head", children: [_jsxs("div", { children: [_jsx("h3", { id: "memory-advanced-modal-title", children: t('Advanced') }), _jsx("p", { children: t('Inspect or edit the underlying memory index.') })] }), _jsx("button", { type: "button", className: "memory-action-modal-close", onClick: onClose, "aria-label": t('Close'), title: t('Close'), children: _jsx(Icon, { name: "close", size: 16 }) })] }), _jsxs("div", { className: "memory-action-modal-body memory-advanced-modal-body", children: [_jsx("p", { className: "memory-advanced-hint", children: t('Inspect or edit the underlying memory index.') }), _jsxs("div", { className: "memory-advanced-stack", children: [_jsxs("details", { className: "library-group memory-advanced-card", children: [_jsx("summary", { className: "memory-details-summary", children: _jsx("span", { className: "memory-details-title", children: t('MEMORY.md index') }) }), _jsx("textarea", { value: indexDraft ?? index, onChange: (e) => onIndexDraftChange(e.target.value), rows: 8, style: {
                                                 width: '100%',
                                                 marginTop: 8,
-                                                fontFamily: 'monospace',
+                                                fontFamily: 'var(--jini-font-mono)',
                                             } }), _jsxs("div", { style: {
                                                 display: 'flex',
                                                 gap: 8,
@@ -27,7 +27,7 @@ export function MemoryAdvancedModal({ open, modalHost, onClose, index, indexDraf
                                             }, children: [_jsx("span", { className: "hint", style: {
                                                         fontSize: 11,
                                                         margin: 0,
-                                                        color: indexDraft !== null ? 'var(--text-warning, #b06a00)' : 'var(--text-muted, #888)',
+                                                        color: indexDraft !== null ? 'var(--jini-warning)' : 'var(--jini-text-muted)',
                                                         fontWeight: indexDraft !== null ? 600 : 400,
                                                     }, children: indexDraft !== null
                                                         ? `● ${t('Unsaved changes')} — ${t('Edits here change how memories are indexed.')}`

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(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(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(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 && (_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" })) }))] }));
 }
 //# sourceMappingURL=MemoryEntryCard.js.map

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

@@ -16,6 +16,6 @@ export function MemoryExtractionCard({ record, nowClock, onOpenPreview, onDelete
     // the record didn't fail), so we render off its result directly instead of
     // duplicating that guard here.
     const failure = describeExtractionFailure(record);
-    return (_jsxs("div", { className: `library-card memory-extraction-card is-${desc.tone}`, children: [_jsxs("div", { className: "library-card-info", children: [_jsxs("div", { className: "library-card-title-row", children: [_jsx("span", { className: "library-card-name", children: title }), _jsx("span", { className: `memory-extraction-pill is-${desc.tone}`, children: desc.phaseLabel }), _jsx("span", { className: "library-card-badge", children: desc.kindLabel })] }), _jsx("div", { className: "library-card-desc", children: meta }), desc.reasonLabel ? _jsx("div", { className: "memory-extraction-reason", children: desc.reasonLabel }) : null, failure ? (_jsxs("div", { className: "memory-extraction-failure", children: [_jsx("strong", { children: failure.title }), _jsx("span", { children: failure.detail }), _jsx("span", { children: failure.action })] })) : null, Array.isArray(record.writtenIds) && record.writtenIds.length > 0 ? (_jsxs("div", { className: "memory-extraction-counts", children: [_jsx("span", { children: t('saved') }), _jsx("span", { className: "memory-extraction-ids", children: record.writtenIds.map((id) => (_jsx("button", { type: "button", className: "filter-pill", onClick: () => onOpenPreview(id), title: id, children: id }, id))) })] })) : null] }), _jsx("div", { className: "memory-card-actions", children: _jsx("button", { type: "button", className: "ghost library-card-action", onClick: () => onDelete(record.id), title: t('Remove'), "aria-label": t('Remove'), ...agentHandleProps(agentHandle, { action: 'delete', role: 'button', label: t('Remove') }), children: _jsx(Icon, { name: "close", size: 14 }) }) })] }));
+    return (_jsxs("div", { className: `library-card memory-extraction-card is-${desc.tone}`, children: [_jsxs("div", { className: "library-card-info", children: [_jsxs("div", { className: "library-card-title-row", children: [_jsx("span", { className: "library-card-name", children: title }), _jsx("span", { className: `memory-extraction-pill is-${desc.tone}`, children: desc.phaseLabel }), _jsx("span", { className: "library-card-badge", children: desc.kindLabel })] }), _jsx("div", { className: "library-card-desc", children: meta }), desc.reasonLabel ? _jsx("div", { className: "memory-extraction-reason", children: desc.reasonLabel }) : null, failure ? (_jsxs("div", { className: "memory-extraction-failure", children: [_jsx("strong", { children: failure.title }), _jsx("span", { children: failure.detail }), _jsx("span", { children: failure.action })] })) : null, Array.isArray(record.writtenIds) && record.writtenIds.length > 0 ? (_jsxs("div", { className: "memory-extraction-counts", children: [_jsx("span", { children: t('saved') }), _jsx("span", { className: "memory-extraction-ids", children: record.writtenIds.map((id) => (_jsx("button", { type: "button", className: "filter-pill", onClick: () => onOpenPreview(id), title: id, children: id }, id))) })] })) : null] }), _jsx("div", { className: "memory-card-actions", children: _jsx("button", { type: "button", className: "ghost library-card-action", onClick: () => onDelete(record.id), title: t('Remove'), "aria-label": t('Remove'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'delete', role: 'button', label: t('Remove') }) }), children: _jsx(Icon, { name: "close", size: 14 }) }) })] }));
 }
 //# sourceMappingURL=MemoryExtractionCard.js.map

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

@@ -48,6 +48,6 @@ const HOOKS = [
 ];
 export function MemoryHooksPanel({ enabled, flags, onToggle, agentHandle, }) {
     const t = useT();
-    return (_jsxs("div", { className: "memory-hooks-panel", "data-testid": "memory-hooks-panel", children: [_jsxs("div", { className: "memory-hooks-panel-head", children: [_jsx("span", { className: "memory-hooks-panel-head-icon", "aria-hidden": "true", children: _jsx(Icon, { name: "sliders", size: 15 }) }), _jsxs("div", { children: [_jsx("h4", { className: "memory-hooks-panel-title", children: t('Memory hooks') }), _jsx("p", { className: "memory-hooks-panel-hint", children: t('Fine-tune how memory is captured and used, without turning it off entirely.') })] })] }), _jsx("ul", { className: "memory-hooks-panel-list", children: HOOKS.map((hook) => (_jsxs("li", { className: "memory-hooks-panel-row", children: [_jsx("span", { className: "memory-hooks-panel-row-icon", "aria-hidden": "true", children: _jsx(Icon, { name: hook.icon, size: 14 }) }), _jsxs("span", { className: "memory-hooks-panel-row-copy", children: [_jsx("span", { className: "memory-hooks-panel-row-label", children: t(hook.label) }), _jsx("small", { className: "memory-hooks-panel-row-desc", children: t(hook.description) })] }), _jsx("label", { className: "memory-hooks-panel-toggle", title: t(hook.label), children: _jsxs("span", { className: "toggle-switch toggle-switch-sm", children: [_jsx("input", { type: "checkbox", "aria-label": t(hook.label), checked: flags[hook.key], disabled: !enabled, onChange: (e) => onToggle(hook.key, e.target.checked), ...agentHandleProps(agentHandle, { action: `hook-${hook.action}`, role: 'checkbox', label: t(hook.label) }) }), _jsx("span", { className: "toggle-slider" })] }) })] }, hook.key))) })] }));
+    return (_jsxs("div", { className: "memory-hooks-panel", "data-testid": "memory-hooks-panel", children: [_jsxs("div", { className: "memory-hooks-panel-head", children: [_jsx("span", { className: "memory-hooks-panel-head-icon", "aria-hidden": "true", children: _jsx(Icon, { name: "sliders", size: 15 }) }), _jsxs("div", { children: [_jsx("h4", { className: "memory-hooks-panel-title", children: t('Memory hooks') }), _jsx("p", { className: "memory-hooks-panel-hint", children: t('Fine-tune how memory is captured and used, without turning it off entirely.') })] })] }), _jsx("ul", { className: "memory-hooks-panel-list", children: HOOKS.map((hook) => (_jsxs("li", { className: "memory-hooks-panel-row", children: [_jsx("span", { className: "memory-hooks-panel-row-icon", "aria-hidden": "true", children: _jsx(Icon, { name: hook.icon, size: 14 }) }), _jsxs("span", { className: "memory-hooks-panel-row-copy", children: [_jsx("span", { className: "memory-hooks-panel-row-label", children: t(hook.label) }), _jsx("small", { className: "memory-hooks-panel-row-desc", children: t(hook.description) })] }), _jsx("label", { className: "memory-hooks-panel-toggle", title: t(hook.label), children: _jsxs("span", { className: "toggle-switch toggle-switch-sm", children: [_jsx("input", { type: "checkbox", "aria-label": t(hook.label), checked: flags[hook.key], disabled: !enabled, onChange: (e) => onToggle(hook.key, e.target.checked), ...agentHandleProps({}, { base: agentHandle, ...({ action: `hook-${hook.action}`, role: 'checkbox', label: t(hook.label) }) }) }), _jsx("span", { className: "toggle-slider" })] }) })] }, hook.key))) })] }));
 }
 //# sourceMappingURL=MemoryHooksPanel.js.map

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

@@ -15,17 +15,17 @@ export function MemoryList({ sectionRef, entries, filtered, visibleExtractions,
     const t = useT();
     const typeLabel = useMemo(() => memoryTypeLabels(t), [t]);
     const entryHandles = agentHandle
-        ? buildAgentListHandles(agentSubHandle(agentHandle, 'entry'), filtered.map((e) => e.id))
+        ? buildAgentListHandles({ prefix: agentSubHandle({ base: agentHandle, action: 'entry' }), ids: filtered.map((e) => e.id) })
         : undefined;
     const extractionHandles = agentHandle
-        ? buildAgentListHandles(agentSubHandle(agentHandle, 'extraction'), visibleExtractions.map((r) => r.id))
+        ? buildAgentListHandles({ prefix: agentSubHandle({ base: agentHandle, action: 'extraction' }), ids: visibleExtractions.map((r) => r.id) })
         : undefined;
-    return (_jsx("section", { ref: sectionRef, className: "settings-section settings-section-card memory-records-section", children: _jsxs("div", { className: "memory-management-panel", children: [_jsxs("div", { className: "memory-subsection-head", children: [_jsxs("div", { children: [_jsx("h4", { children: t('Saved memory') }), _jsx("p", { className: "hint", children: t('Saved facts, preferences, and project context available to future chats.') })] }), _jsxs("div", { className: "memory-management-counts", children: [_jsxs("span", { className: "memory-source-badge", children: [entries.length, " ", t('saved')] }), visibleExtractions.length > 0 ? (_jsxs("span", { className: "memory-source-badge", children: [visibleExtractions.length, " ", visibleExtractions.length === 1 ? t('extraction') : t('extractions')] })) : null] })] }), _jsxs("div", { className: "library-toolbar is-row", children: [_jsxs("div", { className: "library-filters", children: [_jsxs("button", { type: "button", className: `filter-pill${filter === 'all' ? ' active' : ''}`, onClick: () => onFilterChange('all'), ...agentHandleProps(agentHandle, { action: 'filter-all', role: 'button', label: t('All') }), children: [t('All'), _jsx("span", { className: "filter-pill-count", children: entries.length + visibleExtractions.length })] }), TYPES.map((type) => {
+    return (_jsx("section", { ref: sectionRef, className: "settings-section settings-section-card memory-records-section", children: _jsxs("div", { className: "memory-management-panel", children: [_jsxs("div", { className: "memory-subsection-head", children: [_jsxs("div", { children: [_jsx("h4", { children: t('Saved memory') }), _jsx("p", { className: "hint", children: t('Saved facts, preferences, and project context available to future chats.') })] }), _jsxs("div", { className: "memory-management-counts", children: [_jsxs("span", { className: "memory-source-badge", children: [entries.length, " ", t('saved')] }), visibleExtractions.length > 0 ? (_jsxs("span", { className: "memory-source-badge", children: [visibleExtractions.length, " ", visibleExtractions.length === 1 ? t('extraction') : t('extractions')] })) : null] })] }), _jsxs("div", { className: "library-toolbar is-row", children: [_jsxs("div", { className: "library-filters", children: [_jsxs("button", { type: "button", className: `filter-pill${filter === 'all' ? ' active' : ''}`, onClick: () => onFilterChange('all'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'filter-all', role: 'button', label: t('All') }) }), children: [t('All'), _jsx("span", { className: "filter-pill-count", children: entries.length + visibleExtractions.length })] }), TYPES.map((type) => {
                                     const count = entries.filter((e) => e.type === type).length;
                                     if (count === 0 && filter !== type)
                                         return null;
-                                    return (_jsxs("button", { type: "button", className: `filter-pill${filter === type ? ' active' : ''}`, onClick: () => onFilterChange(type), ...agentHandleProps(agentHandle, { action: `filter-${type}`, role: 'button', label: typeLabel[type] }), children: [typeLabel[type], _jsx("span", { className: "filter-pill-count", children: count })] }, type));
-                                })] }), _jsxs("div", { className: "memory-management-actions", children: [visibleExtractions.length > 0 ? (_jsxs("button", { type: "button", className: "ghost memory-clear-extractions", onClick: () => onClearExtractions(), title: t('Clear extraction history'), ...agentHandleProps(agentHandle, { action: 'clear-extractions', role: 'button', label: t('Clear extraction history') }), children: [_jsx(Icon, { name: "close", size: 12 }), _jsx("span", { children: t('Clear') })] })) : null, visibleExtractions.length > 0 ? (_jsxs("button", { type: "button", className: "ghost memory-refresh-extractions", onClick: () => onRefreshExtractions(), disabled: isRefreshing, title: t('Refresh'), ...agentHandleProps(agentHandle, { action: 'refresh-extractions', role: 'button', label: t('Refresh') }), children: [_jsx(Icon, { name: "refresh", size: 12, className: isRefreshing ? 'icon-spin' : '' }), _jsx("span", { children: isRefreshing ? t('Refreshing') : t('Refresh') })] })) : null] })] }), _jsx("div", { className: "library-content memory-unified-list", children: unifiedMemoryCount === 0 ? (
+                                    return (_jsxs("button", { type: "button", className: `filter-pill${filter === type ? ' active' : ''}`, onClick: () => onFilterChange(type), ...agentHandleProps({}, { base: agentHandle, ...({ action: `filter-${type}`, role: 'button', label: typeLabel[type] }) }), children: [typeLabel[type], _jsx("span", { className: "filter-pill-count", children: count })] }, type));
+                                })] }), _jsxs("div", { className: "memory-management-actions", children: [visibleExtractions.length > 0 ? (_jsxs("button", { type: "button", className: "ghost memory-clear-extractions", onClick: () => onClearExtractions(), title: t('Clear extraction history'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'clear-extractions', role: 'button', label: t('Clear extraction history') }) }), children: [_jsx(Icon, { name: "close", size: 12 }), _jsx("span", { children: t('Clear') })] })) : null, visibleExtractions.length > 0 ? (_jsxs("button", { type: "button", className: "ghost memory-refresh-extractions", onClick: () => onRefreshExtractions(), disabled: isRefreshing, title: t('Refresh'), ...agentHandleProps({}, { base: agentHandle, ...({ action: 'refresh-extractions', role: 'button', label: t('Refresh') }) }), children: [_jsx(Icon, { name: "refresh", size: 12, className: isRefreshing ? 'icon-spin' : '' }), _jsx("span", { children: isRefreshing ? t('Refreshing') : t('Refresh') })] })) : null] })] }), _jsx("div", { className: "library-content memory-unified-list", children: unifiedMemoryCount === 0 ? (
                     // Empty state: one clear "no rows yet" line and a one-sentence
                     // primer that explains the mechanism (talk in chat, fact gets
                     // extracted) with a single example.

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

@@ -18,8 +18,8 @@ export function MemoryManualEditor({ editing, onEditingChange, onStartNew, onCan
                     alignItems: 'stretch',
                     gap: 14,
                     padding: 14,
-                    background: 'var(--surface-subtle, rgba(0,0,0,0.02))',
-                    border: '1px solid var(--border-subtle, rgba(0,0,0,0.08))',
+                    background: 'var(--jini-bg-subtle)',
+                    border: '1px solid var(--jini-border-soft)',
                     borderRadius: 10,
                 }, children: [!editing.id ? (_jsxs("div", { style: {
                             display: 'flex',
@@ -27,7 +27,7 @@ export function MemoryManualEditor({ editing, onEditingChange, onStartNew, onCan
                             alignItems: 'center',
                             gap: 6,
                             paddingBottom: 10,
-                            borderBottom: '1px solid var(--border-subtle, rgba(0,0,0,0.06))',
+                            borderBottom: '1px solid var(--jini-border-soft)',
                         }, children: [_jsx("span", { style: {
                                     ...FIELD_LABEL_STYLE,
                                     display: 'inline-block',
@@ -46,7 +46,7 @@ export function MemoryManualEditor({ editing, onEditingChange, onStartNew, onCan
                             width: '100%',
                         }, children: [_jsxs("div", { style: { display: 'flex', gap: 10, alignItems: 'flex-end' }, children: [_jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("label", { style: FIELD_LABEL_STYLE, children: t('Name') }), _jsx("input", { ref: editorNameRef, type: "text", placeholder: t('e.g. Prefers dark mode'), value: editing.name, onChange: (e) => onEditingChange({ ...editing, name: e.target.value }), style: { width: '100%' } })] }), _jsxs("div", { style: { flex: '0 0 auto', minWidth: 120 }, children: [_jsx("label", { style: FIELD_LABEL_STYLE, children: t('Type') }), _jsx("select", { value: editing.type, onChange: (e) => onEditingChange({ ...editing, type: e.target.value }), style: { width: '100%' }, children: TYPES.map((tt) => (_jsx("option", { value: tt, children: typeLabel[tt] }, tt))) })] })] }), _jsxs("div", { children: [_jsx("label", { style: FIELD_LABEL_STYLE, children: t('Description') }), _jsx("input", { type: "text", placeholder: t('Short description'), value: editing.description, onChange: (e) => onEditingChange({ ...editing, description: e.target.value }), style: { width: '100%' } })] }), _jsxs("div", { children: [_jsx("label", { style: FIELD_LABEL_STYLE, children: t('Details') }), _jsx("textarea", { placeholder: t('What should the assistant remember?'), value: editing.body, onChange: (e) => onEditingChange({ ...editing, body: e.target.value }), rows: 7, style: {
                                             width: '100%',
-                                            fontFamily: 'monospace',
+                                            fontFamily: 'var(--jini-font-mono)',
                                             fontSize: 12,
                                             lineHeight: 1.5,
                                         } }), _jsx("p", { className: "hint", style: { fontSize: 11, marginTop: 4 }, children: t('Plain text or Markdown. Keep it concise — this is added to future chat context.') })] })] }), _jsxs("div", { style: {
@@ -58,7 +58,7 @@ export function MemoryManualEditor({ editing, onEditingChange, onStartNew, onCan
                         }, children: [_jsx("span", { className: "hint", style: {
                                     fontSize: 11,
                                     margin: 0,
-                                    color: 'var(--text-muted, #888)',
+                                    color: 'var(--jini-text-muted)',
                                 }, children: t('Saved memories are available to future chats.') }), _jsxs("div", { style: { display: 'flex', gap: 8 }, children: [_jsx("button", { type: "button", className: "ghost", onClick: onCancel, children: t('Cancel') }), _jsx("button", { type: "button", className: "primary", onClick: onSave, disabled: busy || !editing.name.trim(), children: editing.id ? t('Save') : t('Create') })] })] })] })) : null] }));
 }
 //# sourceMappingURL=MemoryManualEditor.js.map

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

@@ -26,6 +26,6 @@ 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(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(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(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(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(agentHandle, { action: 'enabled', role: 'checkbox', label: t('Enable memory') }) }), _jsx("span", { className: "toggle-slider" })] })] })] }), topTab === 'memories' ? (_jsx(MemoryList, { sectionRef: sectionRef, ...savedMemory, ...(agentHandle ? { agentHandle: agentSubHandle(agentHandle, 'saved') } : {}) })) : (_jsx(MemoryHowPanel, { ...howItWorks, ...(agentHandle ? { agentHandle: agentSubHandle(agentHandle, '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, ...(agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'saved' }) } : {}) })) : (_jsx(MemoryHowPanel, { ...howItWorks, ...(agentHandle ? { agentHandle: agentSubHandle({ base: agentHandle, action: 'how' }) } : {}) }))] }));
 }
 //# sourceMappingURL=MemorySettingsPanel.js.map

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

@@ -82,7 +82,7 @@ export function useMemoryEntries(port, coord) {
         // BOTH paths fail (e.g. a locked-down document). Check the boolean
         // instead of catching a throw, but preserve the original intent: a total
         // failure must not claim success with a copy flash.
-        const copied = await copyToClipboard(rootDir);
+        const copied = await copyToClipboard({ text: rootDir });
         if (copied) {
             fireFlash('pathCopied');
         }

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

@@ -4,7 +4,7 @@
 // Pure UI state with no transport and — deliberately — NO effects: the
 // effects that READ this state (reload-on-`activeTab`, the SSE stream, the
 // OAuth subscriptions) stay in the single-instance host orchestrator per the
-// ADR-0002 effect-placement rule, so they can't double-fire. That keeps this
+// effect-placement rule, so they can't double-fire. That keeps this. See docs/decisions/DR-001-state-hooks-effect-ownership.md.
 // hook a plain state container a host re-exposes, and it's driveable with
 // `renderHook` to assert the tab/modal transitions in isolation.
 import { useCallback, useRef, useState } from 'react';

package/dist/features/memory/react/styles.js

@@ -12,7 +12,7 @@ export const FIELD_LABEL_STYLE = {
     fontWeight: 600,
     letterSpacing: 0.5,
     textTransform: 'uppercase',
-    color: 'var(--text-muted, #888)',
+    color: 'var(--jini-text-muted)',
     marginBottom: 4,
 };
 //# sourceMappingURL=styles.js.map

package/dist/features/memory/rules.js

@@ -8,7 +8,7 @@
 // `connectorAuthSnapshotChanged` — generified ports of the exact same
 // reconciliation reducers OD's `connectors-state.ts` module has on
 // its current `main` (confirmed by direct comparison; see
-// `packages/ui/source-map.md`'s provenance note for this feature). This slice
+// `packages/ui/archived provenance ledger`'s provenance note for this feature). This slice
 // imports and reuses those instead of shipping a third near-duplicate copy,
 // per `ADS-memory/reports/jini-port/god-components-extraction-plan.md`'s Consolidation map,
 // which flags this exact overlap and asks each future extraction to check

package/dist/features/memory/types.d.ts

@@ -4,7 +4,7 @@
  * `MemoryExtractionRecord`, `ConnectorMemorySuggestionResponse`, etc.) — that
  * package is not available here, so this file defines the same shapes
  * locally, scoped to exactly what this slice's ported hooks/components/rules
- * consume. See `packages/ui/source-map.md` for the full provenance note.
+ * consume. See `packages/ui/archived provenance ledger` for the full provenance note.
  *
  * Connector-shaped fields reuse `@jini-ai/ui`'s own `features/connectors` types
  * (`Connector`/`ConnectorStatusMap`/`ConnectorActionResult`) instead of a

package/dist/features/mention-autocomplete/react/hooks/useMentionAutocomplete.js

@@ -51,7 +51,7 @@ export function useMentionAutocomplete({ value, onValueChange, items, categories
         refreshFromTextarea();
     };
     const closeMention = () => setMention(null);
-    useDismissOnOutsideOrEscape(closeMention, { enabled: mention !== null, containerRef });
+    useDismissOnOutsideOrEscape({ onDismiss: closeMention }, { enabled: mention !== null, containerRef });
     const pickItem = (item) => {
         const token = buildMentionToken(item.label, triggerChar);
         const textarea = textareaRef.current;

package/dist/features/notifications/react/components/NotificationsTab.js

@@ -28,10 +28,10 @@ import { testStatusLabel } from '../../rules.js';
 export function NotificationsTab({ preferences, onChange, testNotificationTitle, testNotificationBody, labels, agentHandle, }) {
     const t = useT();
     const successSoundHandles = agentHandle
-        ? buildAgentListHandles(agentSubHandle(agentHandle, 'success-sound'), SUCCESS_SOUNDS.map((s) => s.id))
+        ? buildAgentListHandles({ prefix: agentSubHandle({ base: agentHandle, action: 'success-sound' }), ids: SUCCESS_SOUNDS.map((s) => s.id) })
         : undefined;
     const failureSoundHandles = agentHandle
-        ? buildAgentListHandles(agentSubHandle(agentHandle, 'failure-sound'), FAILURE_SOUNDS.map((s) => s.id))
+        ? buildAgentListHandles({ prefix: agentSubHandle({ base: agentHandle, action: 'failure-sound' }), ids: FAILURE_SOUNDS.map((s) => s.id) })
         : undefined;
     const [permission, setPermission] = useState(() => notificationPermission());
     const [testStatus, setTestStatus] = useState(null);
@@ -76,16 +76,16 @@ export function NotificationsTab({ preferences, onChange, testNotificationTitle,
         // outcome here rather than getting their own dead states.
         setTestStatus(result === 'shown' ? 'sent' : 'failed');
     };
-    return (_jsxs("section", { className: "jini-settings-section jini-settings-notifications", children: [_jsxs("div", { className: "jini-settings-subsection", children: [_jsxs("div", { className: "jini-settings-notify-card", children: [_jsxs("div", { className: "jini-settings-notify-card-header", children: [_jsx("h4", { children: completionSoundTitle }), _jsx("div", { className: "jini-seg-control", role: "group", "aria-label": completionSoundTitle, style: { '--seg-cols': 1 }, children: _jsx("button", { type: "button", className: 'jini-seg-btn' + (preferences.soundEnabled ? ' active' : ''), "aria-pressed": preferences.soundEnabled, "aria-label": completionSoundTitle, onClick: toggleSound, ...agentHandleProps(agentHandle, { action: 'sound-toggle', role: 'button', label: completionSoundTitle }), children: _jsx("span", { className: "jini-seg-title", children: preferences.soundEnabled ? activeLabel : offLabel }) }) })] }), _jsx("p", { className: "jini-hint", children: completionSoundHint })] }), preferences.soundEnabled ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "jini-settings-field", children: [_jsx("label", { children: successSoundLabel }), _jsx("div", { className: "jini-seg-control", role: "group", "aria-label": successSoundLabel, style: { '--seg-cols': SUCCESS_SOUNDS.length }, children: SUCCESS_SOUNDS.map((sound, index) => (_jsx("button", { type: "button", className: 'jini-seg-btn' + (preferences.successSoundId === sound.id ? ' active' : ''), "aria-pressed": preferences.successSoundId === sound.id, onClick: () => {
+    return (_jsxs("section", { className: "jini-settings-section jini-settings-notifications", children: [_jsxs("div", { className: "jini-settings-subsection", children: [_jsxs("div", { className: "jini-settings-notify-card", children: [_jsxs("div", { className: "jini-settings-notify-card-header", children: [_jsx("h4", { children: completionSoundTitle }), _jsx("div", { className: "jini-seg-control", role: "group", "aria-label": completionSoundTitle, style: { '--seg-cols': 1 }, children: _jsx("button", { type: "button", className: 'jini-seg-btn' + (preferences.soundEnabled ? ' active' : ''), "aria-pressed": preferences.soundEnabled, "aria-label": completionSoundTitle, onClick: toggleSound, ...agentHandleProps({}, { base: agentHandle, ...({ action: 'sound-toggle', role: 'button', label: completionSoundTitle }) }), children: _jsx("span", { className: "jini-seg-title", children: preferences.soundEnabled ? activeLabel : offLabel }) }) })] }), _jsx("p", { className: "jini-hint", children: completionSoundHint })] }), preferences.soundEnabled ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "jini-settings-field", children: [_jsx("label", { children: successSoundLabel }), _jsx("div", { className: "jini-seg-control", role: "group", "aria-label": successSoundLabel, style: { '--seg-cols': SUCCESS_SOUNDS.length }, children: SUCCESS_SOUNDS.map((sound, index) => (_jsx("button", { type: "button", className: 'jini-seg-btn' + (preferences.successSoundId === sound.id ? ' active' : ''), "aria-pressed": preferences.successSoundId === sound.id, onClick: () => {
                                                 onChange({ successSoundId: sound.id });
                                                 playSound(sound.id);
-                                            }, ...agentHandleProps(successSoundHandles?.[index], { role: 'button', label: t(sound.labelKey) }), children: _jsx("span", { className: "jini-seg-title", children: t(sound.labelKey) }) }, sound.id))) })] }), _jsxs("div", { className: "jini-settings-field", children: [_jsx("label", { children: failureSoundLabel }), _jsx("div", { className: "jini-seg-control", role: "group", "aria-label": failureSoundLabel, style: { '--seg-cols': FAILURE_SOUNDS.length }, children: FAILURE_SOUNDS.map((sound, index) => (_jsx("button", { type: "button", className: 'jini-seg-btn' + (preferences.failureSoundId === sound.id ? ' active' : ''), "aria-pressed": preferences.failureSoundId === sound.id, onClick: () => {
+                                            }, ...agentHandleProps({}, { base: successSoundHandles?.[index], ...({ role: 'button', label: t(sound.labelKey) }) }), children: _jsx("span", { className: "jini-seg-title", children: t(sound.labelKey) }) }, sound.id))) })] }), _jsxs("div", { className: "jini-settings-field", children: [_jsx("label", { children: failureSoundLabel }), _jsx("div", { className: "jini-seg-control", role: "group", "aria-label": failureSoundLabel, style: { '--seg-cols': FAILURE_SOUNDS.length }, children: FAILURE_SOUNDS.map((sound, index) => (_jsx("button", { type: "button", className: 'jini-seg-btn' + (preferences.failureSoundId === sound.id ? ' active' : ''), "aria-pressed": preferences.failureSoundId === sound.id, onClick: () => {
                                                 onChange({ failureSoundId: sound.id });
                                                 playSound(sound.id);
-                                            }, ...agentHandleProps(failureSoundHandles?.[index], { role: 'button', label: t(sound.labelKey) }), children: _jsx("span", { className: "jini-seg-title", children: t(sound.labelKey) }) }, sound.id))) })] })] })) : null] }), _jsxs("div", { className: "jini-settings-subsection", children: [_jsxs("div", { className: "jini-settings-notify-card", children: [_jsxs("div", { className: "jini-settings-notify-card-header", children: [_jsx("h4", { children: desktopTitle }), _jsx("div", { className: "jini-seg-control", role: "group", "aria-label": desktopTitle, style: { '--seg-cols': 1 }, children: _jsx("button", { type: "button", className: 'jini-seg-btn' + (preferences.desktopEnabled ? ' active' : ''), "aria-pressed": preferences.desktopEnabled, "aria-label": desktopTitle, disabled: permission === 'unsupported', onClick: () => {
+                                            }, ...agentHandleProps({}, { base: failureSoundHandles?.[index], ...({ role: 'button', label: t(sound.labelKey) }) }), children: _jsx("span", { className: "jini-seg-title", children: t(sound.labelKey) }) }, sound.id))) })] })] })) : null] }), _jsxs("div", { className: "jini-settings-subsection", children: [_jsxs("div", { className: "jini-settings-notify-card", children: [_jsxs("div", { className: "jini-settings-notify-card-header", children: [_jsx("h4", { children: desktopTitle }), _jsx("div", { className: "jini-seg-control", role: "group", "aria-label": desktopTitle, style: { '--seg-cols': 1 }, children: _jsx("button", { type: "button", className: 'jini-seg-btn' + (preferences.desktopEnabled ? ' active' : ''), "aria-pressed": preferences.desktopEnabled, "aria-label": desktopTitle, disabled: permission === 'unsupported', onClick: () => {
                                                 void toggleDesktop();
-                                            }, ...agentHandleProps(agentHandle, { action: 'desktop-toggle', role: 'button', label: desktopTitle }), children: _jsx("span", { className: "jini-seg-title", children: preferences.desktopEnabled ? activeLabel : offLabel }) }) })] }), _jsx("p", { className: "jini-hint", children: desktopHint })] }), permission === 'unsupported' ? _jsx("p", { className: "jini-hint", children: desktopUnsupported }) : null, permission === 'denied' ? _jsx("p", { className: "jini-hint", children: desktopBlocked }) : null, preferences.desktopEnabled && permission === 'granted' ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "jini-button jini-button-ghost", onClick: () => {
+                                            }, ...agentHandleProps({}, { base: agentHandle, ...({ action: 'desktop-toggle', role: 'button', label: desktopTitle }) }), children: _jsx("span", { className: "jini-seg-title", children: preferences.desktopEnabled ? activeLabel : offLabel }) }) })] }), _jsx("p", { className: "jini-hint", children: desktopHint })] }), permission === 'unsupported' ? _jsx("p", { className: "jini-hint", children: desktopUnsupported }) : null, permission === 'denied' ? _jsx("p", { className: "jini-hint", children: desktopBlocked }) : null, preferences.desktopEnabled && permission === 'granted' ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "jini-button jini-button-ghost", onClick: () => {
                                     void sendTestNotification();
-                                }, ...agentHandleProps(agentHandle, { action: 'send-test', role: 'button', label: sendTestLabel }), children: sendTestLabel }), testStatus ? (_jsx("p", { className: "jini-hint", role: "status", children: testStatusLabel(testStatus, { testSentLabel, testFailedLabel }) })) : null] })) : null] })] }));
+                                }, ...agentHandleProps({}, { base: agentHandle, ...({ action: 'send-test', role: 'button', label: sendTestLabel }) }), children: sendTestLabel }), testStatus ? (_jsx("p", { className: "jini-hint", role: "status", children: testStatusLabel(testStatus, { testSentLabel, testFailedLabel }) })) : null] })) : null] })] }));
 }
 //# sourceMappingURL=NotificationsTab.js.map

package/dist/features/notifications/types.d.ts

@@ -2,7 +2,7 @@
  * Origin: `NotificationsSection` in `SettingsDialog.tsx` (completion-sound
  * toggle/picker + browser Notification-permission flow), GENERIC per
  * `ADS-memory/reports/jini-port/recon/r6-god-component-internals.md` §1.3 — browser-API
- * only, zero product-domain coupling. See `packages/ui/source-map.md` for
+ * only, zero product-domain coupling. See `packages/ui/archived provenance ledger` for
  * the full provenance note.
  */
 import type { SoundId } from './notifications-catalog.js';