claude-memory-admin 1.1.0 → 1.3.0

package/public/app.mjs

@@ -10,6 +10,7 @@ const state = {
   selected: null,
   showAll: false,
   collapsed: localStorage.getItem('sidebarCollapsed') === '1',
+  theme: document.documentElement.dataset.theme === 'dark' ? 'dark' : 'light',
   spread: Number(localStorage.getItem('graphSpread')) || 1.6,
   query: '',
   search: null,
@@ -80,6 +81,7 @@ function renderBody(container, memory, project) {
 }
 
 function storeSubtitle(store) {
+  if (store.kind === 'global') return store.dir;
   if (store.kind === 'auto') return store.path;
   const scope = store.kind === 'agent-user' ? 'user'
     : store.kind === 'agent-project' ? 'project' : 'local';
@@ -87,10 +89,11 @@ function storeSubtitle(store) {
 }
 
 function storeButton(store) {
-  const health = store.memoryCount === 0 ? 'none' : 'ok';
+  const global = store.kind === 'global';
+  const health = global ? 'ok' : store.memoryCount === 0 ? 'none' : 'ok';
   const off = store.autoMemory && store.autoMemory.known && !store.autoMemory.enabled;
   return node('button', {
-    class: ui.storeItem({ active: store.id === state.storeId, empty: !store.hasMemoryDir }),
+    class: ui.storeItem({ active: store.id === state.storeId, empty: !global && !store.hasMemoryDir }),
     onclick: () => openStore(store.id),
     title: store.kind === 'auto' && store.resolvedBy === 'unresolved'
       ? 'Real path could not be resolved - showing the raw folder name'
@@ -100,7 +103,7 @@ function storeButton(store) {
       node('span', { class: ui.dot(health) }),
       node('span', { class: ui.storeName, text: store.label }),
       off ? node('span', { class: ui.offMarker, text: 'off', title: 'Auto memory is disabled for this project' }) : null,
-      node('span', { class: ui.storeCount, text: store.hasMemoryDir ? String(store.memoryCount) : '-' }),
+      global ? null : node('span', { class: ui.storeCount, text: store.hasMemoryDir ? String(store.memoryCount) : '-' }),
     ]),
     node('span', { class: ui.storePath, text: storeSubtitle(store) }),
   ]);
@@ -110,22 +113,21 @@ function renderStores() {
   const list = el('project-list');
   list.textContent = '';
 
-  const visible = state.stores.filter((s) => state.showAll || s.hasMemoryDir);
+  const visible = state.stores.filter((s) => s.kind === 'global' || state.showAll || s.hasMemoryDir);
   if (!visible.length) {
     list.append(node('p', { class: ui.note, text: 'No memory stores found.' }));
     return;
   }
 
   const groups = [
+    ['Global', visible.filter((s) => s.kind === 'global')],
     ['Projects', visible.filter((s) => s.kind === 'auto')],
-    ['Subagents', visible.filter((s) => s.kind !== 'auto')],
+    ['Subagents', visible.filter((s) => s.kind !== 'auto' && s.kind !== 'global')],
   ];
 
-  for (const [title, stores] of groups) {
-    if (!stores.length) continue;
-    if (groups.every(([, group]) => group.length) ) {
-      list.append(node('div', { class: ui.sidebarGroup, text: title }));
-    }
+  const filled = groups.filter(([, stores]) => stores.length);
+  for (const [title, stores] of filled) {
+    if (filled.length > 1) list.append(node('div', { class: ui.sidebarGroup, text: title }));
     for (const store of stores) list.append(storeButton(store));
   }
 }
@@ -137,18 +139,21 @@ const TABS = [
   { id: 'prune', label: 'Prune' },
   { id: 'context', label: 'Context' },
   { id: 'health', label: 'Health' },
+  { id: 'settings', label: 'Settings' },
   { id: 'trash', label: 'Trash' },
 ];
 
 function renderTabs() {
   const container = el('tabs');
   container.textContent = '';
+  const global = state.store.kind === 'global';
   const hasProjectDir = state.store.kind === 'auto'
     ? state.store.resolvedBy !== 'unresolved'
     : Boolean(state.store.projectPath);
 
   for (const tab of TABS) {
-    if (tab.id === 'context' && !hasProjectDir) continue;
+    if (global && tab.id !== 'context') continue;
+    if (!global && tab.id === 'context' && !hasProjectDir) continue;
     let badge = null;
     if (tab.id === 'memories') badge = String(state.store.memories.length);
     if (tab.id === 'health' && state.store.health.issueCount) badge = String(state.store.health.issueCount);
@@ -389,6 +394,7 @@ const CONTEXT_PROBLEMS = {
   'glob-budget': (p) => ['Rule has too many brace expansions', `${p.file} expands to ${p.expansions} patterns, past the 1,000 budget, so it is used unexpanded and its literal braces match no file`],
   'long-claude-md': (p) => [`${p.lines} lines, over the 200-line guidance`, `${p.file} - long files cost context every session and reduce adherence`],
   'agents-md-not-imported': (p) => ['AGENTS.md is not loaded', `${p.file} exists, but Claude Code reads CLAUDE.md. Import it with @AGENTS.md, or symlink it.`],
+  'unreferenced-user-file': (p) => ['Nothing in the chain reaches this file', `${p.file} sits next to CLAUDE.md and loads nothing. Import it with @${p.file.split('/').pop()}, or delete it.`],
 };
 
 async function renderContext(container) {
@@ -403,7 +409,8 @@ async function renderContext(container) {
   if (state.tab !== 'context') return;
   container.textContent = '';
 
-  if (!data.projectDir) {
+  const global = state.store.kind === 'global';
+  if (!data.projectDir && !global) {
     return container.append(node('p', { class: ui.note, text: 'This store is not tied to a project directory, so there are no instruction files to resolve.' }));
   }
 
@@ -446,13 +453,33 @@ async function renderContext(container) {
     if (file.kind === 'managed-settings') tags.push(node('span', { class: ui.badge(), text: 'claudeMd setting' }));
     if (file.conditional) tags.push(node('span', { class: ui.badge('warn'), text: 'only on a path match' }));
 
-    card.append(node('div', { class: ui.contextRow }, [
+    const body = node('div', { class: ui.contextBody, hidden: true });
+    const bodyProse = node('div', { class: ui.prose });
+    body.append(bodyProse);
+    const caret = node('span', { class: ui.contextCaret, text: '\u25b8' });
+    let rendered = false;
+
+    card.append(node('button', {
+      class: ui.contextRowButton,
+      'aria-expanded': 'false',
+      onclick: (event) => {
+        const open = body.hidden;
+        body.hidden = !open;
+        caret.textContent = open ? '\u25be' : '\u25b8';
+        event.currentTarget.setAttribute('aria-expanded', open ? 'true' : 'false');
+        if (open && !rendered) {
+          rendered = true;
+          renderMarkdown(bodyProse, file.text);
+        }
+      },
+    }, [
       node('div', { class: ui.contextMain }, [
         node('div', { class: ui.contextTags }, tags),
-        node('div', { class: ui.contextFile, text: file.file }),
+        node('div', { class: ui.contextFile }, [caret, document.createTextNode(file.file)]),
       ]),
       node('div', { class: ui.contextSize, text: `${file.lines} L · ~${file.tokens.toLocaleString()} tok` }),
     ]));
+    card.append(body);
   }
   container.append(card);
 
@@ -559,7 +586,11 @@ function renderIssue(item, memories) {
     return issue(
       `Not referenced anywhere in MEMORY.md: ${item.file}`,
       `"${memory?.name || item.file}" exists on disk but nothing points to it, so Claude will not load it.`,
-      { bad, action: { label: 'Open', run: () => selectMemory(item.file) } },
+      {
+        bad,
+        secondary: { label: 'Open', run: () => selectMemory(item.file) },
+        action: { label: 'Add to MEMORY.md', run: () => openAddEntryDialog(item.file) },
+      },
     );
   }
 
@@ -568,7 +599,11 @@ function renderIssue(item, memories) {
     return issue(
       `Linked mid-sentence, not indexed: ${item.file}`,
       `"${memory?.name || item.file}" is mentioned inside prose in MEMORY.md but has no index bullet of its own.`,
-      { bad, action: { label: 'Open', run: () => selectMemory(item.file) } },
+      {
+        bad,
+        secondary: { label: 'Open', run: () => selectMemory(item.file) },
+        action: { label: 'Add to MEMORY.md', run: () => openAddEntryDialog(item.file) },
+      },
     );
   }
 
@@ -605,6 +640,402 @@ function renderIssue(item, memories) {
   return issue(item.kind, JSON.stringify(item));
 }
 
+const SETTINGS_PROBLEMS = {
+  unparseable: (p) => [
+    `Not valid JSON: ${p.scope} settings`,
+    `${p.file} — Claude Code cannot read this file either, so every value in it is being ignored. ${p.detail}`,
+  ],
+  unreadable: (p) => [
+    `Cannot be read: ${p.scope} settings`,
+    `${p.file} — ${p.detail}`,
+  ],
+  'not-object': (p) => [
+    `Not a settings object: ${p.scope} settings`,
+    `${p.file} — ${p.detail}`,
+  ],
+  'invalid-auto-memory-directory': (p) => [
+    'autoMemoryDirectory cannot be used',
+    `${p.file} — ${p.detail}. Claude Code accepts only an absolute or ~/-prefixed path.`,
+  ],
+};
+
+const show = (value) => (value === undefined ? 'unset' : JSON.stringify(value));
+
+async function renderSettings(container) {
+  container.append(node('p', { class: ui.note, text: 'Reading settings files…' }));
+  let data;
+  try {
+    data = await api(`/api/stores/${encodeURIComponent(state.storeId)}/settings`);
+  } catch (err) {
+    container.textContent = '';
+    return container.append(node('p', { class: ui.note, text: err.message }));
+  }
+  if (state.tab !== 'settings') return;
+  container.textContent = '';
+
+  container.append(node('p', { class: ui.noteTight, text: 'What Claude Code would read for this store, in precedence order: managed policy first, then project and local settings, then your user file. This tab is read-only — it reports what is configured, it never changes it.' }));
+
+  if (!data.projectDir) {
+    container.append(node('p', { class: ui.subWarn, text: 'This store has no resolved project directory, so its project and local settings layers could not be consulted. Values below come from managed policy and your user file only.' }));
+  }
+
+  if (data.problems.length) {
+    container.append(node('div', { class: ui.sectionLabel, text: `Problems · ${data.problems.length}` }));
+    for (const problem of data.problems) {
+      const describe = SETTINGS_PROBLEMS[problem.kind];
+      const [title, detail] = describe ? describe(problem) : [problem.kind, problem.file || ''];
+      container.append(node('div', { class: ui.issue(true) }, [
+        node('div', { class: ui.issueBody }, [
+          node('div', { class: ui.issueTitle, text: title }),
+          node('div', { class: ui.issueDetail, text: detail }),
+        ]),
+      ]));
+    }
+  }
+
+  if (data.env.overrides) {
+    container.append(node('div', { class: ui.sectionLabel, text: 'Environment override' }));
+    container.append(node('div', { class: ui.issue(false) }, [
+      node('div', { class: ui.issueBody }, [
+        node('div', { class: ui.issueTitle, text: `${data.env.name}=${data.env.value}` }),
+        node('div', { class: ui.issueDetail, text: `Set in this shell, so it outranks every settings file and forces ${data.env.overrides} off. The store will not grow while it is set.` }),
+      ]),
+    ]));
+  }
+
+  for (const entry of data.keys) {
+    const card = node('div', { class: ui.card });
+    const head = node('div', { class: ui.settingsKeyHead }, [
+      node('span', { class: ui.settingsKeyName, text: entry.key }),
+      node('span', {
+        class: ui.settingsEffective,
+        text: entry.effective ? show(entry.effective.value) : `${show(entry.fallback)} (default)`,
+      }),
+    ]);
+    if (entry.effective) {
+      head.append(node('span', { class: ui.scopeBadge(entry.effective.scope), text: entry.effective.scope }));
+    }
+    card.append(head);
+    card.append(node('p', { class: ui.noteTight, text: entry.detail }));
+
+    if (entry.normalized !== undefined && entry.effective && entry.normalized !== entry.effective.value) {
+      card.append(node('div', { class: ui.issue(false) }, [
+        node('div', { class: ui.issueBody }, [
+          node('div', { class: ui.issueTitle, text: `Configured ${show(entry.effective.value)}, but ${show(entry.normalized)} applies` }),
+          node('div', { class: ui.issueDetail, text: 'Claude Code ignores a value it cannot use and falls back to the default.' }),
+        ]),
+      ]));
+    }
+
+    if (!entry.values.length) {
+      card.append(node('p', { class: ui.note, text: 'No settings file sets this, so the built-in default applies.' }));
+    } else {
+      for (const value of entry.values) {
+        card.append(node('div', { class: ui.settingsLayerRow }, [
+          node('span', { class: ui.scopeBadge(value.scope), text: value.scope }),
+          node('span', { class: ui.settingsLayerValue(value.wins), text: show(value.value) }),
+          node('span', { class: ui.settingsLayerFile, text: value.file }),
+          value.wins ? node('span', { class: ui.badge('ok'), text: 'wins' }) : null,
+        ]));
+      }
+    }
+    container.append(card);
+  }
+
+  container.append(node('div', { class: ui.sectionLabel, text: `Files consulted · ${data.layers.length}` }));
+  const files = node('div', { class: ui.card });
+  for (const layer of data.layers) {
+    files.append(node('div', { class: ui.settingsLayerRow }, [
+      node('span', { class: ui.scopeBadge(layer.scope), text: layer.scope }),
+      node('span', { class: ui.settingsLayerValue(layer.status === 'ok'), text: layer.status }),
+      node('span', { class: ui.settingsLayerFile, text: layer.file }),
+    ]));
+  }
+  container.append(files);
+}
+
+const byteLength = (text) => new TextEncoder().encode(text).length;
+
+function indexEntryAt(lineIndex) {
+  return state.store.index?.entries.find((entry) => entry.index === lineIndex) || null;
+}
+
+function sectionsAbove(limit) {
+  const seen = [];
+  for (const line of state.store.index?.lines || []) {
+    if (line.kind !== 'heading') continue;
+    if (limit !== null && line.index >= limit) continue;
+    if (line.section && !seen.includes(line.section)) seen.push(line.section);
+  }
+  return seen;
+}
+
+async function runIndexEdit(action, body, message) {
+  try {
+    const result = await api(`/api/stores/${encodeURIComponent(state.storeId)}/${action}`, {
+      method: 'POST',
+      body: JSON.stringify(body),
+    });
+    await openStore(state.storeId, { keepTab: true });
+    toast(message(result), { action: { label: 'Undo', run: () => restoreFromTrash(result.record.id) } });
+    return result;
+  } catch (err) {
+    toast(err.message, { error: true });
+    return null;
+  }
+}
+
+function openHookEditor(row, lineIndex) {
+  const entry = indexEntryAt(lineIndex);
+  if (!entry) return toast('MEMORY.md has changed - reload and try again', { error: true });
+
+  const stats = state.store.stats.index;
+  const editor = node('div', { class: ui.hookEditor });
+  const field = node('textarea', { class: ui.textArea, spellcheck: 'false' });
+  field.value = entry.hook;
+
+  const counter = node('span');
+  const projection = node('span');
+  const readout = node('div', { class: ui.charCount }, [counter, projection]);
+
+  const save = node('button', { class: ui.buttonPrimarySmall, text: 'Save' });
+  const cancel = node('button', { class: ui.buttonSmall, text: 'Cancel', onclick: () => renderTab() });
+
+  function update() {
+    const next = field.value.trim();
+    const delta = byteLength(next) - byteLength(entry.hook);
+    const projected = Math.max(stats.linePercent, ((stats.bytes + delta) / stats.byteLimit) * 100);
+
+    counter.textContent = `${next.length} characters, was ${entry.hook.length}`;
+    projection.textContent = `index ${Math.round(stats.worstPercent)}% → ${Math.round(projected)}%`;
+    readout.className = next.length > 200 ? ui.charCountOver : ui.charCount;
+    save.disabled = next === entry.hook;
+  }
+
+  field.addEventListener('input', update);
+  save.onclick = () => runIndexEdit(
+    'index/hook',
+    { lineIndex, expectedText: entry.text, hook: field.value },
+    () => 'Hook shortened',
+  );
+
+  editor.append(
+    node('div', { class: ui.willTitle, text: 'Hook' }),
+    field,
+    readout,
+    node('div', { class: ui.hookEditorFoot }, [cancel, save]),
+  );
+  row.textContent = '';
+  row.append(editor);
+  update();
+  field.focus();
+  field.select();
+}
+
+function openMoveDialog(entry) {
+  const current = indexEntryAt(entry.index);
+  if (!current) return toast('MEMORY.md has changed - reload and try again', { error: true });
+
+  const { cutoff } = state.store.stats.index;
+  const sections = sectionsAbove(cutoff ? cutoff.rawLine : null);
+  const picker = node('select', { class: ui.select });
+  picker.append(node('option', { value: '', text: 'Top of MEMORY.md' }));
+  for (const section of sections) picker.append(node('option', { value: section, text: `Start of "${section}"` }));
+
+  const body = node('div', { class: ui.modalBody }, [
+    node('p', { class: ui.noteTight, text: `"${current.title}" sits at line ${current.index + 1}, past the cutoff at line ${cutoff ? cutoff.rawLine + 1 : '-'}, so Claude never loads it. Moving it up puts it back inside the loaded part of the index - which pushes whatever is now last past the cutoff instead.` }),
+    node('div', { class: ui.willBlock }, [
+      node('div', { class: ui.willTitle, text: 'Will move' }),
+      node('div', { class: ui.willItem('keep'), text: current.text }),
+    ]),
+    node('label', { class: ui.willTitle, text: 'Move to' }),
+    picker,
+  ]);
+
+  const modal = node('div', { class: ui.modal }, [
+    node('header', { class: ui.modalHead }, [node('h3', { class: ui.modalTitle, text: 'Move this entry above the cutoff' })]),
+    body,
+    node('footer', { class: ui.modalFoot }, [
+      node('button', { class: ui.button(), text: 'Cancel', onclick: closeModal }),
+      node('button', {
+        class: ui.button({ tone: 'primary' }),
+        text: 'Move',
+        onclick: async () => {
+          closeModal();
+          await runIndexEdit(
+            'index/move',
+            picker.value
+              ? { lineIndex: current.index, expectedText: current.text, section: picker.value }
+              : { lineIndex: current.index, expectedText: current.text, top: true },
+            () => 'Entry moved',
+          );
+        },
+      }),
+    ]),
+  ]);
+
+  const backdrop = node('div', { class: ui.modalBackdrop, onclick: (event) => { if (event.target === backdrop) closeModal(); } }, [modal]);
+  el('modal-root').append(backdrop);
+}
+
+async function openAddEntryDialog(file) {
+  let preview;
+  try {
+    preview = await api(`/api/stores/${encodeURIComponent(state.storeId)}/index/add-preview`, {
+      method: 'POST',
+      body: JSON.stringify({ file }),
+    });
+  } catch (err) {
+    return toast(err.message, { error: true });
+  }
+
+  const title = node('input', { type: 'text', class: ui.pathInput, spellcheck: 'false' });
+  title.value = preview.name;
+  const hook = node('textarea', { class: ui.textArea, spellcheck: 'false' });
+  hook.value = preview.description;
+
+  const picker = node('select', { class: ui.select });
+  for (const section of preview.sections) picker.append(node('option', { value: section, text: section }));
+  picker.append(node('option', { value: '', text: 'End of MEMORY.md' }));
+  if (preview.sections.length) picker.value = preview.sections[preview.sections.length - 1];
+
+  const line = node('div', { class: ui.willItem('keep') });
+  const update = () => {
+    const label = title.value.trim().replace(/[[\]]/g, '') || preview.name;
+    const text = hook.value.trim();
+    line.textContent = text ? `- [${label}](${file}) — ${text}` : `- [${label}](${file})`;
+  };
+  title.addEventListener('input', update);
+  hook.addEventListener('input', update);
+  update();
+
+  const body = node('div', { class: ui.modalBody }, [
+    node('p', { class: ui.noteTight, text: preview.hasIndex
+      ? 'MEMORY.md is loaded at the start of every session, so a memory with no bullet here is one Claude never sees. This adds one line and nothing else.'
+      : 'This project has no MEMORY.md yet. Adding this entry creates one.' }),
+    node('label', { class: ui.willTitle, text: 'Title' }),
+    title,
+    node('label', { class: ui.willTitle, text: 'Hook' }),
+    hook,
+    node('label', { class: ui.willTitle, text: 'Section' }),
+    picker,
+    node('div', { class: ui.willBlock }, [
+      node('div', { class: ui.willTitle, text: 'Will be added' }),
+      line,
+    ]),
+  ]);
+
+  const modal = node('div', { class: ui.modal }, [
+    node('header', { class: ui.modalHead }, [node('h3', { class: ui.modalTitle, text: `Add ${file} to MEMORY.md` })]),
+    body,
+    node('footer', { class: ui.modalFoot }, [
+      node('button', { class: ui.button(), text: 'Cancel', onclick: closeModal }),
+      node('button', {
+        class: ui.button({ tone: 'primary' }),
+        text: 'Add entry',
+        onclick: async () => {
+          closeModal();
+          await runIndexEdit(
+            'index/add',
+            { file, section: picker.value || null, title: title.value, hook: hook.value },
+            () => 'Added to MEMORY.md',
+          );
+        },
+      }),
+    ]),
+  ]);
+
+  const backdrop = node('div', { class: ui.modalBackdrop, onclick: (event) => { if (event.target === backdrop) closeModal(); } }, [modal]);
+  el('modal-root').append(backdrop);
+  title.focus();
+  title.select();
+}
+
+async function openMergeDialog(into, from) {
+  let preview;
+  try {
+    preview = await api(`/api/stores/${encodeURIComponent(state.storeId)}/merge-preview`, {
+      method: 'POST',
+      body: JSON.stringify({ into, from }),
+    });
+  } catch (err) {
+    return toast(err.message, { error: true });
+  }
+
+  const heading = node('input', { type: 'text', class: ui.pathInput, spellcheck: 'false' });
+  heading.value = preview.heading;
+
+  const body = node('div', { class: ui.modalBody });
+  body.append(node('p', { class: ui.noteTight, text: `Everything in "${preview.fromName}" moves into "${preview.intoName}" under a new heading, and "${preview.fromName}" goes to the trash. This rewrites prose, which nothing else in this app does - the whole operation is one undo.` }));
+
+  const changes = node('div', { class: ui.willBlock }, [node('div', { class: ui.willTitle, text: 'Will change' })]);
+  changes.append(node('div', { class: ui.willItem('keep'), text: `${preview.into}  +  ${preview.bodyLines} line(s) from ${preview.from}` }));
+  for (const entry of preview.inbound) {
+    changes.append(node('div', { class: ui.willItem('keep'), text: `${entry.file}  ${entry.targets.map((t) => `[[${t}]]`).join(' ')}  →  [[${preview.intoName}]]` }));
+  }
+  for (const link of preview.selfLinks) {
+    changes.append(node('div', { class: ui.willItem('keep'), text: `${preview.into}  [[${link}]]  →  plain text, to avoid a self-link` }));
+  }
+  body.append(changes);
+
+  const removals = node('div', { class: ui.willBlock }, [node('div', { class: ui.willTitle, text: 'Will be removed' })]);
+  removals.append(node('div', { class: ui.willItem('remove'), text: `memory/${preview.from}  →  memory/.trash/` }));
+  for (const line of preview.indexLines) {
+    removals.append(node('div', { class: ui.willItem('remove'), text: `MEMORY.md line ${line.index + 1}:  ${line.text}` }));
+  }
+  if (!preview.indexLines.length) {
+    removals.append(node('div', { class: ui.willItem(), text: 'MEMORY.md has no index bullet for the source - nothing to remove there.' }));
+  }
+  body.append(removals);
+
+  if (preview.inlineRefs.length) {
+    const kept = node('div', { class: ui.willBlock }, [
+      node('div', { class: ui.willTitle, text: 'Left untouched - mentioned inside prose, so you may want to fix these by hand' }),
+    ]);
+    for (const ref of preview.inlineRefs) {
+      kept.append(node('div', { class: ui.willItem('keep'), text: `MEMORY.md line ${ref.index + 1}:  ${ref.text}` }));
+    }
+    body.append(kept);
+  }
+
+  body.append(node('label', { class: ui.willTitle, text: 'Heading for the merged section' }), heading);
+
+  const modal = node('div', { class: ui.modal }, [
+    node('header', { class: ui.modalHead }, [
+      node('h3', { class: ui.modalTitle, text: `Merge "${preview.fromName}" into "${preview.intoName}"?` }),
+    ]),
+    body,
+    node('footer', { class: ui.modalFoot }, [
+      node('button', { class: ui.button(), text: 'Cancel', onclick: closeModal }),
+      node('button', {
+        class: ui.button({ tone: 'primary' }),
+        text: 'Merge',
+        onclick: async () => {
+          closeModal();
+          try {
+            const result = await api(`/api/stores/${encodeURIComponent(state.storeId)}/merge`, {
+              method: 'POST',
+              body: JSON.stringify({ into, from, heading: heading.value }),
+            });
+            if (state.selected === from) state.selected = into;
+            await openStore(state.storeId, { keepTab: true });
+            toast(`Merged into ${preview.intoName}`, {
+              action: { label: 'Undo', run: () => restoreFromTrash(result.record.id) },
+            });
+          } catch (err) {
+            toast(err.message, { error: true });
+          }
+        },
+      }),
+    ]),
+  ]);
+
+  const backdrop = node('div', { class: ui.modalBackdrop, onclick: (event) => { if (event.target === backdrop) closeModal(); } }, [modal]);
+  el('modal-root').append(backdrop);
+  heading.focus();
+  heading.select();
+}
+
 async function restoreFromTrash(id) {
   try {
     const result = await api(`/api/stores/${encodeURIComponent(state.storeId)}/restore`, {
@@ -620,6 +1051,12 @@ async function restoreFromTrash(id) {
   }
 }
 
+const INDEX_EDIT_LABELS = {
+  hook: 'MEMORY.md hook shortened',
+  move: 'MEMORY.md entry moved',
+  add: 'MEMORY.md entry added',
+};
+
 function renderTrash(container) {
   const trash = state.store.trash;
   if (!trash.length) {
@@ -630,7 +1067,11 @@ function renderTrash(container) {
     const when = String(record.deletedAt).replace('T', ' ').replace(/\..*$/, '');
     const detail = record.kind === 'wikilink'
       ? `unlinked in ${record.sourceFile} · ${when}`
-      : `${record.files.length} file(s)${record.indexTrashedFile ? ' + MEMORY.md' : ''} · ${when} · ${record.removedLines?.length || 0} index line(s) removed`;
+      : record.kind === 'index-edit'
+        ? `${INDEX_EDIT_LABELS[record.op] || 'MEMORY.md edited'} · ${when}`
+        : record.kind === 'merge'
+          ? `merged into ${record.into} · ${when} · ${record.backups?.length || 0} file(s) rewritten`
+          : `${record.files.length} file(s)${record.indexTrashedFile ? ' + MEMORY.md' : ''} · ${when} · ${record.removedLines?.length || 0} index line(s) removed`;
     container.append(node('div', { class: ui.issue(!record.present) }, [
       node('div', { class: ui.issueBody }, [
         node('div', { class: ui.issueTitle, text: record.label || record.id }),
@@ -950,6 +1391,7 @@ function renderBudget(container) {
           node('div', { class: ui.issueDetail, text: `MEMORY.md line ${entry.index + 1} · ${entry.file}` }),
         ]),
         node('button', { class: ui.buttonSmall, text: 'Open', onclick: () => selectMemory(entry.file) }),
+        node('button', { class: ui.buttonPrimarySmall, text: 'Move up', onclick: () => openMoveDialog(entry) }),
       ]));
     }
     if (dropped.length > 20) {
@@ -1048,13 +1490,18 @@ function renderPrune(container) {
     container.append(node('div', { class: ui.sectionLabel, text: `Long index hooks · ${longHooks.length}` }));
     container.append(node('p', { class: ui.noteTight, text: 'The hook is the text after the dash in MEMORY.md. It is loaded every session, so a 400-character hook costs more than the memory it points at. Shortening these is the cheapest win.' }));
     for (const hook of longHooks.slice(0, 12)) {
-      container.append(node('div', { class: ui.issue(false) }, [
+      const row = node('div', { class: ui.issue(false) });
+      const editButton = node('button', { class: ui.buttonPrimarySmall, text: 'Edit hook' });
+      row.append(
         node('div', { class: ui.issueBody }, [
           node('div', { class: ui.issueTitle, text: `${hook.hookLength} chars: ${hook.title}` }),
           node('div', { class: ui.issueDetail, text: `MEMORY.md line ${hook.index + 1} · ${hook.file}` }),
         ]),
         node('button', { class: ui.buttonSmall, text: 'Open', onclick: () => selectMemory(hook.file) }),
-      ]));
+        editButton,
+      );
+      editButton.onclick = () => openHookEditor(row, hook.index);
+      container.append(row);
     }
   }
 
@@ -1076,6 +1523,18 @@ function renderPrune(container) {
             node('div', { class: ui.dupeSideDesc, text: side.description || side.file }),
           ])),
         ]),
+        node('div', { class: ui.dupeActions }, [
+          node('button', {
+            class: ui.buttonSmall,
+            text: `Merge into ${pair.a.name}`,
+            onclick: () => openMergeDialog(pair.a.file, pair.b.file),
+          }),
+          node('button', {
+            class: ui.buttonSmall,
+            text: `Merge into ${pair.b.name}`,
+            onclick: () => openMergeDialog(pair.b.file, pair.a.file),
+          }),
+        ]),
       ]));
     }
   }
@@ -1250,6 +1709,7 @@ function renderTab() {
   else if (state.tab === 'context') renderContext(container);
   else if (state.tab === 'index') renderIndex(container);
   else if (state.tab === 'health') renderHealth(container);
+  else if (state.tab === 'settings') renderSettings(container);
   else if (state.tab === 'trash') renderTrash(container);
   else if (state.tab === 'graph') {
     const wrap = node('div', { id: 'graph-wrap', class: ui.graphWrap });
@@ -1289,10 +1749,17 @@ async function reloadStores() {
 function renderStoreHeader() {
   const store = state.store;
   el('project-title').textContent = store.label;
+  el('delete-project').hidden = store.kind === 'global';
 
   const sub = el('project-sub');
   sub.textContent = '';
 
+  if (store.kind === 'global') {
+    sub.append(node('span', { text: store.dir }));
+    sub.append(node('span', { class: ui.subNote, text: 'instructions every session loads, before any project is chosen' }));
+    return;
+  }
+
   if (store.kind !== 'auto') {
     const scope = store.kind === 'agent-user' ? 'user'
       : store.kind === 'agent-project' ? 'project' : 'local';
@@ -1333,7 +1800,8 @@ async function openStore(id, { keepTab = false } = {}) {
   if (id !== state.storeId) state.pruneSelection.clear();
   state.storeId = id;
   if (!keepTab) {
-    state.tab = 'memories';
+    const opening = state.stores.find((store) => store.id === id);
+    state.tab = opening && opening.kind === 'global' ? 'context' : 'memories';
     state.selected = null;
   }
   renderStores();
@@ -1366,6 +1834,26 @@ function applyCollapsed() {
   localStorage.setItem('sidebarCollapsed', state.collapsed ? '1' : '0');
 }
 
+function paintTheme() {
+  document.documentElement.dataset.theme = state.theme;
+  const dark = state.theme === 'dark';
+  const button = el('theme-toggle');
+  button.textContent = dark ? '\u2600' : '\u263E';
+  button.title = dark ? 'Switch to the light theme  ( t )' : 'Switch to the dark theme  ( t )';
+  button.setAttribute('aria-label', dark ? 'Switch to the light theme' : 'Switch to the dark theme');
+  button.setAttribute('aria-pressed', String(dark));
+}
+
+function setTheme(value) {
+  state.theme = value;
+  localStorage.setItem('theme', value);
+  paintTheme();
+}
+
+function toggleTheme() {
+  setTheme(state.theme === 'dark' ? 'light' : 'dark');
+}
+
 function setCollapsed(value) {
   state.collapsed = value;
   applyCollapsed();
@@ -1390,6 +1878,13 @@ async function init() {
   el('collapse').addEventListener('click', () => setCollapsed(true));
   el('expand').addEventListener('click', () => setCollapsed(false));
   el('delete-project').addEventListener('click', openStoreDeleteDialog);
+  el('theme-toggle').addEventListener('click', toggleTheme);
+  const scheme = matchMedia('(prefers-color-scheme: dark)');
+  scheme.addEventListener('change', (event) => {
+    if (localStorage.getItem('theme')) return;
+    state.theme = event.matches ? 'dark' : 'light';
+    paintTheme();
+  });
   document.addEventListener('keydown', (event) => {
     const typing = /^(INPUT|TEXTAREA|SELECT)$/.test(event.target.tagName);
     if (event.key === '/' && !typing) {
@@ -1399,6 +1894,11 @@ async function init() {
       el('search').select();
       return;
     }
+    if (event.key === 't' && !typing) {
+      event.preventDefault();
+      toggleTheme();
+      return;
+    }
     if (event.key === 'Escape') {
       if (el('modal-root').firstChild) closeModal();
       else if (state.search !== null) clearSearch();
@@ -1406,6 +1906,7 @@ async function init() {
     }
   });
   applyCollapsed();
+  paintTheme();
 
   try {
     const data = await reloadStores();