@heixui/dsh-session-suite 0.4.0 → 0.4.2

package/client.js

@@ -128,8 +128,7 @@ window.__ModuleLoader__.load({
         'dialog.deleteSubagents': 'This will also delete {n} subagent session(s) started by it.',
         'dialog.deleteWouldRefuse': 'Something here is still running. Stop it first — nothing has been deleted.',
         'dialog.sessionRunning': 'This session is running. Stop it before deleting.',
-        'settings.title': 'Session snapshots',
-        'settings.description': 'Workspace checkpoints captured for a session, with disk usage, locking, and restore controls.',
+        'settings.title': 'Session snapshots',        'settings.description': 'Workspace checkpoints captured for a session, with disk usage, locking, and restore controls.',
         'settings.empty': 'No snapshots yet. A checkpoint is captured at the start of each turn.',
         'settings.capture': 'Capture now',
         'settings.capturing': 'Capturing…',
@@ -142,6 +141,10 @@ window.__ModuleLoader__.load({
         'settings.unlock': 'Unlock',
         'settings.locked': 'Locked',
         'settings.budget': 'Keeps the newest {keep} automatic snapshots',
+        'settings.budgetInherited': '+ {n} inherited',
+        'settings.inherited': 'Inherited',
+        'settings.budgetNote':
+          'Only this session\'s own automatic snapshots count against the budget. Snapshots inherited from a parent session (created by a rewind or message delete) are kept separately and are why the list can be longer than {keep}.',
         'settings.usage': 'Snapshots use {size}',
         'settings.files': '{count} files',
         'settings.turn': 'Turn {turn}',
@@ -212,10 +215,45 @@ window.__ModuleLoader__.load({
         'memory.pendingTitle': 'Suggested memories',
         'memory.pendingHint': 'Extracted from the last turns. Nothing is stored until you accept it.',
         'memory.extractionIdle': 'Nothing is waiting. Last check: {reason}',
+        'memory.extractionNotYet':
+          'Nothing is waiting yet. Extraction runs at the end of each turn, and this Host has not completed one since it started — have a short exchange and come back.',
         'memory.extractionUnknown': 'no attempt recorded since this Host started',
+        'panel.title': 'Session suite',
+        'panel.description': 'Snapshots, long-term memory, and archived sessions. Each row opens its own page.',
+        'panel.snapshots': 'Session snapshots',
+        'panel.snapshotsHint': 'Workspace checkpoints taken when each turn finishes',
+        'panel.memory': 'Long-term memory',
+        'panel.memoryHint': 'Facts, rules, preferences, and past events kept across sessions',
+        'panel.archived': 'Archived sessions',
+        'panel.archivedHint': 'Sessions hidden from the sidebar; restore them here',
+        'panel.sessionsCount': '{n} session(s) with snapshots',
+        'panel.statSessions': 'Sessions',
+        'panel.statSnapshots': 'Snapshots',
+        'panel.statMemories': 'Memories',
+        'panel.statArchived': 'Archived',
+        'panel.statSessionsHint': 'Every workspace, subagents excluded',
+        'panel.statSnapshotsHint': 'Automatic checkpoints across all sessions',
+        'panel.statMemoriesHint': 'Global plus every workspace, archived included',
+        'panel.statArchivedHint': 'Hidden from the sidebar, restorable',
+        'panel.breakdownTitle': 'Where the memories live',
+        'panel.breakdownGlobal': 'Global (shared by every workspace)',
+        'panel.breakdownHint': 'Each workspace keeps its own store; the total above is the sum of these plus the global one.',
+        'panel.repoLink': 'GitHub source — a small encouragement',
+        'panel.noSettingsSeam': 'This Host build does not expose the settings navigation seam, so this row cannot open its page.',
+        'archived.title': 'Archived sessions',
+        'archived.description': 'Archived sessions are hidden from the sidebar. Restoring one puts it back; nothing is deleted.',
+        'archived.empty': 'No archived sessions.',
+        'archived.restore': 'Restore',
+        'archived.restored': 'Restored',
+        'archived.restoreFailed': 'Could not restore this session',
+        'settings.archived': 'Archived',
+        'settings.checkpointCount': '{n} snapshot(s)',
+        'settings.working': 'Working…',
         'memory.extractionTried': 'tried {n} memory model(s)',
         'memory.extractionQueued': '{n} queued',
         'memory.extractionRejected': '{n} rejected as unusable',
+        'memory.extractionEvents': '{n} session event(s) received',
+        'memory.extractionTurns': '{n} turn(s) ended',
         'memory.accept': 'Keep',
         'memory.reject': 'Discard',
         'memory.accepted': 'Kept',
@@ -228,6 +266,11 @@ window.__ModuleLoader__.load({
         'memory.maintainedCompressed': 'compressed',
         'memory.maintainedRules': 'rules',
         'memory.implicit': 'Suggest memories automatically',
+        'memory.implicitModel': 'Model for automatic extraction',
+        'memory.implicitModelOff': 'Off — no model call, costs nothing',
+        'memory.implicitModelCurrent': 'Use the model this conversation is already using',
+        'memory.implicitModelHint':
+          'Automatic extraction sends one small request at the end of each turn. Choosing a model here is what authorises that spend; "Off" and "Use the current model" are the two ends of the tradeoff.',
         'memory.clearCold': 'Clear cold archive',
         'memory.coldCleared': 'Cold archive cleared',
       },
@@ -327,6 +370,10 @@ window.__ModuleLoader__.load({
         'settings.unlock': '解锁',
         'settings.locked': '已锁定',
         'settings.budget': '每个会话保留最近 {keep} 个自动快照',
+        'settings.budgetInherited': '+ {n} 个继承',
+        'settings.inherited': '继承',
+        'settings.budgetNote':
+          '只有这个会话自己的自动快照计入预算。从父会话继承来的快照（回滚或删除消息时产生）单独保留，所以列表可能比 {keep} 长。',
         'settings.usage': '快照占用 {size}',
         'settings.files': '{count} 个文件',
         'settings.turn': '第 {turn} 轮',
@@ -397,10 +444,45 @@ window.__ModuleLoader__.load({
         'memory.pendingTitle': '待确认的记忆',
         'memory.pendingHint': '从最近几轮里识别出来的，确认前不会入库。',
         'memory.extractionIdle': '当前没有待确认条目。上次检查结果：{reason}',
+        'memory.extractionNotYet':
+          '暂时还没有待确认条目。提取在每轮对话结束时运行，而本次启动后还没完成过任何一轮——聊一两句再回来看。',
         'memory.extractionUnknown': '本次运行还没有执行过提取',
+        'panel.title': '会话套件',
+        'panel.description': '会话快照、长期记忆、归档会话。每行点开就是对应的页面。',
+        'panel.snapshots': '会话快照',
+        'panel.snapshotsHint': '每轮结束时自动记录的工作区状态',
+        'panel.memory': '长期记忆',
+        'panel.memoryHint': '跨会话保留的事实、规则、偏好与经历',
+        'panel.archived': '归档会话',
+        'panel.archivedHint': '已从侧边栏隐藏的会话，可以在这里恢复',
+        'panel.sessionsCount': '{n} 个会话有快照',
+        'panel.statSessions': '会话',
+        'panel.statSnapshots': '快照',
+        'panel.statMemories': '记忆',
+        'panel.statArchived': '已归档',
+        'panel.statSessionsHint': '所有工作区，不含子代理会话',
+        'panel.statSnapshotsHint': '所有会话的自动快照总数',
+        'panel.statMemoriesHint': '全局 + 各工作区，含已归档',
+        'panel.statArchivedHint': '从侧边栏隐藏，可恢复',
+        'panel.breakdownTitle': '记忆存在哪',
+        'panel.breakdownGlobal': '全局（所有工作区共享）',
+        'panel.breakdownHint': '每个工作区有独立的库；上面的总数 = 这些之和 + 全局。',
+        'panel.repoLink': 'GitHub 源码 - 鼓励一下',
+        'panel.noSettingsSeam': '这个 Host 版本没有暴露设置导航接口，无法打开对应页面。',
+        'archived.title': '归档会话',
+        'archived.description': '归档的会话从侧边栏隐藏。恢复后会重新出现，不会删除任何东西。',
+        'archived.empty': '没有归档的会话。',
+        'archived.restore': '恢复',
+        'archived.restored': '已恢复',
+        'archived.restoreFailed': '恢复失败',
+        'settings.archived': '已归档',
+        'settings.checkpointCount': '{n} 张快照',
+        'settings.working': '处理中…',
         'memory.extractionTried': '试过 {n} 个记忆模型',
         'memory.extractionQueued': '入队 {n} 条',
         'memory.extractionRejected': '剔除 {n} 条',
+        'memory.extractionEvents': '收到 {n} 个会话事件',
+        'memory.extractionTurns': '结束 {n} 轮',
         'memory.accept': '保留',
         'memory.reject': '丢弃',
         'memory.accepted': '已保留',
@@ -413,6 +495,11 @@ window.__ModuleLoader__.load({
         'memory.maintainedCompressed': '已压缩',
         'memory.maintainedRules': '条规则',
         'memory.implicit': '自动识别并建议记忆',
+        'memory.implicitModel': '自动提取使用的模型',
+        'memory.implicitModelOff': '关闭 —— 不调用模型，零消耗',
+        'memory.implicitModelCurrent': '用当前对话正在使用的模型',
+        'memory.implicitModelHint':
+          '自动提取会在每轮结束时发一次小请求。在这里选定模型才代表你授权了这笔消耗；「关闭」和「用当前模型」是这笔取舍的两端。',
         'memory.clearCold': '清空冷归档',
         'memory.coldCleared': '冷归档已清空',
       },
@@ -568,6 +655,9 @@ window.__ModuleLoader__.load({
           h('path', { key: 'd', d: 'M10.2 10.2 4.8 2.6' }),
         ]),
       lock: () => icon([h('rect', { key: 'a', x: 3.4, y: 7, width: 9.2, height: 6.4, rx: 1.4 }), h('path', { key: 'b', d: 'M5.6 7V5.4a2.4 2.4 0 0 1 4.8 0V7' })]),
+      // A right-pointing chevron: these rows navigate somewhere, so the row's
+      // affordance is "go", not "expand".
+      chevron: () => icon([h('path', { key: 'a', d: 'M6.2 3.6 10.6 8l-4.4 4.4' })]),
       unlock: () => icon([h('rect', { key: 'a', x: 3.4, y: 7, width: 9.2, height: 6.4, rx: 1.4 }), h('path', { key: 'b', d: 'M5.6 7V5.4a2.4 2.4 0 0 1 4.6-.8' })]),
       restore: () => icon([h('path', { key: 'a', d: 'M3 8a5 5 0 1 1 1.6 3.7' }), h('path', { key: 'b', d: 'M2.6 2.8v3h3' })]),
       close: () => icon([h('path', { key: 'a', d: 'M4 4l8 8' }), h('path', { key: 'b', d: 'M12 4l-8 8' })]),
@@ -725,6 +815,16 @@ window.__ModuleLoader__.load({
 .dss-curate-title { font-size: 13px; color: var(--dsw-alias-label-primary, #1f1f1f); }
 .dss-curate-hint { font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-secondary, #6b6b6b); }
 .dss-curate-inline { margin-top: 0; padding: 6px 10px; border-color: transparent; background: transparent; }
+/* The model picker sits below the toggle as a labelled control, because it is a
+   separate decision from "on/off": one says whether to extract, the other says who
+   pays for it. */
+.dss-curate-field {
+  display: flex; flex-direction: column; gap: 6px; margin-top: 10px;
+  padding: 12px 14px; border-radius: 8px;
+  border: 1px solid var(--dsw-alias-border-l1, rgba(0,0,0,.08));
+  background: var(--dsw-alias-bg-layer-1, #fff);
+}
+.dss-curate-label { font-size: 13px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f1f1f); }
 
 .dss-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
 .dss-tab {
@@ -760,6 +860,118 @@ window.__ModuleLoader__.load({
 .dss-toast.dss-error { background: var(--dsw-alias-state-error-primary, #d93025); }
 
 .dss-section { display: flex; flex-direction: column; gap: 12px; max-width: 720px; }
+/* A screen opened from the sidebar panel inherits the panel's scroll container, so it
+   must not impose its own height. The settings dialog still renders these sections
+   directly and relies on the dialog's own scrolling. */
+/* The sidebar panel is a main-column surface. It must scroll: the memory list is
+   dozens of rows, and without an explicit overflow the page clipped at the viewport
+   with no way to reach the rest — reported as "no scroll wheel, there are already
+   a dozen entries". The min-height 0 is required for the child flex column to shrink
+   below its content size, otherwise overflow never triggers. */
+.dss-panel {
+  display: flex; flex-direction: column; gap: 14px;
+  padding: 24px 28px; max-width: 760px; margin: 0 auto;
+  height: 100%; min-height: 0;
+  overflow-y: auto; overscroll-behavior: contain;
+}
+.dss-panel h2 { margin: 0; font-size: 17px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f1f1f); }
+.dss-nav { display: flex; flex-direction: column; gap: 10px; }
+/* Rows follow the shipped card idiom: the same border and background tokens
+   dsh-connect-trae uses (--dsw-alias-border-l2 / --dsw-alias-bg-l2), so the panel
+   looks like part of the app rather than a bolt-on. A left accent bar appears on
+   hover and focus instead of a colour swap, which keeps the text readable in both
+   themes and gives keyboard users the same affordance as mouse users. */
+.dss-nav-row {
+  position: relative;
+  display: flex; align-items: center; gap: 14px; width: 100%;
+  padding: 14px 16px; text-align: left; cursor: pointer;
+  font: inherit; color: inherit;
+  background: var(--dsw-alias-bg-l2, #fff);
+  border: 1px solid var(--dsw-alias-border-l2, #e3e4e6);
+  border-radius: 12px;
+  transition: border-color .14s ease, background .14s ease, transform .14s ease;
+}
+.dss-nav-row::before {
+  content: ''; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px;
+  border-radius: 0 3px 3px 0;
+  background: var(--dsw-alias-brand, #4d6bfe);
+  opacity: 0; transition: opacity .14s ease;
+}
+.dss-nav-row:hover, .dss-nav-row:focus-visible {
+  border-color: var(--dsw-alias-brand, #4d6bfe);
+  background: var(--dsw-alias-bg-l3, #f7f8fa);
+  outline: none;
+}
+.dss-nav-row:hover::before, .dss-nav-row:focus-visible::before { opacity: 1; }
+.dss-nav-row:active { transform: translateY(1px); }
+.dss-nav-row > svg { flex: none; color: var(--dsw-alias-label-tertiary, #9a9a9a); }
+.dss-nav-main { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
+.dss-nav-title { font-size: 13.5px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f1f1f); }
+.dss-nav-hint { font-size: 12px; line-height: 1.5; color: var(--dsw-alias-label-secondary, #6b6b6b); }
+.dss-nav-meta {
+  flex: none; min-width: 28px; text-align: center;
+  font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums;
+  color: var(--dsw-alias-label-secondary, #6b6b6b);
+  background: var(--dsw-alias-bg-l3, #f2f3f5);
+  border: 1px solid var(--dsw-alias-border-l2, #e3e4e6);
+  border-radius: 999px; padding: 2px 9px;
+}
+.dss-panel-footer {
+  display: flex; align-items: center; justify-content: space-between; gap: 12px;
+  font-size: 12px; color: var(--dsw-alias-label-tertiary, #9a9a9a);
+  padding-top: 8px; border-top: 1px solid var(--dsw-alias-border-l3, #f0f0f0);
+}
+.dss-panel-link {
+  color: var(--dsw-alias-brand, #4d6bfe);
+  text-decoration: none; font-size: 12px;
+}
+.dss-panel-link:hover, .dss-panel-link:focus-visible { text-decoration: underline; }
+/* A four-up summary strip. It fills the column with information rather than
+   decoration, and the numbers match the badges on the rows below. */
+.dss-stat-strip {
+  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;
+}
+.dss-stat {
+  display: flex; flex-direction: column; gap: 3px;
+  padding: 14px 16px;
+  background: var(--dsw-alias-bg-l2, #fff);
+  border: 1px solid var(--dsw-alias-border-l2, #e3e4e6);
+  border-radius: 12px;
+}
+.dss-stat-value {
+  font-size: 22px; font-weight: 650; line-height: 1.15;
+  font-variant-numeric: tabular-nums;
+  color: var(--dsw-alias-label-primary, #1f1f1f);
+}
+.dss-stat-label {
+  font-size: 11.5px; color: var(--dsw-alias-label-secondary, #6b6b6b);
+}
+/* The caption under each figure. Small and tertiary: it explains the number without
+   competing with it. */
+.dss-stat-hint {
+  font-size: 10.5px; line-height: 1.4;
+  color: var(--dsw-alias-label-tertiary, #9a9a9a);
+}
+.dss-breakdown {
+  display: flex; flex-direction: column; gap: 6px;
+  padding: 14px 16px;
+  background: var(--dsw-alias-bg-l3, #f7f8fa);
+  border: 1px solid var(--dsw-alias-border-l2, #e3e4e6);
+  border-radius: 12px;
+}
+.dss-breakdown-row { display: flex; align-items: baseline; gap: 10px; font-size: 12.5px; }
+.dss-breakdown-key {
+  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  color: var(--dsw-alias-label-primary, #1f1f1f);
+}
+.dss-breakdown-value {
+  flex: none; font-variant-numeric: tabular-nums; font-weight: 600;
+  color: var(--dsw-alias-label-secondary, #6b6b6b);
+}
+.dss-breakdown-hint { font-size: 11px; line-height: 1.5; color: var(--dsw-alias-label-tertiary, #9a9a9a); }
+/* The way back from a screen. Left-aligned and small: it is an escape hatch, not
+   an action competing with the page's own controls. */
+.dss-panel-nav { display: flex; align-items: center; margin-bottom: -2px; }
 .dss-section.dss-embedded { max-width: none; gap: 10px; }
 .dss-section h2 { margin: 0; font-size: 15px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f1f1f); }
 .dss-section-head { display: flex; flex-direction: column; gap: 4px; }
@@ -769,6 +981,18 @@ window.__ModuleLoader__.load({
   border: 1px solid var(--dsw-alias-border-l1, rgba(0,0,0,.08));
   border-radius: 10px; background: var(--dsw-alias-bg-layer-1, #fff);
 }
+/* A bounded list: the library scrolls, the page does not.
+   Without this the settings below sat below the fold behind fifty rows, so every
+   change meant scrolling past the whole library first. 480px is about eleven rows,
+   picked by looking at it rather than by arithmetic — it was raised from 360px after
+   the first version read as too short. Single number, retune freely. overscroll-behavior
+   contain stops a scroll that reaches the end of the list from continuing into the page,
+   which is what makes the box feel like a box rather than a speed bump. */
+.dss-scroll-box {
+  max-height: 480px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
 .dss-row {
   display: flex; align-items: center; gap: 10px; padding: 10px 12px;
   border-bottom: 1px solid var(--dsw-alias-border-l1, rgba(0,0,0,.06));
@@ -2072,6 +2296,8 @@ window.__ModuleLoader__.load({
       const [error, setError] = useState(null)
       const [busy, setBusy] = useState(null)
       const [memoryDraft, setMemoryDraft] = useState('')
+      // Kept for the memory.add API path that the long-term screen still uses; the
+      // snapshot panel no longer renders a session-memory editor.
 
       useEffect(() => {
         let alive = true
@@ -2177,15 +2403,31 @@ window.__ModuleLoader__.load({
       )
 
       const stats = detail?.stats
+      // Split the list so the budget makes sense on screen.
+      //
+      // The header said "keeps the newest N automatic snapshots" while the list showed
+      // sixteen, and nothing explained the difference: ten were this session's own and
+      // six were inherited from the parent session by a rewind. Counting inherited
+      // entries against the budget would make a fork delete every snapshot it takes
+      // itself, so they are kept separately — but the user has to be told that, or the
+      // number looks like a bug.
+      const inheritedCount = (detail?.checkpoints ?? []).filter(cp => cp.inheritedFrom).length
       const statsLine = stats
         ? h(
             'div',
             { className: 'dss-row-meta' },
             h('span', null, t('settings.usage', { size: stats.label })),
             h('span', null, t('settings.budget', { keep: stats.budget })),
+            inheritedCount > 0
+              ? h('span', null, t('settings.budgetInherited', { n: inheritedCount }))
+              : null,
             detail.cwd ? h('span', { title: detail.cwd }, detail.cwd) : null,
           )
         : null
+      const budgetNote =
+        inheritedCount > 0
+          ? h('div', { className: 'dss-section-desc' }, t('settings.budgetNote', { keep: stats?.budget ?? 10 }))
+          : null
 
       const checkpoints = detail?.checkpoints ?? []
       const checkpointList =
@@ -2207,6 +2449,10 @@ window.__ModuleLoader__.load({
                       h('span', null, cp.label || cp.id),
                       cp.locked ? h('span', { className: 'dss-badge dss-locked' }, t('settings.locked')) : null,
                       cp.temporary ? h('span', { className: 'dss-badge dss-temp' }, t('settings.temporary')) : null,
+                      // Inherited snapshots are a different thing from this session's
+                      // own: they came from the parent by a rewind, they do not count
+                      // against the budget, and deleting the child does not delete them.
+                      cp.inheritedFrom ? h('span', { className: 'dss-badge' }, t('settings.inherited')) : null,
                     ),
                     h(
                       'div',
@@ -2309,87 +2555,402 @@ window.__ModuleLoader__.load({
             ),
           )
 
-      const memory = detail?.memory ?? []
-      const memoryBlock = h(
+      // The session-memory block was removed deliberately.
+      //
+      // It was a per-session list of loose facts, never written to, sitting next to a
+      // real trajectory view that the Host already provides. Two surfaces for "what
+      // happened in this session" — one authoritative and read-only, one a stub that
+      // nobody fed — invites the reader to trust the stub. The trajectory is the
+      // record of what happened and is not meant to be edited; a hand-written note
+      // beside it is a weaker duplicate. Removed rather than hidden so the panel does
+      // not advertise a capability it does not have.
+
+      return h(
+        'div',
+        { className: sectionClass },
+        head,
+        picker,
+        statsLine,
+        budgetNote,
+        checkpointList,
+        undoList,
+      )
+    }
+
+    // ------------------------------------------------------- long-term memory
+
+    function useWorkspacePath() {
+      return runtime.resolveCwd?.() ?? runtime.cwd
+    }
+
+    /** Last path segment, for a compact workspace label. */
+    function basename(value) {
+      const text = String(value ?? '')
+      const cut = Math.max(text.lastIndexOf('/'), text.lastIndexOf('\\'))
+      return cut >= 0 ? text.slice(cut + 1) || text : text
+    }
+
+    // --------------------------------------------------------- sidebar panel
+
+    /**
+     * The sidebar icon.
+     *
+     * The owner supplies `size` and `active`, so the glyph has to inherit both
+     * rather than carry its own colour — a tinted icon reads as branding and
+     * clashes with the selected state the shell already draws around it.
+     *
+     * @param {any} props owner props
+     * @returns {any} icon element
+     */
+    function SuiteIcon(props) {
+      const size = typeof props?.size === 'number' ? props.size : 18
+      return h(
+        'svg',
+        {
+          width: size,
+          height: size,
+          viewBox: '0 0 16 16',
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: 1.4,
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          'aria-hidden': 'true',
+        },
+        // Two stacked frames: this bundle is about sessions kept as snapshots, so
+        // the mark is layers rather than the clock-like arc a "history" icon would
+        // use (and which already means rewind in the action row).
+        h('rect', { key: 'a', x: 2.6, y: 4.4, width: 8.4, height: 8.2, rx: 1.6 }),
+        h('path', { key: 'b', d: 'M5.4 4.3V3.4a1.2 1.2 0 0 1 1.2-1.2h5.4a1.2 1.2 0 0 1 1.2 1.2v6.4' }),
+      )
+    }
+
+    /**
+     * The panel shown when the sidebar icon is selected.
+     *
+     * It renders the three screens IN PLACE rather than navigating to Settings.
+     *
+     * That is not the first design. The first version was a navigation menu whose
+     * rows called the settings shell's `openSection(id)`, copied from a comment in
+     * dsh-connect-trae. It did nothing, and reading the shipped bundles explains why:
+     *
+     *   • `createSettingsShellStore()` is created inside
+     *     `dsh-client-ui-settings-general` and never published — no `reflect.provide`,
+     *     no service name — so no other client plugin can reach `openSection`.
+     *   • `pluginNavigation` (the one real navigation service) offers only
+     *     `openList()` and `openBundle(name)`, and `openBundle` lands on the bundle
+     *     page (`view: { kind: 'package' }`), which renders `plugins.bundle.config`
+     *     and bundle rows — it does not render `settings.section` pages at all.
+     *
+     * So "click a row, land on a settings page" cannot be built from outside the
+     * settings package. The honest fix is to put the screens here, where they are
+     * reachable, and keep the settings pages as a second way in. Both render the same
+     * components, so there is one implementation of each screen and nothing to sync.
+     *
+     * @param {any} props slot props
+     * @returns {any} panel element
+     */
+    function SuitePanel(props) {
+      const t = props.t ?? (key => key)
+      const rev = useStore(revision)
+      // Which screen is open. `null` shows the three-entry list.
+      const [open, setOpen] = useState(null)
+      const [counts, setCounts] = useState(null)
+      const [error, setError] = useState(null)
+
+      // The three numbers that tell the user whether there is anything behind each
+      // row. A panel whose entries all look identical regardless of content is just
+      // a menu; showing counts is what makes it worth opening.
+      //
+      // Two shape facts this relies on, both of which cost a round of debugging when
+      // guessed wrong: the action is `list` (not `listSessions` — the Host method is
+      // named that, the action is not), and it answers with a bare ARRAY.
+      //
+      // `scope: 'all'` is passed deliberately. The panel has no workspace of its own,
+      // and calling `longterm.list` with no scope returned only the GLOBAL store —
+      // 17 rows for a library of 51 — which is why the panel said 17 while the
+      // settings page said something else entirely. 'all' now means every store.
+      useEffect(() => {
+        let alive = true
+        Promise.all([
+          call({ action: 'longterm.list', scope: 'all' }).catch(() => []),
+          call({ action: 'list' }).catch(() => []),
+          // Per-workspace breakdown, so the totals can be explained rather than
+          // merely displayed. The counts above are sums; without this the user
+          // cannot tell which workspace contributes what — the exact question that
+          // made the earlier 17/21/27/51 mismatch look like a bug.
+          call({ action: 'longterm.workspaces' }).catch(() => []),
+        ])
+          .then(([memories, sessions, workspaces]) => {
+            if (!alive) return
+            const items = Array.isArray(sessions) ? sessions : []
+            const stores = Array.isArray(workspaces) ? workspaces : []
+            const memoryRows = Array.isArray(memories) ? memories : []
+            // The global store's size, so the breakdown adds up to the total instead
+            // of leaving the difference unexplained.
+            const globalRows = memoryRows.filter(row => row.scope === 'global').length
+            setCounts({
+              memories: memoryRows.length,
+              memoryActive: memoryRows.filter(row => row.archived !== true).length,
+              memoryArchived: memoryRows.filter(row => row.archived === true).length,
+              memoryGlobal: globalRows,
+              sessions: items.length,
+              snapshots: items.reduce((sum, item) => sum + (item.checkpoints ?? 0), 0),
+              archived: items.filter(item => item.archived === true).length,
+              // Each store's own size, so the total has a visible decomposition.
+              stores: stores.map(store => ({
+                cwd: store.cwd ?? store.key,
+                entries: store.entries ?? 0,
+              })),
+            })
+          })
+          .catch(failure => alive && setError(failure?.message ?? String(failure)))
+        return () => {
+          alive = false
+        }
+      }, [rev])
+
+      // One screen is open: render it, with a way back.
+      if (open) {
+        const screens = {
+          snapshots: SnapshotSection,
+          memory: MemorySection,
+          archived: ArchivedSection,
+        }
+        const Screen = screens[open]
+        return h(
+          'div',
+          { className: 'dss-panel' },
+          h(
+            'div',
+            { className: 'dss-panel-nav' },
+            h(
+              'button',
+              { type: 'button', className: 'dss-btn dss-small dss-ghost', onClick: () => setOpen(null) },
+              `‹ ${t('panel.title')}`,
+            ),
+          ),
+          Screen ? h(Screen, { t }) : null,
+        )
+      }
+
+      /** @param {string} key screen key @param {string} title row title @param {string} hint row hint */
+      const row = (key, title, hint, meta) =>
+        h(
+          'button',
+          {
+            key,
+            type: 'button',
+            className: 'dss-nav-row',
+            onClick: () => setOpen(key),
+          },
+          h(
+            'div',
+            { className: 'dss-nav-main' },
+            h('div', { className: 'dss-nav-title' }, title),
+            h('div', { className: 'dss-nav-hint' }, hint),
+          ),
+          meta === undefined ? h(Icons.chevron, null) : h('div', { className: 'dss-nav-meta' }, String(meta)),
+        )
+
+      return h(
         'div',
-        { style: { display: 'flex', flexDirection: 'column', gap: 8 } },
-        h('div', { className: 'dss-group-title' }, t('settings.memory')),
+        { className: 'dss-panel' },
+        h(
+          'div',
+          { className: 'dss-section-head' },
+          h('h2', null, t('panel.title')),
+          h('div', { className: 'dss-section-desc' }, t('panel.description')),
+        ),
+        error ? h('div', { className: 'dss-dialog-error' }, error) : null,
+        // A summary strip, because three rows alone left most of the column empty.
+        // The numbers are the same ones the rows carry, so it adds orientation
+        // without inventing a second source of truth.
+        //
+        // Each figure states what it counts. Showing bare numbers is how the earlier
+        // mismatch became a bug report: the user saw 17 here and 21 there, both
+        // labelled "memory", with nothing on screen saying one was the global store
+        // and the other was global plus one workspace.
         h(
           'div',
-          { className: 'dss-card' },
-          memory.length === 0
-            ? h('div', { className: 'dss-empty' }, t('settings.memoryEmpty'))
-            : memory.map(entry =>
+          { className: 'dss-stat-strip' },
+          ...[
+            ['panel.statSessions', counts?.sessions, 'panel.statSessionsHint'],
+            ['panel.statSnapshots', counts?.snapshots, 'panel.statSnapshotsHint'],
+            ['panel.statMemories', counts?.memories, 'panel.statMemoriesHint'],
+            ['panel.statArchived', counts?.archived, 'panel.statArchivedHint'],
+          ].map(([label, value, hint]) =>
+            h(
+              'div',
+              { className: 'dss-stat', key: label, title: t(hint) },
+              h('div', { className: 'dss-stat-value' }, value === undefined ? '—' : String(value)),
+              h('div', { className: 'dss-stat-label' }, t(label)),
+              h('div', { className: 'dss-stat-hint' }, t(hint)),
+            ),
+          ),
+        ),
+        // The decomposition, so the total is checkable rather than a number to trust.
+        counts?.stores?.length
+          ? h(
+              'div',
+              { className: 'dss-breakdown' },
+              h('div', { className: 'dss-group-title' }, t('panel.breakdownTitle')),
+              h(
+                'div',
+                { className: 'dss-breakdown-row' },
+                h('span', { className: 'dss-breakdown-key' }, t('panel.breakdownGlobal')),
+                h('span', { className: 'dss-breakdown-value' }, String(counts.memoryGlobal ?? '—')),
+              ),
+              ...counts.stores.map(store =>
                 h(
                   'div',
-                  { className: 'dss-row', key: entry.id },
-                  h('div', { className: 'dss-row-main' }, h('div', { className: 'dss-memory-text' }, entry.text), h('div', { className: 'dss-row-meta' }, h('span', null, new Date(entry.createdAt).toLocaleString()))),
+                  { className: 'dss-breakdown-row', key: store.cwd },
                   h(
-                    'div',
-                    { className: 'dss-row-actions' },
-                    h(
-                      'button',
-                      {
-                        type: 'button',
-                        className: 'dss-btn dss-small dss-ghost',
-                        title: t('settings.memoryRemove'),
-                        onClick: () => run(`mem:${entry.id}`, () => call({ action: 'memory.remove', sessionId: selected, id: entry.id }), t('toast.memoryRemoved')),
-                      },
-                      h(Icons.trash, { size: 14 }),
-                    ),
+                    'span',
+                    { className: 'dss-breakdown-key', title: store.cwd },
+                    String(store.cwd).split(/[\\/]/).filter(Boolean).pop() ?? store.cwd,
                   ),
+                  h('span', { className: 'dss-breakdown-value' }, String(store.entries)),
                 ),
               ),
+              h('div', { className: 'dss-breakdown-hint' }, t('panel.breakdownHint')),
+            )
+          : null,
+        h(
+          'div',
+          { className: 'dss-nav' },
+          row('snapshots', t('panel.snapshots'), t('panel.snapshotsHint'), counts?.snapshots),
+          row('memory', t('panel.memory'), t('panel.memoryHint'), counts?.memories),
+          row('archived', t('panel.archived'), t('panel.archivedHint'), counts?.archived),
         ),
         h(
           'div',
-          { className: 'dss-toolbar' },
-          h('input', {
-            className: 'dss-input',
-            value: memoryDraft,
-            placeholder: t('settings.memoryPlaceholder'),
-            onChange: event => setMemoryDraft(event.target.value),
-          }),
+          { className: 'dss-panel-footer' },
+          h('span', null, t('panel.sessionsCount', { n: counts?.sessions ?? 0 })),
+          // A way to find the source. dsh-connect-trae puts a GitHub link in the same
+          // place, and it is the one line in a panel like this that answers "who made
+          // this and where do I report a problem".
           h(
-            'button',
+            'a',
             {
-              type: 'button',
-              className: 'dss-btn dss-small',
-              disabled: !memoryDraft.trim() || !selected,
-              onClick: () =>
-                run('memory:add', async () => {
-                  await call({ action: 'memory.add', sessionId: selected, text: memoryDraft })
-                  setMemoryDraft('')
-                }, t('toast.memoryAdded')),
+              className: 'dss-panel-link',
+              href: 'https://github.com/heixiua/dsh-session-suite',
+              target: '_blank',
+              rel: 'noreferrer noopener',
             },
-            t('settings.memorySave'),
+            t('panel.repoLink'),
           ),
         ),
       )
+    }
 
-      return h(
+    // --------------------------------------------------- archived sessions
+
+    /**
+     * Archived sessions, with a way back.
+     *
+     * Archiving existed as a Host command but had no surface here, so a session
+     * could be archived and then be unreachable — the sidebar hides it and the only
+     * way back was the Host's own menu, which is disabled in the context where the
+     * archive happened. This page is the missing half: it lists what the sidebar is
+     * hiding and offers restore.
+     *
+     * Restore, not delete, is the primary action. Archived rows are still complete
+     * sessions; the common mistake is to treat "hidden" as "gone" and destroy data
+     * to tidy a list.
+     *
+     * @param {any} props slot props
+     * @returns {any} section element
+     */
+    function ArchivedSection(props) {
+      const t = props.t ?? (key => key)
+      const rev = useStore(revision)
+      const [rows, setRows] = useState(null)
+      const [error, setError] = useState(null)
+      const [busy, setBusy] = useState(null)
+
+      useEffect(() => {
+        let alive = true
+        // `list` answers with a bare array; see the note in SuitePanel.
+        call({ action: 'list' })
+          .then(result => {
+            if (!alive) return
+            const items = Array.isArray(result) ? result : []
+            setRows(items.filter(item => item.archived === true))
+          })
+          .catch(failure => alive && setError(failure?.message ?? String(failure)))
+        return () => {
+          alive = false
+        }
+      }, [rev])
+
+      /** @param {string} sessionId session to restore */
+      const restore = async sessionId => {
+        setBusy(sessionId)
+        setError(null)
+        try {
+          await call({ action: 'restoreSession', sessionId })
+          notify(t('archived.restored'))
+          bump()
+        } catch (failure) {
+          setError(failure?.message ?? t('archived.restoreFailed'))
+        } finally {
+          setBusy(null)
+        }
+      }
+
+      const head = h(
         'div',
-        { className: sectionClass },
-        head,
-        picker,
-        statsLine,
-        checkpointList,
-        undoList,
-        memoryBlock,
+        { className: 'dss-section-head' },
+        h('h2', null, t('archived.title')),
+        h('div', { className: 'dss-section-desc' }, t('archived.description')),
       )
-    }
 
-    // ------------------------------------------------------- long-term memory
+      if (error) return h('div', { className: 'dss-section' }, head, h('div', { className: 'dss-dialog-error' }, error))
+      if (!rows) return h('div', { className: 'dss-section' }, head, h('div', { className: 'dss-empty' }, t('settings.loading')))
 
-    function useWorkspacePath() {
-      return runtime.resolveCwd?.() ?? runtime.cwd
-    }
+      const body =
+        rows.length === 0
+          ? h('div', { className: 'dss-empty' }, t('archived.empty'))
+          : h(
+              'div',
+              { className: 'dss-card' },
+              ...rows.map(entry =>
+                h(
+                  'div',
+                  { className: 'dss-row', key: entry.sessionId },
+                  h(
+                    'div',
+                    { className: 'dss-row-main' },
+                    h('div', { className: 'dss-memory-text' }, entry.title || entry.sessionId),
+                    h(
+                      'div',
+                      { className: 'dss-row-meta' },
+                      h('span', { className: 'dss-badge dss-temp' }, t('settings.archived')),
+                      typeof entry.checkpoints === 'number'
+                        ? h('span', null, t('settings.checkpointCount', { n: entry.checkpoints }))
+                        : null,
+                    ),
+                  ),
+                  h(
+                    'div',
+                    { className: 'dss-row-actions' },
+                    h(
+                      'button',
+                      {
+                        type: 'button',
+                        className: 'dss-btn dss-small',
+                        disabled: busy === entry.sessionId,
+                        onClick: () => restore(entry.sessionId),
+                      },
+                      busy === entry.sessionId ? t('settings.working') : t('archived.restore'),
+                    ),
+                  ),
+                ),
+              ),
+            )
 
-    /** Last path segment, for a compact workspace label. */
-    function basename(value) {
-      const text = String(value ?? '')
-      const cut = Math.max(text.lastIndexOf('/'), text.lastIndexOf('\\'))
-      return cut >= 0 ? text.slice(cut + 1) || text : text
+      return h('div', { className: 'dss-section' }, head, body)
     }
 
     function MemorySection(props) {
@@ -2421,7 +2982,39 @@ window.__ModuleLoader__.load({
       const [tagFilter, setTagFilter] = useState('')
       const [sinceFilter, setSinceFilter] = useState('')
 
+      // Which models can be called, loaded from the Host rather than from config.
+      //
+      // The list used to come from `settings.memoryModels`, which is a patch value —
+      // and this profile has no patch entry, so the picker offered only "off" and
+      // "use current" while the user had several working providers in
+      // Settings → 模型. The Host knows what it can actually call; ask it.
+      const [models, setModels] = useState(null)
+      useEffect(() => {
+        let alive = true
+        call({ action: 'longterm.models' })
+          .then(list => alive && setModels(Array.isArray(list) ? list : []))
+          .catch(() => alive && setModels([]))
+        return () => {
+          alive = false
+        }
+      }, [rev])
+
       const detected = useWorkspacePath()
+
+      // Turn a stored workspace key into a readable name.
+      //
+      // The badge used to say 「本工作区」 for every workspace-scoped row, so a list
+      // filtered to 全部 showed a dozen rows all claiming to be "this workspace" —
+      // including rows from other workspaces. The key is a one-way hash, so the name
+      // has to come from the registry, which is exactly what `longterm.workspaces`
+      // returns.
+      const workspaceLabel = key => {
+        if (!key) return t('memory.workspace')
+        const match = known.find(item => item.key === key)
+        if (!match) return t('memory.workspace')
+        const cwd = String(match.cwd ?? '')
+        return cwd.split(/[\\/]/).filter(Boolean).pop() ?? cwd ?? t('memory.workspace')
+      }
       const cwd = picked !== undefined ? picked : detected
 
       useEffect(() => {
@@ -2603,7 +3196,7 @@ window.__ModuleLoader__.load({
                     'div',
                     { className: 'dss-row-main' },
                     h('div', { className: 'dss-memory-text' }, item.text),
-                    h('div', { className: 'dss-row-meta' }, h('span', { className: 'dss-badge' }, item.scope === 'global' ? t('memory.global') : t('memory.workspace'))),
+                    h('div', { className: 'dss-row-meta' }, h('span', { className: 'dss-badge' }, item.scope === 'global' ? t('memory.global') : workspaceLabel(item.workspaceKey))),
                   ),
                   h(
                     'div',
@@ -2632,40 +3225,65 @@ window.__ModuleLoader__.load({
                 ),
               ),
             )
-          : extraction
-            ? h(
+          : h(
+              // Always render this block, even when extraction has never run.
+              //
+              // It used to render only when a trace existed, so a freshly started
+              // Host showed NOTHING here — indistinguishable from a broken feature,
+              // and exactly the question the user then asked. An empty state has to
+              // say why it is empty.
+              'div',
+              { className: 'dss-mem-pending' },
+              h('div', { className: 'dss-group-title' }, t('memory.pendingTitle')),
+              h(
                 'div',
-                { className: 'dss-mem-pending' },
-                h('div', { className: 'dss-group-title' }, t('memory.pendingTitle')),
-                h(
-                  'div',
-                  { className: 'dss-mem-pending-hint' },
-                  t('memory.extractionIdle', {
-                    reason: extraction.reason || t('memory.extractionUnknown'),
-                  }),
-                ),
-                extraction.candidates?.length
-                  ? h(
-                      'div',
-                      { className: 'dss-row-meta' },
-                      h('span', null, t('memory.extractionTried', { n: extraction.candidates.length })),
-                      extraction.queued !== undefined
-                        ? h('span', null, t('memory.extractionQueued', { n: extraction.queued }))
-                        : null,
-                      extraction.rejected !== undefined
-                        ? h('span', null, t('memory.extractionRejected', { n: extraction.rejected }))
-                        : null,
-                    )
-                  : null,
-              )
-            : null
+                { className: 'dss-mem-pending-hint' },
+                extraction
+                  ? t('memory.extractionIdle', {
+                      reason: extraction.reason || t('memory.extractionUnknown'),
+                    })
+                  : t('memory.extractionNotYet'),
+              ),
+              extraction?.candidates?.length
+                ? h(
+                    'div',
+                    { className: 'dss-row-meta' },
+                    h('span', null, t('memory.extractionTried', { n: extraction.candidates.length })),
+                    extraction.queued !== undefined
+                      ? h('span', null, t('memory.extractionQueued', { n: extraction.queued }))
+                      : null,
+                    extraction.rejected !== undefined
+                      ? h('span', null, t('memory.extractionRejected', { n: extraction.rejected }))
+                      : null,
+                  )
+                : null,
+              // Raw counts of what the Host actually delivered, so "nothing waiting"
+              // can be told apart from "the hook never fired". Without this the two
+              // states look identical on screen.
+              extraction
+                ? h(
+                    'div',
+                    { className: 'dss-row-meta' },
+                    h('span', null, t('memory.extractionEvents', { n: extraction.eventsSeen ?? 0 })),
+                    h('span', null, t('memory.extractionTurns', { n: extraction.turnEndsSeen ?? 0 })),
+                  )
+                : null,
+            )
 
+      // The list gets its own scroll box.
+      //
+      // Without one, the whole page scrolled: fifty memories pushed the maintenance
+      // and model controls far below the fold, so changing a setting meant scrolling
+      // past the entire library first. A bounded box keeps the controls in place and
+      // makes the list the only thing that moves. The height is a deliberate starting
+      // point — roughly eight rows — chosen to leave the settings visible on a
+      // laptop screen; it is a single number, easy to retune.
       const listBlock =
         visible.length === 0
           ? h('div', { className: 'dss-empty' }, t('memory.empty'))
           : h(
               'div',
-              { className: 'dss-card' },
+              { className: 'dss-card dss-scroll-box' },
               ...visible.map(entry =>
                 h(
                   'div',
@@ -2677,7 +3295,7 @@ window.__ModuleLoader__.load({
                     h(
                       'div',
                       { className: 'dss-row-meta' },
-                      h('span', { className: 'dss-badge' + (entry.scope === 'global' ? ' dss-locked' : '') }, entry.scope === 'global' ? t('memory.global') : t('memory.workspace')),
+                      h('span', { className: 'dss-badge' + (entry.scope === 'global' ? ' dss-locked' : '') }, entry.scope === 'global' ? t('memory.global') : workspaceLabel(entry.workspaceKey)),
                       entry.kind === 'rule' ? h('span', { className: 'dss-badge dss-temp' }, t('memory.rule')) : null,
                       // An episode is a dated event, not a truth. Labelling it
                       // separately is what lets the user tell "this happened once"
@@ -2782,6 +3400,44 @@ window.__ModuleLoader__.load({
           }),
           h('span', { className: 'dss-curate-title' }, t('memory.implicit')),
         ),
+        // Which model does the background extraction call?
+        //
+        // This has to be an explicit choice. An earlier build silently fell back to
+        // the Host's default model whenever no chain was configured, which spends the
+        // user's tokens once per turn on a model they never picked for this job. A
+        // background cost has to be visible and opt-in, so the choice is a control
+        // with an explicit "off" that costs nothing.
+        h(
+          'div',
+          { className: 'dss-curate-field' },
+          h('label', { className: 'dss-curate-label' }, t('memory.implicitModel')),
+          h(
+            'select',
+            {
+              className: 'dss-select',
+              value: settings?.implicitModel ?? 'off',
+              disabled: busy === 'implicitModel',
+              onChange: event =>
+                run('implicitModel', () =>
+                  call({ action: 'longterm.settings', patch: { implicitModel: event.target.value } }),
+                ),
+            },
+            h('option', { value: 'off' }, t('memory.implicitModelOff')),
+            h('option', { value: 'current' }, t('memory.implicitModelCurrent')),
+            // Real models from the Host, grouped by provider so a long list stays
+            // readable. `models` is null while loading and [] when the Host reports
+            // none — both render no group, which is honest: the two above are the
+            // only choices that exist without a callable model.
+            ...(Array.isArray(models) ? models : []).map(entry =>
+              h(
+                'option',
+                { value: `${entry.provider}/${entry.model}`, key: `${entry.provider}/${entry.model}` },
+                entry.label ?? `${entry.provider}/${entry.model}`,
+              ),
+            ),
+          ),
+          h('div', { className: 'dss-curate-hint' }, t('memory.implicitModelHint')),
+        ),
         h(
           'button',
           {
@@ -3034,6 +3690,29 @@ window.__ModuleLoader__.load({
           )
         }
 
+        // ---------------------------------------------------- sidebar entry
+        //
+        // A first-class sidebar entry, matching how dsh-connect-trae,
+        // dsh-connect-workbuddy and dsh-context present themselves: an icon in
+        // `sidebar.panellist` plus a panel under the same key in `main`. Both are
+        // additive (`replaceRisk: none` on the list, and the key is one only this
+        // plugin claims), so nothing shipped is shadowed.
+        //
+        // Why a panel at all: the features already existed but were reachable only
+        // through Settings → one of two sections, three steps from anywhere. The
+        // panel is pure navigation — it does not reimplement the sections, it opens
+        // them, so there is one implementation of every screen.
+        ctx.slots.inject('sidebar.panellist', () =>
+          ctx.slots.register(
+            { name: 'sidebar.panellist', id: 'session-suite', order: 25, locale: NS },
+            withT(SuiteIcon),
+          ),
+        )
+
+        ctx.slots.inject('main', () =>
+          ctx.slots.register({ name: 'main', key: 'session-suite' }, withT(SuitePanel)),
+        )
+
         ctx.slots.inject('conversation.chat.assistant-actions', () =>
           ctx.slots.register(
             { name: 'conversation.chat.assistant-actions', id: 'session-suite-rewind', order: 20, locale: NS },
@@ -3052,31 +3731,15 @@ window.__ModuleLoader__.load({
           ctx.slots.register({ name: 'shell.overlay', id: 'session-suite-overlay', order: 40 }, SuiteOverlay),
         )
 
-        ctx.slots.inject('settings.section', () =>
-          ctx.slots.register(
-            {
-              name: 'settings.section',
-              id: 'session-snapshots',
-              order: 500,
-              locale: NS,
-              label: () => t('settings.title'),
-            },
-            withT(SnapshotSection),
-          ),
-        )
-
-        ctx.slots.inject('settings.section', () =>
-          ctx.slots.register(
-            {
-              name: 'settings.section',
-              id: 'long-term-memory',
-              order: 520,
-              locale: NS,
-              label: () => t('memory.title'),
-            },
-            withT(MemorySection),
-          ),
-        )
+        // The three settings sections are gone on purpose.
+        //
+        // They were the only way in before the sidebar panel existed, so the same
+        // three screens appeared twice: once under Settings and once behind the
+        // sidebar icon. Two entry points for one screen is not convenience, it is
+        // two places to keep consistent and two places for the user to wonder about.
+        // The panel is the primary surface now; these registrations were removed
+        // rather than hidden behind a flag, because a dead section in Settings is
+        // worse than an absent one.
         }
       },
     }