dsh-lite-memory 0.16.4 → 0.17.0

package/client.js

@@ -23,7 +23,7 @@ window.__ModuleLoader__.load({
     const KEEP_OFF = { ...KEEP_STYLE, opacity: 0.45, cursor: 'default' };
     const DROP = { flex: '0 0 auto', border: 'none', background: 'transparent', color: 'inherit', padding: '0 2px', fontSize: '12px', lineHeight: '18px', opacity: 0.55, cursor: 'pointer' };
     const DOCK = { display: 'flex', flexDirection: 'column', gap: '2px', minWidth: 0, fontSize: '12px', lineHeight: '1.6' };
-    const TAIL = { ...DOCK, margin: '4px 0 2px', opacity: 0.9 };
+    const TAIL = { ...DOCK, margin: '4px 0 2px' };
     const CHIP = { alignSelf: 'flex-start', border: 'none', background: 'transparent', color: 'inherit', padding: 0, fontSize: '12px', lineHeight: '1.6', opacity: 0.6, cursor: 'pointer', maxWidth: '100%', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' };
     const ITEM = { alignSelf: 'flex-start', border: 'none', background: 'transparent', color: 'inherit', padding: 0, fontSize: '12px', lineHeight: '1.6', opacity: 0.75, cursor: 'pointer', textAlign: 'left', width: '100%', minWidth: 0, maxWidth: '100%', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' };
     const BODY = { margin: '2px 0 4px', padding: '4px 0 4px 8px', borderLeft: '1px solid currentColor', opacity: 0.7, whiteSpace: 'pre-wrap', wordBreak: 'break-word', maxHeight: '180px', overflowY: 'auto' };
@@ -98,6 +98,13 @@ window.__ModuleLoader__.load({
         origin: meta.origin === 'project_evolution' ? 'project_evolution' : 'user_explicit',
         kind,
         exposure: kind === 'memory-save' || kind === 'memory-forget' ? 'update' : 'reference',
+        reason: typeof meta.reason === 'string' ? meta.reason : '',
+        reasonCode: typeof meta.reasonCode === 'string' ? meta.reasonCode : '',
+        noTriggerReason: typeof meta.noTriggerReason === 'string' ? meta.noTriggerReason : '',
+        sourceExcerpt: meta.sourceExcerpt,
+        sourceRefs: meta.sourceRefs,
+        evidence: meta.evidence,
+        processingStatus: processingStatusOf(meta),
       };
     };
 
@@ -122,15 +129,22 @@ window.__ModuleLoader__.load({
     const citationsOfTurn = (nodes) => {
       if (!Array.isArray(nodes)) return EMPTY;
       const out = [];
+      let noTriggerReason = '';
       for (const node of nodes) {
         const root = node && node.root;
         if (root === null || typeof root !== 'object') continue;
         for (const block of [root, ...(Array.isArray(root.subCalls) ? root.subCalls : [])]) {
           const meta = metaOf(block);
           if (!meta) continue;
-          out.push(...citationsOfMeta(meta));
+          const citations = citationsOfMeta(meta);
+          out.push(...citations);
+          if (citations.length === 0 && meta.kind === 'memory-search') {
+            const reason = [meta.noTriggerReason, meta.reason].find((value) => typeof value === 'string' && value);
+            if (reason) noTriggerReason = reason;
+          }
         }
       }
+      if (noTriggerReason) Object.defineProperty(out, 'noTriggerReason', { value: noTriggerReason, enumerable: false, configurable: true });
       return out;
     };
 
@@ -148,6 +162,9 @@ window.__ModuleLoader__.load({
           out[at] = item;
         }
       }
+      if (items && typeof items.noTriggerReason === 'string' && items.noTriggerReason) {
+        Object.defineProperty(out, 'noTriggerReason', { value: items.noTriggerReason, enumerable: false, configurable: true });
+      }
       return out;
     };
 
@@ -196,7 +213,9 @@ window.__ModuleLoader__.load({
         if (value !== lastNodes) {
           lastNodes = value;
           const next = dedupe(citationsOfTurn(value));
-          if (!sameList(next, snapshot)) snapshot = next;
+          const nextReason = next.noTriggerReason || '';
+          const lastReason = snapshot.noTriggerReason || '';
+          if (!sameList(next, snapshot) || nextReason !== lastReason) snapshot = next;
         }
         return snapshot;
       };
@@ -308,7 +327,9 @@ window.__ModuleLoader__.load({
           setState('failed');
         });
       };
-      const label = note || (firstLine(text) ?? RUNNING.memory_save);
+      const processing = processingStatusOf(meta);
+      const baseLabel = firstLine(text) ?? RUNNING.memory_save;
+      const label = note || `${baseLabel}${processing ? ` · ${PROCESSING_LABEL[processing]}` : ''}`;
       const button = changed && state !== 'dropped'
         ? h('button', { type: 'button', onClick: drop, disabled: !canDrop, 'aria-label': '撤销此次修改', style: state === 'idle' || state === 'failed' ? DROP : { ...DROP, opacity: 0.25, cursor: 'default' } }, '✕')
         : null;
@@ -316,16 +337,257 @@ window.__ModuleLoader__.load({
     };
 
     const scopeTag = (scope) => (scope === 'global' ? '[全局]' : '[项目]');
+
+    /** 处理状态只认服务端枚举，绝不从中文 reason 反推。 */
+    const PROCESSING = ['applied', 'unchanged', 'superseded', 'failed'];
+    const PROCESSING_LABEL = {
+      applied: '已应用', unchanged: '无变化', superseded: '已被新版本取代', failed: '处理失败',
+    };
+    const processingStatusOf = (source) => {
+      if (!source || typeof source !== 'object') return '';
+      for (const field of ['processingStatus', 'processing', 'outcome', 'status']) {
+        const value = source[field];
+        if (typeof value === 'string' && PROCESSING.includes(value)) return value;
+        if (value && typeof value === 'object' && typeof value.status === 'string' && PROCESSING.includes(value.status)) return value.status;
+      }
+      return '';
+    };
+
+    const recordOfPayload = (payload) =>
+      (payload && payload.record && typeof payload.record === 'object' && !Array.isArray(payload.record) ? payload.record : null);
+
+    const bodyTextOf = (value) => {
+      if (typeof value === 'string') return value;
+      if (!value || typeof value !== 'object') return '';
+      for (const field of ['body', 'text', 'value']) {
+        if (typeof value[field] === 'string') return value[field];
+      }
+      return '';
+    };
+
+    /** 当前正文与历史版本分开，历史不拼进正文。 */
+    const currentBodyOf = (payload) => {
+      if (!payload || typeof payload !== 'object') return '';
+      if (typeof payload.currentBody === 'string') return payload.currentBody;
+      const record = recordOfPayload(payload);
+      if (record) {
+        const recordBody = bodyTextOf(record.current);
+        if (recordBody) return recordBody;
+        if (typeof record.body === 'string') return record.body;
+      }
+      if (payload.current !== undefined && typeof payload.current !== 'boolean') {
+        const current = bodyTextOf(payload.current);
+        if (current) return current;
+      }
+      return typeof payload.body === 'string' ? payload.body : '';
+    };
+
+    const historyOfPayload = (payload) => {
+      const record = recordOfPayload(payload);
+      const current = payload && payload.current && typeof payload.current === 'object' ? payload.current : null;
+      const lists = [
+        payload && payload.versions,
+        payload && payload.history,
+        record && record.versions,
+        record && record.history,
+        current && current.versions,
+      ];
+      for (const list of lists) {
+        if (Array.isArray(list)) return list.filter((row) => row !== null && row !== undefined);
+      }
+      return EMPTY;
+    };
+
+    /** 历史行统一成 old → new，缺前后值用相邻版本补。 */
+    const historyDiffsOf = (payload) => {
+      const rows = historyOfPayload(payload);
+      if (rows.length === 0) return EMPTY;
+      const currentBody = currentBodyOf(payload);
+      const normalized = rows.map((row, index) => {
+        const value = row && typeof row === 'object' && !Array.isArray(row) ? row : { body: row };
+        const explicitOld = [value.old, value.from, value.before, value.previousBody]
+          .find((item) => typeof item === 'string');
+        const explicitNew = [value.next, value.to, value.after, value.newBody]
+          .find((item) => typeof item === 'string');
+        return {
+          key: `${Number.isInteger(value.revision) ? value.revision : 'v'}-${index}`,
+          at: typeof value.at === 'string' ? value.at : (typeof value.when === 'string' ? value.when : ''),
+          revision: Number.isInteger(value.revision) ? value.revision : null,
+          status: typeof value.status === 'string' ? value.status : '',
+          body: bodyTextOf(value), // ui-copy-ignore
+          old: explicitOld || '', // ui-copy-ignore
+          next: explicitNew || '', // ui-copy-ignore
+        };
+      });
+      const byRevision = normalized.every((row) => row.revision !== null);
+      if (byRevision) normalized.sort((a, b) => a.revision - b.revision);
+      else if (normalized.every((row) => Boolean(row.at))) normalized.sort((a, b) => a.at.localeCompare(b.at));
+      return normalized.map((row, index) => ({
+        ...row,
+        old: row.old || row.body || '',
+        next: row.next || (index + 1 < normalized.length ? normalized[index + 1].body : currentBody),
+      }));
+    };
+
+    const payloadFieldOf = (payload, field) => {
+      const record = recordOfPayload(payload);
+      const current = payload && payload.current && typeof payload.current === 'object' ? payload.current : null;
+      for (const owner of [payload, record, current]) {
+        if (owner && owner[field] !== undefined) return owner[field];
+      }
+      return undefined;
+    };
+
+    const sourceExcerptOf = (payload) => bodyTextOf(payloadFieldOf(payload, 'sourceExcerpt'));
+    const refsOfPayload = (payload) => {
+      const value = payloadFieldOf(payload, 'sourceRefs');
+      if (typeof value === 'string' && value) return [value];
+      if (Array.isArray(value)) return value;
+      if (value && typeof value === 'object') return [value];
+      return EMPTY;
+    };
+    const evidenceOfPayload = (payload) => {
+      const value = payloadFieldOf(payload, 'evidence');
+      if (typeof value === 'string' && value) return [value];
+      if (Array.isArray(value)) return value;
+      if (value && typeof value === 'object') return [value];
+      return EMPTY;
+    };
+
+    const refLabelOf = (ref, index) => {
+      if (typeof ref === 'string') return ref;
+      if (!ref || typeof ref !== 'object') return '';
+      if (typeof ref.label === 'string' && ref.label) return ref.label;
+      if (typeof ref.title === 'string' && ref.title) return ref.title;
+      if (typeof ref.text === 'string' && ref.text) return ref.text;
+      if (ref.message !== undefined) return `消息 ${ref.message}`;
+      if (ref.messageId !== undefined) return `消息 ${ref.messageId}`;
+      if (ref.turn !== undefined) return `第 ${ref.turn} 轮`;
+      if (ref.turnIndex !== undefined) return `第 ${ref.turnIndex} 轮`;
+      return ref.id !== undefined ? String(ref.id) : `引用 ${index + 1}`;
+    };
+    const refHrefOf = (ref) => (ref && typeof ref === 'object'
+      ? [ref.href, ref.url, ref.link].find((value) => typeof value === 'string' && value)
+      : '');
+
+    const linkStyle = { color: 'inherit', textDecoration: 'underline', textUnderlineOffset: '2px', wordBreak: 'break-all' };
+
+    const HistoryVersions = (props) => {
+      const rows = Array.isArray(props.rows) ? props.rows : EMPTY;
+      const [open, setOpen] = React.useState(false);
+      if (rows.length === 0) return null;
+      return h('div', { style: { display: 'flex', flexDirection: 'column', gap: '2px' } },
+        h('button', {
+          type: 'button',
+          onClick: () => setOpen((value) => !value),
+          'aria-expanded': open,
+          'aria-label': `${open ? '收起' : '展开'}历史版本`,
+          style: CHIP,
+        }, `历史 ${rows.length}${open ? ' · 收起' : ''}`),
+        open ? h('div', { style: BODY }, rows.map((row) => h('div', {
+          key: row.key, style: { margin: '0 0 4px', minWidth: 0 },
+        },
+        h('div', { style: { opacity: 0.65, fontSize: '11px' } },
+          [row.at, row.revision === null ? '' : `v${row.revision}`, row.status].filter(Boolean).join(' · ')),
+        h('div', null,
+          h('span', { style: { opacity: 0.6 } }, SHORT(row.old, 120) || '—'),
+          ' → ',
+          h('span', null, SHORT(row.next, 120) || '—'))))) : null,
+      );
+    };
+
+    const DetailExtras = (props) => {
+      const payload = props.payload;
+      const excerpt = sourceExcerptOf(payload);
+      const refs = refsOfPayload(payload);
+      const evidence = evidenceOfPayload(payload);
+      const history = historyDiffsOf(payload);
+      if (!excerpt && refs.length === 0 && evidence.length === 0 && history.length === 0) return null;
+      const links = (items, label) => (items.length === 0 ? null : h('div', { style: { display: 'flex', gap: '6px', minWidth: 0 } },
+        h('span', { style: { opacity: 0.6, flex: '0 0 auto' } }, label),
+        h('span', { style: { minWidth: 0, wordBreak: 'break-word' } }, items.map((item, index) => {
+          const href = refHrefOf(item);
+          const text = refLabelOf(item, index);
+          const key = `${index}-${text}`;
+          if (!href) return h('span', { key }, index > 0 ? ' · ' : '', text);
+          return h('span', { key }, index > 0 ? ' · ' : '', h('a', {
+            href, target: '_blank', rel: 'noreferrer', style: linkStyle,
+          }, text));
+        }))));
+      return h('div', { style: { display: 'flex', flexDirection: 'column', gap: '4px' } },
+        excerpt ? h('div', { style: BODY }, h('span', { style: { opacity: 0.65 } }, '来源'), ' ', excerpt) : null,
+        links(refs, '消息'),
+        links(evidence, '依据'),
+        h(HistoryVersions, { rows: history }));
+    };
+
     const versionLine = (shown) => {
       const scope = shown.scopeLabel || (shown.scope === 'global' ? '全局' : '项目');
       const archived = shown.status === 'archived' ? ' · 已归档' : '';
-      return `${scope}${archived}`;
+      const processing = processingStatusOf(shown.processingStatus ? { processingStatus: shown.processingStatus } : shown);
+      return `${scope}${archived}${processing ? ` · ${PROCESSING_LABEL[processing]}` : ''}`;
+    };
+
+    /**
+     * 引用三层的色调：中性 / 强调 / 成功。
+     * 三档色阶：中性 / 强调 / 成功；正文用主文本色。
+     */
+    const REF_TONE = {
+      found: 'var(--dsw-alias-label-secondary)',
+      provided: 'var(--dsw-alias-brand-primary)',
+      update: 'var(--dsw-alias-state-success-primary)',
+    };
+    const REF_META = { display: 'flex', alignItems: 'center', gap: '6px', margin: '0 0 2px 2px', fontSize: '11px', lineHeight: '18px', color: 'var(--dsw-alias-label-secondary)' };
+    const REF_BODY = { margin: '2px 0 3px', padding: '3px 0 3px 9px', display: 'flex', flexDirection: 'column', gap: '3px', fontSize: '12px', lineHeight: '1.65', maxHeight: '180px', overflowY: 'auto' };
+
+    /** 出处一句话：项目/全局、来源、状态。 */
+    const refMetaOf = (item) => {
+      const parts = [item.scope === 'global' ? '全局' : '项目', item.origin === 'project_evolution' ? '自进化' : '你记的'];
+      if (item.status === 'archived') parts.push('已归档');
+      const processing = PROCESSING_LABEL[item.processingStatus] || '';
+      if (processing) parts.push(processing);
+      return parts.join(' · ');
+    };
+
+    const RefChevron = (props) => h('svg', {
+      width: 8, height: 8, viewBox: '0 0 8 8', 'aria-hidden': 'true', focusable: 'false',
+      style: { flex: '0 0 auto', opacity: 0.65, transform: props.open ? 'rotate(90deg)' : 'none' },
+    }, h('path', { d: 'M2.5 1 L5.5 4 L2.5 7', fill: 'none', stroke: 'currentColor', 'stroke-width': '1.2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round' }));
+
+    /** 一条引用：标题一行、原因与来源一行，窄栏也不抢宽度。 */
+    const RefRow = (props) => {
+      const [hover, setHover] = React.useState(false);
+      const item = props.item;
+      const reason = item.noTriggerReason || item.reason || '';
+      return h('button', {
+        type: 'button', // ui-copy-ignore
+        onMouseEnter: () => setHover(true),
+        onMouseLeave: () => setHover(false),
+        onClick: props.onShow, // ui-copy-ignore
+        'aria-label': `查看记忆 ${item.title || item.id}${reason ? `，${reason}` : ''}`,
+        title: reason ? `${item.title || item.id}，${reason}` : (item.title || item.id),
+        style: { // ui-copy-ignore
+          display: 'flex', alignItems: 'flex-start', gap: '7px', width: '100%', minWidth: 0, textAlign: 'left',
+          border: 'none', borderRadius: '8px', padding: '3px 7px', cursor: 'pointer', color: 'inherit',
+          background: props.active || hover ? 'var(--dsw-alias-bg-layer-2)' : 'transparent',
+          fontSize: '12px', lineHeight: '18px',
+        },
+      },
+      h('span', { 'aria-hidden': 'true', style: { flex: '0 0 auto', alignSelf: 'stretch', width: '2px', minHeight: '10px', borderRadius: '999px', background: props.tone, opacity: 0.85 } }),
+      h('span', { style: { display: 'flex', flexDirection: 'column', gap: '1px', flex: '1 1 auto', minWidth: 0 } },
+        h('span', { style: { minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, item.title || item.id),
+        h('span', { style: { display: 'flex', alignItems: 'center', gap: '6px', minWidth: 0, fontSize: '11px', lineHeight: '16px', color: 'var(--dsw-alias-label-secondary)' } },
+          reason ? h('span', { style: { minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, reason) : null,
+          h('span', { style: { marginLeft: 'auto', flex: '0 0 auto', fontVariantNumeric: 'tabular-nums' } }, refMetaOf(item)),
+        ),
+      ));
     };
 
     /** 一段引用：点开是名字，再点是当前正文。 */
     const RefSection = (props) => {
       const items = Array.isArray(props.items) ? props.items : EMPTY;
       const sessionId = typeof props.sessionId === 'string' ? props.sessionId : '';
+      const tone = REF_TONE[props.tone] || REF_TONE.found;
       const [open, setOpen] = React.useState(false);
       const [shown, setShown] = React.useState(null);
       const [note, setNote] = React.useState('');
@@ -341,7 +603,10 @@ window.__ModuleLoader__.load({
         setShown(null);
         setNote('');
       }, [sessionId, props.turnKey]);
-      if (items.length === 0) return null;
+      if (items.length === 0) {
+        const reason = typeof props.noTriggerReason === 'string' ? props.noTriggerReason : '';
+        return reason ? h('div', { style: { ...REF_META, margin: 0 } }, reason) : null;
+      }
       const close = () => {
         generation.current += 1;
         setShown(null);
@@ -378,30 +643,35 @@ window.__ModuleLoader__.load({
             scopeLabel: typeof payload.scopeLabel === 'string' ? payload.scopeLabel : '',
             revision: Number.isInteger(payload.revision) ? payload.revision : item.revision,
             status: typeof payload.status === 'string' ? payload.status : 'ok',
-            body: typeof payload.body === 'string' ? payload.body : '',
+            body: currentBodyOf(payload),
+            processingStatus: processingStatusOf(payload) || item.processingStatus || '',
+            payload,
             current: payload.revision === item.revision,
           });
         });
       };
-      const rows = open ? items.map((item) => h('button', {
+      const rows = open ? items.map((item) => h(RefRow, {
         key: `${item.scope}|${item.id}|${item.revision}`, // ui-copy-ignore
-        type: 'button', // ui-copy-ignore
-        onClick: () => show(item), // ui-copy-ignore
-        'aria-label': `查看记忆 ${item.title || item.id}`,
-        title: item.title || item.id,
-        style: ITEM, // ui-copy-ignore
-      }, `${scopeTag(item.scope)} ${item.title || item.id}${item.origin === 'project_evolution' ? ' · 实验' : ''}`)) : [];
+        item, tone, active: Boolean(shown && shown.id === item.id),
+        onShow: () => show(item),
+      })) : [];
       const detail = shown && shown.ref && items.some((item) => item.id === shown.id && item.revision === shown.ref.revision)
-        ? h('div', { style: BODY },
-          shown.loading ? '读取中' : null,
-          shown.gone ? '这条记忆已删除' : null,
-          shown.invalid ? '读取失败，点名字重试' : null,
+        ? h('div', { style: { ...REF_BODY, borderLeft: `2px solid ${tone}` } },
+          shown.loading ? h('span', { style: REF_META }, '读取中…') : null,
+          shown.gone ? h('span', { style: REF_META }, '这条记忆已删除') : null,
+          shown.invalid ? h('span', { style: REF_META }, '读不到正文，点名字重试') : null,
           !shown.loading && !shown.gone && !shown.invalid ? h(React.Fragment, null,
-            shown.title && shown.title !== shown.ref.title ? h('div', { style: { opacity: 0.9 } }, shown.title) : null,
-            h('div', null, versionLine(shown)),
-            shown.when ? h('div', null, shown.when) : null,
-            shown.body ? h('div', null, shown.body) : null,
+            shown.title && shown.title !== shown.ref.title
+              ? h('div', { style: { fontSize: '12px', lineHeight: '1.55', fontWeight: 600 } }, shown.title)
+              : null,
+            h('div', { style: REF_META }, versionLine(shown)),
+            shown.when ? h('div', { style: REF_META }, shown.when) : null,
+            shown.body
+              ? h('div', { style: { color: 'var(--dsw-alias-label-primary)', whiteSpace: 'pre-wrap', wordBreak: 'break-word' } }, shown.body)
+              : null,
+            h(DetailExtras, { payload: { ...shown.ref, ...shown.payload } }),
           ) : null,
+          note ? h('span', { style: REF_META }, note) : null,
         )
         : null;
       return h('div', { style: DOCK, 'data-memory-section': props.label },
@@ -409,12 +679,20 @@ window.__ModuleLoader__.load({
           type: 'button',
           onClick: () => { if (open) close(); else setOpen(true); },
           'aria-expanded': open,
-          'aria-label': `${open ? '收起' : '展开'}${props.label}`,
-          style: CHIP,
-        }, `${props.label} ${items.length} 条${open ? ' · 收起' : ''}`),
+          'aria-label': `${open ? '收起' : '展开'}${props.label}，${items.length} 条`,
+          style: {
+            alignSelf: 'flex-start', display: 'inline-flex', alignItems: 'center', gap: '6px',
+            border: 'none', background: 'transparent', padding: '1px 0', cursor: 'pointer',
+            color: 'var(--dsw-alias-label-secondary)', fontSize: '11px', lineHeight: '18px',
+          },
+        },
+        h('span', { 'aria-hidden': 'true', style: { width: '2px', height: '10px', borderRadius: '999px', background: tone, opacity: 0.9 } }),
+        h('span', null, props.label),
+        h('span', { style: { fontVariantNumeric: 'tabular-nums', opacity: 0.8 } }, String(items.length)),
+        h(RefChevron, { open }),
+        ),
         ...rows,
         detail,
-        note ? h('div', { style: BODY }, note) : null,
       );
     };
 
@@ -423,7 +701,7 @@ window.__ModuleLoader__.load({
     /** 大脑：两瓣轮廓加一条中线，状态只靠透明度和面板文字。 */
     const BrainIcon = () => h('svg', {
       width: 18, height: 18, viewBox: '0 0 24 24', fill: 'none',
-      stroke: 'currentColor', strokeWidth: 1.5, strokeLinecap: 'round', strokeLinejoin: 'round',
+      stroke: 'currentColor', 'stroke-width': 1.5, 'stroke-linecap': 'round', 'stroke-linejoin': 'round',
       'aria-hidden': 'true', focusable: 'false',
     },
     h('path', { d: 'M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z' }),
@@ -432,7 +710,7 @@ window.__ModuleLoader__.load({
 
     const CloseIcon = () => h('svg', {
       width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none',
-      stroke: 'currentColor', strokeWidth: 1.6, strokeLinecap: 'round',
+      stroke: 'currentColor', 'stroke-width': 1.6, 'stroke-linecap': 'round',
       'aria-hidden': 'true', focusable: 'false',
     }, h('path', { d: 'M6 6l12 12M18 6L6 18' }));
 
@@ -450,6 +728,151 @@ window.__ModuleLoader__.load({
       const text = typeof value === 'string' ? value : '';
       return text.length > size ? `${text.slice(0, size)}…` : text;
     };
+
+    /** 显示设置只决定画不画，不改学习状态；按项目 key 存在本机。 */
+    const DISPLAY_DEFAULTS = Object.freeze({ graph: false, palace: false });
+    const displayKeyOf = (projectKey) => `lite-memory:display:${projectKey || 'default'}`;
+    const displayStoreOf = () => {
+      try {
+        const store = globalThis.localStorage;
+        return store && typeof store.getItem === 'function' ? store : null;
+      } catch {
+        return null;
+      }
+    };
+    const readDisplaySettings = (projectKey) => {
+      const store = displayStoreOf();
+      const next = { ...DISPLAY_DEFAULTS };
+      if (!store) return next;
+      try {
+        const raw = store.getItem(displayKeyOf(projectKey));
+        if (!raw) return next;
+        const saved = JSON.parse(raw);
+        if (saved && typeof saved === 'object') {
+          next.graph = saved.graph === true;
+          next.palace = saved.palace === true;
+        }
+      } catch {
+        return next;
+      }
+      return next;
+    };
+    const writeDisplaySettings = (projectKey, next) => {
+      const store = displayStoreOf();
+      if (!store) return false;
+      try {
+        store.setItem(displayKeyOf(projectKey), JSON.stringify({
+          graph: next && next.graph === true,
+          palace: next && next.palace === true,
+        }));
+        return true;
+      } catch {
+        return false;
+      }
+    };
+    /** 功能关闭时视图统一回列表，不保留一个画不出来的页签。 */
+    const graphViewOf = (enabled, view) => (enabled === true && view === 'graph' ? 'graph' : 'list');
+    const viewModeOf = (display, view) => {
+      if (view === 'graph' && display && display.graph === true) return 'graph';
+      if (view === 'palace' && display && display.palace === true) return 'palace';
+      return 'list';
+    };
+    const reduceMotionOf = () => {
+      try {
+        const query = globalThis.matchMedia && globalThis.matchMedia('(prefers-reduced-motion: reduce)');
+        return Boolean(query && query.matches === true);
+      } catch {
+        return false;
+      }
+    };
+    /** 跟随系统偏好切换，打开面板期间改设置也能立即生效。 */
+    const useReducedMotion = () => {
+      const [reduced, setReduced] = React.useState(reduceMotionOf);
+      React.useEffect(() => {
+        let query = null;
+        try {
+          query = globalThis.matchMedia && globalThis.matchMedia('(prefers-reduced-motion: reduce)');
+        } catch {
+          query = null;
+        }
+        if (!query || typeof query.addEventListener !== 'function') return undefined;
+        const update = () => setReduced(query.matches === true);
+        query.addEventListener('change', update);
+        return () => query.removeEventListener('change', update);
+      }, []);
+      return reduced;
+    };
+
+    /** 标签/话题按精确值筛选；只有自由搜索才用包含匹配。 */
+    const filterRecords = (records, query, hub) => {
+      const rows = Array.isArray(records) ? records : EMPTY;
+      const kind = hub && typeof hub.kind === 'string' ? hub.kind : '';
+      const value = hub && typeof hub.value === 'string' ? hub.value : '';
+      if (kind === 'tag' && value) {
+        return rows.filter((record) => Array.isArray(record.tags) && record.tags.includes(value));
+      }
+      if (kind === 'topic' && value) {
+        return rows.filter((record) => record.topicKey === value);
+      }
+      const needle = typeof query === 'string' ? query.trim().toLowerCase() : '';
+      if (!needle) return rows;
+      return rows.filter((record) => {
+        const tags = Array.isArray(record.tags) ? record.tags.join(' ') : '';
+        return `${record.title || ''} ${record.summary || ''} ${tags} ${record.topicKey || ''} ${KIND_LABEL[record.kind] || ''}`.toLowerCase().includes(needle);
+      });
+    };
+
+    /** 记忆宫殿：房间固定，槽位固定，换项目只换陈列内容。 */
+    const PALACE_PAGE_SIZE = 24;
+    const PALACE_PREVIEW = 4;
+    const PALACE_ROOMS = Object.freeze([
+      Object.freeze({ id: 'habits', name: '习惯与规范', kinds: Object.freeze(['preference', 'convention']) }),
+      Object.freeze({ id: 'methods', name: '方法与经验', kinds: Object.freeze(['procedure', 'pitfall']) }),
+      Object.freeze({ id: 'entries', name: '资料与入口', kinds: Object.freeze(['pointer', 'credential_hint']) }),
+      Object.freeze({ id: 'notes', name: '其他记录', kinds: Object.freeze(['note']) }),
+    ]);
+    const PALACE_ROOM_OF_KIND = Object.freeze({
+      preference: 'habits', convention: 'habits',
+      procedure: 'methods', pitfall: 'methods',
+      pointer: 'entries', credential_hint: 'entries',
+      note: 'notes',
+    });
+    const palaceRoomIdOf = (kind) => PALACE_ROOM_OF_KIND[kind] || 'notes';
+    const palaceRoomsOf = (records) => {
+      const rows = Array.isArray(records) ? records : EMPTY;
+      return PALACE_ROOMS.map((room) => {
+        const items = rows.filter((record) => palaceRoomIdOf(record && record.kind) === room.id);
+        return { id: room.id, name: room.name, items, total: items.length, pages: Math.max(1, Math.ceil(items.length / PALACE_PAGE_SIZE)) };
+      });
+    };
+    const palaceRoomPageOf = (records, roomId, page) => {
+      const room = palaceRoomsOf(records).find((row) => row.id === roomId);
+      if (!room) return { items: EMPTY, total: 0, pages: 0, page: 1 };
+      const current = Math.min(room.pages, Math.max(1, Number.isFinite(page) ? Math.floor(page) : 1));
+      return {
+        items: room.items.slice((current - 1) * PALACE_PAGE_SIZE, current * PALACE_PAGE_SIZE),
+        total: room.total, pages: room.pages, page: current,
+      };
+    };
+    /** 页码最多铺 7 个，当前页始终在窗口里。 */
+    const palacePageWindow = (page, pages) => {
+      const total = Math.max(1, Math.floor(Number.isFinite(pages) ? pages : 1));
+      const current = Math.min(total, Math.max(1, Math.floor(Number.isFinite(page) ? page : 1)));
+      if (total <= 7) return Array.from({ length: total }, (_, index) => index + 1);
+      const start = Math.max(1, Math.min(current - 3, total - 6));
+      return Array.from({ length: 7 }, (_, index) => start + index);
+    };
+    const palaceToggleOf = (expanded, roomId) => (expanded === roomId ? '' : roomId);
+    const palaceMotionOf = (reduced) => ({ duration: reduced === true ? 0 : 180, easing: 'cubic-bezier(0.2, 0.7, 0.3, 1)' });
+
+    /** 失败回执分「当前」和「过去」：当前失败要修，过去的只说明发生过。 */
+    const failureStateOf = (evolution) => {
+      const rows = evolution && evolution.economy && Array.isArray(evolution.economy.recent) ? evolution.economy.recent : EMPTY;
+      if (rows.length === 0) return '';
+      if (rows[0] && rows[0].status === 'failed') return 'current';
+      return rows.slice(1).some((row) => row && row.status === 'failed') ? 'past' : '';
+    };
+
     /** 面板开关。 */
     const panelUi = { open: false, sessionId: '' };
     const panelListeners = new Set();
@@ -534,74 +957,124 @@ window.__ModuleLoader__.load({
 
     /**
      * 图谱只画真实关系：显式关联，以及记录自己的标签 / 主题。
-     * 位置由 id 决定，同一份记忆每次打开都在同一处。
+     * 标签 / 主题是组：枢纽画大点，成员围在它周围画小点。
+     * 位置由 id 与成员关系决定，同一份数据每次打开都在同一处。
      */
-    /** 位置由 id 决定；同一份数据每次打开都在同一处。 */
     const layoutGraph = (nodes, edges, primaryKind) => {
+      const kindOf = new Map(nodes.map((node) => [node.id, node.kind]));
       const degree = new Map();
+      const linkedOf = new Map();
+      const membersOf = new Map();
+      const addLink = (primaryId, hubId) => {
+        if (!linkedOf.has(primaryId)) linkedOf.set(primaryId, new Set());
+        linkedOf.get(primaryId).add(hubId);
+        if (!membersOf.has(hubId)) membersOf.set(hubId, new Set());
+        membersOf.get(hubId).add(primaryId);
+      };
       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);
+        if (kindOf.get(edge.from) === primaryKind && kindOf.get(edge.to) !== primaryKind) addLink(edge.from, edge.to);
+        if (kindOf.get(edge.to) === primaryKind && kindOf.get(edge.from) !== primaryKind) addLink(edge.to, edge.from);
       }
-      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 weightOf = new Map(hubs.map((hub) => [hub.id, (membersOf.get(hub.id) || EMPTY).size]));
       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);
+      const assignedHub = new Map();
+      const loose = [];
+      for (const node of primaries) {
+        const options = [...(linkedOf.get(node.id) || EMPTY)]
+          .filter((id) => (weightOf.get(id) || 0) > 1)
+          .sort((a, b) => ((weightOf.get(b) || 0) - (weightOf.get(a) || 0)) || a.localeCompare(b));
+        const hubId = options[0];
+        if (!hubId) { loose.push(node); continue; }
+        if (!groups.has(hubId)) groups.set(hubId, []);
+        groups.get(hubId).push(node);
+        assignedHub.set(node.id, hubId);
       }
-      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 placed = new Map();
+      if (primaryKind === 'memory') {
+        for (const [hubId, members] of [...groups]) {
+          if (members.length > 1) continue;
+          for (const member of members) {
+            loose.push(member);
+            assignedHub.delete(member.id);
+          }
+          groups.delete(hubId);
+        }
+      }
+      const clusterList = [...groups.entries()]
+        .sort((a, b) => (b[1].length - a[1].length) || a[0].localeCompare(b[0]));
+      const groupCount = clusterList.length;
+      const ring = groupCount <= 1 ? 0 : groupCount <= 4 ? 150 : groupCount <= 8 ? 182 : 212;
+      const hubRadius = (size) => 8 + Math.min(10, Math.sqrt(size) * 3);
+      const placePrimary = (node, x, y) => {
+        placed.set(node.id, {
+          ...node, x, y,
+          radius: 3.2 + Math.min(2.2, (degree.get(node.id) || 0) * 0.35),
+        });
+      };
+      clusterList.forEach(([hubId, members], index) => {
+        const seed = hashOf(hubId);
+        const angle = groupCount <= 1
+          ? 0
+          : (index / groupCount) * Math.PI * 2 - Math.PI / 2 + ((seed % 13) / 13) * 0.12;
+        const cx = 320 + Math.cos(angle) * ring * 1.22;
+        const cy = 236 + Math.sin(angle) * ring * 0.8;
+        const hub = hubs.find((node) => node.id === hubId);
+        const radius = hubRadius(members.length);
+        placed.set(hubId, { ...hub, x: cx, y: cy, radius });
+        const orbit = radius + 20 + Math.sqrt(members.length) * 13;
+        const start = ((seed % 360) / 180) * Math.PI;
+        members.forEach((node, memberIndex) => {
+          const step = (memberIndex / members.length) * Math.PI * 2;
+          const wobble = 0.88 + ((hashOf(node.id) % 25) / 100);
+          placePrimary(node, cx + Math.cos(start + step) * orbit * wobble, cy + Math.sin(start + step) * orbit * 0.82 * wobble);
+        });
+      });
+      if (loose.length > 0) {
+        const orbit = groupCount === 0
+          ? (loose.length <= 1 ? 0 : loose.length <= 8 ? 128 : loose.length <= 18 ? 168 : 206)
+          : ring + 96;
+        loose.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,
-          });
+          const angle = loose.length <= 1
+            ? 0
+            : (index / loose.length) * Math.PI * 2 - Math.PI / 2 + ((seed % 17) / 17) * 0.14;
+          const wobble = loose.length <= 8 ? 1 : 0.64 + ((seed % 100) / 100) * 0.36;
+          placePrimary(node, 320 + Math.cos(angle) * orbit * 1.22 * wobble, 236 + Math.sin(angle) * orbit * 0.8 * wobble);
         });
       }
       return {
         nodes: [...placed.values()],
-        edges: edges.filter((edge) => placed.has(edge.from) && placed.has(edge.to)),
-        people: count,
+        edges: edges.filter((edge) => {
+          if (!placed.has(edge.from) || !placed.has(edge.to)) return false;
+          const fromPrimary = kindOf.get(edge.from) === primaryKind;
+          const toPrimary = kindOf.get(edge.to) === primaryKind;
+          if (fromPrimary && toPrimary) return true;
+          if (primaryKind !== 'memory') return true;
+          if (fromPrimary) return assignedHub.get(edge.from) === edge.to;
+          if (toPrimary) return assignedHub.get(edge.to) === edge.from;
+          return false;
+        }),
+        people: primaries.length,
       };
     };
 
-    const graphOf = (records) => {
-      const rows = (Array.isArray(records) ? records : EMPTY).slice(0, 60);
+    /** 60 条投影之外也要保留当前选中项，点开的节点不能从图里消失。 */
+    const projectionOf = (all, selectedId) => {
+      const rows = all.slice(0, 60);
+      if (selectedId && !rows.some((row) => row.id === selectedId)) {
+        const selected = all.find((row) => row.id === selectedId);
+        if (selected) rows[rows.length - 1] = selected;
+      }
+      return rows;
+    };
+
+    const graphOf = (records, selectedId) => {
+      const all = Array.isArray(records) ? records : EMPTY;
+      const rows = projectionOf(all, selectedId);
       const byId = new Map(rows.map((record) => [record.id, record]));
       const tagCount = new Map();
       const topicCount = new Map();
@@ -609,7 +1082,7 @@ window.__ModuleLoader__.load({
         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 tags = [...tagCount.entries()].filter(([, count]) => count > 1).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 = [];
@@ -637,12 +1110,17 @@ window.__ModuleLoader__.load({
           if (byId.has(link.id)) addEdge(record.id, link.id, 'link');
         }
       }
-      return layoutGraph(nodes, edges, 'memory');
+      return {
+        ...layoutGraph(nodes, edges, 'memory'),
+        shown: rows.length,
+        total: all.length,
+      };
     };
 
     /** 经验图谱只连共享条件。 */
-    const ruleGraphOf = (rules) => {
-      const rows = (Array.isArray(rules) ? rules : EMPTY).slice(0, 60);
+    const ruleGraphOf = (rules, selectedId) => {
+      const all = Array.isArray(rules) ? rules : EMPTY;
+      const rows = projectionOf(all, selectedId);
       const conditionCount = new Map();
       for (const rule of rows) {
         const seen = new Set();
@@ -679,34 +1157,134 @@ window.__ModuleLoader__.load({
           }
         }
       }
-      return layoutGraph(nodes, edges, 'rule');
+      return {
+        ...layoutGraph(nodes, edges, 'rule'),
+        shown: rows.length,
+        total: all.length,
+      };
     };
 
     /** 关系图只画真实关系；节点沿用原始 id，位置由 id 决定。 */
+    /** 图谱缩放：28px 命中区，悬停/聚焦才给底色。 */
+    const ZoomButton = (props) => {
+      const [hover, setHover] = React.useState(false);
+      return h('button', {
+        type: 'button', onClick: props.onClick, disabled: props.disabled,
+        'aria-label': props.label, title: props.label,
+        onMouseEnter: () => setHover(true),
+        onMouseLeave: () => setHover(false),
+        onFocus: () => setHover(true),
+        onBlur: () => setHover(false),
+        style: {
+          width: '28px', height: '28px', padding: 0, display: 'inline-flex',
+          alignItems: 'center', justifyContent: 'center', border: 'none',
+          borderRadius: '8px', background: hover && !props.disabled ? 'var(--dsw-alias-bg-layer-2)' : 'transparent',
+          color: 'inherit', opacity: props.disabled ? 0.35 : hover ? 0.95 : 0.72,
+          cursor: props.disabled ? 'default' : 'pointer',
+        },
+      }, props.children);
+    };
+
     const MemoryGraph = (props) => {
       const primaryKind = props.primaryKind || 'memory';
-      const graph = React.useMemo(() => (props.graphOf || graphOf)(props.records), [props.records, props.graphOf]);
+      const selectedId = props.selectedId;
+      const graph = React.useMemo(() => (props.graphOf || graphOf)(props.records, selectedId), [props.records, props.graphOf, selectedId]);
       const [zoom, setZoom] = React.useState(1);
+      const [pan, setPan] = React.useState({ x: 0, y: 0 });
+      const [dragging, setDragging] = React.useState(false);
       const [hoveredId, setHoveredId] = React.useState('');
-      const selectedId = props.selectedId;
+      const svgRef = React.useRef(null);
+      const dragRef = React.useRef(null);
       const labelSet = graph.people <= 40;
+      const hubCount = graph.nodes.length - graph.people;
+      const shownCount = Number.isInteger(graph.shown) ? graph.shown : graph.people;
+      const totalCount = Number.isInteger(props.total) && props.total >= shownCount
+        ? props.total
+        : (Number.isInteger(graph.total) ? graph.total : shownCount);
+      const truncated = totalCount > shownCount;
+      const nearIds = React.useMemo(() => {
+        const set = new Set();
+        if (!selectedId) return set;
+        set.add(selectedId);
+        for (const edge of graph.edges) {
+          if (edge.from === selectedId) set.add(edge.to);
+          if (edge.to === selectedId) set.add(edge.from);
+        }
+        return set;
+      }, [graph.edges, selectedId]);
+      const orderedEdges = selectedId
+        ? [...graph.edges].sort((a, b) => Number(a.from === selectedId || a.to === selectedId) - Number(b.from === selectedId || b.to === selectedId))
+        : graph.edges;
+      const orderedNodes = selectedId
+        ? [...graph.nodes].sort((a, b) => (Number(nearIds.has(a.id)) - Number(nearIds.has(b.id))) || (Number(a.id === selectedId) - Number(b.id === selectedId)))
+        : graph.nodes;
       const pickHub = props.onPickHub;
-      const stepZoom = (delta) => setZoom((value) => Math.min(2.5, Math.max(0.75, Math.round((value + delta) * 100) / 100)));
+      const MIN_ZOOM = 0.2;
+      const MAX_ZOOM = 2.5;
+      const stepZoom = (delta) => setZoom((value) => {
+        const next = delta > 0 ? value * 1.25 : value / 1.25;
+        return Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, Math.round(next * 100) / 100));
+      });
+      const pointAt = (event, matrix) => {
+        const svg = svgRef.current;
+        if (!svg || !matrix) return null;
+        const point = svg.createSVGPoint();
+        point.x = event.clientX;
+        point.y = event.clientY;
+        return point.matrixTransform(matrix);
+      };
+      const startPan = (event) => {
+        if (event.button !== 0) return;
+        if (event.target && event.target.closest && event.target.closest('[data-node]')) return;
+        const svg = svgRef.current;
+        if (!svg) return;
+        const ctm = svg.getScreenCTM();
+        if (!ctm) return;
+        const inverse = ctm.inverse();
+        const point = pointAt(event, inverse);
+        if (!point) return;
+        dragRef.current = [event.pointerId, inverse, point.x, point.y, pan.x, pan.y];
+        setDragging(true);
+        if (svg.setPointerCapture) svg.setPointerCapture(event.pointerId);
+        event.preventDefault();
+      };
+      const movePan = (event) => {
+        const drag = dragRef.current;
+        if (!drag || drag[0] !== event.pointerId) return;
+        const point = pointAt(event, drag[1]);
+        if (!point) return;
+        setPan({ x: drag[4] - (point.x - drag[2]), y: drag[5] - (point.y - drag[3]) });
+        event.preventDefault();
+      };
+      const endPan = (event) => {
+        const drag = dragRef.current;
+        if (!drag || (event && drag[0] !== event.pointerId)) return;
+        dragRef.current = null;
+        setDragging(false);
+        const svg = svgRef.current;
+        if (event && svg && svg.releasePointerCapture && svg.hasPointerCapture && svg.hasPointerCapture(event.pointerId)) {
+          svg.releasePointerCapture(event.pointerId);
+        }
+      };
+      React.useEffect(() => {
+        setPan({ x: 0, y: 0 });
+      }, [props.records, primaryKind]);
       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;
+          const wide = node.kind === primaryKind && (graph.people <= 12 || hubCount === 0 || node.id === selectedId);
+          const half = node.kind === primaryKind ? (wide ? 62 : 54) : 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));
+          maxY = Math.max(maxY, node.y + (node.kind === primaryKind ? (wide ? 30 : 28) : 26));
         }
         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]);
+      }, [graph, primaryKind, selectedId]);
       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' },
@@ -714,102 +1292,184 @@ window.__ModuleLoader__.load({
       }
       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',
-        },
+      const zoomButton = (label, delta, icon) => h(ZoomButton, {
+        key: label, label, disabled: delta > 0 ? zoom >= MAX_ZOOM : zoom <= MIN_ZOOM,
+        onClick: () => stepZoom(delta),
       }, icon);
       const magnifier = (sign) => h('svg', {
         width: '15', height: '15', viewBox: '0 0 16 16', fill: 'none',
-        stroke: 'currentColor', strokeWidth: '1.4', strokeLinecap: 'round',
+        stroke: 'currentColor', 'stroke-width': '1.4', 'stroke-linecap': '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);
+      /** 标签避让：hub 常显、选中/悬停优先，记忆标签按度数贪心排布，重叠就省掉（悬停仍出标题）。 */
+      const labelLayout = React.useMemo(() => {
+        const nodes = graph.nodes;
+        const fsOf = (primary) => (primary ? 10.5 : 10);
+        const widthOf = (text, fs) => {
+          let width = 0;
+          for (const ch of text) width += ch.charCodeAt(0) > 255 ? fs : fs * 0.56;
+          return width;
+        };
+        const rank = (node) => (node.id === selectedId ? 0 : node.id === hoveredId ? 1
+          : nearIds.has(node.id) ? 2 : node.kind === primaryKind ? 4 : 3);
+        const boxes = [];
+        const placed = new Map();
+        const hits = (box) => boxes.some((other) => !(box.x2 < other.x1 || box.x1 > other.x2 || box.y2 < other.y1 || box.y1 > other.y2));
+        const list = nodes.slice().sort((a, b) => rank(a) - rank(b) || (b.degree || 0) - (a.degree || 0));
+        /** 条目多时不全标，用度数最高的十条记忆给方向感。 */
+        const topIds = new Set(list.filter((node) => node.kind === primaryKind).slice(0, 10).map((node) => node.id));
+        for (const node of list) {
+          const isPrimary = node.kind === primaryKind;
+          if (isPrimary && !labelSet && rank(node) > 2 && !topIds.has(node.id)) continue;
+          const chars = rank(node) <= 1 ? 16 : isPrimary ? (labelSet ? 10 : 8) : 13;
+          const text = SHORT(node.label, chars);
+          const fs = fsOf(isPrimary);
+          const width = widthOf(text, fs);
+          const gap = isPrimary ? 12 : 13;
+          let spot = null;
+          for (const below of [true, false]) {
+            const baseline = below ? node.y + node.radius + gap : node.y - node.radius - gap + fs;
+            const box = { x1: node.x - width / 2 - 3, x2: node.x + width / 2 + 3, y1: baseline - fs - 2, y2: baseline + 3 };
+            if (box.y1 < 3 || box.y2 > graph.height - 3) continue;
+            if (hits(box)) continue;
+            spot = { box, baseline, below };
+            break;
+          }
+          if (!spot) continue;
+          boxes.push(spot.box);
+          placed.set(node.id, { text, isPrimary, baseline: spot.baseline, fs, width });
+        }
+        return placed;
+      }, [graph, primaryKind, selectedId, hoveredId, labelSet, nearIds]);
       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',
+            position: 'absolute', top: '8px', right: '8px', zIndex: 2,
+            display: 'flex', alignItems: 'center', gap: '2px', 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))),
+        zoomButton('放大图谱', 0.25, magnifier(1)),
+        h('button', {
+          type: 'button', onClick: () => setZoom(1),
+          'aria-label': '重置缩放', title: '重置缩放',
+          style: {
+            minWidth: '44px', height: '28px', padding: '0 6px', border: 'none', borderRadius: '8px',
+            background: 'transparent', color: 'var(--dsw-alias-label-secondary)',
+            fontSize: '11px', lineHeight: '28px', fontVariantNumeric: 'tabular-nums', cursor: 'pointer',
+          },
+        }, `${Math.round(zoom * 100)}%`)),
         h('svg', {
-          viewBox: `${frame.x + frame.width / 2 - viewWidth / 2} ${frame.y + frame.height / 2 - viewHeight / 2} ${viewWidth} ${viewHeight}`,
+          ref: svgRef,
+          viewBox: `${frame.x + frame.width / 2 - viewWidth / 2 + pan.x} ${frame.y + frame.height / 2 - viewHeight / 2 + pan.y} ${viewWidth} ${viewHeight}`,
           preserveAspectRatio: 'xMidYMid meet',
-          style: { width: '100%', height: '100%', flex: 1, minHeight: 0, display: 'block' },
+          style: {
+            width: '100%', height: '100%', flex: 1, minHeight: 0, display: 'block',
+            cursor: dragging ? 'grabbing' : 'grab', touchAction: 'none',
+            userSelect: 'none', WebkitUserSelect: 'none',
+          },
+          onPointerDown: startPan,
+          onPointerMove: movePan,
+          onPointerUp: endPan,
+          onPointerCancel: endPan,
+          onLostPointerCapture: endPan,
+          onDragStart: (event) => event.preventDefault(),
           role: 'img', 'aria-label': props.ariaLabel || '关系图',
         },
-        h('g', null, graph.edges.map((edge, index) => {
+        h('g', null, orderedEdges.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);
+          const dimmed = selectedId && !nearIds.has(edge.from) && !nearIds.has(edge.to);
           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',
+            'stroke-width': linked ? 1.4 : 1,
+            opacity: linked ? 0.72 : dimmed ? 0.08 : edge.type === 'link' ? 0.38 : 0.16,
+            'stroke-dasharray': edge.type === 'link' ? undefined : '2 4',
           });
         })),
-        h('g', null, graph.nodes.map((node) => {
+        h('g', null, orderedNodes.map((node) => {
           const isPrimary = node.kind === primaryKind;
           const active = node.id === selectedId;
           const hovered = node.id === hoveredId;
+          const near = nearIds.has(node.id);
+          const dimmed = Boolean(selectedId) && !near;
           const pick = isPrimary ? props.onPick : (pickHub || undefined);
-          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 || hovered || (isPrimary && labelSet) || !isPrimary;
-          const nameChars = active || hovered ? 14 : isPrimary ? 7 : 10;
+          /** 记忆是主体：实心、可读；主题/标签 hub 是背景：空心、只留轮廓。 */
+          const fill = active ? 'var(--dsw-alias-brand-primary)'
+            : isPrimary ? 'var(--dsw-alias-label-secondary)'
+              : 'none';
+          const stroke = active ? 'none'
+            : hovered || near ? 'var(--dsw-alias-brand-primary)'
+              : node.experimental ? 'var(--dsw-alias-state-warn-primary)'
+                : isPrimary ? 'none' : 'var(--dsw-alias-label-secondary)';
+          const strokeWidth = !active && (hovered || near) ? 1.3 : node.experimental ? 1 : isPrimary ? 0 : 1;
+          const label = labelLayout.get(node.id) || null;
           return h('g', {
             key: node.id,
+            'data-node': 'true',
             transform: `translate(${node.x} ${node.y})`,
             onClick: pick ? () => pick(node) : undefined,
+            onKeyDown: pick ? (event) => {
+              if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {
+                event.preventDefault();
+                pick(node);
+              }
+            } : undefined,
+            onFocus: () => setHoveredId(node.id),
+            onBlur: () => setHoveredId((value) => (value === node.id ? '' : value)),
             onMouseEnter: () => setHoveredId(node.id),
             onMouseLeave: () => setHoveredId((value) => (value === node.id ? '' : value)),
-            style: { cursor: pick ? 'pointer' : 'default' },
+            tabIndex: pick ? 0 : undefined,
+            role: pick ? 'button' : undefined,
+            focusable: pick ? 'true' : 'false',
+            'aria-label': pick ? (node.title || node.label) : undefined,
+            style: { cursor: pick ? 'pointer' : 'default', outline: 'none' },
           },
-          h('circle', { r: Math.max(12, node.radius + 6), fill: 'transparent' }),
-          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: Math.max(isPrimary ? 14 : 18, node.radius + 6), fill: 'transparent' }),
+          active ? h('circle', { r: node.radius + 5, fill: 'none', stroke: 'var(--dsw-alias-brand-primary)', 'stroke-width': 1.4, opacity: 0.45 }) : null,
           h('circle', {
             r: node.radius, fill,
-            opacity: active ? 1 : isPrimary ? 0.9 : 0.5,
-            stroke: hovered ? 'var(--dsw-alias-brand-primary)' : 'none',
-            strokeWidth: hovered ? 1.2 : 0,
+            opacity: active ? 1 : dimmed ? (isPrimary ? 0.32 : 0.14) : isPrimary ? 0.92 : 0.34,
+            stroke, 'stroke-width': strokeWidth,
           }),
-          showLabel ? h('text', {
-            y: node.radius + 12, textAnchor: 'middle',
-            fill: active ? 'var(--dsw-alias-label-primary)' : 'var(--dsw-alias-label-secondary)',
-            fontSize: isPrimary ? 9.5 : 8.5, opacity: active ? 0.95 : 0.72,
-            paintOrder: 'stroke', stroke: 'var(--dsw-alias-bg-layer-1)', strokeWidth: 3,
-            strokeLinejoin: 'round',
-          }, SHORT(node.label, nameChars)) : null,
+          label ? h('text', {
+            y: label.baseline, 'text-anchor': 'middle',
+            fill: label.isPrimary ? 'var(--dsw-alias-label-primary)' : 'var(--dsw-alias-label-secondary)',
+            'font-size': label.fs,
+            'font-weight': 500,
+            opacity: active ? 1 : dimmed ? 0.2 : label.isPrimary ? 0.9 : 0.72,
+            stroke: 'var(--dsw-alias-bg-layer-1)', 'stroke-width': 2.6, 'stroke-linejoin': 'round', 'paint-order': 'stroke',
+          }, label.text) : null,
           h('title', null, node.title || node.label),
           );
         }))),
         h('div', {
           style: {
             position: 'absolute', left: '10px', bottom: '8px', zIndex: 1,
-            maxWidth: 'calc(100% - 60px)', padding: '2px 6px', borderRadius: '6px',
+            maxWidth: truncated ? 'calc(100% - 178px)' : 'calc(100% - 60px)', padding: '2px 6px', borderRadius: '6px',
             background: 'var(--dsw-alias-bg-layer-1)',
             color: 'var(--dsw-alias-label-secondary)', fontSize: '11px', lineHeight: '1.5',
             pointerEvents: 'none',
           },
-        }, props.legend || '圆点 记忆 · 小点 标签/主题 · 虚线 关联'),
+        }, props.legend || '实心 记忆 · 空心 标签/主题 · 虚线 归类'),
+        truncated ? h('div', {
+          style: {
+            position: 'absolute', right: '10px', bottom: '8px', zIndex: 1,
+            padding: '2px 6px', borderRadius: '6px',
+            background: 'var(--dsw-alias-bg-layer-1)',
+            color: 'var(--dsw-alias-label-secondary)', fontSize: '11px', lineHeight: '1.5',
+            pointerEvents: 'none', whiteSpace: 'nowrap',
+          },
+        }, `显示 ${shownCount} / 共 ${totalCount} 条`) : null,
       );
     };
 
@@ -826,7 +1486,7 @@ window.__ModuleLoader__.load({
       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',
+        transition: reduceMotionOf() ? 'none' : 'left 120ms ease',
       },
     }));
 
@@ -896,22 +1556,41 @@ window.__ModuleLoader__.load({
     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 : '');
+      for (const key of ['sourceExcerpt', 'excerpt', 'text', 'note']) {
+        if (typeof row[key] === 'string' && row[key].trim()) return row[key];
+      }
+      return '';
+    };
+    /** 样例和证据都带版本/核对信息，不拿「样例」二字占位。 */
+    const evidenceMetaOf = (row) => {
+      if (!row || typeof row !== 'object') return '';
+      const bits = [];
+      if (Number.isInteger(row.artifactVersion)) bits.push(`第 ${row.artifactVersion} 版`);
+      else if (typeof row.artifactVersion === 'string' && row.artifactVersion) bits.push(`第 ${row.artifactVersion} 版`);
+      if (typeof row.dimension === 'string' && row.dimension) bits.push(row.dimension);
+      if (row.verified === true) bits.push('已核对');
+      else if (row.verified === false) bits.push('未核对');
+      if (row.at) bits.push(EVO_DATE(row.at));
+      return bits.join(' · ');
     };
 
     const MemoryRow = (props) => {
       const record = props.record;
+      const [hover, setHover] = React.useState(false);
       return h('button', {
         type: 'button', onClick: props.onClick,
+        onMouseEnter: () => setHover(true),
+        onMouseLeave: () => setHover(false),
         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,
+          display: 'flex', flexDirection: 'column', gap: 0, width: '100%', textAlign: 'left',
+          border: 'none', borderBottom: '1px solid var(--dsw-alias-border-l1)', borderRadius: '6px',
+          borderLeft: `2px solid ${props.active ? 'var(--dsw-alias-brand-primary)' : 'transparent'}`,
+          background: props.active || hover ? 'var(--dsw-alias-bg-layer-2)' : 'transparent',
+          color: 'inherit', padding: '4px 8px', 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', { style: { fontSize: '12px', lineHeight: '16px', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, record.title || record.id),
+      h('span', { style: { ...PANEL_MUTED, display: 'flex', alignItems: 'center', gap: '5px', minWidth: 0, lineHeight: '14px' } },
         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)),
@@ -919,6 +1598,29 @@ window.__ModuleLoader__.load({
       );
     };
 
+    /** 一条经验：状态用小标签，标题独占一行。 */
+    const EvolutionRow = (props) => {
+      const rule = props.rule;
+      const [hover, setHover] = React.useState(false);
+      return h('button', {
+        type: 'button', onClick: props.onClick,
+        onMouseEnter: () => setHover(true),
+        onMouseLeave: () => setHover(false),
+        style: {
+          display: 'flex', flexDirection: 'column', gap: '1px', width: '100%', textAlign: 'left',
+          border: 'none', borderRadius: '8px', minWidth: 0,
+          borderLeft: `2px solid ${props.active ? 'var(--dsw-alias-brand-primary)' : 'transparent'}`,
+          background: props.active || hover ? 'var(--dsw-alias-bg-layer-2)' : 'transparent',
+          color: 'inherit', padding: '6px 9px', cursor: 'pointer',
+        },
+      },
+      h('span', { style: { fontSize: '12px', lineHeight: '18px', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, rule.title),
+      h('span', { style: { ...PANEL_MUTED, display: 'flex', alignItems: 'center', gap: '6px', minWidth: 0, lineHeight: '16px' } },
+        h(StagePill, { state: rule.state }),
+        h('span', { style: { marginLeft: 'auto', flex: '0 0 auto', fontVariantNumeric: 'tabular-nums' } }, EVO_DATE(rule.updated)),
+      ));
+    };
+
     const EvolutionDetail = (props) => {
       const rule = props.rule;
       const ruleId = rule ? rule.id : '';
@@ -941,8 +1643,12 @@ window.__ModuleLoader__.load({
       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 : '修改' })),
+        ...versions.map((row, index) => ({
+          at: row.at || row.updated || '',
+          text: `第 ${versions.length - index} 版${row.body ? ` ${SHORT(row.body, 42)}` : row.digest ? ` ${SHORT(String(row.digest), 16)}` : ''}`,
+        })),
       ].filter((row) => row.text).sort((a, b) => String(b.at).localeCompare(String(a.at))).slice(0, 6);
+      const failureState = failureStateOf(props.evolution);
       const canManage = props.canManage && !props.busy;
       const act = (name, extra) => { if (canManage) props.onManage(name, extra || {}); };
       const actions = props.canManage
@@ -994,8 +1700,24 @@ window.__ModuleLoader__.load({
           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) || '样例')),
+              ...evidence.slice(0, 3).map((row, index) => {
+                const text = evidenceTextOf(row);
+                const meta = evidenceMetaOf(row);
+                return text
+                  ? h('div', { key: `e${index}`, style: { display: 'flex', flexDirection: 'column', gap: '1px' } },
+                    h('span', { style: { color: 'var(--dsw-alias-label-primary)', opacity: 0.8, whiteSpace: 'pre-wrap', wordBreak: 'break-word' } }, text),
+                    meta ? h('span', null, meta) : null)
+                  : null;
+              }),
+              ...samples.slice(0, 2).map((row, index) => {
+                const text = evidenceTextOf(row);
+                const meta = evidenceMetaOf(row);
+                return text || meta
+                  ? h('div', { key: `s${index}`, style: { display: 'flex', flexDirection: 'column', gap: '1px' } },
+                    text ? h('span', { style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' } }, text) : null,
+                    meta ? h('span', null, meta) : null)
+                  : null;
+              }),
             ].filter(Boolean))
         : null;
       const historyPane = open === 'history'
@@ -1023,6 +1745,10 @@ window.__ModuleLoader__.load({
             h(StagePill, { state: rule.state }),
           ),
           h('div', { style: { fontSize: '12px', lineHeight: '1.55', opacity: 0.82 } }, usabilityOf(rule, props.evolution, props.memoryOn)),
+          failureState
+            ? h('div', { style: { ...PANEL_MUTED, color: failureState === 'current' ? 'var(--dsw-alias-state-warn-primary)' : undefined } },
+              failureState === 'current' ? '最近一次整理失败，现有经验未更新' : '以前有整理失败，最近一次已完成')
+            : null,
           actions,
         ),
         editor,
@@ -1035,6 +1761,178 @@ window.__ModuleLoader__.load({
       );
     };
 
+
+    const PalaceSlot = (props) => {
+      const record = props.record;
+      if (!record) {
+        return h('div', {
+          'aria-hidden': 'true',
+          style: { height: '46px', border: '1px dashed var(--dsw-alias-border-l1)', borderRadius: '8px', opacity: 0.28 },
+        });
+      }
+      const title = String(record.title || record.id || '记忆');
+      return h('button', {
+        type: 'button', title, 'aria-label': title,
+        onClick: () => props.onPick(record.id),
+        style: {
+          height: '46px', minWidth: 0, display: 'flex', flexDirection: 'column', justifyContent: 'center',
+          padding: '4px 7px', textAlign: 'left', cursor: 'pointer',
+          border: `1px solid ${props.active ? 'var(--dsw-alias-brand-primary)' : 'var(--dsw-alias-border-l1)'}`,
+          borderRadius: '8px', color: 'inherit',
+          background: props.active ? 'var(--dsw-alias-bg-layer-2)' : 'var(--dsw-alias-bg-base)',
+        },
+      },
+      h('span', {
+        style: {
+          fontSize: '11px', lineHeight: '15px', height: '30px', overflow: 'hidden',
+          display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', wordBreak: 'break-word',
+        },
+      }, title),
+      );
+    };
+
+    const PalaceRoomCard = (props) => {
+      const room = props.room;
+      const empty = room.total === 0;
+      const preview = room.items.slice(0, PALACE_PREVIEW);
+      const slots = Array.from({ length: PALACE_PREVIEW }, (_, index) => preview[index] || null);
+      return h('div', {
+        role: 'listitem',
+        style: { ...PANEL_CARD, padding: 0, position: 'relative', overflow: 'hidden', display: 'flex', width: '100%', flexDirection: 'column' },
+      },
+      h('div', { style: { position: 'relative', display: 'flex', flexDirection: 'column', gap: '8px', padding: '9px 10px 10px', boxSizing: 'border-box' } },
+        h('button', {
+          type: 'button', 'aria-expanded': empty ? undefined : props.expanded, 'aria-controls': empty ? undefined : `lite-palace-room-${room.id}`,
+          disabled: empty,
+          onClick: () => { if (!empty) props.onToggle(room.id); },
+          style: { ...PANEL_LINK, width: '100%', display: 'flex', alignItems: 'center', gap: '7px', textAlign: 'left', opacity: 1 },
+        },
+        h('span', { style: { fontSize: '12px', lineHeight: '18px', fontWeight: 600, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, room.name),
+        h('span', { style: { ...PANEL_MUTED, flex: '0 0 auto', fontVariantNumeric: 'tabular-nums' } }, `${room.total} 条`),
+        empty ? null : h('span', { style: { ...PANEL_MUTED, flex: '0 0 auto', marginLeft: 'auto', opacity: 0.6 } }, props.expanded ? '收起' : '展开'),
+        ),
+        empty
+          ? h('span', { style: { ...PANEL_MUTED, padding: '2px 0 4px' } }, '还没有记录')
+          : h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(96px, 1fr))', gap: '6px' } },
+            slots.map((record, index) => h(PalaceSlot, {
+              key: record ? record.id : `slot-${room.id}-${index}`,
+              record, active: Boolean(record && record.id === props.selectedId), onPick: props.onPick,
+            }))),
+      ),
+      );
+    };
+
+    const MemoryPalace = (props) => {
+      const rows = Array.isArray(props.records) ? props.records : EMPTY;
+      const [expanded, setExpanded] = React.useState('');
+      const [page, setPage] = React.useState(1);
+      const panelRef = React.useRef(null);
+      const reduced = useReducedMotion();
+      const motion = palaceMotionOf(reduced);
+      const rooms = React.useMemo(() => palaceRoomsOf(rows), [rows]);
+      const activeRoom = rooms.find((room) => room.id === expanded) || null;
+      const pageInfo = activeRoom ? palaceRoomPageOf(rows, activeRoom.id, page) : null;
+
+      React.useEffect(() => {
+        if (expanded && !rooms.some((room) => room.id === expanded)) setExpanded('');
+      }, [rooms, expanded]);
+      React.useEffect(() => {
+        const node = panelRef.current;
+        if (!expanded || !node || motion.duration === 0 || typeof node.animate !== 'function') return;
+        node.animate([
+          { opacity: 0, transform: 'translateY(-6px)' },
+          { opacity: 1, transform: 'translateY(0)' },
+        ], { duration: motion.duration, easing: motion.easing });
+      }, [expanded, page, motion.duration, motion.easing]);
+
+      if (rows.length === 0) {
+        return h('div', { style: { ...PANEL_CARD, padding: '14px', minHeight: 0 } },
+          h('div', { style: PANEL_MUTED }, props.emptyText || '这个项目还没有记忆'));
+      }
+      const toggle = (roomId) => {
+        setExpanded((current) => palaceToggleOf(current, roomId));
+        setPage(1);
+      };
+      const goPage = (target) => {
+        if (!pageInfo) return;
+        setPage(Math.min(pageInfo.pages, Math.max(1, target)));
+      };
+      const pageButton = (label, target, disabled, current) => h('button', {
+        key: `page-${target}-${label}`, type: 'button', disabled,
+        'aria-current': current ? 'page' : undefined, 'aria-label': `第 ${target} 页`,
+        onClick: () => goPage(target),
+        style: {
+          ...PANEL_LINK, minWidth: '22px', height: '22px', padding: '0 5px', borderRadius: '6px',
+          border: 'none', opacity: disabled ? 0.28 : current ? 0.85 : 0.5,
+          background: current ? 'var(--dsw-alias-bg-layer-2)' : 'transparent',
+          fontVariantNumeric: 'tabular-nums', cursor: disabled ? 'default' : 'pointer',
+        },
+      }, label);
+      const pageSlots = pageInfo
+        ? Array.from({ length: pageInfo.items.length ? Math.ceil(pageInfo.items.length / 6) * 6 : 0 }, (_, index) => pageInfo.items[index] || null)
+        : EMPTY;
+      return h('div', {
+        role: 'group', 'aria-label': '记忆宫殿',
+        onKeyDown: (event) => {
+          if (!pageInfo || pageInfo.pages <= 1) return;
+          if (event.key === 'ArrowRight' && pageInfo.page < pageInfo.pages) {
+            event.preventDefault();
+            goPage(pageInfo.page + 1);
+          }
+          if (event.key === 'ArrowLeft' && pageInfo.page > 1) {
+            event.preventDefault();
+            goPage(pageInfo.page - 1);
+          }
+          if (event.key === 'Home' && pageInfo.page > 1) {
+            event.preventDefault();
+            goPage(1);
+          }
+          if (event.key === 'End' && pageInfo.page < pageInfo.pages) {
+            event.preventDefault();
+            goPage(pageInfo.pages);
+          }
+        },
+        style: { ...PANEL_CARD, padding: '10px', minHeight: 0, flex: '0 0 auto', overflowY: 'auto', display: 'flex', flexDirection: 'column', gap: '10px' },
+      },
+      h('div', {
+        role: 'list',
+        'aria-label': '记忆房间',
+        style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(232px, 1fr))', gap: '9px' },
+      },
+        rooms.map((room) => h(PalaceRoomCard, {
+          key: room.id, room, expanded: room.id === expanded, selectedId: props.selectedId,
+          onPick: props.onPick, onToggle: toggle,
+        }))),
+      h('div', { 'aria-live': 'polite', style: { ...PANEL_MUTED, marginTop: '-2px' } }, `${rooms.length} 个房间 · ${rows.length} 条`),
+      activeRoom && activeRoom.total > 0 && pageInfo
+        ? h('section', {
+          id: `lite-palace-room-${activeRoom.id}`, 'aria-label': activeRoom.name, ref: panelRef,
+          style: { borderTop: '1px solid var(--dsw-alias-border-l1)', paddingTop: '9px', display: 'flex', flexDirection: 'column', gap: '8px' },
+        },
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+          h('span', { style: { fontSize: '12px', lineHeight: '1.4', fontWeight: 600 } }, activeRoom.name),
+          h('span', { style: PANEL_MUTED, 'aria-live': 'polite', 'aria-atomic': 'true' }, `${pageInfo.total} 条${pageInfo.pages > 1 ? ` · 第 ${pageInfo.page} / ${pageInfo.pages} 页` : ''}`),
+          h('button', {
+            type: 'button', onClick: () => toggle(activeRoom.id),
+            style: { ...PANEL_LINK, marginLeft: 'auto', height: '24px', padding: '0 7px', borderRadius: '6px', border: '1px solid var(--dsw-alias-border-l1)' },
+          }, '收起'),
+        ),
+        h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(96px, 1fr))', gap: '6px' } },
+          pageSlots.map((record, index) => h(PalaceSlot, {
+            key: record ? record.id : `page-${pageInfo.page}-slot-${index}`,
+            record, active: Boolean(record && record.id === props.selectedId), onPick: props.onPick,
+          }))),
+        pageInfo.pages > 1
+          ? h('div', { role: 'navigation', 'aria-label': '分页', style: { display: 'flex', alignItems: 'center', gap: '4px', flexWrap: 'wrap' } },
+            pageButton('上一页', pageInfo.page - 1, pageInfo.page <= 1, false),
+            palacePageWindow(pageInfo.page, pageInfo.pages).map((number) => pageButton(String(number), number, false, number === pageInfo.page)),
+            pageButton('下一页', pageInfo.page + 1, pageInfo.page >= pageInfo.pages, false))
+          : null,
+        )
+        : null,
+      );
+    };
+
     const MemoryPanel = (props) => {
       const sessionId = props.sessionId;
       const [data, setData] = React.useState(null);
@@ -1052,9 +1950,14 @@ window.__ModuleLoader__.load({
       const [detailNote, setDetailNote] = React.useState('');
       const [busy, setBusy] = React.useState(false);
       const [showReason, setShowReason] = React.useState(false);
+      const [showSettings, setShowSettings] = React.useState(false);
+      const [display, setDisplay] = React.useState({ ...DISPLAY_DEFAULTS });
+      const [hubFilter, setHubFilter] = React.useState(null);
       const alive = React.useRef(true);
       const generation = React.useRef(0);
       const scopeRef = React.useRef('');
+      /** 先算出当前范围键，显示设置的读取/落盘都按它来，不能等后面的派生变量。 */
+      const selectedKey = data && data.selected && data.selected.key ? data.selected.key : '';
       React.useEffect(() => {
         alive.current = true;
         return () => { alive.current = false; };
@@ -1091,6 +1994,22 @@ window.__ModuleLoader__.load({
 
       React.useEffect(() => { load(); }, [sessionId]);
 
+      /** 显示设置跟着当前项目走；换项目或换范围时重新读。 */
+      React.useEffect(() => {
+        setDisplay(readDisplaySettings(selectedKey));
+        setShowSettings(false);
+        setHubFilter(null);
+      }, [selectedKey]);
+      React.useEffect(() => {
+        setMemoryView((value) => viewModeOf(display, value));
+        setEvolutionView((value) => viewModeOf(display, value));
+      }, [display.graph, display.palace]);
+      const setDisplayFlag = (name, value) => {
+        const next = { ...display, [name]: value === true };
+        setDisplay(next);
+        writeDisplaySettings(selectedKey, next);
+      };
+
       React.useEffect(() => {
         if (typeof window === 'undefined') return undefined;
         const onKey = (event) => { if (event.key === 'Escape') { event.stopPropagation(); props.onClose(); } };
@@ -1123,7 +2042,6 @@ window.__ModuleLoader__.load({
       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 });
@@ -1185,14 +2103,7 @@ window.__ModuleLoader__.load({
         else if (rules.length === 0) activityText = countsUnknown ? '等待可学习的反馈' : '还没有整理出经验';
         else activityText = '暂无整理记录';
       }
-      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} ${record.topicKey || ''} ${KIND_LABEL[record.kind] || ''}`.toLowerCase().includes(needle);
-        });
-      }, [records, query]);
+      const filtered = React.useMemo(() => filterRecords(records, query, hubFilter), [records, query, hubFilter]);
       const filteredRules = React.useMemo(() => {
         if (stage === 'all') return rules;
         return rules.filter((rule) => rule.state === stage);
@@ -1205,6 +2116,19 @@ window.__ModuleLoader__.load({
         setSelectedMemory(node.id);
         setSelectedRule('');
       };
+      /** 点 hub 用精确值筛选，标签不发散成子串匹配。 */
+      const onPickHub = (node) => {
+        if (!node || typeof node.id !== 'string') return;
+        const cut = node.id.indexOf(':');
+        const kind = cut > 0 ? node.id.slice(0, cut) : '';
+        const value = cut > 0 ? node.id.slice(cut + 1) : '';
+        if ((kind !== 'tag' && kind !== 'topic') || !value) return;
+        setHubFilter({ kind, value, display: kind === 'tag' ? `#${value}` : value });
+        setQuery('');
+        setSelectedMemory('');
+        setSelectedRule('');
+        setMemoryView('list');
+      };
       const onPickRuleNode = (node) => {
         if (node.kind !== 'rule') return;
         setSelectedRule(node.id);
@@ -1276,31 +2200,47 @@ window.__ModuleLoader__.load({
           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,
+        h('button', {
+          type: 'button', 'aria-expanded': showSettings, 'aria-label': '显示设置',
+          onClick: () => setShowSettings((value) => !value),
+          style: {
+            ...PANEL_LINK, height: '30px', padding: '0 9px', borderRadius: '8px',
+            border: '1px solid var(--dsw-alias-border-l1)',
+            background: showSettings ? 'var(--dsw-alias-bg-layer-2)' : 'transparent',
+            opacity: showSettings ? 0.92 : 0.68,
+          },
+        }, '显示设置'),
         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 }),
-        ),
-        h('div', { style: PANEL_MUTED }, '读取项目和全局记忆'), // ui-copy-ignore 用户指定文案
+      const displayToggle = (label, key) => switchItem(
+        label, '', display[key] === true, !selectedKey,
+        selectedKey ? () => setDisplayFlag(key, display[key] !== true) : undefined,
       );
-      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 }),
+
+      const switchItem = (label, hint, on, disabled, onClick) => h('div', {
+        style: { display: 'flex', flexDirection: 'column', gap: '1px', minWidth: 0, opacity: disabled && !on ? 0.55 : 1 },
+      },
+      h('span', { style: { display: 'flex', alignItems: 'center', gap: '8px', minWidth: 0 } },
+        h('span', { style: { fontSize: '12px', lineHeight: '20px', fontWeight: 600, whiteSpace: 'nowrap' } }, label),
+        h(Toggle, { ariaLabel: label, on, busy: busy || disabled, onClick: disabled ? undefined : onClick }),
+      ),
+      hint ? h('span', { style: { ...PANEL_MUTED, lineHeight: '16px', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, hint) : null);
+      const evolutionOn = Boolean(memoryOn && evolution && evolution.enabled === true);
+      const switchBar = h('div', {
+        style: { display: 'flex', flexDirection: 'column', gap: '3px', padding: '7px 18px 8px', borderBottom: '1px solid var(--dsw-alias-border-l1)', flex: '0 0 auto' },
+      },
+      globalView
+        ? h('div', { style: { ...PANEL_MUTED, lineHeight: '20px' } }, '全局记忆只读')
+        : h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))', gap: '4px 18px' } },
+          switchItem('启用记忆', memoryOn ? '读取项目和全局记忆' : '记忆已关闭，内容只读', memoryOn, busy || !canToggle, toggleControl),
+          switchItem('自进化', evolutionOn ? '实验功能，会增加 token 消耗' : '从反馈里整理经验', evolutionOn, busy || !evolution || !canToggle || !memoryOn, toggleEvolution), // ui-copy-ignore 用户指定文案
+          showSettings ? displayToggle('启用图谱', 'graph') : null,
+          showSettings ? displayToggle('启用记忆宫殿', 'palace') : null,
         ),
-        h('div', { style: PANEL_MUTED }, '从反馈中整理经验，按需使用'), // ui-copy-ignore 用户指定文案
-        h('div', { style: PANEL_MUTED }, '实验功能，会增加 token 消耗'), // 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,
+      !globalView && !canToggle ? h('div', { style: { ...PANEL_MUTED, lineHeight: '18px' } }, '只读，切换回当前项目后可修改') : null,
+      note ? h('div', { style: { ...PANEL_MUTED, lineHeight: '18px', color: 'var(--dsw-alias-state-error-primary)' } }, note) : null,
       );
 
       const switchTab = (key) => {
@@ -1324,15 +2264,20 @@ window.__ModuleLoader__.load({
         globalView ? null : tabButton('evolution', '自进化'),
       );
 
+      const filteredNow = Boolean(query || hubFilter);
       const memoryList = loading
-        ? h('div', { style: { ...PANEL_MUTED, padding: '12px 4px' } }, '读取中…')
+        ? h('div', { style: { ...PANEL_MUTED, padding: '14px 9px' } }, '读取中…')
         : filtered.length === 0
-          ? h('div', { style: { ...PANEL_MUTED, padding: '12px 4px' } }, query ? '没有匹配的记忆' : '还没有记忆')
+          ? h('div', { style: { display: 'flex', alignItems: 'center', gap: '8px', padding: '14px 9px', minWidth: 0 } },
+            h('span', { style: { ...PANEL_MUTED, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, filteredNow ? '没有匹配的记忆' : '还没有记忆'),
+            filteredNow ? h(Action, { onClick: () => { setHubFilter(null); setQuery(''); } }, '清除搜索') : null,
+          )
           : filtered.map((record) => h(MemoryRow, {
             key: record.id, record, active: record.id === selectedMemory,
             onClick: () => { setSelectedMemory(record.id); setSelectedRule(''); },
           }));
 
+      const detailProcessing = detail ? processingStatusOf(detail) : '';
       const memoryDetail = selectedMemory
         ? h('div', { style: { ...PANEL_CARD, minHeight: 0, overflowY: 'auto', display: 'flex', flexDirection: 'column', gap: '6px' } },
           detail
@@ -1341,17 +2286,18 @@ window.__ModuleLoader__.load({
                 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 || ''}`),
+              h('div', { style: PANEL_MUTED }, `${KIND_LABEL[detailRecord && detailRecord.kind] || '记忆'} · ${detail.scopeLabel || ''}${detailProcessing ? ` · ${PROCESSING_LABEL[detailProcessing]}` : ''}`),
               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: { fontSize: '12px', lineHeight: '1.65', whiteSpace: 'pre-wrap', wordBreak: 'break-word' } }, currentBodyOf(detail) || '没有正文'),
+              h(DetailExtras, { payload: detail }),
             )
             : h('div', { style: PANEL_MUTED }, detailNote || '读取中…'),
         )
         : null;
 
-      const viewToggleOf = (current, setValue, ariaLabel) => {
+      const viewToggleOf = (current, setValue, ariaLabel, modes) => {
         const button = (key, label) => h('button', {
           key, type: 'button', onClick: () => setValue(key),
           'aria-pressed': current === key,
@@ -1361,6 +2307,7 @@ window.__ModuleLoader__.load({
             opacity: current === key ? 0.9 : 0.5,
           },
         }, label);
+        const options = Array.isArray(modes) ? modes : [['list', '列表'], ['graph', '图谱']];
         return h('div', {
           role: 'group', 'aria-label': ariaLabel,
           style: {
@@ -1369,31 +2316,41 @@ window.__ModuleLoader__.load({
             border: '1px solid var(--dsw-alias-border-l1)', borderRadius: '8px',
             background: 'var(--dsw-alias-bg-base)',
           },
-        }, button('list', '列表'), button('graph', '图谱'));
+        }, options.map(([key, label]) => button(key, label)));
       };
-      const memoryToggle = viewToggleOf(memoryView, setMemoryView, '记忆视图');
+      const memoryModes = [['list', '列表']];
+      if (display.graph) memoryModes.push(['graph', '图谱']);
+      if (display.palace) memoryModes.push(['palace', '宫殿']);
+      const memoryToggle = memoryModes.length > 1 ? viewToggleOf(memoryView, setMemoryView, '记忆视图', memoryModes) : null;
+      const memoryViewActive = viewModeOf(display, memoryView);
+      const evolutionViewActive = graphViewOf(display.graph, evolutionView);
 
       const memoryListPane = h('div', {
         style: {
           ...PANEL_CARD, padding: '2px 4px', minHeight: 0, overflowY: 'auto',
+          display: 'flex', flexDirection: 'column', gap: 0,
         },
       }, memoryList);
       const memoryGraphPane = h('div', {
         style: { ...PANEL_CARD, padding: 0, minHeight: 0, overflow: 'hidden', display: 'flex' },
       },
       h(MemoryGraph, {
-        records: filtered, selectedId: selectedMemory, onPick: onPickNode,
-        onPickHub: (node) => {
-          setQuery(node.kind === 'tag' ? node.label.replace(/^#/, '') : node.label);
-          setMemoryView('list');
-        },
-        emptyText: query ? '没有匹配的记忆' : '还没有记忆', ariaLabel: '记忆关系图',
-        legend: '圆点 记忆 · 小点 标签/主题 · 虚线 关联 · 点任意点筛选或查看',
+        records: filtered, total: hubFilter ? filtered.length : total,
+        selectedId: selectedMemory, onPick: onPickNode,
+        onPickHub,
+        emptyText: query || hubFilter ? '没有匹配的记忆' : '还没有记忆', ariaLabel: '记忆关系图',
+        legend: '实心 记忆 · 空心 标签/主题 · 虚线 归类 · 点标签筛选，点记忆看正文',
       }));
+      const memoryPalacePane = h(MemoryPalace, {
+        key: selectedKey, records: filtered, selectedId: selectedMemory,
+        onPick: (id) => { setSelectedMemory(id); setSelectedRule(''); },
+        emptyText: query || hubFilter ? '没有匹配的记忆' : '这个项目还没有记忆',
+      });
       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),
+            value: hubFilter ? hubFilter.display : query,
+            onChange: (event) => { setHubFilter(null); setQuery(event.target.value); },
             placeholder: '搜索标题或标签', 'aria-label': '搜索记忆',
             style: { ...PANEL_INPUT, width: 'auto', flex: '1 1 0', minWidth: 0 },
           }),
@@ -1405,7 +2362,7 @@ window.__ModuleLoader__.load({
             gridTemplateColumns: selectedMemory ? 'minmax(0, 1fr) minmax(280px, 340px)' : 'minmax(0, 1fr)',
           },
         },
-        memoryView === 'graph' ? memoryGraphPane : memoryListPane,
+        memoryViewActive === 'graph' ? memoryGraphPane : memoryViewActive === 'palace' ? memoryPalacePane : memoryListPane,
         memoryDetail),
       );
 
@@ -1431,7 +2388,7 @@ window.__ModuleLoader__.load({
             fontVariantNumeric: 'tabular-nums',
           },
         }, `${label} ${countText(key)}`)),
-        h('span', { style: { marginLeft: 'auto' } }, viewToggleOf(evolutionView, setEvolutionView, '自进化视图')),
+        h('span', { style: { marginLeft: 'auto' } }, display.graph ? viewToggleOf(evolutionView, setEvolutionView, '自进化视图') : null),
       );
 
       const stageLabel = (stageFilters.find(([key]) => key === stage) || ['all', '全部'])[1];
@@ -1441,21 +2398,14 @@ window.__ModuleLoader__.load({
             : 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)),
-        )));
+        ? h('div', { style: { display: 'flex', alignItems: 'center', gap: '8px', padding: '14px 9px', minWidth: 0 } },
+          h('span', { style: { ...PANEL_MUTED, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, evolutionEmptyText),
+          stage !== 'all' && (memoryOn && evolution && evolution.enabled === true) ? h(Action, { onClick: () => setStage('all') }, '看全部') : null,
+        )
+        : filteredRules.map((rule) => h(EvolutionRow, {
+          key: rule.id, rule, active: rule.id === selectedRule,
+          onClick: () => { setSelectedRule(rule.id); setSelectedMemory(''); setShowReason(false); },
+        }));
 
       const evolutionReady = selectedKey === currentKey;
       const evolutionFailed = !evolutionReady || failed
@@ -1476,17 +2426,18 @@ window.__ModuleLoader__.load({
         : null;
       const evolutionListPane = h('div', {
         style: {
-          ...PANEL_CARD, padding: '2px 4px', minHeight: 0, overflowY: 'auto',
+          ...PANEL_CARD, padding: '4px', minHeight: 0, overflowY: 'auto',
+          display: 'flex', flexDirection: 'column', gap: '2px',
         },
       }, evolutionList);
       const evolutionGraphPane = h('div', {
         style: { ...PANEL_CARD, padding: 0, minHeight: 0, overflow: 'hidden', display: 'flex' },
       },
       h(MemoryGraph, {
-        records: filteredRules, graphOf: ruleGraphOf, primaryKind: 'rule',
+        records: filteredRules, total: filteredRules.length, graphOf: ruleGraphOf, primaryKind: 'rule',
         selectedId: selectedRule, onPick: onPickRuleNode,
         emptyText: evolutionEmptyText, ariaLabel: '经验关系图',
-        legend: '圆点 经验 · 小点 条件 · 虚线 共用条件 · 点圆点查看',
+        legend: '实心 经验 · 空心 条件 · 虚线 共用条件 · 点经验查看',
       }));
       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' } },
@@ -1508,11 +2459,17 @@ window.__ModuleLoader__.load({
             gridTemplateColumns: selectedRuleRow ? 'minmax(0, 1fr) minmax(280px, 340px)' : 'minmax(0, 1fr)',
           },
         },
-        evolutionView === 'graph' ? evolutionGraphPane : evolutionListPane,
+        evolutionViewActive === 'graph' ? evolutionGraphPane : evolutionListPane,
         evolutionDetailPane),
       );
 
-      const content = h('section', { style: { flex: 1, display: 'flex', flexDirection: 'column', minWidth: 0, minHeight: 0, padding: '14px', gap: '10px' } },
+      const palaceLoose = activeTab === 'memory' && viewModeOf(display, memoryView) === 'palace' && !selectedMemory;
+      const content = h('section', {
+        style: {
+          flex: palaceLoose ? '0 1 auto' : 1, display: 'flex', flexDirection: 'column', minWidth: 0, minHeight: 0,
+          padding: '12px 18px 14px', gap: '10px', overflowY: palaceLoose ? 'auto' : 'visible',
+        },
+      },
         tabBar,
         activeTab === 'memory' ? memoryTab : evolutionTab,
       );
@@ -1523,7 +2480,10 @@ window.__ModuleLoader__.load({
       },
       h('div', {
         role: 'dialog', 'aria-modal': 'true', 'aria-label': '记忆面板',
-        style: { ...PANEL_DIALOG, width: 'min(1120px, 100%)', height: 'min(760px, 100%)', boxSizing: 'border-box' },
+        style: {
+          ...PANEL_DIALOG, width: 'min(1120px, 100%)', boxSizing: 'border-box',
+          height: palaceLoose ? 'auto' : 'min(760px, 100%)', maxHeight: 'min(760px, 100%)',
+        },
       }, ...children));
 
       if (!sessionId) return null;
@@ -1568,12 +2528,22 @@ window.__ModuleLoader__.load({
           update: list.filter((item) => item.exposure === 'update'),
         };
       }, [refs]);
+      const noTriggerReason = typeof props.noTriggerReason === 'string' && props.noTriggerReason
+        ? props.noTriggerReason
+        : (typeof refs.noTriggerReason === 'string' ? refs.noTriggerReason : '');
       if (!sessionId && refs.length === 0) return null;
-      if (groups.found.length === 0 && groups.provided.length === 0 && groups.update.length === 0) return null;
+      if (groups.found.length === 0 && groups.provided.length === 0 && groups.update.length === 0) {
+        return noTriggerReason
+          ? h('div', { style: TAIL }, h(RefSection, { label: '搜索命中', tone: 'found', items: EMPTY, sessionId, turnKey: turn, noTriggerReason }))
+          : null;
+      }
+      const section = (label, items, tone) => (items.length === 0
+        ? null
+        : h(RefSection, { key: label, label, tone, items, sessionId, turnKey: turn }));
       return h('div', { style: TAIL },
-        h(RefSection, { label: '搜索命中', items: groups.found, sessionId, turnKey: turn }),
-        h(RefSection, { label: '读过正文', items: groups.provided, sessionId, turnKey: turn }),
-        h(RefSection, { label: '本轮更新', items: groups.update, sessionId, turnKey: turn }),
+        section('搜索命中', groups.found, 'found'),
+        section('读过正文', groups.provided, 'provided'),
+        section('本轮更新', groups.update, 'update'),
       );
     };
 
@@ -1581,7 +2551,7 @@ window.__ModuleLoader__.load({
 
     // 测试缝：Node 里验引用投影，浏览器里没有任何副作用。
     if (typeof globalThis.__LITE_MEMORY_TEST__ === 'function') {
-      globalThis.__LITE_MEMORY_TEST__({ metaOf, citationOf, citationsOfMeta, citationsOfTurn, dedupe, undoRefOf, graphOf, ruleGraphOf, MemoryPanel });
+      globalThis.__LITE_MEMORY_TEST__({ metaOf, citationOf, citationsOfMeta, citationsOfTurn, dedupe, undoRefOf, graphOf, ruleGraphOf, processingStatusOf, currentBodyOf, historyDiffsOf, MemoryPanel, MemoryGraph, MemoryPalace, TurnMemory, RefSection, displayKeyOf, readDisplaySettings, writeDisplaySettings, graphViewOf, viewModeOf, filterRecords, projectionOf, failureStateOf, evidenceTextOf, evidenceMetaOf, palaceRoomsOf, palaceRoomPageOf, palacePageWindow, palaceToggleOf, palaceMotionOf, palaceRoomIdOf });
     }
 
     return {