dsh-context-memory 0.2.0 → 0.3.0

package/lib/client/index.d.ts

@@ -1,14 +1,15 @@
 /**
- * Browser half of dsh-context-memory: the Context memory page inside Settings.
+ * Browser half of dsh-context-memory: its page inside Settings.
  *
- * Services are named by their runtime identity, not by the package that provides them:
- * the settings shell is the `slots` service and the host bridge is `connection`. A
- * fiber that injects package names never resolves and the plugin stays pending, which
- * the loader reports as "did not activate".
+ * Two services are injected by their runtime identity, not by the packages that provide
+ * them: the settings shell is `slots`, the dictionary registry is `locale`. The label and
+ * every string inside the component are translated through this plugin's own namespace,
+ * which is why the page follows the UI language instead of the plugin author's.
  *
  * @module client
  */
 import type { ComponentType } from 'react';
+export declare const inject: string[];
 interface SlotsService {
     inject(name: string, register: () => void): void;
     register(options: {
@@ -16,11 +17,21 @@ interface SlotsService {
         id: string;
         order: number;
         label: () => string;
-    }, component: ComponentType): unknown;
+        locale: string;
+    }, component: ComponentType<{
+        t: (key: string, params?: Record<string, unknown>) => string;
+    }>): unknown;
 }
-/** The slots service is what the settings shell exposes. */
-export declare const inject: string[];
-export declare function apply(ctx: {
+interface ClientContext {
     slots: SlotsService;
-}): void;
+    locale: {
+        register(ns: string, dicts: {
+            zh: unknown;
+            en: unknown;
+        }): () => void;
+        bind(ns: string): (key: string, params?: Record<string, unknown>) => string;
+    };
+    effect(callback: () => unknown, label?: string): unknown;
+}
+export declare function apply(ctx: ClientContext): void;
 export {};

package/lib/client/index.js

@@ -1,65 +1,24 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /**
- * Browser half of dsh-context-memory: the Context memory page inside Settings.
+ * Browser half of dsh-context-memory: its page inside Settings.
  *
- * Services are named by their runtime identity, not by the package that provides them:
- * the settings shell is the `slots` service and the host bridge is `connection`. A
- * fiber that injects package names never resolves and the plugin stays pending, which
- * the loader reports as "did not activate".
+ * Two services are injected by their runtime identity, not by the packages that provide
+ * them: the settings shell is `slots`, the dictionary registry is `locale`. The label and
+ * every string inside the component are translated through this plugin's own namespace,
+ * which is why the page follows the UI language instead of the plugin author's.
  *
  * @module client
  */
-import { useCallback, useEffect, useState } from 'react';
-import { renderPanel } from './view.js';
-/** Path the host half registers on the web connection. */
-const PANEL_PATH = '/api/context-memory.panel';
-/** Fetch the panel payload; `reload` re-runs the request. */
-function usePanel() {
-    const [html, setHtml] = useState(null);
-    const [error, setError] = useState(null);
-    const [tick, setTick] = useState(0);
-    const reload = useCallback(() => setTick((t) => t + 1), []);
-    useEffect(() => {
-        const controller = new AbortController();
-        setError(null);
-        fetch(PANEL_PATH, { signal: controller.signal })
-            .then(async (response) => {
-            if (!response.ok)
-                throw new Error(`panel request failed with ${response.status}`);
-            return response.json();
-        })
-            .then((payload) => {
-            if (!controller.signal.aborted)
-                setHtml(renderPanel(payload));
-        })
-            .catch((cause) => {
-            if (controller.signal.aborted)
-                return;
-            // Say what failed rather than rendering an empty panel, which would read as
-            // "nothing recorded" — a different and wrong answer.
-            setError(cause instanceof Error ? cause.message : String(cause));
-        });
-        return () => controller.abort();
-    }, [tick]);
-    return { html, error, reload };
-}
-function ContextmemoryPage() {
-    const { html, error, reload } = usePanel();
-    if (error !== null) {
-        return (_jsxs("section", { children: [_jsxs("p", { role: "alert", children: ["Context memory panel failed to load: ", error] }), _jsx("button", { type: "button", onClick: reload, children: "Retry" })] }));
-    }
-    if (html === null)
-        return _jsx("p", { "aria-live": "polite", children: "Loading the Context memory panel\u2026" });
-    // The markup is produced by `renderPanel`, which escapes every interpolated value.
-    return _jsx("div", { dangerouslySetInnerHTML: { __html: html } });
-}
-/** The slots service is what the settings shell exposes. */
-export const inject = ['slots'];
+import { NS, en, zh } from './locales.js';
+import { ContextMemoryPanel } from './view.js';
+export const inject = ['slots', 'locale'];
 export function apply(ctx) {
+    // `zh` is the key-set source of truth, matching the official client plugins.
+    ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'dsh-context-memory: dictionaries');
     ctx.slots.inject('settings.section', () => ctx.slots.register({
         name: 'settings.section',
         id: 'context-memory',
         order: 46,
-        label: () => 'Context memory',
-    }, ContextmemoryPage));
+        label: () => ctx.locale.bind(NS)('nav'),
+        locale: NS,
+    }, ContextMemoryPanel));
 }

package/lib/client/locales.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Dictionaries for the Context memory page.
+ *
+ * `zh` is the key-set source of truth, as in the official client plugins, and `en` is
+ * typed against it: a key translated in one language but not the other fails the build
+ * instead of silently rendering the raw key.
+ *
+ * @module client/locales
+ */
+/** Dictionary namespace owned by this plugin. */
+export declare const NS = "contextMemory";
+/** Simplified Chinese dictionary (the key-set source of truth). */
+export declare const zh: {
+    nav: string;
+    title: string;
+    active: string;
+    superseded: string;
+    conflicts: string;
+    noConflicts: string;
+    memory: string;
+    kind: string;
+    status: string;
+    from: string;
+    checkNone: string;
+    checkPassed: string;
+    checkViolated: string;
+    checkBroken: string;
+    checkPending: string;
+    unverified: string;
+    empty: string;
+    checkLegend: string;
+    refresh: string;
+    loading: string;
+    failed: string;
+    retry: string;
+    searchPlaceholder: string;
+    search: string;
+    searchResults: string;
+    noResults: string;
+    addMemory: string;
+    memoryText: string;
+    subjectOptional: string;
+    kindFact: string;
+    kindDecision: string;
+    kindPreference: string;
+    kindPitfall: string;
+    add: string;
+    forget: string;
+    resolve: string;
+};
+/** English dictionary, checked complete against the zh key set. */
+export declare const en: typeof zh;

package/lib/client/locales.js

@@ -0,0 +1,89 @@
+/**
+ * Dictionaries for the Context memory page.
+ *
+ * `zh` is the key-set source of truth, as in the official client plugins, and `en` is
+ * typed against it: a key translated in one language but not the other fails the build
+ * instead of silently rendering the raw key.
+ *
+ * @module client/locales
+ */
+/** Dictionary namespace owned by this plugin. */
+export const NS = 'contextMemory';
+/** Simplified Chinese dictionary (the key-set source of truth). */
+export const zh = {
+    'nav': '跨会话记忆',
+    'title': '跨会话记忆',
+    'active': '生效中',
+    'superseded': '已失效',
+    'conflicts': '冲突',
+    'noConflicts': '没有冲突。',
+    'memory': '记忆',
+    'kind': '类型',
+    'status': '校验状态',
+    'from': '来源',
+    'checkNone': '无检查',
+    'checkPassed': '已核对，成立',
+    'checkViolated': '已核对，不成立',
+    'checkBroken': '检查无法运行',
+    'checkPending': '尚未核对',
+    'unverified': '未验证成立',
+    'empty': '还没有记住任何内容。',
+    'checkLegend': '无检查＝无法编译检查；检查无法运行＝检查本身有问题，不代表记忆错误。',
+    'refresh': '刷新',
+    'loading': '正在加载…',
+    'failed': '加载失败',
+    'retry': '重试',
+    'searchPlaceholder': '搜索记忆…',
+    'search': '搜索',
+    'searchResults': '搜索结果',
+    'noResults': '没有匹配的记忆。',
+    'addMemory': '添加记忆',
+    'memoryText': '记忆内容',
+    'subjectOptional': '主题（可选）',
+    'kindFact': '事实',
+    'kindDecision': '决策',
+    'kindPreference': '偏好',
+    'kindPitfall': '陷阱',
+    'add': '添加',
+    'forget': '废弃',
+    'resolve': '解决',
+};
+/** English dictionary, checked complete against the zh key set. */
+export const en = {
+    'nav': 'Context memory',
+    'title': 'Context memory',
+    'active': 'active',
+    'superseded': 'superseded',
+    'conflicts': 'Conflicts',
+    'noConflicts': 'No conflicts.',
+    'memory': 'Memory',
+    'kind': 'Kind',
+    'status': 'Check',
+    'from': 'From',
+    'checkNone': 'no check',
+    'checkPassed': 'checked, holds',
+    'checkViolated': 'checked, does not hold',
+    'checkBroken': 'check unusable',
+    'checkPending': 'not yet checked',
+    'unverified': 'not verified as holding',
+    'empty': 'Nothing is remembered yet.',
+    'checkLegend': 'no check = no check could be compiled; check unusable = the check is defective, not the memory.',
+    'refresh': 'Refresh',
+    'loading': 'Loading…',
+    'failed': 'Failed to load',
+    'retry': 'Retry',
+    'searchPlaceholder': 'Search memories…',
+    'search': 'Search',
+    'searchResults': 'Search Results',
+    'noResults': 'No matching memories.',
+    'addMemory': 'Add Memory',
+    'memoryText': 'Memory text',
+    'subjectOptional': 'Subject (optional)',
+    'kindFact': 'Fact',
+    'kindDecision': 'Decision',
+    'kindPreference': 'Preference',
+    'kindPitfall': 'Pitfall',
+    'add': 'Add',
+    'forget': 'Forget',
+    'resolve': 'Resolve',
+};

package/lib/client/view.d.ts

@@ -1,20 +1,26 @@
 /**
- * Browser half of dsh-context-memory — the view model.
+ * Pure rendering half of the contextMemory page.
  *
- * Rendering is kept here, separate from the fetch-and-register shell, so it can be
- * statically rendered in Node during tests. The panel is a claim about what the agent
- * remembers, so it is worth asserting on without a browser.
+ * Separate from `index.tsx` so a static render can assert in Node what the page draws —
+ * the shipped bundle is a loader factory only a browser can run. Every user-visible
+ * string comes from the `t` seat the renderer binds from this plugin's namespace, so the
+ * page follows the UI language; no copy is hardcoded here.
  *
- * @module context-memory/client/view
+ * @module client/view
  */
 import type { MemoryState, PanelPayload } from '../types.js';
-/**
- * A memory's verification badge.
- *
- * Four states, not two, because "no check exists" and "the check could not run" are
- * different answers from "the check failed" — collapsing them would report an
- * unverifiable memory and a false one identically, which is the failure this plugin
- * exists to avoid.
- */
-export declare function verificationLabel(memory: MemoryState): string;
-export declare function renderPanel(payload: PanelPayload): string;
+export type Translate = (key: string, params?: Record<string, unknown>) => string;
+export interface PanelProps {
+    t: Translate;
+}
+interface PanelState {
+    payload: PanelPayload | null;
+    error: string | null;
+}
+export declare function usePanel(): PanelState & {
+    reload: () => void;
+};
+export declare function checkLabel(memory: MemoryState, t: Translate): string;
+export declare function provenance(memory: MemoryState): string;
+export declare function ContextMemoryPanel({ t }: PanelProps): import("react").JSX.Element;
+export {};

package/lib/client/view.js

@@ -1,64 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
- * Browser half of dsh-context-memory — the view model.
+ * Pure rendering half of the contextMemory page.
  *
- * Rendering is kept here, separate from the fetch-and-register shell, so it can be
- * statically rendered in Node during tests. The panel is a claim about what the agent
- * remembers, so it is worth asserting on without a browser.
+ * Separate from `index.tsx` so a static render can assert in Node what the page draws —
+ * the shipped bundle is a loader factory only a browser can run. Every user-visible
+ * string comes from the `t` seat the renderer binds from this plugin's namespace, so the
+ * page follows the UI language; no copy is hardcoded here.
  *
- * @module context-memory/client/view
+ * @module client/view
  */
-function escapeHtml(value) {
-    return value
-        .replace(/&/g, '&')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;');
+import { useCallback, useEffect, useState } from 'react';
+const PANEL_PATH = '/api/context-memory.panel';
+const RECALL_PATH = '/api/context-memory.recall';
+const REMEMBER_PATH = '/api/context-memory.remember';
+const FORGET_PATH = '/api/context-memory.forget';
+const wrap = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 820, fontFamily: 'inherit' };
+const head = { display: 'flex', alignItems: 'baseline', gap: 12, flexWrap: 'wrap' };
+const muted = { fontSize: 12, opacity: 0.75 };
+const table = { borderCollapse: 'collapse', width: '100%' };
+const th = { textAlign: 'left', padding: '4px 10px 4px 0', fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: '0.5px solid rgba(128,128,128,0.4)' };
+const td = { padding: '6px 10px 6px 0', fontSize: 13, borderBottom: '0.5px solid rgba(128,128,128,0.18)' };
+const list = { margin: 0, paddingLeft: 18, fontSize: 13 };
+const card = { padding: '8px 12px', borderRadius: 6, border: '1px solid rgba(128,128,128,0.2)', fontSize: 13 };
+const btn = { fontSize: 12, cursor: 'pointer', padding: '3px 10px', borderRadius: 4, border: '0.5px solid rgba(128,128,128,0.4)' };
+const dangerBtn = { ...btn, color: '#e55', borderColor: '#e55' };
+const inputStyle = { fontSize: 13, padding: '4px 8px', borderRadius: 4, border: '0.5px solid rgba(128,128,128,0.4)', flex: 1 };
+export function usePanel() {
+    const [state, setState] = useState({ payload: null, error: null });
+    const [tick, setTick] = useState(0);
+    const reload = useCallback(() => setTick((v) => v + 1), []);
+    useEffect(() => {
+        const c = new AbortController();
+        setState((p) => ({ ...p, error: null }));
+        fetch(PANEL_PATH, { signal: c.signal })
+            .then(async (r) => { if (!r.ok)
+            throw new Error(String(r.status)); return r.json(); })
+            .then((payload) => { if (!c.signal.aborted)
+            setState({ payload, error: null }); })
+            .catch((e) => { if (!c.signal.aborted)
+            setState({ payload: null, error: e instanceof Error ? e.message : String(e) }); });
+        return () => c.abort();
+    }, [tick]);
+    return { ...state, reload };
 }
-/**
- * A memory's verification badge.
- *
- * Four states, not two, because "no check exists" and "the check could not run" are
- * different answers from "the check failed" — collapsing them would report an
- * unverifiable memory and a false one identically, which is the failure this plugin
- * exists to avoid.
- */
-export function verificationLabel(memory) {
+export function checkLabel(memory, t) {
     if (!memory.guard)
-        return 'no check';
+        return t('checkNone');
     switch (memory.verification?.outcome) {
-        case 'passed': return 'checked, holds';
-        case 'violated': return 'checked, does not hold';
-        case 'broken': return 'check unusable';
-        default: return 'not yet checked';
+        case 'passed': return t('checkPassed');
+        case 'violated': return t('checkViolated');
+        case 'broken': return t('checkBroken');
+        default: return t('checkPending');
     }
 }
-function rows(memories) {
-    return memories
-        .map((memory) => {
-        const provenance = [
-            memory.source,
-            memory.sessionId ? `session ${memory.sessionId}` : null,
-            memory.step !== undefined ? `step ${memory.step}` : null,
-        ].filter(Boolean).join(' · ');
-        return `<tr><td><code>${escapeHtml(memory.id)}</code></td><td>${escapeHtml(memory.text)}</td><td>${escapeHtml(memory.kind)}</td><td>${escapeHtml(verificationLabel(memory))}</td><td>${escapeHtml(provenance)}</td></tr>`;
-    })
-        .join('');
+export function provenance(memory) {
+    return [
+        memory.source,
+        memory.sessionId !== undefined ? `session ${memory.sessionId}` : null,
+        memory.step !== undefined ? `step ${String(memory.step)}` : null,
+    ].filter((part) => part !== null).join(' · ');
 }
-export function renderPanel(payload) {
+// --- Search bar ---
+function SearchBar({ t, onResult }) {
+    const [query, setQuery] = useState('');
+    const [loading, setLoading] = useState(false);
+    const handleSearch = useCallback(async () => {
+        if (!query.trim()) {
+            onResult(null);
+            return;
+        }
+        setLoading(true);
+        try {
+            const r = await fetch(`${RECALL_PATH}?q=${encodeURIComponent(query)}&limit=10`);
+            if (r.ok) {
+                const data = await r.json();
+                onResult(data.hits);
+            }
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [query, onResult]);
+    return (_jsxs("div", { style: { display: 'flex', gap: 8 }, children: [_jsx("input", { style: inputStyle, placeholder: t('searchPlaceholder'), value: query, onChange: (e) => setQuery(e.target.value), onKeyDown: (e) => { if (e.key === 'Enter')
+                    handleSearch(); } }), _jsx("button", { type: "button", style: btn, disabled: loading, onClick: handleSearch, children: loading ? '…' : t('search') })] }));
+}
+// --- Add memory form ---
+function AddMemoryForm({ t, onAdded }) {
+    const [text, setText] = useState('');
+    const [subject, setSubject] = useState('');
+    const [kind, setKind] = useState('fact');
+    const [adding, setAdding] = useState(false);
+    const handleAdd = useCallback(async () => {
+        if (!text.trim())
+            return;
+        setAdding(true);
+        try {
+            await fetch(REMEMBER_PATH, {
+                method: 'POST',
+                headers: { 'content-type': 'application/json' },
+                body: JSON.stringify({ text, subject: subject || undefined, kind, source: 'user' }),
+            });
+            setText('');
+            setSubject('');
+            setKind('fact');
+            onAdded();
+        }
+        finally {
+            setAdding(false);
+        }
+    }, [text, subject, kind, onAdded]);
+    return (_jsxs("div", { style: { ...card, display: 'flex', flexDirection: 'column', gap: 6 }, children: [_jsxs("strong", { style: { fontSize: 12 }, children: ["\u2795 ", t('addMemory')] }), _jsx("input", { style: inputStyle, placeholder: t('memoryText'), value: text, onChange: (e) => setText(e.target.value) }), _jsxs("div", { style: { display: 'flex', gap: 8 }, children: [_jsx("input", { style: inputStyle, placeholder: t('subjectOptional'), value: subject, onChange: (e) => setSubject(e.target.value) }), _jsxs("select", { style: { ...btn, flex: '0 0 auto' }, value: kind, onChange: (e) => setKind(e.target.value), children: [_jsx("option", { value: "fact", children: t('kindFact') }), _jsx("option", { value: "decision", children: t('kindDecision') }), _jsx("option", { value: "preference", children: t('kindPreference') }), _jsx("option", { value: "pitfall", children: t('kindPitfall') })] }), _jsx("button", { type: "button", style: btn, disabled: adding, onClick: handleAdd, children: adding ? '…' : t('add') })] })] }));
+}
+export function ContextMemoryPanel({ t }) {
+    const { payload, error, reload } = usePanel();
+    const [searchHits, setSearchHits] = useState(null);
+    const handleForget = useCallback(async (id, reason) => {
+        await fetch(FORGET_PATH, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ id, reason }) });
+        reload();
+    }, [reload]);
+    const header = (_jsxs("header", { style: head, children: [_jsxs("strong", { style: { fontSize: 13 }, children: ["\uD83E\uDDE0 ", t('title')] }), _jsx("span", { style: { flex: 1 } }), _jsx("button", { type: "button", style: btn, onClick: reload, children: t('refresh') })] }));
+    if (error !== null) {
+        return (_jsxs("div", { style: wrap, children: [header, _jsxs("p", { role: "alert", style: { margin: 0, fontSize: 13 }, children: [t('failed'), ": ", error] }), _jsx("button", { type: "button", onClick: reload, style: { ...btn, alignSelf: 'flex-start' }, children: t('retry') })] }));
+    }
+    if (payload === null)
+        return _jsx("p", { style: muted, "aria-live": "polite", children: t('loading') });
     const { totals } = payload;
-    const summary = `<p class="memory-summary">${totals.active} active (${totals.verified} checked and holding, ${totals.unverified} not), ${totals.superseded} superseded, ${totals.withGuard} with a compiled check.</p>`;
-    const conflictBlock = payload.conflicts.length === 0
-        ? '<p>No conflicts.</p>'
-        : `<div class="memory-conflicts"><h3>Conflicts</h3><ul>${payload.conflicts
-            .map((conflict) => `<li><strong>${escapeHtml(conflict.subject)}</strong><ul>${conflict.memories
-            .map((memory) => `<li><code>${escapeHtml(memory.id)}</code> ${escapeHtml(memory.text)}</li>`)
-            .join('')}</ul></li>`)
-            .join('')}</ul></div>`;
-    const activeBlock = payload.active.length === 0
-        ? '<p>Nothing is remembered yet.</p>'
-        : `<table><thead><tr><th>Id</th><th>Memory</th><th>Kind</th><th>Status</th><th>From</th></tr></thead><tbody>${rows(payload.active)}</tbody></table>`;
-    const supersededBlock = payload.superseded.length === 0
-        ? ''
-        : `<details><summary>Superseded (${payload.superseded.length})</summary><table><thead><tr><th>Id</th><th>Memory</th><th>Kind</th><th>Status</th><th>From</th></tr></thead><tbody>${rows(payload.superseded)}</tbody></table></details>`;
-    return `<div class="context-memory-panel"><h2>Context memory</h2>${summary}${conflictBlock}<h3>Active</h3>${activeBlock}${supersededBlock}</div>`;
+    return (_jsxs("div", { style: wrap, children: [header, _jsxs("span", { style: muted, children: [t('active'), " ", totals.active, " \u00B7 ", t('checkPassed'), " ", totals.verified, " \u00B7 ", t('unverified'), " ", totals.unverified, " \u00B7 ", t('superseded'), " ", totals.superseded] }), _jsx(SearchBar, { t: t, onResult: setSearchHits }), searchHits !== null && (_jsxs("div", { style: card, children: [_jsxs("strong", { style: { fontSize: 12 }, children: [t('searchResults'), " (", searchHits.length, ")"] }), searchHits.length === 0 ? (_jsx("p", { style: muted, children: t('noResults') })) : (_jsx("ul", { style: list, children: searchHits.map((hit) => (_jsxs("li", { style: { marginBottom: 4 }, children: [_jsx("code", { style: { fontSize: 11 }, children: hit.memory.id }), " (", hit.score.toFixed(2), ") ", hit.memory.text, _jsxs("span", { style: { ...muted, marginLeft: 8 }, children: ["\u2014 ", hit.why] })] }, hit.memory.id))) }))] })), _jsx(AddMemoryForm, { t: t, onAdded: reload }), _jsxs("strong", { style: { fontSize: 13 }, children: ["\u26A0\uFE0F ", t('conflicts')] }), payload.conflicts.length === 0 ? (_jsx("span", { style: muted, children: t('noConflicts') })) : (_jsx("ul", { style: list, children: payload.conflicts.map((conflict) => (_jsxs("li", { children: [_jsx("strong", { children: conflict.subject }), _jsx("ul", { style: { ...list, fontSize: 12, opacity: 0.85 }, children: conflict.memories.map((memory) => (_jsxs("li", { children: [_jsx("code", { style: { fontSize: 11 }, children: memory.id }), " ", memory.text, _jsx("button", { type: "button", style: { ...dangerBtn, marginLeft: 8 }, onClick: () => handleForget(memory.id, `conflict resolved: ${conflict.subject}`), children: t('resolve') })] }, memory.id))) })] }, conflict.subject))) })), _jsxs("strong", { style: { fontSize: 13 }, children: ["\u2705 ", t('active')] }), payload.active.length === 0 ? (_jsx("p", { style: { margin: 0, fontSize: 13, opacity: 0.8 }, children: t('empty') })) : (_jsxs("table", { style: table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: th, children: "Id" }), _jsx("th", { style: th, children: t('memory') }), _jsx("th", { style: th, children: t('kind') }), _jsx("th", { style: th, children: t('status') }), _jsx("th", { style: th, children: t('from') }), _jsx("th", { style: th })] }) }), _jsx("tbody", { children: payload.active.map((memory) => (_jsxs("tr", { children: [_jsx("td", { style: td, children: _jsx("code", { style: { fontSize: 11 }, children: memory.id }) }), _jsx("td", { style: td, children: memory.text }), _jsx("td", { style: td, children: memory.kind }), _jsx("td", { style: td, children: checkLabel(memory, t) }), _jsx("td", { style: td, children: provenance(memory) }), _jsx("td", { style: td, children: _jsxs("button", { type: "button", style: dangerBtn, onClick: () => handleForget(memory.id, 'superseded from panel'), children: ["\uD83D\uDDD1 ", t('forget')] }) })] }, memory.id))) })] })), payload.superseded.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("strong", { style: { fontSize: 13 }, children: ["\uD83D\uDCE6 ", t('superseded'), " (", payload.superseded.length, ")"] }), _jsxs("table", { style: table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: th, children: "Id" }), _jsx("th", { style: th, children: t('memory') }), _jsx("th", { style: th, children: t('kind') }), _jsx("th", { style: th, children: t('status') }), _jsx("th", { style: th, children: t('from') })] }) }), _jsx("tbody", { children: payload.superseded.map((memory) => (_jsxs("tr", { children: [_jsx("td", { style: td, children: _jsx("code", { style: { fontSize: 11 }, children: memory.id }) }), _jsx("td", { style: td, children: memory.text }), _jsx("td", { style: td, children: memory.kind }), _jsx("td", { style: td, children: checkLabel(memory, t) }), _jsx("td", { style: td, children: provenance(memory) })] }, memory.id))) })] })] }))] }));
 }

package/lib/memory.web.js

@@ -26,92 +26,356 @@ __export(index_exports, {
   inject: () => inject
 });
 module.exports = __toCommonJS(index_exports);
-var import_react = require("react");
+
+// src/client/locales.ts
+var NS = "contextMemory";
+var zh = {
+  "nav": "\u8DE8\u4F1A\u8BDD\u8BB0\u5FC6",
+  "title": "\u8DE8\u4F1A\u8BDD\u8BB0\u5FC6",
+  "active": "\u751F\u6548\u4E2D",
+  "superseded": "\u5DF2\u5931\u6548",
+  "conflicts": "\u51B2\u7A81",
+  "noConflicts": "\u6CA1\u6709\u51B2\u7A81\u3002",
+  "memory": "\u8BB0\u5FC6",
+  "kind": "\u7C7B\u578B",
+  "status": "\u6821\u9A8C\u72B6\u6001",
+  "from": "\u6765\u6E90",
+  "checkNone": "\u65E0\u68C0\u67E5",
+  "checkPassed": "\u5DF2\u6838\u5BF9\uFF0C\u6210\u7ACB",
+  "checkViolated": "\u5DF2\u6838\u5BF9\uFF0C\u4E0D\u6210\u7ACB",
+  "checkBroken": "\u68C0\u67E5\u65E0\u6CD5\u8FD0\u884C",
+  "checkPending": "\u5C1A\u672A\u6838\u5BF9",
+  "unverified": "\u672A\u9A8C\u8BC1\u6210\u7ACB",
+  "empty": "\u8FD8\u6CA1\u6709\u8BB0\u4F4F\u4EFB\u4F55\u5185\u5BB9\u3002",
+  "checkLegend": "\u65E0\u68C0\u67E5\uFF1D\u65E0\u6CD5\u7F16\u8BD1\u68C0\u67E5\uFF1B\u68C0\u67E5\u65E0\u6CD5\u8FD0\u884C\uFF1D\u68C0\u67E5\u672C\u8EAB\u6709\u95EE\u9898\uFF0C\u4E0D\u4EE3\u8868\u8BB0\u5FC6\u9519\u8BEF\u3002",
+  "refresh": "\u5237\u65B0",
+  "loading": "\u6B63\u5728\u52A0\u8F7D\u2026",
+  "failed": "\u52A0\u8F7D\u5931\u8D25",
+  "retry": "\u91CD\u8BD5",
+  "searchPlaceholder": "\u641C\u7D22\u8BB0\u5FC6\u2026",
+  "search": "\u641C\u7D22",
+  "searchResults": "\u641C\u7D22\u7ED3\u679C",
+  "noResults": "\u6CA1\u6709\u5339\u914D\u7684\u8BB0\u5FC6\u3002",
+  "addMemory": "\u6DFB\u52A0\u8BB0\u5FC6",
+  "memoryText": "\u8BB0\u5FC6\u5185\u5BB9",
+  "subjectOptional": "\u4E3B\u9898\uFF08\u53EF\u9009\uFF09",
+  "kindFact": "\u4E8B\u5B9E",
+  "kindDecision": "\u51B3\u7B56",
+  "kindPreference": "\u504F\u597D",
+  "kindPitfall": "\u9677\u9631",
+  "add": "\u6DFB\u52A0",
+  "forget": "\u5E9F\u5F03",
+  "resolve": "\u89E3\u51B3"
+};
+var en = {
+  "nav": "Context memory",
+  "title": "Context memory",
+  "active": "active",
+  "superseded": "superseded",
+  "conflicts": "Conflicts",
+  "noConflicts": "No conflicts.",
+  "memory": "Memory",
+  "kind": "Kind",
+  "status": "Check",
+  "from": "From",
+  "checkNone": "no check",
+  "checkPassed": "checked, holds",
+  "checkViolated": "checked, does not hold",
+  "checkBroken": "check unusable",
+  "checkPending": "not yet checked",
+  "unverified": "not verified as holding",
+  "empty": "Nothing is remembered yet.",
+  "checkLegend": "no check = no check could be compiled; check unusable = the check is defective, not the memory.",
+  "refresh": "Refresh",
+  "loading": "Loading\u2026",
+  "failed": "Failed to load",
+  "retry": "Retry",
+  "searchPlaceholder": "Search memories\u2026",
+  "search": "Search",
+  "searchResults": "Search Results",
+  "noResults": "No matching memories.",
+  "addMemory": "Add Memory",
+  "memoryText": "Memory text",
+  "subjectOptional": "Subject (optional)",
+  "kindFact": "Fact",
+  "kindDecision": "Decision",
+  "kindPreference": "Preference",
+  "kindPitfall": "Pitfall",
+  "add": "Add",
+  "forget": "Forget",
+  "resolve": "Resolve"
+};
 
 // src/client/view.tsx
-function escapeHtml(value) {
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PANEL_PATH = "/api/context-memory.panel";
+var RECALL_PATH = "/api/context-memory.recall";
+var REMEMBER_PATH = "/api/context-memory.remember";
+var FORGET_PATH = "/api/context-memory.forget";
+var wrap = { display: "flex", flexDirection: "column", gap: 12, maxWidth: 820, fontFamily: "inherit" };
+var head = { display: "flex", alignItems: "baseline", gap: 12, flexWrap: "wrap" };
+var muted = { fontSize: 12, opacity: 0.75 };
+var table = { borderCollapse: "collapse", width: "100%" };
+var th = { textAlign: "left", padding: "4px 10px 4px 0", fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: "0.5px solid rgba(128,128,128,0.4)" };
+var td = { padding: "6px 10px 6px 0", fontSize: 13, borderBottom: "0.5px solid rgba(128,128,128,0.18)" };
+var list = { margin: 0, paddingLeft: 18, fontSize: 13 };
+var card = { padding: "8px 12px", borderRadius: 6, border: "1px solid rgba(128,128,128,0.2)", fontSize: 13 };
+var btn = { fontSize: 12, cursor: "pointer", padding: "3px 10px", borderRadius: 4, border: "0.5px solid rgba(128,128,128,0.4)" };
+var dangerBtn = { ...btn, color: "#e55", borderColor: "#e55" };
+var inputStyle = { fontSize: 13, padding: "4px 8px", borderRadius: 4, border: "0.5px solid rgba(128,128,128,0.4)", flex: 1 };
+function usePanel() {
+  const [state, setState] = (0, import_react.useState)({ payload: null, error: null });
+  const [tick, setTick] = (0, import_react.useState)(0);
+  const reload = (0, import_react.useCallback)(() => setTick((v) => v + 1), []);
+  (0, import_react.useEffect)(() => {
+    const c = new AbortController();
+    setState((p) => ({ ...p, error: null }));
+    fetch(PANEL_PATH, { signal: c.signal }).then(async (r) => {
+      if (!r.ok) throw new Error(String(r.status));
+      return r.json();
+    }).then((payload) => {
+      if (!c.signal.aborted) setState({ payload, error: null });
+    }).catch((e) => {
+      if (!c.signal.aborted) setState({ payload: null, error: e instanceof Error ? e.message : String(e) });
+    });
+    return () => c.abort();
+  }, [tick]);
+  return { ...state, reload };
 }
-function verificationLabel(memory) {
-  if (!memory.guard) return "no check";
+function checkLabel(memory, t) {
+  if (!memory.guard) return t("checkNone");
   switch (memory.verification?.outcome) {
     case "passed":
-      return "checked, holds";
+      return t("checkPassed");
     case "violated":
-      return "checked, does not hold";
+      return t("checkViolated");
     case "broken":
-      return "check unusable";
+      return t("checkBroken");
     default:
-      return "not yet checked";
+      return t("checkPending");
   }
 }
-function rows(memories) {
-  return memories.map((memory) => {
-    const provenance = [
-      memory.source,
-      memory.sessionId ? `session ${memory.sessionId}` : null,
-      memory.step !== void 0 ? `step ${memory.step}` : null
-    ].filter(Boolean).join(" \xB7 ");
-    return `<tr><td><code>${escapeHtml(memory.id)}</code></td><td>${escapeHtml(memory.text)}</td><td>${escapeHtml(memory.kind)}</td><td>${escapeHtml(verificationLabel(memory))}</td><td>${escapeHtml(provenance)}</td></tr>`;
-  }).join("");
+function provenance(memory) {
+  return [
+    memory.source,
+    memory.sessionId !== void 0 ? `session ${memory.sessionId}` : null,
+    memory.step !== void 0 ? `step ${String(memory.step)}` : null
+  ].filter((part) => part !== null).join(" \xB7 ");
 }
-function renderPanel(payload) {
-  const { totals } = payload;
-  const summary = `<p class="memory-summary">${totals.active} active (${totals.verified} checked and holding, ${totals.unverified} not), ${totals.superseded} superseded, ${totals.withGuard} with a compiled check.</p>`;
-  const conflictBlock = payload.conflicts.length === 0 ? "<p>No conflicts.</p>" : `<div class="memory-conflicts"><h3>Conflicts</h3><ul>${payload.conflicts.map((conflict) => `<li><strong>${escapeHtml(conflict.subject)}</strong><ul>${conflict.memories.map((memory) => `<li><code>${escapeHtml(memory.id)}</code> ${escapeHtml(memory.text)}</li>`).join("")}</ul></li>`).join("")}</ul></div>`;
-  const activeBlock = payload.active.length === 0 ? "<p>Nothing is remembered yet.</p>" : `<table><thead><tr><th>Id</th><th>Memory</th><th>Kind</th><th>Status</th><th>From</th></tr></thead><tbody>${rows(payload.active)}</tbody></table>`;
-  const supersededBlock = payload.superseded.length === 0 ? "" : `<details><summary>Superseded (${payload.superseded.length})</summary><table><thead><tr><th>Id</th><th>Memory</th><th>Kind</th><th>Status</th><th>From</th></tr></thead><tbody>${rows(payload.superseded)}</tbody></table></details>`;
-  return `<div class="context-memory-panel"><h2>Context memory</h2>${summary}${conflictBlock}<h3>Active</h3>${activeBlock}${supersededBlock}</div>`;
+function SearchBar({ t, onResult }) {
+  const [query, setQuery] = (0, import_react.useState)("");
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const handleSearch = (0, import_react.useCallback)(async () => {
+    if (!query.trim()) {
+      onResult(null);
+      return;
+    }
+    setLoading(true);
+    try {
+      const r = await fetch(`${RECALL_PATH}?q=${encodeURIComponent(query)}&limit=10`);
+      if (r.ok) {
+        const data = await r.json();
+        onResult(data.hits);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [query, onResult]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: inputStyle, placeholder: t("searchPlaceholder"), value: query, onChange: (e) => setQuery(e.target.value), onKeyDown: (e) => {
+      if (e.key === "Enter") handleSearch();
+    } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: btn, disabled: loading, onClick: handleSearch, children: loading ? "\u2026" : t("search") })
+  ] });
 }
-
-// src/client/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var PANEL_PATH = "/api/context-memory.panel";
-function usePanel() {
-  const [html, setHtml] = (0, import_react.useState)(null);
-  const [error, setError] = (0, import_react.useState)(null);
-  const [tick, setTick] = (0, import_react.useState)(0);
-  const reload = (0, import_react.useCallback)(() => setTick((t) => t + 1), []);
-  (0, import_react.useEffect)(() => {
-    const controller = new AbortController();
-    setError(null);
-    fetch(PANEL_PATH, { signal: controller.signal }).then(async (response) => {
-      if (!response.ok) throw new Error(`panel request failed with ${response.status}`);
-      return response.json();
-    }).then((payload) => {
-      if (!controller.signal.aborted) setHtml(renderPanel(payload));
-    }).catch((cause) => {
-      if (controller.signal.aborted) return;
-      setError(cause instanceof Error ? cause.message : String(cause));
-    });
-    return () => controller.abort();
-  }, [tick]);
-  return { html, error, reload };
+function AddMemoryForm({ t, onAdded }) {
+  const [text, setText] = (0, import_react.useState)("");
+  const [subject, setSubject] = (0, import_react.useState)("");
+  const [kind, setKind] = (0, import_react.useState)("fact");
+  const [adding, setAdding] = (0, import_react.useState)(false);
+  const handleAdd = (0, import_react.useCallback)(async () => {
+    if (!text.trim()) return;
+    setAdding(true);
+    try {
+      await fetch(REMEMBER_PATH, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ text, subject: subject || void 0, kind, source: "user" })
+      });
+      setText("");
+      setSubject("");
+      setKind("fact");
+      onAdded();
+    } finally {
+      setAdding(false);
+    }
+  }, [text, subject, kind, onAdded]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...card, display: "flex", flexDirection: "column", gap: 6 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 12 }, children: [
+      "\u2795 ",
+      t("addMemory")
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: inputStyle, placeholder: t("memoryText"), value: text, onChange: (e) => setText(e.target.value) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { style: inputStyle, placeholder: t("subjectOptional"), value: subject, onChange: (e) => setSubject(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { style: { ...btn, flex: "0 0 auto" }, value: kind, onChange: (e) => setKind(e.target.value), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "fact", children: t("kindFact") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "decision", children: t("kindDecision") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "preference", children: t("kindPreference") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "pitfall", children: t("kindPitfall") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: btn, disabled: adding, onClick: handleAdd, children: adding ? "\u2026" : t("add") })
+    ] })
+  ] });
 }
-function ContextmemoryPage() {
-  const { html, error, reload } = usePanel();
+function ContextMemoryPanel({ t }) {
+  const { payload, error, reload } = usePanel();
+  const [searchHits, setSearchHits] = (0, import_react.useState)(null);
+  const handleForget = (0, import_react.useCallback)(async (id, reason) => {
+    await fetch(FORGET_PATH, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ id, reason }) });
+    reload();
+  }, [reload]);
+  const header = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { style: head, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+      "\u{1F9E0} ",
+      t("title")
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: btn, onClick: reload, children: t("refresh") })
+  ] });
   if (error !== null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { role: "alert", children: [
-        "Context memory panel failed to load: ",
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: wrap, children: [
+      header,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { role: "alert", style: { margin: 0, fontSize: 13 }, children: [
+        t("failed"),
+        ": ",
         error
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: reload, children: "Retry" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: reload, style: { ...btn, alignSelf: "flex-start" }, children: t("retry") })
     ] });
   }
-  if (html === null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { "aria-live": "polite", children: "Loading the Context memory panel\u2026" });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { dangerouslySetInnerHTML: { __html: html } });
+  if (payload === null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: muted, "aria-live": "polite", children: t("loading") });
+  const { totals } = payload;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: wrap, children: [
+    header,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: muted, children: [
+      t("active"),
+      " ",
+      totals.active,
+      " \xB7 ",
+      t("checkPassed"),
+      " ",
+      totals.verified,
+      " \xB7 ",
+      t("unverified"),
+      " ",
+      totals.unverified,
+      " \xB7 ",
+      t("superseded"),
+      " ",
+      totals.superseded
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchBar, { t, onResult: setSearchHits }),
+    searchHits !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: card, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 12 }, children: [
+        t("searchResults"),
+        " (",
+        searchHits.length,
+        ")"
+      ] }),
+      searchHits.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: muted, children: t("noResults") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: list, children: searchHits.map((hit) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { style: { marginBottom: 4 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: hit.memory.id }),
+        " (",
+        hit.score.toFixed(2),
+        ") ",
+        hit.memory.text,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { ...muted, marginLeft: 8 }, children: [
+          "\u2014 ",
+          hit.why
+        ] })
+      ] }, hit.memory.id)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AddMemoryForm, { t, onAdded: reload }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+      "\u26A0\uFE0F ",
+      t("conflicts")
+    ] }),
+    payload.conflicts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: muted, children: t("noConflicts") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: list, children: payload.conflicts.map((conflict) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: conflict.subject }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: { ...list, fontSize: 12, opacity: 0.85 }, children: conflict.memories.map((memory) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: memory.id }),
+        " ",
+        memory.text,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: { ...dangerBtn, marginLeft: 8 }, onClick: () => handleForget(memory.id, `conflict resolved: ${conflict.subject}`), children: t("resolve") })
+      ] }, memory.id)) })
+    ] }, conflict.subject)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+      "\u2705 ",
+      t("active")
+    ] }),
+    payload.active.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { margin: 0, fontSize: 13, opacity: 0.8 }, children: t("empty") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { style: table, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: "Id" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("memory") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("kind") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("status") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("from") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: payload.active.map((memory) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: memory.id }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: memory.text }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: memory.kind }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: checkLabel(memory, t) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: provenance(memory) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", style: dangerBtn, onClick: () => handleForget(memory.id, "superseded from panel"), children: [
+          "\u{1F5D1} ",
+          t("forget")
+        ] }) })
+      ] }, memory.id)) })
+    ] }),
+    payload.superseded.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+        "\u{1F4E6} ",
+        t("superseded"),
+        " (",
+        payload.superseded.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { style: table, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: "Id" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("memory") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("kind") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("status") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("from") })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: payload.superseded.map((memory) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: memory.id }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: memory.text }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: memory.kind }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: checkLabel(memory, t) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: provenance(memory) })
+        ] }, memory.id)) })
+      ] })
+    ] })
+  ] });
 }
-var inject = ["slots"];
+
+// src/client/index.tsx
+var inject = ["slots", "locale"];
 function apply(ctx) {
+  ctx.effect(() => ctx.locale.register(NS, { zh, en }), "dsh-context-memory: dictionaries");
   ctx.slots.inject("settings.section", () => ctx.slots.register(
     {
       name: "settings.section",
       id: "context-memory",
       order: 46,
-      label: () => "Context memory"
+      label: () => ctx.locale.bind(NS)("nav"),
+      locale: NS
     },
-    ContextmemoryPage
+    ContextMemoryPanel
   ));
 }
 return module.exports; } });

package/lib/memory.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/client/index.tsx", "../src/client/view.tsx"],
-  "sourcesContent": ["/**\n * Browser half of dsh-context-memory: the Context memory page inside Settings.\n *\n * Services are named by their runtime identity, not by the package that provides them:\n * the settings shell is the `slots` service and the host bridge is `connection`. A\n * fiber that injects package names never resolves and the plugin stays pending, which\n * the loader reports as \"did not activate\".\n *\n * @module client\n */\n\nimport { useCallback, useEffect, useState } from 'react'\nimport type { ComponentType } from 'react'\nimport type { PanelPayload } from '../types.js'\nimport { renderPanel } from './view.js'\n\n/** Path the host half registers on the web connection. */\nconst PANEL_PATH = '/api/context-memory.panel'\n\ninterface SlotsService {\n  inject(name: string, register: () => void): void\n  register(options: { name: string; id: string; order: number; label: () => string }, component: ComponentType): unknown\n}\n\n/** Fetch the panel payload; `reload` re-runs the request. */\nfunction usePanel() {\n  const [html, setHtml] = useState<string | null>(null)\n  const [error, setError] = useState<string | null>(null)\n  const [tick, setTick] = useState(0)\n  const reload = useCallback(() => setTick((t) => t + 1), [])\n\n  useEffect(() => {\n    const controller = new AbortController()\n    setError(null)\n    fetch(PANEL_PATH, { signal: controller.signal })\n      .then(async (response) => {\n        if (!response.ok) throw new Error(`panel request failed with ${response.status}`)\n        return response.json() as Promise<PanelPayload>\n      })\n      .then((payload) => {\n        if (!controller.signal.aborted) setHtml(renderPanel(payload))\n      })\n      .catch((cause: unknown) => {\n        if (controller.signal.aborted) return\n        // Say what failed rather than rendering an empty panel, which would read as\n        // \"nothing recorded\" \u2014 a different and wrong answer.\n        setError(cause instanceof Error ? cause.message : String(cause))\n      })\n    return () => controller.abort()\n  }, [tick])\n\n  return { html, error, reload }\n}\n\nfunction ContextmemoryPage() {\n  const { html, error, reload } = usePanel()\n  if (error !== null) {\n    return (\n      <section>\n        <p role=\"alert\">Context memory panel failed to load: {error}</p>\n        <button type=\"button\" onClick={reload}>Retry</button>\n      </section>\n    )\n  }\n  if (html === null) return <p aria-live=\"polite\">Loading the Context memory panel\u2026</p>\n  // The markup is produced by `renderPanel`, which escapes every interpolated value.\n  return <div dangerouslySetInnerHTML={{ __html: html }} />\n}\n\n/** The slots service is what the settings shell exposes. */\nexport const inject = ['slots']\n\nexport function apply(ctx: { slots: SlotsService }): void {\n  ctx.slots.inject('settings.section', () => ctx.slots.register(\n    {\n      name: 'settings.section',\n      id: 'context-memory',\n      order: 46,\n      label: () => 'Context memory',\n    },\n    ContextmemoryPage,\n  ))\n}\n", "/**\n * Browser half of dsh-context-memory \u2014 the view model.\n *\n * Rendering is kept here, separate from the fetch-and-register shell, so it can be\n * statically rendered in Node during tests. The panel is a claim about what the agent\n * remembers, so it is worth asserting on without a browser.\n *\n * @module context-memory/client/view\n */\n\nimport type { MemoryState, PanelPayload } from '../types.js'\n\nfunction escapeHtml(value: string): string {\n  return value\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n}\n\n/**\n * A memory's verification badge.\n *\n * Four states, not two, because \"no check exists\" and \"the check could not run\" are\n * different answers from \"the check failed\" \u2014 collapsing them would report an\n * unverifiable memory and a false one identically, which is the failure this plugin\n * exists to avoid.\n */\nexport function verificationLabel(memory: MemoryState): string {\n  if (!memory.guard) return 'no check'\n  switch (memory.verification?.outcome) {\n    case 'passed': return 'checked, holds'\n    case 'violated': return 'checked, does not hold'\n    case 'broken': return 'check unusable'\n    default: return 'not yet checked'\n  }\n}\n\nfunction rows(memories: MemoryState[]): string {\n  return memories\n    .map((memory) => {\n      const provenance = [\n        memory.source,\n        memory.sessionId ? `session ${memory.sessionId}` : null,\n        memory.step !== undefined ? `step ${memory.step}` : null,\n      ].filter(Boolean).join(' \u00B7 ')\n      return `<tr><td><code>${escapeHtml(memory.id)}</code></td><td>${escapeHtml(memory.text)}</td><td>${escapeHtml(memory.kind)}</td><td>${escapeHtml(verificationLabel(memory))}</td><td>${escapeHtml(provenance)}</td></tr>`\n    })\n    .join('')\n}\n\nexport function renderPanel(payload: PanelPayload): string {\n  const { totals } = payload\n\n  const summary = `<p class=\"memory-summary\">${totals.active} active (${totals.verified} checked and holding, ${totals.unverified} not), ${totals.superseded} superseded, ${totals.withGuard} with a compiled check.</p>`\n\n  const conflictBlock = payload.conflicts.length === 0\n    ? '<p>No conflicts.</p>'\n    : `<div class=\"memory-conflicts\"><h3>Conflicts</h3><ul>${payload.conflicts\n        .map((conflict) => `<li><strong>${escapeHtml(conflict.subject)}</strong><ul>${conflict.memories\n          .map((memory) => `<li><code>${escapeHtml(memory.id)}</code> ${escapeHtml(memory.text)}</li>`)\n          .join('')}</ul></li>`)\n        .join('')}</ul></div>`\n\n  const activeBlock = payload.active.length === 0\n    ? '<p>Nothing is remembered yet.</p>'\n    : `<table><thead><tr><th>Id</th><th>Memory</th><th>Kind</th><th>Status</th><th>From</th></tr></thead><tbody>${rows(payload.active)}</tbody></table>`\n\n  const supersededBlock = payload.superseded.length === 0\n    ? ''\n    : `<details><summary>Superseded (${payload.superseded.length})</summary><table><thead><tr><th>Id</th><th>Memory</th><th>Kind</th><th>Status</th><th>From</th></tr></thead><tbody>${rows(payload.superseded)}</tbody></table></details>`\n\n  return `<div class=\"context-memory-panel\"><h2>Context memory</h2>${summary}${conflictBlock}<h3>Active</h3>${activeBlock}${supersededBlock}</div>`\n}\n"],
-  "mappings": "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",
+  "sources": ["../src/client/index.tsx", "../src/client/locales.ts", "../src/client/view.tsx"],
+  "sourcesContent": ["/**\n * Browser half of dsh-context-memory: its page inside Settings.\n *\n * Two services are injected by their runtime identity, not by the packages that provide\n * them: the settings shell is `slots`, the dictionary registry is `locale`. The label and\n * every string inside the component are translated through this plugin's own namespace,\n * which is why the page follows the UI language instead of the plugin author's.\n *\n * @module client\n */\n\nimport type { ComponentType } from 'react'\n\nimport { NS, en, zh } from './locales.js'\nimport { ContextMemoryPanel } from './view.js'\n\nexport const inject = ['slots', 'locale']\n\ninterface SlotsService {\n  inject(name: string, register: () => void): void\n  register(\n    options: { name: string; id: string; order: number; label: () => string; locale: string },\n    component: ComponentType<{ t: (key: string, params?: Record<string, unknown>) => string }>,\n  ): unknown\n}\n\ninterface ClientContext {\n  slots: SlotsService\n  locale: {\n    register(ns: string, dicts: { zh: unknown; en: unknown }): () => void\n    bind(ns: string): (key: string, params?: Record<string, unknown>) => string\n  }\n  effect(callback: () => unknown, label?: string): unknown\n}\n\nexport function apply(ctx: ClientContext): void {\n  // `zh` is the key-set source of truth, matching the official client plugins.\n  ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'dsh-context-memory: dictionaries')\n\n  ctx.slots.inject('settings.section', () => ctx.slots.register(\n    {\n      name: 'settings.section',\n      id: 'context-memory',\n      order: 46,\n      label: () => ctx.locale.bind(NS)('nav'),\n      locale: NS,\n    },\n    ContextMemoryPanel,\n  ))\n}\n", "/**\n * Dictionaries for the Context memory page.\n *\n * `zh` is the key-set source of truth, as in the official client plugins, and `en` is\n * typed against it: a key translated in one language but not the other fails the build\n * instead of silently rendering the raw key.\n *\n * @module client/locales\n */\n\n/** Dictionary namespace owned by this plugin. */\nexport const NS = 'contextMemory'\n\n/** Simplified Chinese dictionary (the key-set source of truth). */\nexport const zh = {\n  'nav': '\u8DE8\u4F1A\u8BDD\u8BB0\u5FC6',\n  'title': '\u8DE8\u4F1A\u8BDD\u8BB0\u5FC6',\n  'active': '\u751F\u6548\u4E2D',\n  'superseded': '\u5DF2\u5931\u6548',\n  'conflicts': '\u51B2\u7A81',\n  'noConflicts': '\u6CA1\u6709\u51B2\u7A81\u3002',\n  'memory': '\u8BB0\u5FC6',\n  'kind': '\u7C7B\u578B',\n  'status': '\u6821\u9A8C\u72B6\u6001',\n  'from': '\u6765\u6E90',\n  'checkNone': '\u65E0\u68C0\u67E5',\n  'checkPassed': '\u5DF2\u6838\u5BF9\uFF0C\u6210\u7ACB',\n  'checkViolated': '\u5DF2\u6838\u5BF9\uFF0C\u4E0D\u6210\u7ACB',\n  'checkBroken': '\u68C0\u67E5\u65E0\u6CD5\u8FD0\u884C',\n  'checkPending': '\u5C1A\u672A\u6838\u5BF9',\n  'unverified': '\u672A\u9A8C\u8BC1\u6210\u7ACB',\n  'empty': '\u8FD8\u6CA1\u6709\u8BB0\u4F4F\u4EFB\u4F55\u5185\u5BB9\u3002',\n  'checkLegend': '\u65E0\u68C0\u67E5\uFF1D\u65E0\u6CD5\u7F16\u8BD1\u68C0\u67E5\uFF1B\u68C0\u67E5\u65E0\u6CD5\u8FD0\u884C\uFF1D\u68C0\u67E5\u672C\u8EAB\u6709\u95EE\u9898\uFF0C\u4E0D\u4EE3\u8868\u8BB0\u5FC6\u9519\u8BEF\u3002',\n  'refresh': '\u5237\u65B0',\n  'loading': '\u6B63\u5728\u52A0\u8F7D\u2026',\n  'failed': '\u52A0\u8F7D\u5931\u8D25',\n  'retry': '\u91CD\u8BD5',\n  'searchPlaceholder': '\u641C\u7D22\u8BB0\u5FC6\u2026',\n  'search': '\u641C\u7D22',\n  'searchResults': '\u641C\u7D22\u7ED3\u679C',\n  'noResults': '\u6CA1\u6709\u5339\u914D\u7684\u8BB0\u5FC6\u3002',\n  'addMemory': '\u6DFB\u52A0\u8BB0\u5FC6',\n  'memoryText': '\u8BB0\u5FC6\u5185\u5BB9',\n  'subjectOptional': '\u4E3B\u9898\uFF08\u53EF\u9009\uFF09',\n  'kindFact': '\u4E8B\u5B9E',\n  'kindDecision': '\u51B3\u7B56',\n  'kindPreference': '\u504F\u597D',\n  'kindPitfall': '\u9677\u9631',\n  'add': '\u6DFB\u52A0',\n  'forget': '\u5E9F\u5F03',\n  'resolve': '\u89E3\u51B3',\n}\n\n/** English dictionary, checked complete against the zh key set. */\nexport const en: typeof zh = {\n  'nav': 'Context memory',\n  'title': 'Context memory',\n  'active': 'active',\n  'superseded': 'superseded',\n  'conflicts': 'Conflicts',\n  'noConflicts': 'No conflicts.',\n  'memory': 'Memory',\n  'kind': 'Kind',\n  'status': 'Check',\n  'from': 'From',\n  'checkNone': 'no check',\n  'checkPassed': 'checked, holds',\n  'checkViolated': 'checked, does not hold',\n  'checkBroken': 'check unusable',\n  'checkPending': 'not yet checked',\n  'unverified': 'not verified as holding',\n  'empty': 'Nothing is remembered yet.',\n  'checkLegend': 'no check = no check could be compiled; check unusable = the check is defective, not the memory.',\n  'refresh': 'Refresh',\n  'loading': 'Loading\u2026',\n  'failed': 'Failed to load',\n  'retry': 'Retry',\n  'searchPlaceholder': 'Search memories\u2026',\n  'search': 'Search',\n  'searchResults': 'Search Results',\n  'noResults': 'No matching memories.',\n  'addMemory': 'Add Memory',\n  'memoryText': 'Memory text',\n  'subjectOptional': 'Subject (optional)',\n  'kindFact': 'Fact',\n  'kindDecision': 'Decision',\n  'kindPreference': 'Preference',\n  'kindPitfall': 'Pitfall',\n  'add': 'Add',\n  'forget': 'Forget',\n  'resolve': 'Resolve',\n}\n", "/**\n * Pure rendering half of the contextMemory page.\n *\n * Separate from `index.tsx` so a static render can assert in Node what the page draws \u2014\n * the shipped bundle is a loader factory only a browser can run. Every user-visible\n * string comes from the `t` seat the renderer binds from this plugin's namespace, so the\n * page follows the UI language; no copy is hardcoded here.\n *\n * @module client/view\n */\n\nimport { useCallback, useEffect, useState } from 'react'\nimport type { CSSProperties } from 'react'\n\nimport type { MemoryState, PanelPayload, RecallHit } from '../types.js'\n\nexport type Translate = (key: string, params?: Record<string, unknown>) => string\n\nexport interface PanelProps {\n  t: Translate\n}\n\nconst PANEL_PATH = '/api/context-memory.panel'\nconst RECALL_PATH = '/api/context-memory.recall'\nconst REMEMBER_PATH = '/api/context-memory.remember'\nconst FORGET_PATH = '/api/context-memory.forget'\n\nconst wrap: CSSProperties = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 820, fontFamily: 'inherit' }\nconst head: CSSProperties = { display: 'flex', alignItems: 'baseline', gap: 12, flexWrap: 'wrap' }\nconst muted: CSSProperties = { fontSize: 12, opacity: 0.75 }\nconst table: CSSProperties = { borderCollapse: 'collapse', width: '100%' }\nconst th: CSSProperties = { textAlign: 'left', padding: '4px 10px 4px 0', fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: '0.5px solid rgba(128,128,128,0.4)' }\nconst td: CSSProperties = { padding: '6px 10px 6px 0', fontSize: 13, borderBottom: '0.5px solid rgba(128,128,128,0.18)' }\nconst list: CSSProperties = { margin: 0, paddingLeft: 18, fontSize: 13 }\nconst card: CSSProperties = { padding: '8px 12px', borderRadius: 6, border: '1px solid rgba(128,128,128,0.2)', fontSize: 13 }\nconst btn: CSSProperties = { fontSize: 12, cursor: 'pointer', padding: '3px 10px', borderRadius: 4, border: '0.5px solid rgba(128,128,128,0.4)' }\nconst dangerBtn: CSSProperties = { ...btn, color: '#e55', borderColor: '#e55' }\nconst inputStyle: CSSProperties = { fontSize: 13, padding: '4px 8px', borderRadius: 4, border: '0.5px solid rgba(128,128,128,0.4)', flex: 1 }\n\ninterface PanelState {\n  payload: PanelPayload | null\n  error: string | null\n}\n\nexport function usePanel(): PanelState & { reload: () => void } {\n  const [state, setState] = useState<PanelState>({ payload: null, error: null })\n  const [tick, setTick] = useState(0)\n  const reload = useCallback(() => setTick((v) => v + 1), [])\n  useEffect(() => {\n    const c = new AbortController()\n    setState((p) => ({ ...p, error: null }))\n    fetch(PANEL_PATH, { signal: c.signal })\n      .then(async (r) => { if (!r.ok) throw new Error(String(r.status)); return r.json() as Promise<PanelPayload> })\n      .then((payload) => { if (!c.signal.aborted) setState({ payload, error: null }) })\n      .catch((e: unknown) => { if (!c.signal.aborted) setState({ payload: null, error: e instanceof Error ? e.message : String(e) }) })\n    return () => c.abort()\n  }, [tick])\n  return { ...state, reload }\n}\n\nexport function checkLabel(memory: MemoryState, t: Translate): string {\n  if (!memory.guard) return t('checkNone')\n  switch (memory.verification?.outcome) {\n    case 'passed': return t('checkPassed')\n    case 'violated': return t('checkViolated')\n    case 'broken': return t('checkBroken')\n    default: return t('checkPending')\n  }\n}\n\nexport function provenance(memory: MemoryState): string {\n  return [\n    memory.source,\n    memory.sessionId !== undefined ? `session ${memory.sessionId}` : null,\n    memory.step !== undefined ? `step ${String(memory.step)}` : null,\n  ].filter((part) => part !== null).join(' \u00B7 ')\n}\n\n// --- Search bar ---\nfunction SearchBar({ t, onResult }: { t: Translate; onResult: (hits: RecallHit[] | null) => void }) {\n  const [query, setQuery] = useState('')\n  const [loading, setLoading] = useState(false)\n  const handleSearch = useCallback(async () => {\n    if (!query.trim()) { onResult(null); return }\n    setLoading(true)\n    try {\n      const r = await fetch(`${RECALL_PATH}?q=${encodeURIComponent(query)}&limit=10`)\n      if (r.ok) { const data = await r.json() as { hits: RecallHit[] }; onResult(data.hits) }\n    } finally { setLoading(false) }\n  }, [query, onResult])\n  return (\n    <div style={{ display: 'flex', gap: 8 }}>\n      <input style={inputStyle} placeholder={t('searchPlaceholder')} value={query} onChange={(e) => setQuery(e.target.value)} onKeyDown={(e) => { if (e.key === 'Enter') handleSearch() }} />\n      <button type=\"button\" style={btn} disabled={loading} onClick={handleSearch}>{loading ? '\u2026' : t('search')}</button>\n    </div>\n  )\n}\n\n// --- Add memory form ---\nfunction AddMemoryForm({ t, onAdded }: { t: Translate; onAdded: () => void }) {\n  const [text, setText] = useState('')\n  const [subject, setSubject] = useState('')\n  const [kind, setKind] = useState('fact')\n  const [adding, setAdding] = useState(false)\n  const handleAdd = useCallback(async () => {\n    if (!text.trim()) return\n    setAdding(true)\n    try {\n      await fetch(REMEMBER_PATH, {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ text, subject: subject || undefined, kind, source: 'user' }),\n      })\n      setText(''); setSubject(''); setKind('fact')\n      onAdded()\n    } finally { setAdding(false) }\n  }, [text, subject, kind, onAdded])\n  return (\n    <div style={{ ...card, display: 'flex', flexDirection: 'column', gap: 6 }}>\n      <strong style={{ fontSize: 12 }}>\u2795 {t('addMemory')}</strong>\n      <input style={inputStyle} placeholder={t('memoryText')} value={text} onChange={(e) => setText(e.target.value)} />\n      <div style={{ display: 'flex', gap: 8 }}>\n        <input style={inputStyle} placeholder={t('subjectOptional')} value={subject} onChange={(e) => setSubject(e.target.value)} />\n        <select style={{ ...btn, flex: '0 0 auto' }} value={kind} onChange={(e) => setKind(e.target.value)}>\n          <option value=\"fact\">{t('kindFact')}</option>\n          <option value=\"decision\">{t('kindDecision')}</option>\n          <option value=\"preference\">{t('kindPreference')}</option>\n          <option value=\"pitfall\">{t('kindPitfall')}</option>\n        </select>\n        <button type=\"button\" style={btn} disabled={adding} onClick={handleAdd}>{adding ? '\u2026' : t('add')}</button>\n      </div>\n    </div>\n  )\n}\n\nexport function ContextMemoryPanel({ t }: PanelProps) {\n  const { payload, error, reload } = usePanel()\n  const [searchHits, setSearchHits] = useState<RecallHit[] | null>(null)\n\n  const handleForget = useCallback(async (id: string, reason: string) => {\n    await fetch(FORGET_PATH, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ id, reason }) })\n    reload()\n  }, [reload])\n\n  const header = (\n    <header style={head}>\n      <strong style={{ fontSize: 13 }}>\uD83E\uDDE0 {t('title')}</strong>\n      <span style={{ flex: 1 }} />\n      <button type=\"button\" style={btn} onClick={reload}>{t('refresh')}</button>\n    </header>\n  )\n  if (error !== null) {\n    return (\n      <div style={wrap}>\n        {header}\n        <p role=\"alert\" style={{ margin: 0, fontSize: 13 }}>{t('failed')}: {error}</p>\n        <button type=\"button\" onClick={reload} style={{ ...btn, alignSelf: 'flex-start' }}>{t('retry')}</button>\n      </div>\n    )\n  }\n  if (payload === null) return <p style={muted} aria-live=\"polite\">{t('loading')}</p>\n  const { totals } = payload\n  return (\n    <div style={wrap}>\n      {header}\n      <span style={muted}>\n        {t('active')} {totals.active} \u00B7 {t('checkPassed')} {totals.verified} \u00B7 {t('unverified')} {totals.unverified} \u00B7 {t('superseded')} {totals.superseded}\n      </span>\n\n      {/* Search */}\n      <SearchBar t={t} onResult={setSearchHits} />\n      {searchHits !== null && (\n        <div style={card}>\n          <strong style={{ fontSize: 12 }}>{t('searchResults')} ({searchHits.length})</strong>\n          {searchHits.length === 0 ? (\n            <p style={muted}>{t('noResults')}</p>\n          ) : (\n            <ul style={list}>\n              {searchHits.map((hit) => (\n                <li key={hit.memory.id} style={{ marginBottom: 4 }}>\n                  <code style={{ fontSize: 11 }}>{hit.memory.id}</code> ({hit.score.toFixed(2)}) {hit.memory.text}\n                  <span style={{ ...muted, marginLeft: 8 }}>\u2014 {hit.why}</span>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      )}\n\n      {/* Add memory */}\n      <AddMemoryForm t={t} onAdded={reload} />\n\n      {/* Conflicts with resolve buttons */}\n      <strong style={{ fontSize: 13 }}>\u26A0\uFE0F {t('conflicts')}</strong>\n      {payload.conflicts.length === 0 ? (\n        <span style={muted}>{t('noConflicts')}</span>\n      ) : (\n        <ul style={list}>\n          {payload.conflicts.map((conflict) => (\n            <li key={conflict.subject}>\n              <strong>{conflict.subject}</strong>\n              <ul style={{ ...list, fontSize: 12, opacity: 0.85 }}>\n                {conflict.memories.map((memory) => (\n                  <li key={memory.id}>\n                    <code style={{ fontSize: 11 }}>{memory.id}</code> {memory.text}\n                    <button type=\"button\" style={{ ...dangerBtn, marginLeft: 8 }} onClick={() => handleForget(memory.id, `conflict resolved: ${conflict.subject}`)}>\n                      {t('resolve')}\n                    </button>\n                  </li>\n                ))}\n              </ul>\n            </li>\n          ))}\n        </ul>\n      )}\n\n      {/* Active memories with supersede buttons */}\n      <strong style={{ fontSize: 13 }}>\u2705 {t('active')}</strong>\n      {payload.active.length === 0 ? (\n        <p style={{ margin: 0, fontSize: 13, opacity: 0.8 }}>{t('empty')}</p>\n      ) : (\n        <table style={table}>\n          <thead>\n            <tr>\n              <th style={th}>Id</th><th style={th}>{t('memory')}</th><th style={th}>{t('kind')}</th>\n              <th style={th}>{t('status')}</th><th style={th}>{t('from')}</th><th style={th} />\n            </tr>\n          </thead>\n          <tbody>\n            {payload.active.map((memory) => (\n              <tr key={memory.id}>\n                <td style={td}><code style={{ fontSize: 11 }}>{memory.id}</code></td>\n                <td style={td}>{memory.text}</td>\n                <td style={td}>{memory.kind}</td>\n                <td style={td}>{checkLabel(memory, t)}</td>\n                <td style={td}>{provenance(memory)}</td>\n                <td style={td}>\n                  <button type=\"button\" style={dangerBtn} onClick={() => handleForget(memory.id, 'superseded from panel')}>\n                    \uD83D\uDDD1 {t('forget')}\n                  </button>\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      )}\n\n      {/* Superseded */}\n      {payload.superseded.length > 0 && (\n        <>\n          <strong style={{ fontSize: 13 }}>\uD83D\uDCE6 {t('superseded')} ({payload.superseded.length})</strong>\n          <table style={table}>\n            <thead>\n              <tr>\n                <th style={th}>Id</th><th style={th}>{t('memory')}</th><th style={th}>{t('kind')}</th>\n                <th style={th}>{t('status')}</th><th style={th}>{t('from')}</th>\n              </tr>\n            </thead>\n            <tbody>\n              {payload.superseded.map((memory) => (\n                <tr key={memory.id}>\n                  <td style={td}><code style={{ fontSize: 11 }}>{memory.id}</code></td>\n                  <td style={td}>{memory.text}</td>\n                  <td style={td}>{memory.kind}</td>\n                  <td style={td}>{checkLabel(memory, t)}</td>\n                  <td style={td}>{provenance(memory)}</td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/lib/routes.d.ts

@@ -11,4 +11,7 @@ import type { Context } from '@deepseek-ai/cordis';
 import type { MemoryService } from './index.js';
 /** The panel path, shared with the browser half so the two cannot drift apart. */
 export declare const MEMORY_PANEL_PATH = "/api/context-memory.panel";
+export declare const MEMORY_RECALL_PATH = "/api/context-memory.recall";
+export declare const MEMORY_REMEMBER_PATH = "/api/context-memory.remember";
+export declare const MEMORY_FORGET_PATH = "/api/context-memory.forget";
 export declare function registerMemoryRoutes(ctx: Context, memory: MemoryService): void;

package/lib/routes.js

@@ -9,6 +9,9 @@
  */
 /** The panel path, shared with the browser half so the two cannot drift apart. */
 export const MEMORY_PANEL_PATH = '/api/context-memory.panel';
+export const MEMORY_RECALL_PATH = '/api/context-memory.recall';
+export const MEMORY_REMEMBER_PATH = '/api/context-memory.remember';
+export const MEMORY_FORGET_PATH = '/api/context-memory.forget';
 export function registerMemoryRoutes(ctx, memory) {
     // Injecting rather than reading `ctx.connection` directly: a plain property access on
     // a service that was not declared throws, and the web connection is absent in headless
@@ -30,12 +33,69 @@ export function registerMemoryRoutes(ctx, memory) {
             fetch: async () => {
                 const summary = memory.verify();
                 return Response.json(summary, {
-                    // The verification is the answer, not an error: a violated memory is reported
-                    // with 200 and the caller decides what it means. Only a broken guard is a
-                    // defect in the request path itself, and that is reported in the payload.
                     headers: { 'cache-control': 'no-store' },
                 });
             },
         });
+        // Recall (search) — GET with query param
+        connection.fetch.register({
+            path: MEMORY_RECALL_PATH,
+            methods: ['GET'],
+            requestBody: 'buffered',
+            fetch: async (request) => {
+                const url = new URL(request.url);
+                const query = url.searchParams.get('q') ?? '';
+                const limit = Number(url.searchParams.get('limit') ?? '10');
+                const hits = memory.recall(query, limit);
+                return Response.json({ hits }, { headers: { 'cache-control': 'no-store' } });
+            },
+        });
+        // Remember (add) — POST with body
+        connection.fetch.register({
+            path: MEMORY_REMEMBER_PATH,
+            methods: ['POST'],
+            requestBody: 'buffered',
+            fetch: async (request) => {
+                let body;
+                try {
+                    body = await request.json();
+                }
+                catch {
+                    return Response.json({ error: 'invalid JSON' }, { status: 400 });
+                }
+                if (!body.text)
+                    return Response.json({ error: 'missing text' }, { status: 400 });
+                const input = { text: body.text };
+                if (body.subject)
+                    input.subject = body.subject;
+                if (body.kind)
+                    input.kind = body.kind;
+                if (body.source)
+                    input.source = body.source;
+                const mem = memory.remember(input);
+                return Response.json(mem);
+            },
+        });
+        // Forget (supersede) — POST with id + reason
+        connection.fetch.register({
+            path: MEMORY_FORGET_PATH,
+            methods: ['POST'],
+            requestBody: 'buffered',
+            fetch: async (request) => {
+                let body;
+                try {
+                    body = await request.json();
+                }
+                catch {
+                    return Response.json({ error: 'invalid JSON' }, { status: 400 });
+                }
+                if (!body.id)
+                    return Response.json({ error: 'missing id' }, { status: 400 });
+                const ok = memory.forget(body.id, body.reason ?? 'superseded from panel', body.replacedBy);
+                if (!ok)
+                    return Response.json({ error: 'not found' }, { status: 404 });
+                return Response.json({ ok: true });
+            },
+        });
     });
 }

package/package.json

@@ -1,32 +1,68 @@
 {
   "name": "dsh-context-memory",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Cross-session memory for your dsh agent: remembered, recalled, and re-verified instead of assumed.",
   "type": "module",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
-  "bin": { "dsh-context-memory": "lib/bin.js" },
+  "bin": {
+    "dsh-context-memory": "lib/bin.js"
+  },
   "exports": {
-    ".": { "types": "./lib/index.d.ts", "default": "./lib/index.js" },
-    "./client": { "types": "./lib/client/index.d.ts", "default": "./lib/memory.web.js" },
+    ".": {
+      "types": "./lib/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./client": {
+      "types": "./lib/client/index.d.ts",
+      "default": "./lib/memory.web.js"
+    },
     "./package.json": "./package.json"
   },
-  "files": ["lib", "cordis.patch.yml", "README.md", "CHANGELOG.md"],
-  "keywords": ["dsh", "dsh-plugin", "deepseek-harness", "memory", "context", "recall", "persistence"],
+  "files": [
+    "lib",
+    "cordis.patch.yml",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "keywords": [
+    "dsh",
+    "dsh-plugin",
+    "deepseek-harness",
+    "memory",
+    "context",
+    "recall",
+    "persistence"
+  ],
   "dsh": {
-    "bundle": { "patch": "./cordis.patch.yml" },
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
     "client": {
       "platform": "web",
-      "inject": ["slots", "connection"]
+      "inject": [
+        "@deepseek-ai/dsh-client-ui-renderer",
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-settings"
+      ]
     }
   },
   "license": "MIT",
   "author": "hj01857655",
-  "repository": { "type": "git", "url": "git+https://github.com/hj01857655/dsh-context-memory.git" },
-  "bugs": { "url": "https://github.com/hj01857655/dsh-context-memory/issues" },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hj01857655/dsh-context-memory.git"
+  },
+  "bugs": {
+    "url": "https://github.com/hj01857655/dsh-context-memory/issues"
+  },
   "homepage": "https://github.com/hj01857655/dsh-context-memory#readme",
-  "engines": { "node": ">=20" },
-  "peerDependencies": { "@deepseek-ai/cordis": "^4.0.1" },
+  "engines": {
+    "node": ">=20"
+  },
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "^4.0.1"
+  },
   "devDependencies": {
     "@deepseek-ai/cordis": "^4.0.2",
     "@types/node": "^22.20.3",