@a9i5k4/dsh-auto-memory 0.1.23 → 0.1.25

package/lib/client.js

@@ -18,6 +18,7 @@ window.__ModuleLoader__.load({
     var useState = React.useState
     var useEffect = React.useEffect
     var useReducer = React.useReducer
+    var useRef = React.useRef
 
     // ───────────────────────── 控制器 ─────────────────────────
     var listeners = new Set()
@@ -143,6 +144,7 @@ window.__ModuleLoader__.load({
         readFailed: '读取失败: ', ok: '正常', refreshTime: '刷新时间', notYetShort: '尚未',
         empty: '(空)', back: '← 返回', view: '查看',
         clickDateViewLog: '点击日期查看当日日志(append-only):',
+        userMemoryBlock: '用户记忆(用户画像 · 跨项目):', userMemoryEmpty: '(空)', userMemoryTruncated: '(内容过长,已截断显示)',
         appended: '已追加', notesPathLabel: '项目笔记: ',
         notesPlaceholder: '想追加到项目笔记的内容…(保存时自动带日期标题)',
         saving: '保存中…', append: '追加',
@@ -170,8 +172,13 @@ window.__ModuleLoader__.load({
         fProjectDir: '项目记忆目录', fProjectDirHint: '相对各工作区的目录名(默认 .dsh-memory)。',
         fInject: '注入记忆上下文', fInjectHint: '每次组装提示词时自动注入 <memory_system> 块。',
         fBudget: '注入预算(字符)', fBudgetHint: '记忆块总预算,超出部分截断。',
-        fDays: '注入最近日志天数', fDaysHint: '会话开始时注入最近 N 天的工作日志尾部。',
+        fDays: '注入最近日志天数', fDaysHint: '会话开始时注入最近 N 天的工作日志尾部。默认 1。',
+        fExtBudget: '外部记忆注入预算(字符)', fExtBudgetHint: '外部记忆来源在上下文中的注入预算。默认 1400(路径模式下影响有限)。',
+        fConsolidateMin: '自动沉淀内容门槛(字符)', fConsolidateMinHint: '本轮 user+assistant 总字符低于此值视为寒暄跳过。默认 240。',
         fAway: '暂离阈值(分钟)', fAwayHint: '距上次活动超过该值视为暂离,回归时自动弹出记忆窗口。默认 60。',
+        fAutoConsolidate: '自动沉淀(每轮对话结束AI评估)', fAutoConsolidateHint: '关闭后每轮对话结束不再自动调用 AI 评估与写入今日日志。',
+        fConsolidate: '自动沉淀间隔(分钟)', fConsolidateHint: '两轮自动沉淀之间的最短间隔。默认 30;非工作时间(22:00-08:00)自动翻倍,避免短时间耗尽每日额度。',
+        fConsolidateMax: '自动沉淀每日额度(次)', fConsolidateMaxHint: '每天最多触发自动沉淀的次数,到点后当天不再调用。默认 8。',
         fAutoSum: '自动总结时间点(HH:MM,逗号分隔)', fAutoSumHint: '到点自动生成本时段总结并弹窗展示,如 12:00,18:00,22:00。空=关闭。',
         awayTitle: '欢迎回来', awayMsg: '你离开的这段时间,我已经帮你把日志整理好了。记忆窗口已打开,可以看看这段时间的状况。',
         sumTitle: '时段总结',
@@ -237,6 +244,7 @@ window.__ModuleLoader__.load({
         readFailed: 'Read failed: ', ok: 'OK', refreshTime: 'Refreshed', notYetShort: 'never',
         empty: '(empty)', back: '← Back', view: 'View',
         clickDateViewLog: 'Click a date to view the daily log (append-only):',
+        userMemoryBlock: 'User memory (profile · cross-project):', userMemoryEmpty: '(empty)', userMemoryTruncated: '(content truncated for display)',
         appended: 'Appended', notesPathLabel: 'Project notes: ',
         notesPlaceholder: 'Content to append to project notes…(date heading added on save)',
         saving: 'Saving…', append: 'Append',
@@ -264,8 +272,13 @@ window.__ModuleLoader__.load({
         fProjectDir: 'Project memory dir', fProjectDirHint: 'Directory name relative to each workspace (default .dsh-memory).',
         fInject: 'Inject memory context', fInjectHint: 'Auto-inject <memory_system> block into every prompt.',
         fBudget: 'Injection budget (chars)', fBudgetHint: 'Total budget for the memory block; excess is truncated.',
-        fDays: 'Recent days injected', fDaysHint: 'Inject tails of the last N days of work logs at session start.',
+        fDays: 'Recent days injected', fDaysHint: 'Inject tails of the last N days of work logs at session start. Default 1.',
+        fExtBudget: 'External memory injection budget (chars)', fExtBudgetHint: 'Budget for external memory sources in context. Default 1400 (limited effect with path mode).',
+        fConsolidateMin: 'Auto-consolidation content threshold (chars)', fConsolidateMinHint: 'Turns with fewer combined user+assistant chars are treated as chit-chat and skipped. Default 240.',
       fAway: 'Away threshold (minutes)', fAwayHint: 'Marked away when inactive longer than this; the memory panel auto-opens on return. Default 60.',
+      fAutoConsolidate: 'Auto-consolidation (AI review each turn end)', fAutoConsolidateHint: 'When off, no automatic AI review or daily-log writes at turn end.',
+      fConsolidate: 'Auto-consolidate interval (minutes)', fConsolidateHint: 'Minimum gap between auto-consolidations. Default 30; doubled automatically outside work hours (22:00-08:00).',
+      fConsolidateMax: 'Daily auto-consolidate quota', fConsolidateMaxHint: 'Max auto-consolidation runs per day; no more runs after the quota is reached. Default 8.',
       fAutoSum: 'Auto summary times (HH:MM, comma-separated)', fAutoSumHint: 'Auto-generate and show a period summary at these times, e.g. 12:00,18:00,22:00. Empty = off.',
       awayTitle: 'Welcome back', awayMsg: 'While you were away, I tidied up your logs. The memory panel is open — take a look at what happened.',
       sumTitle: 'Period summary',
@@ -308,6 +321,15 @@ window.__ModuleLoader__.load({
     var fontScale = 'lg'
     var FONT_SCALES = { sm: '小', md: '标准', lg: '大', xl: '特大' }
     var FONT_SCALE_VALUES = { sm: '0.9', md: '1', lg: '1.15', xl: '1.3' }
+    var accentTheme = 'deepseek'
+    var graphDensity = 'relaxed'
+    var ACCENT_VALUES = { deepseek: '#1d4ed8', graphite: '#8b949e', violet: '#9b8cff' }
+    try {
+      var savedAccent = localStorage.getItem('dsh-auto-memory.accentTheme.v1')
+      var savedDensity = localStorage.getItem('dsh-auto-memory.graphDensity.v1')
+      if (ACCENT_VALUES[savedAccent]) accentTheme = savedAccent
+      if (savedDensity === 'relaxed' || savedDensity === 'compact') graphDensity = savedDensity
+    } catch (e) {}
     var localeListeners = new Set()
     function t(key) { return (I18N[locale] && I18N[locale][key]) || I18N.zh[key] || key }
     function setLocale(l) { if (l !== 'zh' && l !== 'en') return; if (l === locale) return; locale = l; localeListeners.forEach(function (fn) { try { fn(l) } catch (e) {} }) }
@@ -324,6 +346,24 @@ window.__ModuleLoader__.load({
 
     // ───────────────────────── 更新弹窗 / 首次指导 ─────────────────────────
     var CHANGELOG = {
+      '0.1.25': { zh: [
+        '文档:README 界面截图更新为最新实机截图(记忆面板概览/接续/日历/工作区导图/设置),中英双语说明。',
+      ], en: [
+        'Docs: README screenshots refreshed with the latest real captures (panel overview / connect / calendar / workspace mind map / settings) with bilingual captions.',
+      ] },
+      '0.1.24': { zh: [
+        '记忆面板:全新液态玻璃 UI——模块箭头滚动、抽屉丝滑展开/收起、工作区 AI 思维导图(拖动画布+缩放)、日历当天时间轴(07:00-22:00)+地点/提醒字段。',
+        '注入精简:只注入最近 1 天日志与反思精华,外部记忆改为绝对路径按需读取,新增 memory_read 工具;敏感段落(令牌/密钥)不再注入 prompt。',
+        '接续页:按来源查看内容/接入/移除(笔记与用户级独立),已接入来源显示 ✓;不再整段注入外部记忆。',
+        '设置页:全部参数可调(注入预算/天数/外部预算、自动沉淀开关/门槛/间隔/额度),浮动保存栏未保存时高亮。',
+        '稳定性:修复对话结束时 host 卡死/崩溃(惰性投影移除、超时兜底、延迟启动),自动沉淀恢复正常并每日限频。',
+      ], en: [
+        'Memory panel: brand-new liquid-glass UI — arrow tab scrolling, smooth drawer transitions, AI workspace mind map (pan + zoom), day timeline (07:00-22:00) with location/reminder fields.',
+        'Lean injection: only the last day of logs and a reflection digest; external memory is read by absolute path on demand via the new memory_read tool; credentials/tokens are filtered out of the prompt.',
+        'Connect tab: per-source view/import/remove (notes vs user-level independently), imported sources show ✓; external memory is no longer injected in bulk.',
+        'Settings: every parameter is now adjustable (injection budget/days/external budget, auto-consolidation toggle/threshold/interval/quota) with a floating save bar that highlights unsaved changes.',
+        'Stability: fixed host freezes/crashes at turn end (lazy projection removed, timeout fallbacks, delayed start); auto-consolidation recovered with daily rate limiting.',
+      ] },
       '0.1.23': { zh: [
         '修复:正式发布包首次欢迎文案仍显示“开发版”；发布转换与残留校验已加强，确保开发版和正式版身份完全隔离。',
       ], en: [
@@ -468,7 +508,10 @@ window.__ModuleLoader__.load({
       reflectAuto: '/api/dsh-auto-memory/reflect-auto',
       note: '/api/dsh-auto-memory/note',
       external: '/api/dsh-auto-memory/external',
+      externalView: '/api/dsh-auto-memory/external-view',
+      externalRemove: '/api/dsh-auto-memory/external-remove',
       externalImport: '/api/dsh-auto-memory/external-import',
+      calendar: '/api/dsh-auto-memory/calendar',
       summarize: '/api/dsh-auto-memory/summarize',
       greet: '/api/dsh-auto-memory/greet',
       notices: '/api/dsh-auto-memory/notices',
@@ -482,13 +525,13 @@ window.__ModuleLoader__.load({
     async function apiGet(path, params) {
       var res = await fetch(path + query(params))
       var body = await res.json().catch(function () { return {} })
-      if (!res.ok) throw new Error(body.error || ('HTTP ' + res.status))
+      if (!res.ok) throw new Error(body.error || ('GET ' + path + ' → HTTP ' + res.status))
       return body
     }
     async function apiPost(path, payload) {
       var res = await fetch(path, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(payload) })
       var body = await res.json().catch(function () { return {} })
-      if (!res.ok) throw new Error(body.error || ('HTTP ' + res.status))
+      if (!res.ok) throw new Error(body.error || ('POST ' + path + ' → HTTP ' + res.status))
       return body
     }
 
@@ -526,16 +569,61 @@ window.__ModuleLoader__.load({
       '[data-dam-resize]:hover { opacity: 1; }',
       '[data-dam-btn] { border: none; background: transparent; cursor: pointer; color: inherit; opacity: .75; font-size: calc(13px * var(--dam-scale)); padding: 4px 8px; border-radius: 6px; }',
       '[data-dam-btn]:hover { opacity: 1; background: color-mix(in srgb, var(--dsw-alias-label-secondary, #666) 16%, transparent); }',
-      '[data-dam-tabs] { display: flex; gap: 2px; padding: 6px 10px; border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1, rgba(128,128,128,.2)) 55%, transparent); }',
-      '[data-dam-tab] { border: none; background: transparent; cursor: pointer; color: inherit; opacity: .6; padding: 5px 10px; border-radius: 7px; font-size: calc(12.5px * var(--dam-scale)); }',
-      '[data-dam-tab][data-active="true"] { opacity: 1; background: color-mix(in srgb, var(--dsw-alias-label-secondary, #666) 18%, transparent); font-weight: 600; }',
-      '[data-dam-body] { flex: 1; overflow: auto; padding: 12px 14px; }',
+      '[data-dam-tabs-wrap] { display: flex; align-items: center; min-width: 0; border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1, rgba(128,128,128,.2)) 55%, transparent); }',
+      '[data-dam-tabs] { flex: 1; min-width: 0; overflow: hidden; padding: 5px 4px; scrollbar-width: none; -ms-overflow-style: none; }',
+      '[data-dam-tabs]::-webkit-scrollbar { display: none; }',
+      '[data-dam-tab-strip] { display: flex; width: max-content; transition: transform .42s cubic-bezier(.22,.8,.2,1); will-change: transform; }',
+      '[data-dam-tab] { flex: 0 0 auto; min-width: max-content; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: none; background: transparent; cursor: pointer; color: inherit; opacity: .68; padding: 6px 9px; border-radius: 7px; font-size: calc(12.5px * var(--dam-scale)); transition: color .25s ease, background .25s ease, opacity .25s ease, transform .25s ease; }',
+      '[data-dam-tabs-arrow] { flex: 0 0 26px; height: 30px; border: 0; background: transparent; color: inherit; cursor: pointer; opacity: .55; font-size: 18px; }',
+      '[data-dam-tabs-arrow]:hover:not(:disabled) { opacity: 1; background: color-mix(in srgb, var(--dam-accent, #2456c4) 16%, transparent); transform: scale(1.12); }',
+      '[data-dam-tabs-arrow]:active:not(:disabled) { transform: scale(.92); }',
+      '[data-dam-tab][data-active="true"] { position: relative; opacity: 1; background: var(--dam-accent, #2456c4); color: #fff; font-weight: 700; box-shadow: 0 3px 10px color-mix(in srgb, var(--dam-accent, #2456c4) 30%, transparent); transform: translateY(-1px); }',
+      '[data-dam-tab][data-active="true"]::before { content: ""; position: absolute; left: 3px; top: 7px; bottom: 7px; width: 3px; border-radius: 3px; background: rgba(255,255,255,.9); }',
+      '[data-dam-body] { flex: 1 1 auto; min-width: 0; min-height: 0; overflow: auto; padding: 16px; }',
+      '[data-dam-settings] { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 18px; min-height: 100%; }',
+      '[data-dam-settings-nav] { position: sticky; top: 0; align-self: start; display: flex; flex-direction: column; gap: 4px; padding-top: 2px; }',
+      '[data-dam-settings-nav] button { border: 0; background: transparent; color: inherit; text-align: left; padding: 8px 9px; border-radius: 8px; cursor: pointer; opacity: .58; font: inherit; font-size: calc(11.5px * var(--dam-scale)); }',
+      '[data-dam-settings-nav] button[data-active="true"] { opacity: 1; color: var(--dam-accent, var(--dsw-alias-brand-primary, #4f7cff)); background: color-mix(in srgb, var(--dam-accent, #4f7cff) 11%, transparent); font-weight: 650; }',
+      '[data-dam-settings-content] { min-width: 0; padding-bottom: 24px; }',
+      '[data-dam-settings-group] { scroll-margin-top: 12px; padding-bottom: 22px; margin-bottom: 24px; border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1, #c5cbd3) 38%, transparent); }',
+      '[data-dam-settings-group] h3 { margin: 0; color: var(--dsw-alias-label-primary, #1f2328); font-size: calc(14px * var(--dam-scale)); }',
+      '[data-dam-settings-group] p { margin: 4px 0 14px; color: var(--dsw-alias-label-secondary, #68717d); font-size: calc(11.5px * var(--dam-scale)); line-height: 1.5; }',
+      '[data-dam-settings-row] { padding: 10px 0; }',
+      '[data-dam-savebar] { position: sticky; bottom: 0; z-index: 3; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; margin: 6px -16px -16px; background: color-mix(in srgb, var(--dsw-alias-bg-overlay, rgba(255,255,255,.92)) 74%, transparent); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4); border-top: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1, #c5cbd3) 38%, transparent); border-radius: 0 0 14px 14px; transition: background .25s ease; }',
+      '[data-dam-savebar] button { opacity: .5; transition: opacity .2s ease, background .2s ease, color .2s ease; }',
+      '[data-dam-savebar] button[data-dirty="true"] { opacity: 1; background: var(--dam-accent, #1d4ed8); color: #fff; font-weight: 650; box-shadow: 0 3px 12px color-mix(in srgb, var(--dam-accent, #1d4ed8) 35%, transparent); }',
+      '[data-dam-settings-row] > [data-dam-row] { margin-bottom: 3px; }',
+      '[data-dam-graph-toolbar] { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1, #c5cbd3) 38%, transparent); }',
+      '[data-dam-graph-toolbar] input[type="range"] { flex: 1; min-width: 90px; accent-color: var(--dam-accent, #6b98ff); }',
+      '[data-dam-graph] { position: relative; min-height: 420px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1, #c5cbd3) 42%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--dsw-alias-bg-layer-1, #f5f6f7) 42%, transparent); }',
+      '[data-dam-graph] { cursor: grab; }',
+      '[data-dam-graph][data-panning="true"] { cursor: grabbing; user-select: none; }',
+      '[data-dam-graph] svg { display: block; width: auto; max-width: none; height: auto; min-height: 520px; transform-origin: 0 0; }',
+      '[data-dam-graph-node] { cursor: pointer; }',
+      '[data-dam-graph-legend] { display: flex; gap: 12px; flex-wrap: wrap; margin: 10px 0 14px; color: var(--dsw-alias-label-secondary, #68717d); font-size: calc(11px * var(--dam-scale)); }',
+      '[data-dam-legend-dot] { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 4px; background: var(--dam-accent, #4f7cff); }',
+      '[data-dam-legend-dot="branch"] { background: #7d8793; }',
+      '[data-dam-legend-dot="leaf"] { background: #b0b7c0; }',
       '[data-dam-kv] { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; font-size: calc(12.5px * var(--dam-scale)); }',
       '[data-dam-kv] b { opacity: .55; font-weight: 500; }',
       '[data-dam-card] { border: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1, rgba(128,128,128,.22)) 60%, transparent); border-radius: 9px; padding: 8px 10px; margin-bottom: 8px; font-size: calc(12.5px * var(--dam-scale));',
       '  background: color-mix(in srgb, var(--dsw-alias-bg-layer-1, rgba(128,128,128,.06)) 40%, transparent); }',
       '[data-dam-card] .dam-date { font-weight: 600; margin-bottom: 4px; }',
       '[data-dam-card] .dam-content { white-space: pre-wrap; word-break: break-word; max-height: 220px; overflow: auto; }',
+      '[data-dam-disclosure] { overflow: hidden; opacity: 0; max-height: 0; transform: translateY(-5px) scale(.985); transition: max-height .32s cubic-bezier(.22,.8,.2,1), opacity .2s ease, transform .28s cubic-bezier(.22,.8,.2,1); }',
+      '[data-dam-disclosure][data-phase="open"] { opacity: 1; max-height: 1800px; transform: translateY(0) scale(1); }',
+      '[data-dam-disclosure][data-phase="closing"] { opacity: 0; max-height: 0; transform: translateY(-5px) scale(.985); }',
+      '[data-dam-card], [data-dam-banner] { animation: dam-rise .34s cubic-bezier(.22,.8,.2,1) both; }',
+      '@keyframes dam-rise { from { opacity: 0; transform: translateY(7px) scale(.988); } to { opacity: 1; transform: translateY(0) scale(1); } }',
+      '@media (prefers-reduced-motion: reduce) { [data-dam-tab-strip], [data-dam-tab], [data-dam-disclosure], [data-dam-card], [data-dam-banner] { transition: none !important; animation: none !important; } }',
+      '[data-dam-calendar] { animation: dam-rise .34s cubic-bezier(.22,.8,.2,1) both; }',
+      '[data-dam-calendar] [data-dam-calendar-day] { transition: transform .18s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }',
+      '[data-dam-calendar] [data-dam-calendar-day]:hover { transform: translateY(-1px); border-color: var(--dam-accent, #1d4ed8) !important; box-shadow: 0 4px 12px rgba(0,0,0,.08); }',
+      '[data-dam-calendar-event] { animation: dam-event-in .25s cubic-bezier(.22,.8,.2,1) both; transition: transform .18s ease, filter .18s ease; }',
+      '[data-dam-calendar-event]:hover { transform: translateX(2px); filter: brightness(1.06); }',
+      '[data-dam-calendar-modal] { animation: dam-modal-in .26s cubic-bezier(.22,.8,.2,1) both; }',
+      '@keyframes dam-event-in { from { opacity: 0; transform: translateX(-5px); } to { opacity: 1; transform: none; } }',
+      '@keyframes dam-modal-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }',
       '[data-dam-banner] { border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary, #e6a23c) 55%, transparent);',
       '  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary, #e6a23c) 13%, transparent); border-radius: 9px; padding: 8px 10px; margin-bottom: 10px; font-size: calc(12.5px * var(--dam-scale)); }',
       '[data-dam-input], [data-dam-select] { width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--dsw-alias-bg-layer-1, rgba(128,128,128,.08)) 45%, transparent); color: inherit; border: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1, rgba(128,128,128,.3)) 60%, transparent); border-radius: 7px; padding: 6px 8px; font: inherit; }',
@@ -547,6 +635,9 @@ window.__ModuleLoader__.load({
       '[data-dam-sidebar-btn][data-active="true"] { opacity: 1; background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4f7cff) 16%, transparent); color: var(--dsw-alias-brand-primary, #4f7cff); }',
       '[data-dam-error] { color: var(--dsw-alias-state-error-primary, #d64545); font-size: 12px; margin-top: 6px; white-space: pre-wrap; }',
       '[data-dam-muted] { opacity: .55; }',
+      '[data-dam-loading] { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 96px; color: var(--dsw-alias-label-secondary, #7d8793); font-size: calc(12px * var(--dam-scale)); }',
+      '[data-dam-spinner] { width: 18px; height: 18px; border: 2px solid color-mix(in srgb, var(--dam-accent, #4f7cff) 22%, transparent); border-top-color: var(--dam-accent, #4f7cff); border-radius: 50%; animation: dam-spin .8s linear infinite; }',
+      '@keyframes dam-spin { to { transform: rotate(360deg); } }',
       '@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {',
       '  [data-dam-panel] { background: var(--dsw-alias-bg-overlay, #ffffff); } }',
     ].join('\n')
@@ -573,7 +664,32 @@ window.__ModuleLoader__.load({
         h('div', { className: 'dam-content' }, props.children))
     }
 
-    function Loading() { return h('div', { 'data-dam-muted': '' }, t('loading')) }
+    function Loading(props) {
+      var label = props && props.label ? props.label : t('loading')
+      return h('div', { 'data-dam-loading': '' }, h('span', { 'data-dam-spinner': '', 'aria-hidden': 'true' }), h('span', null, label))
+    }
+    function AnimatedDisclosure(props) {
+      var open = !!props.open
+      var shownPair = useState(open)
+      var shown = shownPair[0]
+      var setShown = shownPair[1]
+      var phasePair = useState(open ? 'open' : 'closed')
+      var phase = phasePair[0]
+      var setPhase = phasePair[1]
+      useEffect(function () {
+        var timer
+        if (open) {
+          setShown(true)
+          timer = setTimeout(function () { setPhase('open') }, 16)
+        } else if (shown) {
+          setPhase('closing')
+          timer = setTimeout(function () { setShown(false); setPhase('closed') }, 260)
+        }
+        return function () { if (timer) clearTimeout(timer) }
+      }, [open])
+      if (!shown) return null
+      return h('div', { 'data-dam-disclosure': '', 'data-phase': phase }, props.children)
+    }
 
     // ───────────────────────── 侧边栏入口 ─────────────────────────
     function SidebarButton() {
@@ -684,7 +800,7 @@ window.__ModuleLoader__.load({
               h('div', { style: { fontWeight: 600, fontSize: 'calc(12.5px * var(--dam-scale))', lineHeight: 1.5 } }, (isOpen ? '▼ ' : '▶ ') + bigTitle),
               h('div', { 'data-dam-muted': '', style: { fontSize: 'calc(11px * var(--dam-scale))', marginTop: '2px' } },
                 dr.label + ' · ' + dr.items.length + t('logEntries') + (cached && cached.at ? ' · ' + t('generatedAt') + new Date(cached.at).toLocaleTimeString() : ''))),
-            isOpen ? h('div', { style: { padding: '4px 2px 2px 8px' } },
+            h(AnimatedDisclosure, { open: isOpen }, h('div', { style: { padding: '4px 2px 2px 8px' } },
               cached && cached.works && cached.works.length ? cached.works.map(function (w, wi) {
                 var sk = dr.key + ':w' + wi
                 var sOpen = subOpenMap[sk] !== undefined ? subOpenMap[sk] : false
@@ -702,7 +818,7 @@ window.__ModuleLoader__.load({
                     })) : null)
               }) : cached && cached.failed ? h('div', { 'data-dam-hint': '', style: { padding: '4px 6px' } }, t('summaryFailed'))
                 : cached && cached.summary ? h('div', { 'data-dam-hint': '', style: { padding: '4px 6px' } }, cached.summary)
-                : h('div', { 'data-dam-hint': '', style: { padding: '4px 6px' } }, t('summarizing'))) : null))
+                : h('div', { 'data-dam-hint': '', style: { padding: '4px 6px' } }, t('summarizing'))))))
         })(drawers[d])
       }
       // 待反思提醒
@@ -728,6 +844,9 @@ window.__ModuleLoader__.load({
       var wsPair = useState(null)
       var wsData = wsPair[0]
       var setWsData = wsPair[1]
+      var wsOpenPair = useState(false)
+      var wsOpen = wsOpenPair[0]
+      var setWsOpen = wsOpenPair[1]
       // 每次进入面板 / 点刷新(nonce 变化)/ 面板打开期间每 30s 自动重拉,保证自动沉淀等数据新鲜
       useEffect(function () {
         var alive = true
@@ -768,19 +887,12 @@ window.__ModuleLoader__.load({
       return h('div', null,
         // 今日问候卡:问候语 + 昨天时间轴 + 提醒(纯 GUI 渲染,不干扰对话流)
         h(GreetingCard, { greeting: state.greeting, periodSummary: state.periodSummary, t: t, nonce: props && props.nonce }),
-        // 跨工作区总结(所有工作区的小总结 + 区内细分)
-        h('div', { style: { marginTop: '10px' } },
-          h('div', { style: { fontWeight: 700, fontSize: 'calc(12.5px * var(--dam-scale))', opacity: 0.75, marginBottom: '6px' } }, t('wsOverview')),
-          wsData && wsData.workspaces && wsData.workspaces.length
-            ? wsData.workspaces.map(function (ws) {
-                return h('div', { key: ws.path, style: { border: '1px solid color-mix(in srgb, var(--dsw-alias-border-l1, rgba(128,128,128,.22)) 60%, transparent)', borderRadius: '8px', padding: '7px 9px', marginBottom: '6px', background: 'color-mix(in srgb, var(--dsw-alias-bg-layer-1, rgba(128,128,128,.05)) 40%, transparent)' } },
-                  h('div', { style: { fontWeight: 600, fontSize: 'calc(12px * var(--dam-scale))' } }, ws.name + (ws.dateRange ? ' · ' + ws.dateRange : '')),
-                  ws.summary ? h('div', { style: { fontSize: 'calc(12px * var(--dam-scale))', lineHeight: 1.5, marginTop: '3px' } }, ws.summary) : h('div', { 'data-dam-hint': '' }, t('wsNoSummary')),
-                  (ws.items && ws.items.length) ? ws.items.map(function (it, i) {
-                    return h('div', { key: i, style: { fontSize: 'calc(11.5px * var(--dam-scale))', marginTop: '2px', opacity: 0.75 } }, '· ' + it)
-                  }) : null)
-              })
-            : h('div', { 'data-dam-hint': '' }, t('wsGenerating'))),
+        // 跨工作区总结默认折叠，首页把空间留给问候与今日状态
+        h('div', { 'data-dam-collapsible': '', style: { marginTop: '16px' } },
+          h('button', { 'data-dam-btn': '', onClick: function () { setWsOpen(!wsOpen) }, style: { width: '100%', textAlign: 'left', padding: '11px 12px', fontWeight: 650, borderBottom: '1px solid color-mix(in srgb, var(--dsw-alias-border-l1, #c5cbd3) 38%, transparent)' } }, (wsOpen ? '▾ ' : '▸ ') + t('wsOverview')),
+          h(AnimatedDisclosure, { open: wsOpen }, wsData && wsData.workspaces && wsData.workspaces.length
+            ? h('div', { style: { paddingTop: '10px' } }, h(WorkspaceGraph, { workspaces: wsData.workspaces, graph: wsData.graph, onSelect: function () {} }))
+            : h(Loading, { label: locale === 'zh' ? '正在生成跨工作区总结…' : 'Generating workspace overview…' }))),
         state.pendingReflection
           ? h(Banner, null, t('pendingReflection') + state.pendingReflection + t('pendingReflectionHint'))
           : null,
@@ -822,9 +934,16 @@ window.__ModuleLoader__.load({
       var contentPair = useState('')
       var content = contentPair[0]
       var setContent = contentPair[1]
+      var userPair = useState('')
+      var userText = userPair[0]
+      var setUserText = userPair[1]
+      var userTruncPair = useState(false)
+      var userTruncated = userTruncPair[0]
+      var setUserTruncated = userTruncPair[1]
       useEffect(function () {
         var alive = true
         apiGet(API.list).then(function (d) { if (alive) setData(d) }).catch(function () {})
+        apiGet(API.state).then(function (s) { if (alive && s) { if (typeof s.userText === 'string') setUserText(s.userText); setUserTruncated(!!s.userTextTruncated) } }).catch(function () {})
         return function () { alive = false }
       }, [])
       useEffect(function () {
@@ -847,6 +966,11 @@ window.__ModuleLoader__.load({
               h('button', { 'data-dam-btn': '', onClick: function () { setOpen(log.date + '.md') } }, t('view'))))
           })(data.logs[i])
         }
+        // 三级记忆之用户级:当日日志下方展示用户画像(跨项目规则/偏好)
+        rows.push(h('div', { 'data-dam-hint': '', style: { marginTop: '12px' } }, t('userMemoryBlock')))
+        rows.push(h(Card, { title: 'MEMORY.md (' + (locale === 'zh' ? '用户级' : 'user-level') + ')' },
+          h('div', { 'data-dam-content': '' }, userText || t('userMemoryEmpty')),
+          userTruncated ? h('div', { 'data-dam-hint': '' }, t('userMemoryTruncated')) : null))
       }
       return h('div', null, rows)
     }
@@ -977,16 +1101,99 @@ window.__ModuleLoader__.load({
           h('input', { 'data-dam-input': '', placeholder: t('searchPlaceholder'), value: q, onChange: function (e) { setQ(e.target.value) }, onKeyDown: function (e) { if (e.key === 'Enter') search() } }),
           h('button', { 'data-dam-btn': '', onClick: search, disabled: busy }, t('searchBtn')),
           h('button', { 'data-dam-btn': '', onClick: smartSearch, disabled: busy }, t('smartSearch'))),
+        busy ? h(Loading, { label: locale === 'zh' ? 'AI 正在分析记忆…' : 'AI is analyzing memory…' }) : null,
         smart ? h(Card, { title: t('smartAnswer') },
           h('div', { 'data-dam-content': '' }, smart.answer || t('empty')),
           smart.keywords && smart.keywords.length ? h('div', { 'data-dam-hint': '', style: { marginTop: '6px' } }, t('keywordsLabel') + smart.keywords.join(' / ')) : null,
-          smart.hits && smart.hits.length ? h('div', { 'data-dam-hint': '', style: { marginTop: '6px' } },
-            smart.hits.map(function (h, i) { return h('div', { key: i, style: { marginTop: '3px' } }, '· [' + h.where + '] ' + h.line) })) : null)
+          Array.isArray(smart.hits) && smart.hits.length ? h('div', { 'data-dam-hint': '', style: { marginTop: '6px' } },
+            smart.hits.map(function (hit, i) { return hit && typeof hit === 'object' ? h('div', { key: i, style: { marginTop: '3px', overflowWrap: 'anywhere' } }, '· [' + String(hit.where || '') + '] ' + String(hit.line || '')) : null })) : null)
           : null,
         result ? h(Card, { title: t('resultTitle') }, h('div', { 'data-dam-content': '' }, result)) : null)
     }
 
     // ───────────────────────── 工作区总览页签(跨工作区全局总结) ─────────────────────────
+    function graphKeywords(text) {
+      return String(text || '').toLowerCase().split(/[\s,，。:：;；/|()[\]{}]+/).filter(function (x) { return x.length >= 3 }).slice(0, 18)
+    }
+    function WorkspaceGraph(props) {
+      var workspaces = props.workspaces || []
+      var panPair = useState({ x: 0, y: 0 })
+      var pan = panPair[0]
+      var setPan = panPair[1]
+      var dragPair = useState(false)
+      var panning = dragPair[0]
+      var setPanning = dragPair[1]
+      var startPair = useState(null)
+      var dragStart = startPair[0]
+      var setDragStart = startPair[1]
+      function pointerDown(ev) {
+        if (ev.button !== 0 || (ev.target && ev.target.closest && ev.target.closest('[data-dam-graph-node]'))) return
+        ev.preventDefault()
+        try { if (ev.currentTarget.setPointerCapture) ev.currentTarget.setPointerCapture(ev.pointerId) } catch (e) {}
+        setPanning(true)
+        setDragStart({ x: ev.clientX, y: ev.clientY, px: pan.x, py: pan.y, moved: false, pointerId: ev.pointerId })
+      }
+      function pointerMove(ev) {
+        if (!panning || !dragStart || ev.pointerId !== dragStart.pointerId) return
+        var dx = ev.clientX - dragStart.x, dy = ev.clientY - dragStart.y
+        if (!dragStart.moved && Math.abs(dx) + Math.abs(dy) < 3) return
+        if (!dragStart.moved) { dragStart = Object.assign({}, dragStart, { moved: true }); setDragStart(dragStart) }
+        setPan({ x: dragStart.px + dx, y: dragStart.py + dy })
+      }
+      function pointerUp(ev) {
+        if (!panning || !dragStart || (ev && ev.pointerId !== dragStart.pointerId)) return
+        try { if (ev.currentTarget.releasePointerCapture) ev.currentTarget.releasePointerCapture(dragStart.pointerId) } catch (e) {}
+        setPanning(false); setDragStart(null)
+      }
+      var onSelect = props.onSelect || function () {}
+      var graph = props.graph || {}
+      var scale = Number(props.scale) || 1.2
+      var compact = graphDensity === 'compact'
+      var columns = Math.min(2, Math.max(1, workspaces.length))
+      var rows = Math.ceil(workspaces.length / columns)
+      var width = 920
+      var colGap = 420
+      var rowGap = compact ? 220 : 270
+      var height = Math.max(420, rows * rowGap + 80)
+      var centers = workspaces.map(function (ws, i) {
+        var col = i % columns, row = Math.floor(i / columns)
+        return { ws: ws, x: 160 + col * colGap, y: 72 + row * rowGap, i: i }
+      })
+      var edges = []
+      ;(graph.links || []).forEach(function (link) {
+        var from = centers.find(function (c) { return c.ws.name === link.from })
+        var to = centers.find(function (c) { return c.ws.name === link.to })
+        if (from && to) edges.push([from, to, link.label || ''])
+      })
+      var children = []
+      centers.forEach(function (c) {
+        var topics = c.ws.graphTopics && c.ws.graphTopics.length ? c.ws.graphTopics : (c.ws.items || []).map(function (x) { return { label: x, detail: '' } })
+        topics.slice(0, compact ? 3 : 4).forEach(function (topic, j) {
+          var col = j % 2, row = Math.floor(j / 2)
+          children.push({ center: c, item: topic, x: c.x - 105 + col * 210, y: c.y + 82 + row * 56, j: j })
+        })
+      })
+      return h('div', { 'data-dam-graph': '', 'data-panning': panning ? 'true' : undefined, onPointerDown: pointerDown, onPointerMove: pointerMove, onPointerUp: pointerUp, onPointerCancel: pointerUp, onLostPointerCapture: pointerUp },
+        h('svg', { viewBox: '0 0 ' + width + ' ' + height, width: Math.round(width * scale), height: Math.round(height * scale), role: 'img', 'aria-label': t('wsOverview'), style: { touchAction: 'none', userSelect: 'none' } },
+          h('g', { transform: 'translate(' + (pan.x / scale) + ' ' + (pan.y / scale) + ')' },
+          h('g', null, edges.map(function (e, i) {
+            return h('g', { key: 'cross-' + i }, h('line', { x1: e[0].x, y1: e[0].y, x2: e[1].x, y2: e[1].y, stroke: 'var(--dam-accent, #4f7cff)', strokeOpacity: .35, strokeWidth: 1.5, strokeDasharray: '5 6' }), e[2] ? h('text', { x: (e[0].x + e[1].x) / 2, y: (e[0].y + e[1].y) / 2 - 4, textAnchor: 'middle', fontSize: 8, fill: 'var(--dam-accent, #4f7cff)' }, e[2].slice(0, 16)) : null)
+          })),
+          h('g', null, children.map(function (n, i) {
+            return h('g', { key: 'branch-' + i },
+              h('line', { x1: n.center.x, y1: n.center.y + 38, x2: n.x, y2: n.y - 22, stroke: '#8b949e', strokeOpacity: .48, strokeWidth: 1.2 }),
+              h('rect', { x: n.x - (compact ? 82 : 92), y: n.y - 22, width: compact ? 164 : 184, height: 44, rx: 10, fill: 'color-mix(in srgb, var(--dsw-alias-bg-overlay, #fff) 92%, transparent)', stroke: 'color-mix(in srgb, var(--dam-accent, #1d4ed8) 42%, #8b949e)', strokeOpacity: .8 }),
+              h('text', { x: n.x, y: n.y - 5, textAnchor: 'middle', fontSize: compact ? 9.5 : 10.5, fontWeight: 650, fill: 'currentColor' }, String(n.item && n.item.label || n.item || '').slice(0, 22)),
+              h('text', { x: n.x, y: n.y + 10, textAnchor: 'middle', fontSize: 8, fill: '#7d8793' }, String(n.item && n.item.detail || '').slice(0, 26)))
+          })),
+          h('g', null, centers.map(function (c) {
+            return h('g', { key: c.ws.path, 'data-dam-graph-node': '', onPointerDown: function (ev) { ev.stopPropagation() }, onClick: function () { onSelect(c.ws) } },
+              h('rect', { x: c.x - 100, y: c.y - 38, width: 200, height: 76, rx: 16, fill: 'color-mix(in srgb, var(--dam-accent, #1d4ed8) 22%, var(--dsw-alias-bg-overlay, #fff))', stroke: 'var(--dam-accent, #1d4ed8)', strokeWidth: 2 }),
+              h('text', { x: c.x, y: c.y - 5, textAnchor: 'middle', fontSize: compact ? 10.5 : 12, fontWeight: 650, fill: 'currentColor' }, h('tspan', { x: c.x, dy: 0 }, String(c.ws.name || '').slice(0, 12)), h('tspan', { x: c.x, dy: 13 }, String(c.ws.name || '').slice(12, 24))),
+              h('text', { x: c.x, y: c.y + 15, textAnchor: 'middle', fontSize: 8, fill: '#7d8793' }, (c.ws.logCount || 0) + ' ' + t('logEntries')))
+          }))))
+          )
+    }
     function WorkspaceTab() {
       var dataPair = useState(null)
       var data = dataPair[0]
@@ -1001,20 +1208,32 @@ window.__ModuleLoader__.load({
           .catch(function () { setBusy(false) })
       }
       useEffect(function () { load(false) }, [])
-      if (!data) return h('div', null, busy ? h('div', { 'data-dam-hint': '' }, t('wsGenerating')) : h(Loading))
+      var selectedPair = useState(null)
+      var selected = selectedPair[0]
+      var setSelected = selectedPair[1]
+      var collapsedPair = useState({})
+      var collapsedByPath = collapsedPair[0]
+      var setCollapsedByPath = collapsedPair[1]
+      var graphScalePair = useState(1.0)
+      var graphScale = graphScalePair[0]
+      var setGraphScale = graphScalePair[1]
+      if (!data) return h('div', null, busy ? h(Loading, { label: locale === 'zh' ? 'AI 正在整理工作区…' : 'AI is mapping workspaces…' }) : h(Loading))
+      var workspaces = data.workspaces || []
       return h('div', null,
         h('div', { 'data-dam-row': '' },
           h('button', { 'data-dam-btn': '', onClick: function () { load(true) }, disabled: busy }, busy ? t('refreshing') : t('refresh')),
           h('span', { 'data-dam-hint': '' }, data.cached ? (t('generatedAt') + new Date(data.generatedAt).toLocaleTimeString()) : '')),
-        (data.workspaces && data.workspaces.length) ? data.workspaces.map(function (ws) {
-          return h(Card, { key: ws.path, title: ws.name + (ws.dateRange ? ' · ' + ws.dateRange : '') },
-            ws.summary ? h('div', { 'data-dam-content': '' }, ws.summary) : h('div', { 'data-dam-hint': '' }, t('wsNoSummary')),
-            (ws.items && ws.items.length) ? h('div', { style: { marginTop: '6px' } },
-              ws.items.map(function (it, i) {
-                return h('div', { key: i, style: { fontSize: 'calc(12px * var(--dam-scale))', marginTop: '3px', lineHeight: 1.5 } }, '· ' + it)
-              })) : null,
-            h('div', { 'data-dam-hint': '', style: { marginTop: '4px' } }, ws.path + ' · ' + (ws.logCount || 0) + t('logEntries')))
-        }) : h('div', { 'data-dam-hint': '' }, t('wsNone')))
+        workspaces.length ? h('div', null,
+          h('div', { 'data-dam-hint': '', style: { margin: '5px 0 8px' } }, locale === 'zh' ? '中心节点代表工作区；分支为记忆主题；虚线表示共享主题。' : 'Centers are workspaces, branches are topics, and dashed links show shared themes.'),
+          h('div', { 'data-dam-graph-toolbar': '' }, h('span', { 'data-dam-hint': '' }, locale === 'zh' ? '思维导图大小' : 'Map size'), h('input', { type: 'range', min: '0.55', max: '1.75', step: '0.05', value: graphScale, 'aria-label': locale === 'zh' ? '调整思维导图大小' : 'Adjust map size', onChange: function (e) { setGraphScale(Number(e.target.value) || 1.0) } }), h('span', { 'data-dam-hint': '' }, Math.round(graphScale * 100) + '%'), h('button', { 'data-dam-btn': '', title: locale === 'zh' ? '重置视图' : 'Reset view', onClick: function () { setGraphScale(1.0) } }, '⌂')),
+          h('div', { 'data-dam-hint': '' }, locale === 'zh' ? '点击工作区卡片查看摘要；拖动滑块调整图的大小。' : 'Select a workspace card for details; use the slider to resize the map.'),
+          h(WorkspaceGraph, { workspaces: workspaces, graph: data.graph, scale: graphScale, onSelect: function (ws) { setSelected(ws); var n = Object.assign({}, collapsedByPath); n[ws.path] = false; setCollapsedByPath(n) } }),
+          h('div', { style: { marginTop: '12px' } }, workspaces.map(function (ws) {
+            var open = collapsedByPath[ws.path] === false
+            return h('div', { key: ws.path, 'data-dam-card': '', style: { marginBottom: '8px', padding: '0' } },
+              h('button', { 'data-dam-btn': '', 'aria-expanded': open ? 'true' : 'false', onClick: function () { var n = Object.assign({}, collapsedByPath); n[ws.path] = !open; setCollapsedByPath(n); setSelected(ws) }, style: { width: '100%', textAlign: 'left', padding: '10px 12px', fontWeight: 650 } }, (open ? '▾ ' : '▸ ') + ws.name + (ws.dateRange ? ' · ' + ws.dateRange : '')),
+              h(AnimatedDisclosure, { open: open }, h('div', { style: { padding: '4px 12px 12px' } }, ws.summary ? h('div', { 'data-dam-content': '' }, ws.summary) : null, (ws.items || []).map(function (it, i) { return h('div', { key: i, style: { fontSize: 'calc(12px * var(--dam-scale))', marginTop: '4px', lineHeight: 1.55 } }, '· ' + it) }), h('div', { 'data-dam-hint': '' }, ws.path + ' · ' + (ws.logCount || 0) + t('logEntries')))))
+          })) ) : h('div', { 'data-dam-hint': '' }, t('wsNone')))
     }
 
     // ───────────────────────── 日历页签 ─────────────────────────
@@ -1036,11 +1255,20 @@ window.__ModuleLoader__.load({
       var draftPair = useState(null)
       var draft = draftPair[0]  // {date, time, quadrant, title}
       var setDraft = draftPair[1]
+      var dayViewPair = useState(null)
+      var dayView = dayViewPair[0]
+      var setDayView = dayViewPair[1]
       var msgPair = useState('')
       var msg = msgPair[0]
       var setMsg = msgPair[1]
+      var savingPair = useState(false)
+      var saving = savingPair[0]
+      var setSaving = savingPair[1]
+      var calErrorPair = useState('')
+      var calError = calErrorPair[0]
+      var setCalError = calErrorPair[1]
       function load() {
-        apiGet(API.calendar).then(function (d) { if (d) setData(d) }).catch(function () {})
+        apiGet(API.calendar).then(function (d) { if (d) { setData(d); setCalError('') } }).catch(function (e) { setCalError(t('failed') + e.message) })
       }
       useEffect(function () {
         load()
@@ -1073,7 +1301,7 @@ window.__ModuleLoader__.load({
         h('button', { 'data-dam-btn': '', onClick: function () { moveMonth(-1) } }, '◀'),
         h('span', { style: { fontWeight: 700, flex: 1, textAlign: 'center' } }, month.year + ' / ' + String(month.mon).padStart(2, '0')),
         h('button', { 'data-dam-btn': '', onClick: function () { moveMonth(1) } }, '▶'),
-        h('button', { 'data-dam-btn': '', onClick: function () { setDraft({ date: today, time: '09:00', quadrant: '重要不紧急', title: '' }) } }, '+ ' + t('addItem'))))
+        h('button', { 'data-dam-btn': '', onClick: function () { setDraft({ date: today, time: '09:00', quadrant: '重要不紧急', title: '', location: '', reminder: '', note: '' }) } }, '+ ' + t('addItem'))))
       // 图例
       rows.push(h('div', { 'data-dam-row': '', style: { flexWrap: 'wrap' } },
         Object.keys(QUADRANT_STYLE).map(function (q) {
@@ -1095,7 +1323,8 @@ window.__ModuleLoader__.load({
             var dayNum = Number(cell.slice(8))
             week.push(h('div', {
               key: cell,
-              onClick: function () { setDraft({ date: cell, time: '09:00', quadrant: '重要不紧急', title: '' }) },
+              'data-dam-calendar-day': '',
+              onClick: function () { setDayView(cell) },
               style: {
                 minHeight: '64px', padding: '4px', cursor: 'pointer', borderRadius: '8px',
                 border: '1px solid ' + (isToday ? 'var(--dsw-alias-brand-primary, #4f7cff)' : 'color-mix(in srgb, var(--dsw-alias-border-l1, rgba(128,128,128,.3)) 55%, transparent)'),
@@ -1108,6 +1337,7 @@ window.__ModuleLoader__.load({
                 var qs = QUADRANT_STYLE[en.quadrant] || QUADRANT_STYLE['未分类']
                 return h('div', {
                   key: en.time + en.title,
+                  'data-dam-calendar-event': '',
                   title: en.time + ' ' + en.title,
                   onClick: function (ev) { ev.stopPropagation(); toggleDone(en) },
                   style: {
@@ -1125,19 +1355,38 @@ window.__ModuleLoader__.load({
       }
       rows.push(h('div', null, gridRows))
       function toggleDone(en) {
+        if (saving) return
+        setSaving(true); setCalError('')
         apiPost(API.calendar, { action: en.done ? 'remove' : 'done', date: en.date, time: en.time, title: en.title }).then(function (d) {
-          setMsg(d.result || ''); load()
-        }).catch(function (e) { setMsg(t('failed') + e.message) })
+          setMsg(d.result || ''); setSaving(false); load()
+        }).catch(function (e) { setSaving(false); setCalError(t('failed') + e.message) })
       }
       function saveDraft() {
-        if (!draft || !draft.title.trim()) { setMsg(t('needTitle')); return }
-        apiPost(API.calendar, { date: draft.date, time: draft.time, quadrant: draft.quadrant, title: draft.title.trim(), note: draft.note || '' }).then(function (d) {
-          setMsg(d.result || t('saved')); setDraft(null); load()
-        }).catch(function (e) { setMsg(t('failed') + e.message) })
+        if (!draft || !draft.title.trim()) { setCalError(t('needTitle')); return }
+        if (saving) return
+        setSaving(true); setCalError('')
+        apiPost(API.calendar, { date: draft.date, time: draft.time, quadrant: draft.quadrant, title: draft.title.trim(), note: [draft.location ? (locale === 'zh' ? '地点: ' : 'Location: ') + draft.location : '', draft.reminder ? (locale === 'zh' ? '提醒: ' : 'Reminder: ') + draft.reminder : '', draft.note || ''].filter(Boolean).join(' | ') }).then(function (d) {
+          setMsg(d.result || t('saved')); setSaving(false); setDraft(null); load()
+        }).catch(function (e) { setSaving(false); setCalError(t('failed') + e.message) })
+      }
+      // 日期格先打开当天时间轴；点击某个时间槽才创建事件。
+      if (dayView) {
+        var timeline = []
+        for (var hourSlot = 7; hourSlot <= 22; hourSlot++) {
+          (function (hourValue) {
+            var hourText = String(hourValue).padStart(2, '0') + ':00'
+            var hourEvents = dayEntries(dayView).filter(function (en) { return String(en.time || '').slice(0, 2) === String(hourValue).padStart(2, '0') })
+            timeline.push(h('div', { key: hourText, 'data-dam-calendar-slot': '', onClick: function () { setDayView(null); setDraft({ date: dayView, time: hourText, quadrant: '重要不紧急', title: '', location: '', reminder: '', note: '' }) } },
+              h('div', { style: { flex: '0 0 50px', fontSize: 'calc(11px * var(--dam-scale))', opacity: .65 } }, hourText),
+              h('div', { style: { minHeight: '34px', flex: 1, borderLeft: '2px solid color-mix(in srgb, var(--dam-accent, #1d4ed8) 24%, transparent)', paddingLeft: '9px' } }, hourEvents.length ? hourEvents.map(function (en) { var qs = QUADRANT_STYLE[en.quadrant] || QUADRANT_STYLE['未分类']; return h('div', { key: en.time + en.title, 'data-dam-calendar-event': '', onClick: function (ev) { ev.stopPropagation(); toggleDone(en) }, style: { marginBottom: '4px', padding: '4px 7px', borderRadius: 6, background: 'color-mix(in srgb, ' + qs.color + ' 18%, transparent)', color: qs.color, textDecoration: en.done ? 'line-through' : 'none' } }, (en.time || '') + '  ' + en.title + (en.note ? ' · ' + en.note : '')) }) : h('span', { 'data-dam-hint': '' }, locale === 'zh' ? '点击添加事件' : 'Click to add event'))))
+          })(hourSlot)
+        }
+        rows.push(h('div', { 'data-dam-calendar-modal': '', style: { position: 'absolute', inset: 0, zIndex: 10, overflow: 'auto', borderRadius: '16px', background: 'color-mix(in srgb, var(--dsw-alias-bg-overlay, rgba(255,255,255,.9)) 78%, transparent)', backdropFilter: 'blur(20px) saturate(1.4)', WebkitBackdropFilter: 'blur(20px) saturate(1.4)', padding: '16px' } }, h('div', { 'data-dam-row': '' }, h('div', { style: { fontWeight: 700, flex: 1 } }, dayView + ' · ' + (locale === 'zh' ? '当天安排' : 'Day schedule')), h('button', { 'data-dam-btn': '', onClick: function () { setDayView(null) } }, '✕')), timeline))
       }
       // 添加/编辑浮层(液态玻璃)
       if (draft) {
         rows.push(h('div', {
+          'data-dam-calendar-modal': '',
           style: {
             position: 'absolute', inset: 0, zIndex: 10, borderRadius: '16px',
             background: 'color-mix(in srgb, var(--dsw-alias-bg-overlay, rgba(255,255,255,.9)) 70%, transparent)',
@@ -1152,12 +1401,17 @@ window.__ModuleLoader__.load({
             h('input', { 'data-dam-input': '', type: 'time', value: draft.time, onChange: function (e) { var n = Object.assign({}, draft); n.time = e.target.value || '09:00'; setDraft(n) } }),
             h('select', { 'data-dam-select': '', value: draft.quadrant, onChange: function (e) { var n = Object.assign({}, draft); n.quadrant = e.target.value; setDraft(n) } },
               ['重要紧急', '重要不紧急', '紧急不重要', '不重要不紧急'].map(function (q) { return h('option', { key: q, value: q }, t(QUADRANT_I18N[q])) }))),
+          h('input', { 'data-dam-input': '', placeholder: locale === 'zh' ? '地点（可选）' : 'Location (optional)', value: draft.location || '', onChange: function (e) { var n = Object.assign({}, draft); n.location = e.target.value; setDraft(n) } }),
+          h('input', { 'data-dam-input': '', placeholder: locale === 'zh' ? '提醒内容（可选）' : 'Reminder note (optional)', value: draft.reminder || '', onChange: function (e) { var n = Object.assign({}, draft); n.reminder = e.target.value; setDraft(n) } }),
+          h('textarea', { 'data-dam-input': '', rows: 2, placeholder: locale === 'zh' ? '补充说明（可选）' : 'Details (optional)', value: draft.note || '', onChange: function (e) { var n = Object.assign({}, draft); n.note = e.target.value; setDraft(n) } }),
           h('div', { 'data-dam-row': '' },
-            h('button', { 'data-dam-btn': '', onClick: saveDraft }, t('save')),
-            h('button', { 'data-dam-btn': '', onClick: function () { setDraft(null) } }, t('cancel')))))
+            h('button', { 'data-dam-btn': '', onClick: saveDraft, disabled: saving }, saving ? (locale === 'zh' ? '保存中…' : 'Saving…') : t('save')),
+            h('button', { 'data-dam-btn': '', onClick: function () { if (!saving) setDraft(null) }, disabled: saving }, t('cancel')),
+            calError ? h('div', { 'data-dam-error': '' }, calError) : null)))
       }
-      msg ? h('div', { 'data-dam-hint': '' }, msg) : null
-      return h('div', { style: { position: 'relative' } }, rows)
+      if (msg) rows.push(h('div', { 'data-dam-hint': '', style: { marginTop: '8px' } }, msg))
+      if (calError && !draft) rows.push(h('div', { 'data-dam-error': '' }, calError))
+      return h('div', { 'data-dam-calendar': '', style: { position: 'relative' } }, rows)
     }
 
     var TOOL_LABEL = { workbuddy: t('aiAssistant'), codebuddy: 'CodeBuddy', claude: 'Claude Code', codex: 'Codex', 'project-files': t('projectFiles') }
@@ -1174,10 +1428,25 @@ window.__ModuleLoader__.load({
       var errPair = useState('')
       var err = errPair[0]
       var setErr = errPair[1]
+      var expandedPair = useState(null)
+      var expanded = expandedPair[0]
+      var setExpanded = expandedPair[1]
+      var viewCachePair = useState({})
+      var viewCache = viewCachePair[0]
+      var setViewCache = viewCachePair[1]
+      var removeArmPair = useState('')
+      var removeArm = removeArmPair[0]
+      var setRemoveArm = removeArmPair[1]
+      var hitsCachePair = useState({})
+      var hitsCache = hitsCachePair[0]
+      var setHitsCache = hitsCachePair[1]
+      var hitsBusyForPair = useState(null)
+      var hitsBusyFor = hitsBusyForPair[0]
+      var setHitsBusyFor = hitsBusyForPair[1]
       function load() {
         apiGet(API.external).then(function (d) { setSources(d.sources || []) }).catch(function (e) { setErr(e.message) })
       }
-      useEffect(function () { load(); var t = setInterval(load, 60000); return function () { clearInterval(t) } }, [])
+      useEffect(function () { load() }, [])
       if (!sources) return err ? h('div', { 'data-dam-error': '' }, err) : h(Loading)
       function doImport(source, target) {
         var next = Object.assign({}, busy); next[source] = true
@@ -1185,8 +1454,44 @@ window.__ModuleLoader__.load({
         apiPost(API.externalImport, { source: source, target: target }).then(function (d) {
           var done = Object.assign({}, busy); done[source] = false
           setBusy(done); setMsg(d.result || t('imported'))
+          setSources(function (prev) { return (prev || []).map(function (x) { return x.id === source ? Object.assign({}, x, target === 'user' ? { importedUser: true } : { importedNotes: true }) : x }) })
+          load()
         }).catch(function (e) { var done = Object.assign({}, busy); done[source] = false; setBusy(done); setErr(e.message) })
       }
+      function toggleView(source) {
+        if (expanded === source.id) { setExpanded(null); return }
+        setExpanded(source.id); setRemoveArm('')
+        if (viewCache[source.id] !== undefined) return
+        var n = Object.assign({}, viewCache); n[source.id] = { source: source, loading: true }
+        setViewCache(n)
+        apiGet(API.externalView, { source: source.id }).then(function (d) {
+          var m = Object.assign({}, viewCache); m[source.id] = Object.assign({ source: source }, d, { loading: false })
+          setViewCache(m)
+        }).catch(function (e) {
+          var m = Object.assign({}, viewCache); m[source.id] = { source: source, loading: false, error: e.message }
+          setViewCache(m)
+        })
+      }
+      function removeImported(source, target) {
+        var key = source.id + ':' + (target || '')
+        if (removeArm !== key) { setRemoveArm(key); setMsg(''); return }
+        setRemoveArm('')
+        apiPost(API.externalRemove, { source: source.id, target: target }).then(function (d) {
+          setMsg(d.result || ''); setExpanded(null); load()
+          setSources(function (prev) { return (prev || []).map(function (x) { return x.id === source.id ? Object.assign({}, x, target === 'user' ? { importedUser: false } : target === 'project' ? { importedNotes: false } : { importedUser: false, importedNotes: false }) : x }) })
+        }).catch(function (e) { setErr(t('failed') + e.message) })
+      }
+      function findImported(source) {
+        if (!source) return
+        setHitsBusyFor(source.id)
+        apiPost(API.recall, { query: source.name || source.tool || '' }).then(function (d) {
+          var n = Object.assign({}, hitsCache); n[source.id] = d && d.result ? d.result : (locale === 'zh' ? '未找到相关片段' : 'No matches')
+          setHitsCache(n); setHitsBusyFor(null)
+        }).catch(function (e) {
+          var n = Object.assign({}, hitsCache); n[source.id] = t('failed') + e.message
+          setHitsCache(n); setHitsBusyFor(null)
+        })
+      }
       function importAll() {
         var md = sources.filter(function (s) { return s.kind !== 'sessions' && s.enabled !== false })
         setMsg(t('importing') + md.length + t('importingSuffix')); setErr('')
@@ -1200,17 +1505,31 @@ window.__ModuleLoader__.load({
       }
       for (var i = 0; i < sources.length; i++) {
         (function (s) {
+          var isOpen = expanded === s.id
+          var v = viewCache[s.id]
           var actions = []
+          actions.push(h('button', { 'data-dam-btn': '', title: locale === 'zh' ? '只读查看该来源的内容' : 'Read-only view of this source', onClick: function () { toggleView(s) } }, isOpen ? (locale === 'zh' ? '收起' : 'Collapse') : (locale === 'zh' ? '查看内容' : 'View content')))
           if (s.kind === 'sessions') {
             actions.push(h('span', { 'data-dam-hint': '' }, t('sessionSource') + s.fileCount + t('sessionSourceSuffix')))
           } else {
-            actions.push(h('button', { 'data-dam-btn': '', disabled: !!busy[s.id], onClick: function () { doImport(s.id, 'project') } }, busy[s.id] ? t('importingOne') : t('importToNotes')))
-            actions.push(h('button', { 'data-dam-btn': '', disabled: !!busy[s.id], onClick: function () { doImport(s.id, 'user') } }, t('importToUser')))
+            actions.push(s.importedUser ? h('button', { 'data-dam-btn': '', title: locale === 'zh' ? '从用户级记忆删除已导入段落' : 'Delete the imported section from user-level memory', onClick: function () { removeImported(s, 'user') }, style: removeArm === s.id + ':user' ? { background: 'color-mix(in srgb, var(--dsw-alias-state-error-primary, #d64545) 22%, transparent)', color: 'var(--dsw-alias-state-error-primary, #d64545)' } : undefined }, removeArm === s.id + ':user' ? (locale === 'zh' ? '确认删除？' : 'Confirm?') : (locale === 'zh' ? '从 prompt 删除' : 'Delete')) : h('button', { 'data-dam-btn': '', disabled: !!busy[s.id], onClick: function () { doImport(s.id, 'user') } }, t('importToUser')))
+            actions.push(s.importedNotes ? h('button', { 'data-dam-btn': '', title: locale === 'zh' ? '从项目笔记删除已导入段落' : 'Delete the imported section from project notes', onClick: function () { removeImported(s, 'project') }, style: removeArm === s.id + ':project' ? { background: 'color-mix(in srgb, var(--dsw-alias-state-error-primary, #d64545) 22%, transparent)', color: 'var(--dsw-alias-state-error-primary, #d64545)' } : undefined }, removeArm === s.id + ':project' ? (locale === 'zh' ? '确认删除？' : 'Confirm?') : (locale === 'zh' ? '从 prompt 删除' : 'Delete')) : h('button', { 'data-dam-btn': '', disabled: !!busy[s.id], onClick: function () { doImport(s.id, 'project') } }, busy[s.id] ? t('importingOne') : t('importToNotes')))
+
           }
-          cards.push(h(Card, { title: s.name + ' · ' + s.tool + (s.enabled === false ? t('disabled') : '') },
-            h('div', { 'data-dam-hint': '' }, s.kind + ' · ' + s.fileCount + t('filesCount') + fmtSize(s.size)),
-            s.preview ? h('div', { 'data-dam-content': '' }, s.preview) : null,
-            h('div', { 'data-dam-row': '' }, actions)))
+          cards.push(h(Card, { key: s.id, title: s.name + ' · ' + s.tool + (s.enabled === false ? t('disabled') : '') },
+            h('div', { 'data-dam-row': '', style: { marginBottom: '2px' } }, actions),
+            h(AnimatedDisclosure, { open: isOpen },
+              v && v.loading ? h(Loading, { label: locale === 'zh' ? '正在读取来源…' : 'Reading source…' })
+              : v && v.error ? h('div', { 'data-dam-error': '' }, v.error)
+              : v ? h('div', null,
+                h('div', { 'data-dam-content': '' }, v.content || t('empty')),
+                v.imported !== undefined ? h('div', { 'data-dam-hint': '', style: { marginTop: '6px' } },
+                  (locale === 'zh' ? '已接入位置：' : 'Imported at: ') + (v.imported ? (v.locations || []).join(' ; ') : (locale === 'zh' ? '尚未接入' : 'Not imported'))) : null,
+                h('div', { 'data-dam-row': '', style: { marginTop: '8px' } },
+                  h('button', { 'data-dam-btn': '', onClick: function () { findImported(s) } }, hitsBusyFor === s.id ? (locale === 'zh' ? '检索中…' : 'Searching…') : (locale === 'zh' ? '在记忆中查找' : 'Find in memory'))),
+                hitsCache[s.id] ? h('div', { 'data-dam-content': '', style: { marginTop: '6px' } }, String(hitsCache[s.id])) : null,
+                h('div', { 'data-dam-hint': '', style: { marginTop: '8px' } }, locale === 'zh' ? '提示：接入后按钮会变成「从 prompt 删除」，可单独删除用户级或项目笔记里的已导入段落；不会删除来源文件。' : 'Note: after import the button becomes "Delete" for that target; source files are never touched.'))
+              : null)))
         })(sources[i])
       }
       return h('div', null,
@@ -1253,6 +1572,52 @@ window.__ModuleLoader__.load({
       }
     }
 
+    function TabScroller(props) {
+      var tabs = props.tabs || []
+      var tab = props.tab
+      var setTab = props.setTab
+      var viewportRef = useRef(null)
+      var canLeftPair = useState(false)
+      var canLeft = canLeftPair[0]
+      var setCanLeft = canLeftPair[1]
+      var canRightPair = useState(false)
+      var canRight = canRightPair[0]
+      var setCanRight = canRightPair[1]
+      function refreshArrows() {
+        var vp = viewportRef.current
+        if (!vp) return
+        setCanLeft(vp.scrollLeft > 2)
+        setCanRight(vp.scrollLeft + vp.clientWidth < vp.scrollWidth - 2)
+      }
+      useEffect(function () {
+        var vp = viewportRef.current
+        if (!vp) return
+        refreshArrows()
+        vp.addEventListener('scroll', refreshArrows)
+        var ro = null
+        if (typeof ResizeObserver !== 'undefined') { try { ro = new ResizeObserver(refreshArrows); ro.observe(vp) } catch (e) {} }
+        return function () { vp.removeEventListener('scroll', refreshArrows); if (ro) ro.disconnect() }
+      }, [tabs.length])
+      useEffect(function () {
+        var vp = viewportRef.current
+        if (!vp) return
+        var activeEl = vp.querySelector('[data-active="true"]')
+        if (!activeEl) return
+        var l = activeEl.offsetLeft, w = activeEl.offsetWidth
+        if (l < vp.scrollLeft) vp.scrollTo({ left: Math.max(0, l - 8), behavior: 'smooth' })
+        else if (l + w > vp.scrollLeft + vp.clientWidth) vp.scrollTo({ left: l + w - vp.clientWidth + 8, behavior: 'smooth' })
+      }, [tab])
+      function step(dir) {
+        var vp = viewportRef.current
+        if (!vp) return
+        try { vp.scrollBy({ left: dir * Math.max(90, vp.clientWidth * 0.6), behavior: 'smooth' }) } catch (e) { vp.scrollLeft += dir * 90 }
+      }
+      return h('div', { 'data-dam-tabs-wrap': '' },
+        h('button', { 'data-dam-tabs-arrow': '', title: locale === 'zh' ? '向左滚动模块' : 'Scroll modules left', 'aria-label': locale === 'zh' ? '向左滚动模块' : 'Scroll modules left', disabled: !canLeft, onClick: function () { step(-1) } }, '‹'),
+        h('div', { 'data-dam-tabs': '', ref: viewportRef }, h('div', { 'data-dam-tab-strip': '' }, tabs.map(function (item) { return h('button', { key: item[0], 'data-dam-tab': '', 'data-active': tab === item[0] ? 'true' : undefined, onClick: function () { setTab(item[0]) } }, item[1]) }))),
+        h('button', { 'data-dam-tabs-arrow': '', title: locale === 'zh' ? '向右滚动模块' : 'Scroll modules right', 'aria-label': locale === 'zh' ? '向右滚动模块' : 'Scroll modules right', disabled: !canRight, onClick: function () { step(1) } }, '›'))
+    }
+
     function MemoryPanel() {
       var tick = useTick()
       var tabPair = useState('overview')
@@ -1281,6 +1646,7 @@ window.__ModuleLoader__.load({
         width: g.width + 'px',
         height: g.height + 'px',
         '--dam-scale': FONT_SCALE_VALUES[fontScale] || '1',
+        '--dam-accent': ACCENT_VALUES[accentTheme] || ACCENT_VALUES.deepseek,
       }
       var dragMove = startPointerDrag(function (dx, dy) {
         controller.setGeom({ left: g.left + dx, top: g.top + dy })
@@ -1300,13 +1666,12 @@ window.__ModuleLoader__.load({
           onPointerDown: dragMove,
         },
           h('strong', null, t('autoMemory')),
+          h('span', { 'data-dam-hint': '', style: { fontSize: '10px', opacity: .55 } }, 'v0.1.23-ui'),
           h('span', { className: 'dam-spacer' }),
           h('button', { 'data-dam-btn': '', title: t('resetPos'), onClick: function () { controller.resetGeom() } }, '⤾'),
           h('button', { 'data-dam-btn': '', title: t('refresh'), onClick: function () { setNonce(nonce + 1) } }, '⟳'),
           h('button', { 'data-dam-btn': '', title: t('close'), onClick: function () { controller.close() } }, '✕')),
-        h('div', { 'data-dam-tabs': '' }, tabs.map(function (t) {
-          return h('button', { key: t[0], 'data-dam-tab': '', 'data-active': tab === t[0] ? 'true' : undefined, onClick: function () { setTab(t[0]) } }, t[1])
-        })),
+        h(TabScroller, { tabs: tabs, tab: tab, setTab: setTab }),
         h('div', { 'data-dam-body': '' }, body),
         h('div', { 'data-dam-resize': '', title: t('dragResize'), onPointerDown: resizeMove }))
     }
@@ -1483,9 +1848,15 @@ window.__ModuleLoader__.load({
       var errPair = useState('')
       var err = errPair[0]
       var setErr = errPair[1]
+      var dirtyPair = useState(false)
+      var dirty = dirtyPair[0]
+      var setDirty = dirtyPair[1]
       var dbgOpenPair = useState(false)
       var dbgOpen = dbgOpenPair[0]
       var setDbgOpen = dbgOpenPair[1]
+      var settingsSectionPair = useState('appearance')
+      var settingsSection = settingsSectionPair[0]
+      var setSettingsSection = settingsSectionPair[1]
       var browseOpenPair = useState(false)
       var browseOpen = browseOpenPair[0]
       var setBrowseOpen = browseOpenPair[1]
@@ -1544,7 +1915,7 @@ window.__ModuleLoader__.load({
         return function () { alive = false }
       }, [])
       if (!cfg) return err ? h('div', { 'data-dam-error': '' }, err) : h(Loading)
-      function set(key, value) { var next = Object.assign({}, cfg); next[key] = value; setCfg(next) }
+      function set(key, value) { var next = Object.assign({}, cfg); next[key] = value; setCfg(next); setDirty(true) }
       function checkUpdate() {
         if (checkingUpdate) return
         setCheckingUpdate(true)
@@ -1563,21 +1934,51 @@ window.__ModuleLoader__.load({
       function save() {
         if (busy) return
         setBusy(true); setMsg(''); setErr('')
-        apiPost(API.config, cfg).then(function (d) { setCfg(d.config); setMsg(t('saved') + (d.migrated ? ' ' + d.migrated : '')); setBusy(false); if (d && d.config && d.config.locale) applyLocalePref(d.config.locale) })
+        apiPost(API.config, cfg).then(function (d) { setCfg(d.config); setDirty(false); setMsg(t('saved') + (d.migrated ? ' ' + d.migrated : '')); setBusy(false); if (d && d.config && d.config.locale) applyLocalePref(d.config.locale) })
           .catch(function (e) { setErr(e.message); setBusy(false) })
       }
       function field(label, control, hint) {
-        return h('div', null,
+        return h('div', { 'data-dam-settings-row': '' },
           h('div', { 'data-dam-row': '' }, h('label', null, label), control),
           hint ? h('div', { 'data-dam-hint': '' }, hint) : null)
       }
-      return h('div', null,
-        h('div', { 'data-dam-hint': '' }, t('settingsHeader')),
-        field(t('fLocale'), h('select', { 'data-dam-select': '', value: cfg.locale || 'system', onChange: function (e) { set('locale', e.target.value) } },
-          LOCALE_IDS_LIST.map(function (id) { return h('option', { key: id, value: id }, id === 'system' ? t('followSystem') : t(id)) })), t('fLocaleHint')),
-        field(t('fFontSize'), h('select', { 'data-dam-select': '', value: fontScale, onChange: function (e) { fontScale = e.target.value; try { localStorage.setItem('dsh-auto-memory.fontScale.v2', fontScale) } catch (ee) {}; try { var pp = document.querySelector('[data-dam-panel]'); if (pp) pp.style.setProperty('--dam-scale', FONT_SCALE_VALUES[fontScale] || '1') } catch (ee2) {}; emit() } },
-          Object.keys(FONT_SCALES).map(function (k) { return h('option', { key: k, value: k }, t('fs' + k.charAt(0).toUpperCase() + k.slice(1))) })), t('fFontSizeHint')),
-        field(t('fUserDir'), h('input', { 'data-dam-input': '', value: cfg.userMemoryDir, onChange: function (e) { set('userMemoryDir', e.target.value) } }), t('fUserDirHint')),
+      function setAccent(value) {
+        accentTheme = ACCENT_VALUES[value] ? value : 'deepseek'
+        try { localStorage.setItem('dsh-auto-memory.accentTheme.v1', accentTheme) } catch (e) {}
+        emit()
+      }
+      function setDensity(value) {
+        graphDensity = value === 'compact' ? 'compact' : 'relaxed'
+        try { localStorage.setItem('dsh-auto-memory.graphDensity.v1', graphDensity) } catch (e) {}
+        emit()
+      }
+      var sectionLabels = {
+        appearance: locale === 'zh' ? '外观' : 'Appearance', storage: locale === 'zh' ? '存储' : 'Storage',
+        injection: locale === 'zh' ? '记忆窗口' : 'Memory window', automation: locale === 'zh' ? '自动化' : 'Automation',
+        maintenance: locale === 'zh' ? '维护' : 'Maintenance'
+      }
+      function section(key, title, content) { return h('section', { id: 'dam-settings-' + key, 'data-dam-settings-group': '' }, h('h3', null, title), content) }
+      function jumpToSection(key) {
+        setSettingsSection(key)
+        try { var el = document.getElementById('dam-settings-' + key); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }) } catch (e) {}
+      }
+      return h('div', { 'data-dam-settings': '' },
+        h('nav', { 'data-dam-settings-nav': '', 'aria-label': locale === 'zh' ? '设置分组' : 'Settings sections' }, Object.keys(sectionLabels).map(function (key) {
+          return h('button', { key: key, 'data-dam-btn': '', 'data-active': settingsSection === key ? 'true' : undefined, onClick: function () { jumpToSection(key) } }, sectionLabels[key])
+        })),
+        h('div', { 'data-dam-settings-content': '' },
+        section('appearance', sectionLabels.appearance, [
+          h('div', { 'data-dam-hint': '' }, t('settingsHeader')),
+          field(t('fLocale'), h('select', { 'data-dam-select': '', value: cfg.locale || 'system', onChange: function (e) { set('locale', e.target.value) } },
+            LOCALE_IDS_LIST.map(function (id) { return h('option', { key: id, value: id }, id === 'system' ? t('followSystem') : t(id)) })), t('fLocaleHint')),
+          field(t('fFontSize'), h('select', { 'data-dam-select': '', value: fontScale, onChange: function (e) { fontScale = e.target.value; try { localStorage.setItem('dsh-auto-memory.fontScale.v2', fontScale) } catch (ee) {}; try { var pp = document.querySelector('[data-dam-panel]'); if (pp) pp.style.setProperty('--dam-scale', FONT_SCALE_VALUES[fontScale] || '1') } catch (ee2) {}; emit() } },
+            Object.keys(FONT_SCALES).map(function (k) { return h('option', { key: k, value: k }, t('fs' + k.charAt(0).toUpperCase() + k.slice(1))) })), t('fFontSizeHint')),
+          field(locale === 'zh' ? '强调色' : 'Accent color', h('select', { 'data-dam-select': '', value: accentTheme, onChange: function (e) { setAccent(e.target.value) } },
+            h('option', { value: 'deepseek' }, locale === 'zh' ? 'DeepSeek 蓝' : 'DeepSeek blue'), h('option', { value: 'graphite' }, locale === 'zh' ? '石墨灰' : 'Graphite'), h('option', { value: 'violet' }, locale === 'zh' ? '雾紫' : 'Violet')), locale === 'zh' ? '默认使用 DeepSeek 蓝；日历与状态颜色保持语义色。' : 'DeepSeek blue by default; calendar and status colors stay semantic.'),
+          field(locale === 'zh' ? '关系图密度' : 'Graph density', h('select', { 'data-dam-select': '', value: graphDensity, onChange: function (e) { setDensity(e.target.value) } },
+            h('option', { value: 'relaxed' }, locale === 'zh' ? '舒展' : 'Relaxed'), h('option', { value: 'compact' }, locale === 'zh' ? '紧凑' : 'Compact')), locale === 'zh' ? '影响工作区关系图的节点间距和显示数量。' : 'Controls node spacing and detail in the workspace graph.')
+        ]),
+        section('storage', sectionLabels.storage, [field(t('fUserDir'), h('input', { 'data-dam-input': '', value: cfg.userMemoryDir, onChange: function (e) { set('userMemoryDir', e.target.value) } }), t('fUserDirHint')),
         field(t('fProjectDir'), h('input', { 'data-dam-input': '', value: cfg.projectMemoryDir, onChange: function (e) { set('projectMemoryDir', e.target.value) } }), t('fProjectDirHint')),
         field(t('fMemoryRoot'), h('div', { 'data-dam-row': '', style: { flex: 1 } },
           h('input', { 'data-dam-input': '', style: { flex: 1 }, value: cfg.memoryRoot || '', onChange: function (e) { set('memoryRoot', e.target.value) } }),
@@ -1593,30 +1994,36 @@ window.__ModuleLoader__.load({
           h('div', { 'data-dam-row': '', style: { marginTop: '6px' } },
             h('button', { 'data-dam-btn': '', onClick: function () { set('memoryRoot', browsePath); setBrowseOpen(false) } }, t('fSelectDir')),
             h('button', { 'data-dam-btn': '', onClick: function () { setBrowseOpen(false) } }, t('close'))))
-          : null,
-        field(t('fInject'), h('input', { type: 'checkbox', checked: !!cfg.injectEnabled, onChange: function (e) { set('injectEnabled', e.target.checked) } }), t('fInjectHint')),
+          : null]),
+        section('injection', sectionLabels.injection, [field(t('fInject'), h('input', { type: 'checkbox', checked: !!cfg.injectEnabled, onChange: function (e) { set('injectEnabled', e.target.checked) } }), t('fInjectHint')),
         field(t('fBudget'), h('input', { 'data-dam-input': '', type: 'number', min: 400, value: cfg.injectBudgetChars, onChange: function (e) { set('injectBudgetChars', Number(e.target.value) || 2400) } }), t('fBudgetHint')),
-        field(t('fDays'), h('input', { 'data-dam-input': '', type: 'number', min: 1, max: 14, value: cfg.recentDaysInjected, onChange: function (e) { set('recentDaysInjected', Number(e.target.value) || 3) } }), t('fDaysHint')),
+        field(t('fDays'), h('input', { 'data-dam-input': '', type: 'number', min: 1, max: 14, value: cfg.recentDaysInjected, onChange: function (e) { set('recentDaysInjected', Number(e.target.value) || 1) } }), t('fDaysHint')),
+        field(t('fExtBudget'), h('input', { 'data-dam-input': '', type: 'number', min: 200, value: cfg.externalInjectionChars === undefined ? 1400 : cfg.externalInjectionChars, onChange: function (e) { set('externalInjectionChars', Number(e.target.value) || 1400) } }), t('fExtBudgetHint'))]),
+        section('automation', sectionLabels.automation, [field(t('fConsolidateMin'), h('input', { 'data-dam-input': '', type: 'number', min: 80, value: cfg.autoConsolidateMinChars === undefined ? 240 : cfg.autoConsolidateMinChars, onChange: function (e) { set('autoConsolidateMinChars', Number(e.target.value) || 240) } }), t('fConsolidateMinHint')),
+        field(t('fAutoConsolidate'), h('input', { type: 'checkbox', checked: cfg.autoConsolidate !== false, onChange: function (e) { set('autoConsolidate', e.target.checked) } }), t('fAutoConsolidateHint')),
+        field(t('fConsolidate'), h('input', { 'data-dam-input': '', type: 'number', min: 5, value: cfg.autoConsolidateCooldownMinutes === undefined ? 30 : cfg.autoConsolidateCooldownMinutes, onChange: function (e) { set('autoConsolidateCooldownMinutes', Number(e.target.value) || 30) } }), t('fConsolidateHint')),
+        field(t('fConsolidateMax'), h('input', { 'data-dam-input': '', type: 'number', min: 1, max: 50, value: cfg.autoConsolidateDailyMax === undefined ? 8 : cfg.autoConsolidateDailyMax, onChange: function (e) { set('autoConsolidateDailyMax', Number(e.target.value) || 8) } }), t('fConsolidateMaxHint')),
         field(t('fAway'), h('input', { 'data-dam-input': '', type: 'number', min: 1, value: cfg.awayMinutes || 60, onChange: function (e) { set('awayMinutes', Number(e.target.value) || 60) } }), t('fAwayHint')),
         field(t('fAutoSum'), h('input', { 'data-dam-input': '', value: (cfg.autoSummaryTimes || []).join(','), onChange: function (e) { set('autoSummaryTimes', String(e.target.value || '').split(',').map(function (s) { return s.trim() }).filter(Boolean)) } }), t('fAutoSumHint')),
         field(t('fDayBoundary'), h('input', { 'data-dam-input': '', type: 'number', min: 0, max: 1439, value: (cfg.dayBoundaryMinutes === undefined ? 450 : cfg.dayBoundaryMinutes), onChange: function (e) { set('dayBoundaryMinutes', parseInt(e.target.value || '0', 10)) } }), t('fDayBoundaryHint')),
         field(t('fReflect'), h('input', { type: 'checkbox', checked: !!cfg.reflectEnabled, onChange: function (e) { set('reflectEnabled', e.target.checked) } }), t('fReflectHint')),
         field(t('fStyle'), h('select', { 'data-dam-select': '', value: cfg.reflectStyle, onChange: function (e) { set('reflectStyle', e.target.value) } },
-          STYLE_IDS.map(function (id) { return h('option', { key: id, value: id }, t('style' + id.charAt(0).toUpperCase() + id.slice(1))) })), t('fStyleHint')),
-        field(t('fVersion'), h('div', { 'data-dam-row': '' },
+          STYLE_IDS.map(function (id) { return h('option', { key: id, value: id }, t('style' + id.charAt(0).toUpperCase() + id.slice(1))) })), t('fStyleHint'))]),
+        section('maintenance', sectionLabels.maintenance, [field(t('fVersion'), h('div', { 'data-dam-row': '' },
           h('span', { style: { flex: 1 } }, verInfo ? (verInfo.current || '?') + (verInfo.latest ? ' → ' + verInfo.latest + (verInfo.upToDate ? ' ' + t('upToDate') : ' ' + t('hasUpdate')) : '') : (checkingUpdate ? t('checking') : '—')),
           h('button', { 'data-dam-btn': '', onClick: checkUpdate, disabled: checkingUpdate }, checkingUpdate ? t('checking') : t('checkUpdate')),
           (verInfo && verInfo.latest && !verInfo.upToDate && verInfo.installKind === 'registry') ? h('button', { 'data-dam-btn': '', onClick: doUpdate, disabled: upBusy, style: { marginLeft: '4px' } }, upBusy ? t('updating') : t('updateNow')) : null,
           upMsg ? h('span', { 'data-dam-hint': '' }, upMsg) : null),
-          t('versionCmdHint') + (verInfo && verInfo.error ? ' ' + t('versionError') + verInfo.error : '') + (verInfo && verInfo.installKind === 'dev-link' ? ' ' + t('devLinkHint') : '') + (verInfo && !verInfo.installKind ? ' ' + t('noProfileHint') : '')),
-        h('div', { 'data-dam-row': '' },
-          h('button', { 'data-dam-btn': '', onClick: save, disabled: busy }, busy ? t('saving') : t('saveSettings')),
-          msg ? h('span', null, msg) : null),
+          t('versionCmdHint') + (verInfo && verInfo.error ? ' ' + t('versionError') + verInfo.error : '') + (verInfo && verInfo.installKind === 'dev-link' ? ' ' + t('devLinkHint') : '') + (verInfo && !verInfo.installKind ? ' ' + t('noProfileHint') : ''))]),
+        h('div', { 'data-dam-savebar': '' },
+          h('button', { 'data-dam-btn': '', 'data-dirty': dirty ? 'true' : undefined, onClick: save, disabled: busy }, busy ? t('saving') : (dirty ? (locale === 'zh' ? '保存更改' : 'Save changes') : t('saveSettings'))),
+          dirty ? h('span', { 'data-dam-hint': '' }, locale === 'zh' ? '有未保存的更改' : 'Unsaved changes') : null,
+          msg ? h('span', { 'data-dam-hint': '' }, msg) : null),
         // 调试中心(折叠):模块状态一览,方便排查问题/提 issue
         h('div', { style: { marginTop: '14px', borderTop: '1px solid color-mix(in srgb, var(--dsw-alias-border-l1, rgba(128,128,128,.2)) 55%, transparent)', paddingTop: '10px' } },
           h('button', { 'data-dam-btn': '', onClick: function () { setDbgOpen(!dbgOpen) } }, (dbgOpen ? '▴ ' : '▾ ') + t('debugCenter')),
           dbgOpen ? h('div', { style: { marginTop: '8px' } }, h(DebugCenter)) : null),
-        err ? h('div', { 'data-dam-error': '' }, err) : null)
+        err ? h('div', { 'data-dam-error': '' }, err) : null))
     }
 
     // ───────────────────────── 插件挂载 ─────────────────────────