dsh-lite-memory 0.11.1 → 0.15.0

package/client.js

@@ -71,6 +71,9 @@ window.__ModuleLoader__.load({
     /** 失败不装作成功：把服务端那一句原样放回行里。 */
     const failure = (result, fallback) => (result && result.body && typeof result.body.reason === 'string' && result.body.reason ? result.body.reason : fallback);
 
+    /** 真成功要 HTTP 与响应体同时确认；2xx 但 ok:false 仍按失败显示。 */
+    const succeeded = (result) => Boolean(result && result.ok && result.body && result.body.ok === true);
+
     /** 已落定、带元数据的调用块；旧行只读。 */
     const metaOf = (block) => {
       if (block === undefined || block === null || !('kind' in block) || block.isError === true) return null;
@@ -131,15 +134,19 @@ window.__ModuleLoader__.load({
       return out;
     };
 
-    /** 同一轮里同层同 id 同版同用途只留一条。 */
+    /** 同轮同 id 同用途去重：位置取首次，内容取最后。 */
     const dedupe = (items) => {
-      const seen = new Set();
+      const seen = new Map();
       const out = [];
       for (const item of items) {
-        const key = `${item.scope}:${item.id}:${item.revision}:${item.exposure}`;
-        if (seen.has(key)) continue;
-        seen.add(key);
-        out.push(item);
+        const key = `${item.scope}:${item.id}:${item.exposure}`;
+        const at = seen.get(key);
+        if (at === undefined) {
+          seen.set(key, out.length);
+          out.push(item);
+        } else {
+          out[at] = item;
+        }
       }
       return out;
     };
@@ -248,7 +255,7 @@ window.__ModuleLoader__.load({
         if (!operationId.current) operationId.current = newOperationId();
         setState('saving');
         post('/lite-memory/keep', { op: 'keep', candidateId, operationId: operationId.current, cwd, sessionId: sessionKeyOf(props) }).then((result) => {
-          if (result.ok) {
+          if (succeeded(result)) {
             setState('saved');
             return;
           }
@@ -287,7 +294,7 @@ window.__ModuleLoader__.load({
         if (!canDrop) return;
         setState('saving');
         post('/lite-memory/undo', { op: 'undo', id: changed.id, revision: changed.revision, cwd }).then((result) => {
-          if (result.ok) {
+          if (succeeded(result)) {
             setState('dropped');
             setNote(result.body && result.body.mode === 'restored' ? 'memory · restored' : 'memory · archived');
             return;
@@ -310,9 +317,8 @@ window.__ModuleLoader__.load({
 
     const versionLine = (shown) => {
       const scope = shown.scopeLabel || (shown.scope === 'global' ? '全局' : '项目');
-      const version = shown.current === false ? `第 ${shown.revision} 版` : `当前第 ${shown.revision} 版`;
       const archived = shown.status === 'archived' ? ' · 已归档' : '';
-      return `${version} · ${scope}${archived}`;
+      return `${scope}${archived}`;
     };
 
     /** 一段引用：点开是名字，再点是当前正文。 */
@@ -412,15 +418,6 @@ window.__ModuleLoader__.load({
     };
 
     const EVO_BUTTON = { flex: '0 0 auto', width: '28px', height: '28px', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', border: 'none', background: 'transparent', color: 'inherit', borderRadius: '999px', padding: 0, cursor: 'pointer' };
-    const EVO_WRAP = { position: 'relative', display: 'flex', alignItems: 'center' };
-    const EVO_PANEL = {
-      position: 'absolute', right: 0, top: 'calc(100% + 6px)', zIndex: 30, width: '280px', maxHeight: '420px', overflowY: 'auto',
-      padding: '8px', border: '1px solid currentColor', borderRadius: '8px',
-      background: 'Canvas', color: 'CanvasText', boxShadow: '0 4px 18px rgba(0, 0, 0, 0.22)',
-      display: 'flex', flexDirection: 'column', gap: '6px', fontSize: '12px', lineHeight: '1.6',
-    };
-    const EVO_MUTED = { opacity: 0.65 };
-    const EVO_ACTION = { ...KEEP_ON, alignSelf: 'flex-start' };
 
     /** 大脑：两瓣轮廓加一条中线，状态只靠透明度和面板文字。 */
     const BrainIcon = () => h('svg', {
@@ -432,133 +429,1092 @@ window.__ModuleLoader__.load({
     h('path', { d: 'M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z' }),
     h('path', { d: 'M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4' }));
 
+    const CloseIcon = () => h('svg', {
+      width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none',
+      stroke: 'currentColor', strokeWidth: 1.6, strokeLinecap: 'round',
+      'aria-hidden': 'true', focusable: 'false',
+    }, h('path', { d: 'M6 6l12 12M18 6L6 18' }));
+
     const EVO_STATE = { pending: '候选', trial: '试用', active: '生效', paused: '暂停' };
+    const KIND_LABEL = {
+      preference: '偏好', convention: '约定', procedure: '流程', pointer: '位置',
+      pitfall: '坑', credential_hint: '凭据位置', note: '笔记',
+    };
+    const CONDITION_LABEL = {
+      seriesId: '系列', taskKind: '任务', targetOs: '系统', shell: '终端', runtime: '运行时',
+      machine: '设备', projectRoot: '项目路径', pathPrefix: '路径前缀', artifactKey: '产物', phase: '阶段',
+    };
     const EVO_DATE = (value) => (typeof value === 'string' && /^\d{4}-\d{2}-\d{2}/.test(value) ? value.slice(0, 10) : '');
-    const EVO_SIZE = (bytes) => (typeof bytes === 'number' && bytes >= 0 ? (bytes < 1024 ? `${bytes} B` : `${(bytes / 1024).toFixed(1)} KB`) : '未知');
-    const EVO_DETAIL = { borderTop: '1px solid currentColor', paddingTop: '6px', display: 'flex', flexDirection: 'column', gap: '4px' };
-    const EVO_ACTIONS = { display: 'flex', alignItems: 'center', gap: '10px', flexWrap: 'wrap' };
-    const EVO_LINK = { border: 'none', background: 'transparent', color: 'inherit', padding: 0, fontSize: '12px', lineHeight: '18px', opacity: 0.8, cursor: 'pointer' };
+    const SHORT = (value, size) => {
+      const text = typeof value === 'string' ? value : '';
+      return text.length > size ? `${text.slice(0, size)}…` : text;
+    };
+    /** 面板开关。 */
+    const panelUi = { open: false, sessionId: '' };
+    const panelListeners = new Set();
+    const updatePanel = (patch) => {
+      Object.assign(panelUi, patch);
+      for (const listener of panelListeners) listener();
+    };
+    const usePanelUi = () => {
+      const [, bump] = React.useState(0);
+      React.useEffect(() => {
+        const listener = () => bump((value) => value + 1);
+        panelListeners.add(listener);
+        return () => { panelListeners.delete(listener); };
+      }, []);
+      return panelUi;
+    };
 
-    /** 会话头项目开关。 */
+    /** 会话头：只留一个图标按钮，开合由浮层里的面板负责。 */
     const ProjectEvolution = (props) => {
       const sessionId = sessionKeyOf(props);
-      const [open, setOpen] = React.useState(false);
-      const [status, setStatus] = React.useState(null);
-      const [busy, setBusy] = React.useState(false);
+      const ui = usePanelUi();
+
+      React.useEffect(() => {
+        if (!sessionId) return undefined;
+        if (panelUi.sessionId && panelUi.sessionId !== sessionId) updatePanel({ open: false });
+        updatePanel({ sessionId });
+        return undefined;
+      }, [sessionId]);
+
+      if (!sessionId) return null;
+      return h('button', {
+        type: 'button',
+        onClick: () => updatePanel({ open: true, sessionId }),
+        'aria-haspopup': 'dialog',
+        'aria-expanded': ui.open === true && ui.sessionId === sessionId,
+        'aria-label': '记忆面板',
+        title: '记忆面板',
+        style: { ...EVO_BUTTON, opacity: 0.72 },
+      }, h(BrainIcon));
+    };
+
+    const PANEL_CARD = {
+      background: 'var(--dsw-alias-bg-layer-1)',
+      border: '1px solid var(--dsw-alias-border-l1)',
+      borderRadius: '12px',
+      padding: '12px',
+      minWidth: 0,
+    };
+    const PANEL_MUTED = { color: 'var(--dsw-alias-label-secondary)', fontSize: '11px', lineHeight: '1.5' };
+    const PANEL_LABEL = { color: 'var(--dsw-alias-label-secondary)', fontSize: '11px', lineHeight: '1.4', letterSpacing: '0.02em' };
+    const PANEL_LINK = {
+      border: 'none', background: 'transparent', color: 'inherit', padding: 0,
+      fontSize: '11px', lineHeight: '18px', opacity: 0.72, cursor: 'pointer',
+    };
+    const PANEL_INPUT = {
+      width: '100%', boxSizing: 'border-box', height: '30px', padding: '0 9px',
+      border: '1px solid var(--dsw-alias-border-l1)', borderRadius: '8px',
+      background: 'var(--dsw-alias-bg-base)', color: 'var(--dsw-alias-label-primary)',
+      fontSize: '12px', outline: 'none',
+    };
+    const PANEL_BACKDROP = {
+      position: 'fixed', inset: 0, zIndex: 1000, display: 'flex', alignItems: 'center',
+      justifyContent: 'center', padding: '24px', pointerEvents: 'auto',
+      background: 'color-mix(in srgb, var(--dsw-alias-bg-base) 58%, transparent)',
+    };
+    const PANEL_DIALOG = {
+      width: 'min(1240px, 100%)', height: 'min(780px, 100%)', display: 'flex',
+      flexDirection: 'column', background: 'var(--dsw-alias-bg-base)',
+      color: 'var(--dsw-alias-label-primary)', border: '1px solid var(--dsw-alias-border-l1)',
+      borderRadius: '16px', boxShadow: '0 24px 70px rgba(0, 0, 0, 0.28)', overflow: 'hidden',
+    };
+
+    const hashOf = (value) => {
+      let hash = 2166136261;
+      const text = String(value || '');
+      for (let index = 0; index < text.length; index += 1) {
+        hash ^= text.charCodeAt(index);
+        hash = Math.imul(hash, 16777619);
+      }
+      return Math.abs(hash);
+    };
+
+    /**
+     * 图谱只画真实关系：显式关联，以及记录自己的标签 / 主题。
+     * 位置由 id 决定，同一份记忆每次打开都在同一处。
+     */
+    /** 位置由 id 决定；同一份数据每次打开都在同一处。 */
+    const layoutGraph = (nodes, edges, primaryKind) => {
+      const degree = new Map();
+      for (const edge of edges) {
+        degree.set(edge.from, (degree.get(edge.from) || 0) + 1);
+        degree.set(edge.to, (degree.get(edge.to) || 0) + 1);
+      }
+      const placed = new Map();
+      const primaries = nodes.filter((node) => node.kind === primaryKind);
+      const count = primaries.length;
+      const spread = 0.55 + Math.min(0.45, count * 0.06);
+      primaries.forEach((node, index) => {
+        const seed = hashOf(node.id);
+        const ring = count <= 1 ? 0 : count <= 8 ? 128 : count <= 18 ? 168 : 206;
+        const wobble = count <= 8 ? 1 : 0.64 + ((seed % 100) / 100) * 0.36;
+        const angle = count <= 1 ? 0 : (index / count) * Math.PI * 2 - Math.PI / 2 + ((seed % 17) / 17) * 0.16;
+        placed.set(node.id, {
+          ...node,
+          x: 320 + Math.cos(angle) * ring * 1.22 * wobble * spread,
+          y: 236 + Math.sin(angle) * ring * 0.8 * wobble * spread,
+          radius: 5.5 + Math.min(4, (degree.get(node.id) || 0) * 0.7),
+        });
+      });
+      const hubs = nodes.filter((node) => node.kind !== primaryKind);
+      const kindOf = new Map(nodes.map((node) => [node.id, node.kind]));
+      const linkedOf = new Map(hubs.map((node) => [node.id, new Set()]));
+      for (const edge of edges) {
+        if (linkedOf.has(edge.from) && kindOf.get(edge.to) === primaryKind) linkedOf.get(edge.from).add(edge.to);
+        if (linkedOf.has(edge.to) && kindOf.get(edge.from) === primaryKind) linkedOf.get(edge.to).add(edge.from);
+      }
+      const groups = new Map();
+      for (const node of hubs) {
+        const linked = [...linkedOf.get(node.id)].sort();
+        const key = linked.length > 0 ? linked.join('|') : `solo:${node.id}`;
+        if (!groups.has(key)) groups.set(key, { linked, hubs: [] });
+        groups.get(key).hubs.push(node);
+      }
+      for (const group of groups.values()) {
+        const points = group.linked.map((id) => placed.get(id)).filter(Boolean);
+        const cx = points.length > 0 ? points.reduce((sum, point) => sum + point.x, 0) / points.length : 320;
+        const cy = points.length > 0 ? points.reduce((sum, point) => sum + point.y, 0) / points.length : 236;
+        const outward = Math.hypot(cx - 320, cy - 236);
+        group.hubs.forEach((node, index) => {
+          const seed = hashOf(node.id);
+          const base = outward > 12
+            ? Math.atan2(cy - 236, cx - 320)
+            : ((seed % 360) / 180) * Math.PI;
+          const angle = base + (index - (group.hubs.length - 1) / 2) * 0.6;
+          const distance = group.linked.length >= 3 && group.hubs.length === 1 ? 0 : 48 + group.hubs.length * 4;
+          placed.set(node.id, {
+            ...node,
+            x: cx + Math.cos(angle) * distance,
+            y: cy + Math.sin(angle) * distance * 0.82,
+            radius: node.kind === 'topic' ? 5 : 4,
+          });
+        });
+      }
+      return {
+        nodes: [...placed.values()],
+        edges: edges.filter((edge) => placed.has(edge.from) && placed.has(edge.to)),
+        people: count,
+      };
+    };
+
+    const graphOf = (records) => {
+      const rows = (Array.isArray(records) ? records : EMPTY).slice(0, 60);
+      const byId = new Map(rows.map((record) => [record.id, record]));
+      const tagCount = new Map();
+      const topicCount = new Map();
+      for (const record of rows) {
+        for (const tag of Array.isArray(record.tags) ? record.tags : EMPTY) tagCount.set(tag, (tagCount.get(tag) || 0) + 1);
+        if (record.topicKey) topicCount.set(record.topicKey, (topicCount.get(record.topicKey) || 0) + 1);
+      }
+      const tags = [...tagCount.entries()].sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0])).slice(0, 8);
+      const topics = [...topicCount.entries()].filter(([, count]) => count > 1).sort((a, b) => b[1] - a[1]).slice(0, 4);
+      const nodes = [];
+      const edges = [];
+      const addEdge = (from, to, type) => {
+        if (!from || !to || from === to) return;
+        edges.push({ from, to, type });
+      };
+      for (const record of rows) {
+        nodes.push({ id: record.id, kind: 'memory', label: record.title || record.id, experimental: record.experimental === true });
+      }
+      for (const [tag, count] of tags) {
+        nodes.push({ id: `tag:${tag}`, kind: 'tag', label: `#${tag}`, count });
+        for (const record of rows) {
+          if (Array.isArray(record.tags) && record.tags.includes(tag)) addEdge(record.id, `tag:${tag}`, 'tag');
+        }
+      }
+      for (const [topic, count] of topics) {
+        nodes.push({ id: `topic:${topic}`, kind: 'topic', label: topic, count });
+        for (const record of rows) {
+          if (record.topicKey === topic) addEdge(record.id, `topic:${topic}`, 'topic');
+        }
+      }
+      for (const record of rows) {
+        for (const link of Array.isArray(record.links) ? record.links : EMPTY) {
+          if (byId.has(link.id)) addEdge(record.id, link.id, 'link');
+        }
+      }
+      return layoutGraph(nodes, edges, 'memory');
+    };
+
+    /** 经验图谱只连共享条件。 */
+    const ruleGraphOf = (rules) => {
+      const rows = (Array.isArray(rules) ? rules : EMPTY).slice(0, 60);
+      const conditionCount = new Map();
+      for (const rule of rows) {
+        const seen = new Set();
+        for (const condition of Array.isArray(rule.conditions) ? rule.conditions : EMPTY) {
+          if (!condition || !condition.key || !condition.value) continue;
+          const id = `condition:${condition.key}:${condition.value}`;
+          if (seen.has(id)) continue;
+          seen.add(id);
+          conditionCount.set(id, (conditionCount.get(id) || 0) + 1);
+        }
+      }
+      const shared = [...conditionCount.entries()]
+        .filter(([, count]) => count > 1)
+        .sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]))
+        .slice(0, 10);
+      const nodes = [];
+      const edges = [];
+      for (const rule of rows) {
+        nodes.push({
+          id: rule.id, kind: 'rule', label: rule.title || rule.id,
+          state: rule.state, experimental: rule.state === 'pending' || rule.state === 'trial',
+        });
+      }
+      for (const [id, count] of shared) {
+        const [, key, ...rest] = id.split(':');
+        const value = rest.join(':');
+        nodes.push({
+          id, kind: 'condition', label: `#${value}`, count,
+          title: `${CONDITION_LABEL[key] || key} ${value}`,
+        });
+        for (const rule of rows) {
+          if ((Array.isArray(rule.conditions) ? rule.conditions : EMPTY).some((item) => item && item.key === key && item.value === value)) {
+            edges.push({ from: rule.id, to: id, type: 'condition' });
+          }
+        }
+      }
+      return layoutGraph(nodes, edges, 'rule');
+    };
+
+    /** 关系图只画真实关系；节点沿用原始 id，位置由 id 决定。 */
+    const MemoryGraph = (props) => {
+      const primaryKind = props.primaryKind || 'memory';
+      const graph = React.useMemo(() => (props.graphOf || graphOf)(props.records), [props.records, props.graphOf]);
+      const [zoom, setZoom] = React.useState(1);
+      const selectedId = props.selectedId;
+      const labelSet = graph.people <= 10;
+      const stepZoom = (delta) => setZoom((value) => Math.min(2.5, Math.max(0.75, Math.round((value + delta) * 100) / 100)));
+      const frame = React.useMemo(() => {
+        const list = graph.nodes;
+        if (list.length === 0) return { x: 0, y: 0, width: 640, height: 472 };
+        let minX = Infinity; let maxX = -Infinity; let minY = Infinity; let maxY = -Infinity;
+        for (const node of list) {
+          const half = node.kind === primaryKind ? 62 : 38;
+          minX = Math.min(minX, node.x - half);
+          maxX = Math.max(maxX, node.x + half);
+          minY = Math.min(minY, node.y - 16);
+          maxY = Math.max(maxY, node.y + (node.kind === primaryKind ? 28 : 24));
+        }
+        const width = Math.max(380, maxX - minX + 36);
+        const height = Math.max(250, maxY - minY + 36);
+        return { x: (minX + maxX) / 2 - width / 2, y: (minY + maxY) / 2 - height / 2, width, height };
+      }, [graph, primaryKind]);
+      if (!props.records || props.records.length === 0) {
+        return h('div', {
+          style: { flex: 1, minHeight: '220px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'var(--dsw-alias-label-secondary)', fontSize: '12px' },
+        }, props.emptyText || '还没有记忆');
+      }
+      const viewWidth = frame.width / zoom;
+      const viewHeight = frame.height / zoom;
+      const zoomButton = (label, delta, icon) => h('button', {
+        type: 'button', onClick: () => stepZoom(delta),
+        disabled: delta > 0 ? zoom >= 2.5 : zoom <= 0.75,
+        'aria-label': label, title: label,
+        style: {
+          width: '26px', height: '26px', padding: 0, display: 'inline-flex',
+          alignItems: 'center', justifyContent: 'center', border: 'none',
+          borderRadius: '6px', background: 'transparent', color: 'inherit',
+          opacity: delta > 0 ? (zoom >= 2.5 ? 0.28 : 0.68) : (zoom <= 0.75 ? 0.28 : 0.68),
+          cursor: 'pointer',
+        },
+      }, icon);
+      const magnifier = (sign) => h('svg', {
+        width: '15', height: '15', viewBox: '0 0 16 16', fill: 'none',
+        stroke: 'currentColor', strokeWidth: '1.4', strokeLinecap: 'round',
+        'aria-hidden': 'true',
+      },
+      h('circle', { cx: '6.8', cy: '6.8', r: '4.5' }),
+      h('line', { x1: '10.1', y1: '10.1', x2: '14', y2: '14' }),
+      h('line', { x1: '4.8', y1: '6.8', x2: '8.8', y2: '6.8' }),
+      sign > 0 ? h('line', { x1: '6.8', y1: '4.8', x2: '6.8', y2: '8.8' }) : null);
+      return h('div', { style: { position: 'relative', flex: 1, minHeight: 0, display: 'flex' } },
+        h('div', {
+          style: {
+            position: 'absolute', top: '6px', right: '6px', zIndex: 2,
+            display: 'flex', alignItems: 'center', gap: '1px', padding: '2px',
+            border: '1px solid var(--dsw-alias-border-l1)', borderRadius: '8px',
+            background: 'var(--dsw-alias-bg-layer-1)',
+          },
+        },
+        zoomButton('缩小图谱', -0.25, magnifier(-1)),
+        zoomButton('放大图谱', 0.25, magnifier(1))),
+        h('svg', {
+          viewBox: `${frame.x + frame.width / 2 - viewWidth / 2} ${frame.y + frame.height / 2 - viewHeight / 2} ${viewWidth} ${viewHeight}`,
+          preserveAspectRatio: 'xMidYMid meet',
+          style: { width: '100%', height: '100%', flex: 1, minHeight: 0, display: 'block' },
+          role: 'img', 'aria-label': props.ariaLabel || '关系图',
+        },
+        h('g', null, graph.edges.map((edge, index) => {
+          const from = graph.nodes.find((node) => node.id === edge.from);
+          const to = graph.nodes.find((node) => node.id === edge.to);
+          if (!from || !to) return null;
+          const linked = selectedId && (edge.from === selectedId || edge.to === selectedId);
+          return h('line', {
+            key: `e${index}`, x1: from.x, y1: from.y, x2: to.x, y2: to.y,
+            stroke: linked ? 'var(--dsw-alias-brand-primary)' : 'var(--dsw-alias-label-secondary)',
+            strokeWidth: linked ? 1.4 : 1,
+            opacity: linked ? 0.65 : edge.type === 'link' ? 0.38 : 0.16,
+            strokeDasharray: edge.type === 'link' ? undefined : '2 4',
+          });
+        })),
+        h('g', null, graph.nodes.map((node) => {
+          const isPrimary = node.kind === primaryKind;
+          const active = node.id === selectedId;
+          const fill = !isPrimary ? 'var(--dsw-alias-label-secondary)'
+            : node.state ? (STAGE_TONE[node.state] || 'var(--dsw-alias-brand-primary)')
+              : node.experimental ? 'var(--dsw-alias-state-warn-primary)' : 'var(--dsw-alias-brand-primary)';
+          const showLabel = active || (isPrimary && labelSet) || !isPrimary;
+          return h('g', {
+            key: node.id,
+            transform: `translate(${node.x} ${node.y})`,
+            onClick: isPrimary ? () => props.onPick(node) : undefined,
+            style: { cursor: isPrimary ? 'pointer' : 'default' },
+          },
+          active ? h('circle', { r: node.radius + 5, fill: 'none', stroke: 'var(--dsw-alias-brand-primary)', strokeWidth: 1.4, opacity: 0.5 }) : null,
+          h('circle', { r: node.radius, fill, opacity: isPrimary ? 0.9 : 0.5 }),
+          showLabel ? h('text', {
+            y: node.radius + 12, textAnchor: 'middle',
+            fill: active ? 'var(--dsw-alias-label-primary)' : 'var(--dsw-alias-label-secondary)',
+            fontSize: isPrimary ? 10 : 8.5, opacity: active ? 0.95 : 0.68,
+          }, SHORT(node.label, isPrimary ? 9 : 10)) : null,
+          h('title', null, node.title || node.label),
+          );
+        }))),
+      );
+    };
+
+    const Toggle = (props) => h('button', {
+      type: 'button', role: 'switch', 'aria-checked': props.on === true, 'aria-label': props.ariaLabel || props.label,
+      onClick: props.onClick, disabled: props.busy,
+      style: {
+        width: '38px', height: '22px', flex: '0 0 auto', position: 'relative', padding: 0,
+        border: '1px solid var(--dsw-alias-border-l2)', borderRadius: '999px',
+        background: props.on ? 'var(--dsw-alias-brand-primary)' : 'var(--dsw-alias-bg-base)',
+        cursor: props.busy ? 'default' : 'pointer', opacity: props.busy ? 0.5 : 1,
+      },
+    }, h('span', {
+      style: {
+        position: 'absolute', top: '2px', left: props.on ? '18px' : '2px', width: '16px', height: '16px',
+        borderRadius: '999px', background: props.on ? 'var(--dsw-alias-bg-base)' : 'var(--dsw-alias-label-secondary)',
+        transition: 'left 120ms ease',
+      },
+    }));
+
+    const STAGE = { pending: '候选', trial: '试用', active: '生效', paused: '暂停' };
+    const STAGE_TONE = {
+      pending: 'var(--dsw-alias-state-warn-primary)',
+      trial: 'var(--dsw-alias-brand-primary)',
+      active: 'var(--dsw-alias-state-success-primary)',
+      paused: 'var(--dsw-alias-label-secondary)',
+    };
+    const StagePill = (props) => h('span', {
+      style: {
+        flex: '0 0 auto', padding: '0 6px', border: '1px solid var(--dsw-alias-border-l1)',
+        borderRadius: '999px', color: STAGE_TONE[props.state] || 'inherit',
+        fontSize: '11px', lineHeight: '18px',
+      },
+    }, STAGE[props.state] || '未定');
+
+    const Action = (props) => h('button', {
+      type: 'button', onClick: props.onClick, disabled: props.disabled,
+      style: {
+        ...PANEL_LINK, opacity: props.disabled ? 0.35 : 0.82,
+        color: props.danger ? 'var(--dsw-alias-state-error-primary)' : 'inherit',
+        cursor: props.disabled ? 'default' : 'pointer',
+      },
+    }, props.children);
+
+    const Field = (props) => h('label', { style: { display: 'flex', flexDirection: 'column', gap: '4px', minWidth: 0 } },
+      h('span', { style: PANEL_LABEL }, props.label),
+      h('input', {
+        value: props.value, onChange: (event) => props.onChange(event.target.value),
+        'aria-label': props.label,
+        style: { ...PANEL_INPUT, height: '28px' },
+      }),
+    );
+
+    const countOf = (counts, key) => {
+      if (!counts || typeof counts !== 'object') return null;
+      const value = counts[key];
+      return Number.isInteger(value) && value >= 0 ? value : null;
+    };
+
+    /** 学习状态只是一段经历；能不能用由这里单独说。 */
+    const usabilityOf = (rule, evolution, memoryOn) => {
+      if (!memoryOn) return '记忆已关闭，暂不参与回答。';
+      if (!evolution || evolution.enabled !== true || evolution.effectiveEnabled === false) return '自进化已关闭，暂不参与回答。';
+      if (rule.state === 'paused') return '已暂停，不参与回答。';
+      const unresolved = rule.applicability === 'unresolved'
+        || (rule.applicability === 'conditional' && (!Array.isArray(rule.conditions) || rule.conditions.length === 0));
+      if (unresolved) return '适用范围待确认，暂不参与回答。';
+      if (rule.state === 'pending') return '尚未参与回答，确认后才会试用。';
+      if (rule.state === 'trial') return '在条件匹配的任务中参与参考，到期后暂停。';
+      if (rule.state === 'active') return '在适用任务中作为默认参考，当前明确要求优先。';
+      return '';
+    };
+
+    const scopeLineOf = (rule) => {
+      const conditions = Array.isArray(rule.conditions) ? rule.conditions : EMPTY;
+      if (rule.applicability === 'unresolved') return '待确认';
+      if (rule.applicability === 'conditional' || conditions.length > 0) {
+        if (conditions.length === 0) return '待确认';
+        return conditions.map((item) => `${CONDITION_LABEL[item.key] || item.key} ${item.value}`).join('、');
+      }
+      return '所有项目';
+    };
+
+    const evidenceTextOf = (row) => {
+      if (typeof row === 'string') return row;
+      if (!row || typeof row !== 'object') return '';
+      return typeof row.text === 'string' ? row.text : (typeof row.note === 'string' ? row.note : '');
+    };
+
+    const MemoryRow = (props) => {
+      const record = props.record;
+      return h('button', {
+        type: 'button', onClick: props.onClick,
+        style: {
+          display: 'flex', flexDirection: 'column', gap: '2px', width: '100%', textAlign: 'left',
+          border: 'none', borderBottom: '1px solid var(--dsw-alias-border-l1)',
+          background: props.active ? 'var(--dsw-alias-bg-layer-2)' : 'transparent',
+          color: 'inherit', padding: '8px 7px', cursor: 'pointer', minWidth: 0,
+        },
+      },
+      h('span', { style: { fontSize: '12px', lineHeight: '1.45', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', opacity: 0.92 } }, record.title || record.id),
+      h('span', { style: { ...PANEL_MUTED, display: 'flex', alignItems: 'center', gap: '5px', minWidth: 0 } },
+        h('span', null, KIND_LABEL[record.kind] || record.kind),
+        record.experimental ? h('span', { style: { color: 'var(--dsw-alias-state-warn-primary)' } }, '实验') : null,
+        h('span', { style: { marginLeft: 'auto', flex: '0 0 auto', fontVariantNumeric: 'tabular-nums' } }, EVO_DATE(record.updated)),
+      ),
+      );
+    };
+
+    const EvolutionDetail = (props) => {
+      const rule = props.rule;
+      const ruleId = rule ? rule.id : '';
+      const [confirming, setConfirming] = React.useState(false);
+      const [editing, setEditing] = React.useState(false);
+      const [open, setOpen] = React.useState('');
+      const [title, setTitle] = React.useState('');
+      const [body, setBody] = React.useState('');
+      React.useEffect(() => {
+        setConfirming(false);
+        setEditing(false);
+        setOpen('');
+        setTitle(rule && typeof rule.title === 'string' ? rule.title : '');
+        setBody(rule && typeof rule.body === 'string' ? rule.body : '');
+      }, [ruleId]);
+      if (!rule) return null;
+      const checkpoints = Array.isArray(rule.checkpoints) ? rule.checkpoints : EMPTY;
+      const samples = Array.isArray(rule.samples) ? rule.samples : EMPTY;
+      const evidence = Array.isArray(rule.learning?.evidence) ? rule.learning.evidence : EMPTY;
+      const versions = Array.isArray(rule.learning?.versions) ? rule.learning.versions : EMPTY;
+      const history = [
+        ...checkpoints.map((row) => ({ at: row.at || row.updated || '', text: typeof row.text === 'string' ? row.text : '' })),
+        ...versions.map((row) => ({ at: row.at || row.updated || '', text: typeof row.title === 'string' ? row.title : '修改' })),
+      ].filter((row) => row.text).sort((a, b) => String(b.at).localeCompare(String(a.at))).slice(0, 6);
+      const canManage = props.canManage && !props.busy;
+      const act = (name, extra) => { if (canManage) props.onManage(name, extra || {}); };
+      const actions = props.canManage
+        ? h('div', { style: { display: 'flex', alignItems: 'center', gap: '12px', flexWrap: 'wrap', paddingTop: '3px' } },
+          rule.state === 'pending' || rule.state === 'trial'
+            ? h(Action, { disabled: !canManage, onClick: () => act('adopt') }, '采纳') : null,
+          rule.state === 'paused'
+            ? h(Action, { disabled: !canManage, onClick: () => act('resume') }, '恢复')
+            : (rule.state === 'trial' || rule.state === 'active'
+              ? h(Action, { disabled: !canManage, onClick: () => act('pause') }, '暂停')
+              : null),
+          rule.state !== 'paused'
+            ? h(Action, { disabled: !canManage, onClick: () => setEditing((value) => !value) }, '修改') : null,
+          rule.state === 'paused'
+            ? h(Action, { disabled: !canManage, onClick: () => setOpen((value) => value === 'history' ? '' : 'history') }, '查看记录') : null,
+          rule.state === 'pending'
+            ? (confirming
+              ? h(React.Fragment, null,
+                h(Action, { disabled: !canManage, danger: true, onClick: () => act('discard') }, '确认放弃'),
+                h(Action, { disabled: !canManage, onClick: () => setConfirming(false) }, '取消'))
+              : h(Action, { disabled: !canManage, onClick: () => setConfirming(true) }, '放弃'))
+            : null,
+        )
+        : h('div', { style: { ...PANEL_MUTED, paddingTop: '2px' } }, '只读');
+
+      const editor = editing
+        ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', paddingTop: '2px' } },
+          h(Field, { label: '标题', value: title, onChange: setTitle }),
+          h('label', { style: { display: 'flex', flexDirection: 'column', gap: '4px' } },
+            h('span', { style: PANEL_LABEL }, '经验'),
+            h('textarea', {
+              value: body, onChange: (event) => setBody(event.target.value), 'aria-label': '经验',
+              rows: 6,
+              style: { ...PANEL_INPUT, height: 'auto', minHeight: '110px', padding: '7px 9px', resize: 'vertical', lineHeight: '1.6' },
+            }),
+          ),
+          h('div', { style: { display: 'flex', gap: '12px', flexWrap: 'wrap' } },
+            h(Action, { disabled: !canManage || !title.trim() || !body.trim(), onClick: () => { act('edit', { title: title.trim(), body: body.trim() }); setEditing(false); } }, '保存'),
+            rule.state === 'pending' || rule.state === 'trial'
+              ? h(Action, { disabled: !canManage || !title.trim() || !body.trim(), onClick: () => { act('adopt', { title: title.trim(), body: body.trim() }); setEditing(false); } }, '保存并采纳')
+              : null,
+            h(Action, { disabled: !canManage, onClick: () => setEditing(false) }, '取消'),
+          ),
+        )
+        : null;
+
+      const evidencePane = open === 'evidence'
+        ? h('div', { style: { ...PANEL_MUTED, display: 'flex', flexDirection: 'column', gap: '4px', paddingTop: '2px' } },
+          evidence.length === 0 && samples.length === 0
+            ? '暂无学习依据'
+            : [
+              ...evidence.slice(0, 3).map((row, index) => h('div', { key: `e${index}` }, evidenceTextOf(row))),
+              ...samples.slice(0, 2).map((row, index) => h('div', { key: `s${index}` }, evidenceTextOf(row) || '样例')),
+            ].filter(Boolean))
+        : null;
+      const historyPane = open === 'history'
+        ? h('div', { style: { ...PANEL_MUTED, display: 'flex', flexDirection: 'column', gap: '4px', paddingTop: '2px' } },
+          history.length === 0
+            ? '暂无变化记录'
+            : history.map((row, index) => h('div', { key: `h${index}`, style: { display: 'flex', gap: '8px' } },
+              h('span', { style: { flex: '0 0 auto', fontVariantNumeric: 'tabular-nums' } }, EVO_DATE(row.at) || '—'),
+              h('span', { style: { minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, row.text))))
+        : null;
+
+      return h('div', { style: { display: 'flex', flexDirection: 'column', gap: '10px' } },
+        h('div', { style: { display: 'flex', flexDirection: 'column', gap: '4px' } },
+          h('div', { style: PANEL_LABEL }, '当前经验'),
+          h('div', { style: { fontSize: '13px', lineHeight: '1.45', fontWeight: 600, wordBreak: 'break-word' } }, rule.title),
+          h('div', { style: { fontSize: '12px', lineHeight: '1.65', whiteSpace: 'pre-wrap', wordBreak: 'break-word', opacity: 0.88 } }, rule.body || '没有正文'),
+        ),
+        h('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px' } },
+          h('div', { style: PANEL_LABEL }, '适用范围'),
+          h('div', { style: { fontSize: '12px', lineHeight: '1.55', wordBreak: 'break-word' } }, scopeLineOf(rule)),
+        ),
+        h('div', { style: { display: 'flex', flexDirection: 'column', gap: '4px' } },
+          h('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } },
+            h('span', { style: PANEL_LABEL }, '当前状态'),
+            h(StagePill, { state: rule.state }),
+          ),
+          h('div', { style: { fontSize: '12px', lineHeight: '1.55', opacity: 0.82 } }, usabilityOf(rule, props.evolution, props.memoryOn)),
+          actions,
+        ),
+        editor,
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: '12px', borderTop: '1px solid var(--dsw-alias-border-l1)', paddingTop: '6px' } },
+          h(Action, { onClick: () => setOpen((value) => value === 'evidence' ? '' : 'evidence') }, `学习依据 ${evidence.length + samples.length}`),
+          h(Action, { onClick: () => setOpen((value) => value === 'history' ? '' : 'history') }, `变化记录 ${history.length}`),
+        ),
+        evidencePane,
+        historyPane,
+      );
+    };
+
+    const MemoryPanel = (props) => {
+      const sessionId = props.sessionId;
+      const [data, setData] = React.useState(null);
+      const [loading, setLoading] = React.useState(true);
+      const [failed, setFailed] = React.useState(false);
       const [note, setNote] = React.useState('');
-      const [selected, setSelected] = React.useState('');
+      const [query, setQuery] = React.useState('');
+      const [tab, setTab] = React.useState('memory');
+      const [memoryView, setMemoryView] = React.useState('list');
+      const [evolutionView, setEvolutionView] = React.useState('list');
+      const [stage, setStage] = React.useState('all');
+      const [selectedMemory, setSelectedMemory] = React.useState('');
+      const [selectedRule, setSelectedRule] = React.useState('');
+      const [detail, setDetail] = React.useState(null);
+      const [detailNote, setDetailNote] = React.useState('');
+      const [busy, setBusy] = React.useState(false);
+      const [showReason, setShowReason] = React.useState(false);
       const alive = React.useRef(true);
-      React.useEffect(() => () => { alive.current = false; }, []);
-      const load = () => {
-        if (!sessionId) return;
-        setBusy(true);
+      const generation = React.useRef(0);
+      const scopeRef = React.useRef('');
+      React.useEffect(() => {
+        alive.current = true;
+        return () => { alive.current = false; };
+      }, []);
+
+      const load = (scopeKey = '', focusRule = '') => {
+        const request = generation.current + 1;
+        generation.current = request;
+        setLoading(true);
+        setFailed(false);
         setNote('');
-        post('/lite-memory/evolution', { sessionId, learningAction: 'snapshot' }).then((result) => {
-          if (!alive.current) return;
-          setBusy(false);
-          if (result.ok && result.body) setStatus(result.body);
-          else setNote(failure(result, '读不到这个项目的设置'));
+        post('/lite-memory/overview', { sessionId, scopeKey }).then((result) => {
+          if (!alive.current || generation.current !== request) return;
+          setLoading(false);
+          if (result.ok && result.body && result.body.ok) {
+            const next = result.body;
+            const nextKey = next.selected && next.selected.key ? next.selected.key : '';
+            if (scopeRef.current !== nextKey) {
+              scopeRef.current = nextKey;
+              setQuery('');
+            }
+            setData(next);
+            setSelectedMemory('');
+            setSelectedRule(focusRule);
+            setDetail(null);
+            setDetailNote('');
+            setShowReason(false);
+          } else {
+            setFailed(true);
+            setNote(failure(result, '读不到记忆'));
+          }
         });
       };
+
       React.useEffect(() => { load(); }, [sessionId]);
-      if (!sessionId) return null;
-      const enabled = status ? status.enabled === true : false;
-      const rules = status && Array.isArray(status.rules) ? status.rules : EMPTY;
-      const counts = status && status.counts ? status.counts : {};
-      const economy = status && status.economy ? status.economy : null;
-      const payload = status && status.payload ? status.payload : null;
-      const current = selected ? rules.find((rule) => rule.id === selected) : null;
-      /** 管理动作都要带上面上看到的版本，服务端才敢动。 */
+
+      React.useEffect(() => {
+        if (typeof window === 'undefined') return undefined;
+        const onKey = (event) => { if (event.key === 'Escape') { event.stopPropagation(); props.onClose(); } };
+        window.addEventListener('keydown', onKey);
+        const previous = typeof document !== 'undefined' ? document.body.style.overflow : '';
+        if (typeof document !== 'undefined') document.body.style.overflow = 'hidden';
+        return () => {
+          window.removeEventListener('keydown', onKey);
+          if (typeof document !== 'undefined') document.body.style.overflow = previous;
+        };
+      }, []);
+
+      React.useEffect(() => {
+        if (!selectedMemory || !data) { setDetail(null); setDetailNote(''); return undefined; }
+        let live = true;
+        setDetail(null);
+        setDetailNote('');
+        post('/lite-memory/body', { sessionId, id: selectedMemory, scopeKey: data.selected.key }).then((result) => {
+          if (!live) return;
+          if (result.ok && result.body && result.body.ok) {
+            if (result.body.status === 'gone') setDetailNote('这条记忆已删除');
+            else setDetail(result.body);
+          } else setDetailNote(failure(result, '读不到正文'));
+        });
+        return () => { live = false; };
+      }, [selectedMemory, data && data.selected.key, sessionId]);
+
+      const current = data ? data.current : null;
+      const selected = data ? data.selected : null;
+      const records = selected && Array.isArray(selected.records) ? selected.records : EMPTY;
+      const total = selected && selected.stats && Number.isInteger(selected.stats.total) ? selected.stats.total : records.length;
+      const currentKey = current ? current.key : '';
+      const selectedKey = selected ? selected.key : '';
+      const control = selected && selected.control
+        ? selected.control
+        : (current && selected && selected.key === current.key && current.control ? current.control : { enabled: true });
+      const memoryOn = control.enabled !== false;
+      const evolution = selected && selected.evolution
+        ? selected.evolution
+        : (current && selected && selected.key === current.key ? current.evolution : null);
+      const rules = evolution && Array.isArray(evolution.rules) ? evolution.rules : EMPTY;
+      const counts = evolution && evolution.counts && typeof evolution.counts === 'object' ? evolution.counts : null;
+      const effectiveEnabled = evolution
+        ? (typeof evolution.effectiveEnabled === 'boolean' ? evolution.effectiveEnabled : (memoryOn && evolution.enabled === true))
+        : false;
+      const canToggle = Boolean(selectedKey) && selectedKey === currentKey;
+      const canManage = canToggle && memoryOn;
+      const globalView = Boolean(selected && selected.kind === 'global');
+      const activeTab = globalView ? 'memory' : tab;
+      React.useEffect(() => { if (globalView) setTab('memory'); }, [globalView]);
+
+      const activity = evolution && evolution.activity ? evolution.activity : null;
+      const latestReceipt = evolution && evolution.economy && Array.isArray(evolution.economy.recent) ? evolution.economy.recent[0] : null;
+      const countsUnknown = Boolean(evolution) && (!counts || ['pending', 'trial', 'active', 'paused'].some((key) => countOf(counts, key) === null));
+      const activityCode = activity && typeof activity === 'object'
+        ? String(activity.code || activity.state || '')
+        : (typeof activity === 'string' ? activity : '');
+      const changedCount = activity && typeof activity === 'object' && Number.isInteger(activity.changed)
+        ? activity.changed
+        : (Number.isInteger(activity && activity.count) ? activity.count : null);
+      let activityText = '';
+      if (!evolution && memoryOn) {
+        activityText = '读不到自进化状态';
+      } else if (!memoryOn || !evolution || evolution.enabled !== true || (typeof evolution.effectiveEnabled === 'boolean' && !evolution.effectiveEnabled)) {
+        activityText = '自进化已关闭，已有成果保留';
+      } else if (activityCode === 'running' || activityCode === 'organizing') {
+        activityText = '正在整理本次反馈';
+      } else if (activityCode === 'updated' || activityCode === 'applied') {
+        activityText = changedCount === null || changedCount < 1 ? '最近整理完成' : `最近整理完成，更新了 ${changedCount} 条经验`;
+      } else if (activityCode === 'no_change' || activityCode === 'none') {
+        activityText = '本次反馈未形成新的经验';
+      } else if (activityCode === 'scope_unconfirmed' || activityCode === 'unknown_scope') {
+        activityText = '暂未整理：适用范围待确认';
+      } else if (activityCode === 'quota' || activityCode === 'exhausted') {
+        activityText = '本轮整理额度已用完';
+      } else if (activityCode === 'failed' || activityCode === 'error') {
+        activityText = '最近整理失败，可查看原因';
+      } else if (activityCode === 'waiting' || activityCode === 'idle' || activityCode === 'empty') {
+        activityText = '等待可学习的反馈';
+      }
+      if (!activityText) {
+        if (latestReceipt && latestReceipt.status === 'applied') {
+          activityText = Number.isInteger(latestReceipt.changed) && latestReceipt.changed > 0 ? `最近整理完成，更新了 ${latestReceipt.changed} 条经验` : '最近整理完成';
+        }
+        else if (latestReceipt && latestReceipt.status === 'no_change') activityText = '本次反馈未形成新的经验';
+        else if (latestReceipt && latestReceipt.status === 'failed') activityText = '最近整理失败，可查看原因';
+        else if (rules.length === 0) activityText = countsUnknown ? '等待可学习的反馈' : '还没有整理出经验';
+        else activityText = '暂无整理记录';
+      }
+      const activityReason = activity && typeof activity === 'object' && typeof activity.reason === 'string'
+        ? activity.reason
+        : (latestReceipt && typeof latestReceipt.reason === 'string' ? latestReceipt.reason : '');
+
+      const filtered = React.useMemo(() => {
+        const needle = query.trim().toLowerCase();
+        if (!needle) return records;
+        return records.filter((record) => {
+          const tags = Array.isArray(record.tags) ? record.tags.join(' ') : '';
+          return `${record.title} ${record.summary} ${tags} ${KIND_LABEL[record.kind] || ''}`.toLowerCase().includes(needle);
+        });
+      }, [records, query]);
+      const filteredRules = React.useMemo(() => {
+        if (stage === 'all') return rules;
+        return rules.filter((rule) => rule.state === stage);
+      }, [rules, stage]);
+      const selectedRuleRow = selectedRule ? rules.find((rule) => rule.id === selectedRule) : null;
+      const detailRecord = selectedMemory ? records.find((record) => record.id === selectedMemory) : null;
+
+      const onPickNode = (node) => {
+        if (node.kind !== 'memory') return;
+        setSelectedMemory(node.id);
+        setSelectedRule('');
+      };
+      const onPickRuleNode = (node) => {
+        if (node.kind !== 'rule') return;
+        setSelectedRule(node.id);
+        setSelectedMemory('');
+        setShowReason(false);
+      };
+
       const manage = (learningAction, extra) => {
-        if (busy || !current) return;
+        if (busy || !selectedRuleRow || !canManage) return;
         setBusy(true);
-        setNote('');
-        post('/lite-memory/evolution', {
+        const payload = {
           sessionId,
           learningAction,
-          id: current.id,
-          expectedRevision: current.revision,
+          id: selectedRuleRow.id,
+          expectedRevision: selectedRuleRow.revision,
           operationId: newOperationId(),
           ...extra,
-        }).then((result) => {
+        };
+        if (learningAction === 'pause') payload.ids = [selectedRuleRow.id];
+        post('/lite-memory/evolution', payload).then((result) => {
           if (!alive.current) return;
           setBusy(false);
-          if (result.ok) {
-            setNote(learningAction === 'delete' ? '已删除' : learningAction === 'undo' ? '已撤回' : '已更新');
-            load();
-          } else setNote(failure(result, '这次没有改动'));
+          if (succeeded(result)) load(selectedKey, selectedRuleRow.id);
+          else setNote(failure(result, '这次没有改动'));
         });
       };
-      const toggle = () => {
-        if (busy || !status) return;
+
+      const toggleControl = () => {
+        if (busy || !canToggle) return;
         setBusy(true);
-        setNote('');
-        post('/lite-memory/evolution', { sessionId, enabled: !enabled, operationId: newOperationId() }).then((result) => {
+        post('/lite-memory/control', { sessionId, enabled: !memoryOn, operationId: newOperationId() }).then((result) => {
           if (!alive.current) return;
           setBusy(false);
-          if (result.ok && result.body) { setStatus(result.body); load(); }
+          if (succeeded(result)) load(selectedKey);
           else setNote(failure(result, '开关没有改动'));
         });
       };
-      const usageLine = economy && economy.calls > 0
-        ? (economy.knownCalls > 0 ? `整理 ${economy.calls} 次 · 输入 ${economy.inputTokens} / 输出 ${economy.outputTokens}` : `整理 ${economy.calls} 次 · 用量未知`)
-        : '还没整理过';
-      const checkpoints = Array.isArray(current?.checkpoints) ? current.checkpoints : [];
-      const samples = Array.isArray(current?.samples) ? current.samples : [];
-      const detail = current ? h('div', { style: EVO_DETAIL },
-        h('div', null, current.title),
-        h('div', { style: EVO_MUTED }, `第 ${current.revision} 版 · ${EVO_STATE[current.state] || current.state}`),
-        h('div', { style: EVO_MUTED }, Array.isArray(current.conditions) && current.conditions.length
-          ? `适用 ${current.conditions.map((item) => `${item.key}=${item.value}`).join('、')}`
-          : '适用范围待确认'),
-        h('div', { style: BODY }, current.body || '没有正文'),
-        h('div', { style: EVO_MUTED }, `来源 ${Array.isArray(current.learning?.evidence) ? current.learning.evidence.length : 0} 条${EVO_DATE(current.learning?.updatedAt) ? ` · 最近 ${EVO_DATE(current.learning.updatedAt)}` : ''}`),
-        checkpoints.length ? h('div', { style: EVO_MUTED }, `检查点：${checkpoints[0].text}`) : null,
-        samples.length ? h('div', { style: EVO_MUTED }, `样例 ${samples.length} 项 · 未验证`) : null,
-        h('div', { style: EVO_ACTIONS },
-          Array.isArray(current.learning?.versions) && current.learning.versions.length > 0
-            ? h('button', { type: 'button', onClick: () => manage('undo'), style: EVO_LINK }, '撤回')
-            : null,
-          h('button', { type: 'button', onClick: () => manage('pin', { pinned: current.learning?.pinned !== true }), style: EVO_LINK }, current.learning?.pinned === true ? '取消固定' : '固定'),
-          current.state === 'paused'
-            ? h('button', { type: 'button', onClick: () => manage('resume'), style: EVO_LINK }, '恢复')
-            : h('button', { type: 'button', onClick: () => manage('pause', { ids: [current.id] }), style: EVO_LINK }, '暂停'),
-          h('button', { type: 'button', onClick: () => manage('delete'), style: EVO_LINK }, '删除'),
+
+      const toggleEvolution = () => {
+        if (busy || !evolution || !canToggle || !memoryOn) return;
+        setBusy(true);
+        post('/lite-memory/evolution', { sessionId, enabled: evolution.enabled !== true, operationId: newOperationId() }).then((result) => {
+          if (!alive.current) return;
+          setBusy(false);
+          if (succeeded(result)) load(selectedKey);
+          else setNote(failure(result, '开关没有改动'));
+        });
+      };
+
+      const closeButton = h('button', {
+        type: 'button', onClick: props.onClose, 'aria-label': '关闭',
+        style: { width: '30px', height: '30px', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', border: 'none', borderRadius: '8px', background: 'transparent', color: 'inherit', opacity: 0.65, cursor: 'pointer' },
+      }, h(CloseIcon));
+
+      const header = h('div', {
+        style: { display: 'flex', alignItems: 'center', gap: '10px', padding: '14px 18px', borderBottom: '1px solid var(--dsw-alias-border-l1)', flex: '0 0 auto' },
+      },
+      h('span', { style: { width: '32px', height: '32px', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', borderRadius: '9px', background: 'var(--dsw-alias-bg-layer-2)', border: '1px solid var(--dsw-alias-border-l1)', color: 'var(--dsw-alias-brand-primary)' } }, h(BrainIcon)),
+      h('span', { style: { display: 'flex', flexDirection: 'column', minWidth: 0 } },
+        h('span', { style: { fontSize: '14px', lineHeight: '1.35', fontWeight: 600 } }, '记忆'),
+        h('span', { style: { ...PANEL_MUTED, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, selected ? `${selected.label} · ${total} 条` : '读取中…'),
+      ),
+      h('span', { style: { marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '8px' } },
+        activeTab === 'memory' ? h('select', {
+          value: selectedKey,
+          onChange: (event) => load(event.target.value),
+          'aria-label': '记忆范围',
+          disabled: loading || !data,
+          style: { height: '30px', maxWidth: '190px', padding: '0 8px', border: '1px solid var(--dsw-alias-border-l1)', borderRadius: '8px', background: 'var(--dsw-alias-bg-layer-2)', color: 'inherit', fontSize: '12px' },
+        },
+        data && Array.isArray(data.scopes) ? data.scopes.map((scope) => h('option', { key: scope.key, value: scope.key }, scope.kind === 'global' ? '全局' : scope.label)) : null) : null,
+        closeButton,
+      ),
+      );
+
+      const memorySwitch = h('div', { style: { ...PANEL_CARD, flex: '1 1 300px', display: 'flex', flexDirection: 'column', gap: '4px', padding: '9px 11px' } },
+        h('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '8px' } },
+          h('span', { style: { fontSize: '12px', lineHeight: '1.4', fontWeight: 600 } }, '启用记忆'),
+          h(Toggle, { ariaLabel: '启用记忆', on: memoryOn, busy: busy || !canToggle, onClick: canToggle ? toggleControl : undefined }),
         ),
-      ) : null;
-      return h('div', { style: EVO_WRAP },
-        h('button', {
-          type: 'button',
-          onClick: () => { setOpen(!open); if (!open) load(); },
-          'aria-expanded': open,
-          'aria-pressed': enabled,
-          'aria-label': '项目自进化',
-          title: enabled ? '项目自进化 · 已开启' : '项目自进化',
-          style: { ...EVO_BUTTON, opacity: enabled ? 0.9 : 0.55 },
-        }, h(BrainIcon)),
-        open ? h('div', { style: EVO_PANEL },
-          h('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } },
-            h('span', null, '项目自进化'),
-            h('span', { style: EVO_MUTED }, '实验'),
+        h('div', { style: PANEL_MUTED }, '读取项目和全局记忆'), // ui-copy-ignore 用户指定文案
+      );
+      const evolutionSwitch = h('div', { style: { ...PANEL_CARD, flex: '1 1 300px', display: 'flex', flexDirection: 'column', gap: '4px', padding: '9px 11px', opacity: memoryOn ? 1 : 0.55 } },
+        h('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '8px' } },
+          h('span', { style: { fontSize: '12px', lineHeight: '1.4', fontWeight: 600 } }, '自进化'),
+          h(Toggle, { ariaLabel: '自进化', on: Boolean(memoryOn && evolution && evolution.enabled === true), busy: busy || !evolution || !canToggle || !memoryOn, onClick: canToggle && memoryOn ? toggleEvolution : undefined }),
+        ),
+        h('div', { style: PANEL_MUTED }, '从反馈中整理经验，按需使用'), // ui-copy-ignore 用户指定文案
+        h('div', { style: PANEL_MUTED }, '实验功能'), // ui-copy-ignore 用户指定文案
+      );
+      const switchBar = h('div', { style: { display: 'flex', alignItems: 'stretch', gap: '10px', flexWrap: 'wrap', padding: '12px 18px', borderBottom: '1px solid var(--dsw-alias-border-l1)', flex: '0 0 auto' } },
+        globalView ? h('div', { style: { ...PANEL_MUTED, padding: '2px 0' } }, '全局记忆只读') : memorySwitch,
+        globalView ? null : evolutionSwitch,
+        !memoryOn && !globalView ? h('div', { style: { ...PANEL_MUTED, flexBasis: '100%' } }, '记忆已关闭，内容只读') : null,
+        !globalView && !canToggle ? h('div', { style: { ...PANEL_MUTED, flexBasis: '100%' } }, '只读，切换回当前项目后可修改') : null,
+        note ? h('div', { style: { ...PANEL_MUTED, flexBasis: '100%', color: 'var(--dsw-alias-state-error-primary)' } }, note) : null,
+      );
+
+      const switchTab = (key) => {
+        if (key === 'evolution' && selectedKey !== currentKey) load(currentKey);
+        setTab(key);
+      };
+      const tabButton = (key, text) => h('button', {
+        type: 'button', role: 'tab', 'aria-selected': activeTab === key,
+        onClick: () => switchTab(key),
+        style: {
+          ...PANEL_LINK, flex: '0 0 auto', height: '34px', padding: '0 18px', borderRadius: 0,
+          background: 'transparent',
+          opacity: activeTab === key ? 0.95 : 0.55,
+          border: 'none',
+          borderBottom: activeTab === key ? '2px solid var(--dsw-alias-brand-primary)' : '2px solid transparent',
+        },
+      }, text);
+
+      const tabBar = h('div', { role: 'tablist', 'aria-label': '记忆内容', style: { display: 'flex', alignItems: 'center', gap: '2px', flex: '0 0 auto', borderBottom: '1px solid var(--dsw-alias-border-l1)' } },
+        tabButton('memory', '记忆'),
+        globalView ? null : tabButton('evolution', '自进化'),
+      );
+
+      const memoryList = loading
+        ? h('div', { style: { ...PANEL_MUTED, padding: '12px 4px' } }, '读取中…')
+        : filtered.length === 0
+          ? h('div', { style: { ...PANEL_MUTED, padding: '12px 4px' } }, query ? '没有匹配的记忆' : '还没有记忆')
+          : filtered.map((record) => h(MemoryRow, {
+            key: record.id, record, active: record.id === selectedMemory,
+            onClick: () => { setSelectedMemory(record.id); setSelectedRule(''); },
+          }));
+
+      const memoryDetail = selectedMemory
+        ? h('div', { style: { ...PANEL_CARD, minHeight: 0, overflowY: 'auto', display: 'flex', flexDirection: 'column', gap: '6px' } },
+          detail
+            ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: '6px' } },
+              h('div', { style: { display: 'flex', alignItems: 'flex-start', gap: '8px' } },
+                h('div', { style: { flex: 1, minWidth: 0, fontSize: '13px', lineHeight: '1.45', fontWeight: 600, wordBreak: 'break-word' } }, detail.title),
+                h(Action, { onClick: () => setSelectedMemory('') }, '关闭'),
+              ),
+              h('div', { style: PANEL_MUTED }, `${KIND_LABEL[detailRecord && detailRecord.kind] || '记忆'} · ${detail.scopeLabel || ''}`),
+              Array.isArray(detailRecord && detailRecord.tags) && detailRecord.tags.length
+                ? h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '4px' } },
+                  detailRecord.tags.slice(0, 6).map((tag) => h('span', { key: tag, style: { ...PANEL_MUTED, padding: '0 6px', border: '1px solid var(--dsw-alias-border-l1)', borderRadius: '999px' } }, `#${tag}`))) : null,
+              h('div', { style: { fontSize: '12px', lineHeight: '1.65', whiteSpace: 'pre-wrap', wordBreak: 'break-word' } }, detail.body || '没有正文'),
+            )
+            : h('div', { style: PANEL_MUTED }, detailNote || '读取中…'),
+        )
+        : null;
+
+      const viewToggleOf = (current, setValue, ariaLabel) => {
+        const button = (key, label) => h('button', {
+          key, type: 'button', onClick: () => setValue(key),
+          'aria-pressed': current === key,
+          style: {
+            ...PANEL_LINK, height: '24px', padding: '0 7px', borderRadius: '6px',
+            background: current === key ? 'var(--dsw-alias-bg-layer-2)' : 'transparent',
+            opacity: current === key ? 0.9 : 0.5,
+          },
+        }, label);
+        return h('div', {
+          role: 'group', 'aria-label': ariaLabel,
+          style: {
+            display: 'flex', alignItems: 'center', gap: '2px', flex: '0 0 auto',
+            height: '30px', padding: '2px', boxSizing: 'border-box',
+            border: '1px solid var(--dsw-alias-border-l1)', borderRadius: '8px',
+            background: 'var(--dsw-alias-bg-base)',
+          },
+        }, button('list', '列表'), button('graph', '图谱'));
+      };
+      const memoryToggle = viewToggleOf(memoryView, setMemoryView, '记忆视图');
+
+      const memoryListPane = h('div', {
+        style: {
+          ...PANEL_CARD, padding: '2px 4px', minHeight: 0, overflowY: 'auto',
+        },
+      }, memoryList);
+      const memoryGraphPane = h('div', {
+        style: { ...PANEL_CARD, padding: 0, minHeight: 0, overflow: 'hidden', display: 'flex' },
+      },
+      h(MemoryGraph, { records: filtered, selectedId: selectedMemory, onPick: onPickNode, emptyText: query ? '没有匹配的记忆' : '还没有记忆', ariaLabel: '记忆关系图' }));
+      const memoryTab = h('div', { role: 'tabpanel', 'aria-label': '记忆', style: { flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column', gap: '9px' } },
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: '8px', flex: '0 0 auto' } },
+          h('input', {
+            value: query, onChange: (event) => setQuery(event.target.value),
+            placeholder: '搜索标题或标签', 'aria-label': '搜索记忆',
+            style: { ...PANEL_INPUT, width: 'auto', flex: '1 1 0', minWidth: 0 },
+          }),
+          memoryToggle,
+        ),
+        h('div', {
+          style: {
+            flex: 1, minHeight: 0, display: 'grid', gap: '10px',
+            gridTemplateColumns: selectedMemory ? 'minmax(0, 1fr) minmax(280px, 340px)' : 'minmax(0, 1fr)',
+          },
+        },
+        memoryView === 'graph' ? memoryGraphPane : memoryListPane,
+        memoryDetail),
+      );
+
+      const stageFilters = [
+        ['all', '全部'],
+        ['pending', '候选'],
+        ['trial', '试用'],
+        ['active', '生效'],
+        ['paused', '暂停'],
+      ];
+      const countText = (key) => {
+        if (!counts || countsUnknown) return '—';
+        if (key === 'all') return String(['pending', 'trial', 'active', 'paused'].reduce((sum, name) => sum + (countOf(counts, name) || 0), 0));
+        const value = countOf(counts, key);
+        return value === null ? '—' : String(value);
+      };
+      const filterBar = h('div', { style: { display: 'flex', alignItems: 'center', gap: '12px', flexWrap: 'wrap', flex: '0 0 auto' } },
+        stageFilters.map(([key, label]) => h('button', {
+          key, type: 'button', onClick: () => setStage(key),
+          style: {
+            ...PANEL_LINK, opacity: stage === key ? 0.92 : 0.5,
+            borderBottom: stage === key ? '1px solid currentColor' : '1px solid transparent',
+            fontVariantNumeric: 'tabular-nums',
+          },
+        }, `${label} ${countText(key)}`)),
+        h('span', { style: { marginLeft: 'auto' } }, viewToggleOf(evolutionView, setEvolutionView, '自进化视图')),
+      );
+
+      const stageLabel = (stageFilters.find(([key]) => key === stage) || ['all', '全部'])[1];
+      const evolutionEmptyText = !memoryOn ? '记忆已关闭'
+        : !evolution ? '读不到自进化状态'
+          : evolution.enabled !== true ? '自进化已关闭'
+            : rules.length === 0 ? (countsUnknown ? '数量未知' : '还没有整理出经验')
+              : `没有${stageLabel}的经验`;
+      const evolutionList = filteredRules.length === 0
+        ? h('div', { style: { ...PANEL_MUTED, padding: '12px 4px' } }, evolutionEmptyText)
+        : filteredRules.map((rule) => h('button', {
+          key: rule.id, type: 'button', onClick: () => { setSelectedRule(rule.id); setSelectedMemory(''); setShowReason(false); },
+          style: {
+            display: 'flex', flexDirection: 'column', gap: '3px', width: '100%', textAlign: 'left',
+            border: 'none', borderBottom: '1px solid var(--dsw-alias-border-l1)',
+            background: rule.id === selectedRule ? 'var(--dsw-alias-bg-layer-2)' : 'transparent',
+            color: 'inherit', padding: '8px 7px', cursor: 'pointer', minWidth: 0,
+          },
+        },
+        h('span', { style: { fontSize: '12px', lineHeight: '1.45', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', opacity: 0.92 } }, rule.title),
+        h('span', { style: { ...PANEL_MUTED, display: 'flex', alignItems: 'center', gap: '6px', minWidth: 0 } },
+          h(StagePill, { state: rule.state }),
+          h('span', { style: { marginLeft: 'auto', flex: '0 0 auto', fontVariantNumeric: 'tabular-nums' } }, EVO_DATE(rule.updated)),
+        )));
+
+      const evolutionReady = selectedKey === currentKey;
+      const evolutionFailed = !evolutionReady || failed
+        ? h('div', { style: { ...PANEL_CARD, padding: '9px 11px', display: 'flex', alignItems: 'center', gap: '8px', flex: '0 0 auto' } },
+          h('span', { style: { ...PANEL_MUTED, minWidth: 0 } }, !evolutionReady && loading ? '读取中…' : (note || '读不到自进化状态')),
+          !evolutionReady && loading ? null : h(Action, { onClick: () => load(currentKey) }, '重试'),
+        )
+        : null;
+      const evolutionDetailPane = selectedRuleRow
+        ? h('div', { style: { ...PANEL_CARD, padding: 0, minHeight: 0, display: 'flex', flexDirection: 'column', overflow: 'hidden' } },
+          h('div', { style: { display: 'flex', justifyContent: 'flex-end', padding: '8px 10px 0', flex: '0 0 auto' } },
+            h(Action, { onClick: () => setSelectedRule('') }, '关闭')),
+          h('div', { style: { minHeight: 0, overflowY: 'auto', padding: '0 10px 10px' } },
+            h(EvolutionDetail, {
+              key: selectedRuleRow.id, rule: selectedRuleRow, evolution, memoryOn,
+              canManage, busy, onManage: manage,
+            })))
+        : null;
+      const evolutionListPane = h('div', {
+        style: {
+          ...PANEL_CARD, padding: '2px 4px', minHeight: 0, overflowY: 'auto',
+        },
+      }, evolutionList);
+      const evolutionGraphPane = h('div', {
+        style: { ...PANEL_CARD, padding: 0, minHeight: 0, overflow: 'hidden', display: 'flex' },
+      },
+      h(MemoryGraph, {
+        records: filteredRules, graphOf: ruleGraphOf, primaryKind: 'rule',
+        selectedId: selectedRule, onPick: onPickRuleNode,
+        emptyText: evolutionEmptyText, ariaLabel: '经验关系图',
+      }));
+      const evolutionTab = evolutionFailed ? evolutionFailed : h('div', { role: 'tabpanel', 'aria-label': '自进化', style: { flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column', gap: '9px' } },
+        h('div', { style: { ...PANEL_CARD, padding: '9px 11px', display: 'flex', alignItems: 'flex-start', gap: '8px', flex: '0 0 auto' } },
+          h('span', { style: { flex: '0 0 auto', width: '6px', height: '6px', marginTop: '5px', borderRadius: '999px', background: effectiveEnabled ? 'var(--dsw-alias-brand-primary)' : 'var(--dsw-alias-label-secondary)', opacity: 0.8 } }),
+          h('div', { style: { display: 'flex', flexDirection: 'column', gap: '2px', minWidth: 0 } },
+            h('div', { style: { fontSize: '12px', lineHeight: '1.55' } }, activityText || (rules.length === 0 ? '还没有整理出经验' : '暂无整理记录')),
+            countsUnknown ? h('div', { style: PANEL_MUTED }, '数量未知') : null,
+            activityReason
+              ? (showReason
+                ? h('div', { style: { ...PANEL_MUTED, whiteSpace: 'pre-wrap', wordBreak: 'break-word' } }, activityReason)
+                : h(Action, { onClick: () => setShowReason(true) }, '查看原因'))
+              : null,
           ),
-          h('div', null, status ? (enabled ? '已开启' : '未开启') : (busy ? '读取中…' : '未读取')),
-          enabled ? h('div', { style: EVO_MUTED }, `候选 ${counts.pending || 0} · 试用 ${counts.trial || 0} · 生效 ${counts.active || 0}`) : null,
-          h('div', { style: EVO_MUTED }, enabled ? '关闭后停止学习，结果保留。' : '开启后整理修正、增加用量。'),
-          rules.length > 0 ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: '2px', maxHeight: '140px', overflowY: 'auto' } },
-            rules.map((rule) => h('button', {
-              key: rule.id,
-              type: 'button',
-              onClick: () => setSelected(selected === rule.id ? '' : rule.id),
-              style: { ...ITEM, opacity: selected === rule.id ? 1 : 0.75 },
-            }, `${rule.title} · ${EVO_STATE[rule.state] || rule.state}`)),
-          ) : h('div', { style: EVO_MUTED }, enabled ? '还没有整理出规则' : null),
-          detail,
-          h('div', { style: EVO_MUTED }, usageLine),
-          h('div', { style: EVO_MUTED }, `上次记忆 ${EVO_SIZE(payload ? payload.bytes : null)}`),
-          h('button', { type: 'button', onClick: toggle, disabled: busy || !status, style: busy || !status ? KEEP_OFF : EVO_ACTION }, busy ? '处理中…' : (enabled ? '关闭' : '开启')),
-          note ? h('div', { style: EVO_MUTED }, note) : null,
-        ) : null,
+        ),
+        filterBar,
+        h('div', {
+          style: {
+            flex: 1, minHeight: 0, display: 'grid', gap: '10px',
+            gridTemplateColumns: selectedRuleRow ? 'minmax(0, 1fr) minmax(280px, 340px)' : 'minmax(0, 1fr)',
+          },
+        },
+        evolutionView === 'graph' ? evolutionGraphPane : evolutionListPane,
+        evolutionDetailPane),
+      );
+
+      const content = h('section', { style: { flex: 1, display: 'flex', flexDirection: 'column', minWidth: 0, minHeight: 0, padding: '14px', gap: '10px' } },
+        tabBar,
+        activeTab === 'memory' ? memoryTab : evolutionTab,
       );
+
+      const shell = (children) => h('div', {
+        style: PANEL_BACKDROP,
+        onClick: (event) => { if (event.target === event.currentTarget) props.onClose(); },
+      },
+      h('div', {
+        role: 'dialog', 'aria-modal': 'true', 'aria-label': '记忆面板',
+        style: { ...PANEL_DIALOG, width: 'min(1120px, 100%)', height: 'min(760px, 100%)', boxSizing: 'border-box' },
+      }, ...children));
+
+      if (!sessionId) return null;
+      if (!data) {
+        return shell([
+          header,
+          h('div', { style: { flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: '10px', color: 'var(--dsw-alias-label-secondary)', fontSize: '12px' } },
+            h('span', null, loading ? '读取中…' : '读不到记忆'),
+            loading || !note ? null : h(Action, { onClick: () => load() }, '重试'),
+            note ? h('span', null, note) : null,
+          ),
+        ]);
+      }
+
+      return shell([header, switchBar, content]);
+    };
+
+    /** 面板浮层。 */
+    const MemoryOverlay = () => {
+      const ui = usePanelUi();
+      if (!ui.open || !ui.sessionId) return null;
+      return h(MemoryPanel, {
+        key: ui.sessionId,
+        sessionId: ui.sessionId,
+        onClose: () => updatePanel({ open: false }),
+      });
     };
 
     /** 输出末尾那几条：只算本轮的。 */
@@ -588,7 +1544,7 @@ window.__ModuleLoader__.load({
 
     // 测试缝：Node 里验引用投影，浏览器里没有任何副作用。
     if (typeof globalThis.__LITE_MEMORY_TEST__ === 'function') {
-      globalThis.__LITE_MEMORY_TEST__({ metaOf, citationOf, citationsOfMeta, citationsOfTurn, dedupe, undoRefOf });
+      globalThis.__LITE_MEMORY_TEST__({ metaOf, citationOf, citationsOfMeta, citationsOfTurn, dedupe, undoRefOf, graphOf, ruleGraphOf, MemoryPanel });
     }
 
     return {
@@ -604,6 +1560,11 @@ window.__ModuleLoader__.load({
           id: 'lite-memory:project-evolution',
           order: 30, // ui-copy-ignore
         }, ProjectEvolution));
+        ctx.slots.inject('shell.overlay', () => ctx.slots.register({
+          name: 'shell.overlay',
+          id: 'lite-memory:panel',
+          order: 30, // ui-copy-ignore
+        }, MemoryOverlay));
         ctx.slots.inject('conversation.chat.turnTail', () => {
           try {
             return ctx.slots.register({