vektor-slipstream 1.1.13 → 1.2.0

package/vektor-tui.js

@@ -2,363 +2,358 @@
 'use strict';
 
 let blessed;
-try { blessed = require('blessed'); }
-catch(e) {
-  require('child_process').execSync('npm install blessed --prefix ' + __dirname, { stdio: 'inherit' });
+try { blessed = require('blessed'); } catch(e) {
+  require('child_process').execSync('npm install blessed --prefix ' + __dirname, {stdio:'inherit'});
   blessed = require('blessed');
 }
 
 const path = require('path');
-let PKG;
-try { PKG = require('./package.json'); } catch(_) { PKG = { version: '1.1.1' }; }
-
-// ── PALETTE (SBB-inspired warm dark) ─────────────────────────────────────────
-const P = {
-  bg:      'black',
-  bg2:     'black',
-  card:    'black',
-  border:  '#2a2a20',
-  orange:  'yellow',
-  amber:   'yellow',
-  cream:   'white',
-  dim:     'grey',
-  white:   '#e8e0d0',
-  green:   'green',
-  red:     'red',
-  cyan:    'cyan',
-  sel:     'black',
-  selbrd:  'yellow',
+const os   = require('os');
+let PKG; try { PKG = require('./package.json'); } catch(_) { PKG = {version:'1.1.13'}; }
+
+// ── palette — xterm-256 codes, work on Windows Terminal ──────────────────────
+// blessed accepts these as numbers 0-255
+const C = {
+  bg:     0,    // black
+  bg2:    235,  // very dark grey
+  orange: 208,  // orange
+  amber:  214,  // gold/amber
+  cream:  223,  // warm cream
+  cream2: 180,  // muted tan
+  dim:    240,  // mid grey
+  bord:   242,  // visible grey border
+  bord2:  238,  // subtle inner border
+  green:  114,  // sage green
+  teal:   39,   // bright cyan-blue
+  coral:  203,  // coral red
+  gold:   172,  // dark amber/gold
+  white:  230,  // near white cream
 };
 
-// ── SCREEN ────────────────────────────────────────────────────────────────────
-const screen = blessed.screen({ smartCSR: true, fullUnicode: true, title: 'VEKTOR TUI' });
-
-// ── TOP SEARCH BAR ────────────────────────────────────────────────────────────
-const searchBar = blessed.box({
-  top: 0, left: 0, width: '100%', height: 3,
-  style: { bg: 'black', fg: 'white' },
-  content: '',
-});
+// type colour map
+function typeColor(et) {
+  return { semantic: C.teal, causal: C.gold, temporal: C.green, entity: C.coral }[et] || C.dim;
+}
+function typeLabel(et) {
+  return { semantic:'SEM', causal:'CAU', temporal:'TMP', entity:'ENT' }[et] || 'MEM';
+}
 
-const searchLeft = blessed.textbox({
-  parent: searchBar,
-  top: 0, left: 0, width: '45%', height: 3,
-  border: { type: 'line' },
-  style: { fg: 'white', bg: 'black', border: { fg: 'grey' }, focus: { border: { fg: 'yellow' } } },
-  inputOnFocus: true,
-  value: 'search memories...',
+// ── screen — force 256 colours ────────────────────────────────────────────────
+const screen = blessed.screen({
+  smartCSR:    true,
+  fullUnicode: true,
+  title:       'VEKTOR SLIPSTREAM',
+  terminal:    'xterm-256color',
+  forceUnicode: true,
 });
 
-const searchRight = blessed.textbox({
-  parent: searchBar,
-  top: 0, left: '45%', width: '35%', height: 3,
-  border: { type: 'line' },
-  style: { fg: 'white', bg: 'black', border: { fg: 'grey' }, focus: { border: { fg: 'yellow' } } },
-  inputOnFocus: true,
-  value: 'type: all',
+// ── TOP BAR ───────────────────────────────────────────────────────────────────
+const topBar = blessed.box({
+  top: 0, left: 0, width: '100%', height: 1,
+  style: { fg: C.orange, bg: C.bg2 },
+  content: `  ▶ VEKTOR SLIPSTREAM  v${PKG.version}                           sovereign agent memory`,
 });
+screen.append(topBar);
 
-const searchBtn = blessed.box({
-  parent: searchBar,
-  top: 0, right: 0, width: '20%', height: 3,
+// ── LEFT PANEL ────────────────────────────────────────────────────────────────
+const leftPanel = blessed.box({
+  top: 1, left: 0, width: '50%', height: '100%-4',
   border: { type: 'line' },
-  tags: true,
-  style: { fg: 'white', bg: 'black', border: { fg: 'grey' } },
-  content: `  {bold}{#e8742a-fg}▶{/#e8742a-fg}{/bold} VEKTOR SLIPSTREAM  v${PKG.version}`,
-});
-
-screen.append(searchBar);
-
-// ── MAIN AREA ─────────────────────────────────────────────────────────────────
-const mainLeft = blessed.box({
-  top: 3, left: 0, width: '48%', height: '100%-6',
-  scrollable: true, alwaysScroll: true, keys: true, mouse: true,
-  style: { bg: 'black' },
-  tags: true,
+  style: {
+    fg: C.cream, bg: C.bg,
+    border: { fg: C.bord },
+  },
+  scrollable: true, alwaysScroll: true,
+  keys: true, mouse: true,
+  tags: false, content: '',
 });
+screen.append(leftPanel);
 
-const mainRight = blessed.box({
-  top: 3, left: '48%', width: '52%', height: '100%-6',
+// ── RIGHT PANEL ───────────────────────────────────────────────────────────────
+const rightPanel = blessed.box({
+  top: 1, left: '50%', width: '50%', height: '100%-4',
   border: { type: 'line' },
-  style: { bg: 'black', border: { fg: 'grey' } },
-  tags: true, scrollable: true, keys: true, mouse: true,
+  style: {
+    fg: C.cream, bg: C.bg,
+    border: { fg: C.bord },
+  },
+  scrollable: true, alwaysScroll: true,
+  keys: true, mouse: true,
+  tags: false, content: '',
 });
+screen.append(rightPanel);
 
-screen.append(mainLeft);
-screen.append(mainRight);
-
-// ── BOTTOM STATUS BAR ─────────────────────────────────────────────────────────
-const statusBar = blessed.box({
+// ── BOTTOM BAR ────────────────────────────────────────────────────────────────
+const bottomBar = blessed.box({
   bottom: 0, left: 0, width: '100%', height: 3,
   border: { type: 'line' },
-  tags: true,
-  style: { bg: 'black', border: { fg: 'grey' } },
-  content: '',
+  style: { fg: C.dim, bg: C.bg2, border: { fg: C.bord2 } },
+  tags: false, content: '',
 });
-screen.append(statusBar);
-
-function renderStatusBar(msg='') {
-  const keys = [
-    ['↑↓', 'navigate'],
-    ['↵', 'inspect'],
-    ['A', 'add'],
-    ['D', 'delete'],
-    ['/', 'search'],
-    ['R', 'REM'],
-    ['B', 'briefing'],
-    ['Q', 'quit'],
-  ];
-  const left = keys.map(([k,v]) =>
-    ` {#e8742a-fg}{bold}${k}{/bold}{/#e8742a-fg} {#5a5040-fg}${v}{/#5a5040-fg}`
-  ).join('  ');
-  const right = msg
-    ? `{#7ab87a-fg}${msg}{/#7ab87a-fg}  `
-    : `{#5a5040-fg}VEKTOR-TUI v${PKG.version}{/#5a5040-fg}  `;
-  statusBar.setContent(left + '    ' + right);
-  screen.render();
+screen.append(bottomBar);
+
+// ── helpers ───────────────────────────────────────────────────────────────────
+function ageLine(ts) {
+  if (!ts) return '—';
+  const h = Math.round((Date.now() - (ts * 1000)) / 3600000);
+  if (h < 1)  return 'just now';
+  if (h < 24) return h + 'h ago';
+  return Math.round(h/24) + 'd ago';
 }
-
-// ── STATE ─────────────────────────────────────────────────────────────────────
-let memory = null, memories = [], selected = 0, filterType = 'all';
-
-// ── CARD RENDERER ─────────────────────────────────────────────────────────────
-function typeColor(type) {
-  return { semantic: 'cyan', causal: 'yellow', temporal: 'green', entity: 'red' }[type] || 'grey';
+function impDots(imp) {
+  const n = imp || 1;
+  let s = '●';
+  for (let i = 1; i < 5; i++) { s += '──'; s += (i < n) ? '●' : '○'; }
+  return s;
 }
-
-function typeBg(type) {
-  return { semantic: '#1a2a30', causal: '#2a2010', temporal: '#1a2a1a', entity: '#2a1a1a' }[type] || P.card;
-}
-
-function renderTimeline(importance) {
-  // Draw ●──○──○──● style based on importance
-  const steps = 5;
-  const filled = importance || 1;
-  let line = '{#e8742a-fg}●{/#e8742a-fg}';
-  for (let i = 1; i < steps; i++) {
-    line += '{#2a2a20-fg}──{/#2a2a20-fg}';
-    if (i < filled) {
-      line += '{#e8742a-fg}●{/#e8742a-fg}';
-    } else {
-      line += '{#2a2a20-fg}○{/#2a2a20-fg}';
-    }
-  }
-  return line;
+function impBar(imp) {
+  const n = imp || 1;
+  return '█'.repeat(n) + '░'.repeat(5 - n);
 }
 
-function renderCards() {
-  const W = Math.floor(screen.cols * 0.48) - 4;
-  let content = '\n';
-
-  memories.forEach((m, i) => {
-    const isSelected = i === selected;
-    const color = typeColor(m.type);
-    const age = m.created_at ? Math.round((Date.now() - m.created_at) / 3600000) + 'h ago' : '—';
-    const typeTag = (m.type || 'mem').slice(0, 3).toUpperCase();
-    const bColor = isSelected ? 'yellow' : 'grey';
-    const preview = m.content.slice(0, W - 4);
-
-    content += isSelected
-      ? `{${'yellow'}-fg}┌${'─'.repeat(W - 2)}┐{/${'yellow'}-fg}\n`
-      : `{${'grey'}-fg}┌${'─'.repeat(W - 2)}┐{/${'grey'}-fg}\n`;
-
-    // Title row
-    content += isSelected ? `{${'yellow'}-fg}│{/${'yellow'}-fg}` : `{${'grey'}-fg}│{/${'grey'}-fg}`;
-    content += ` {bold}{${color}-fg}${typeTag}{/${color}-fg}{/bold}`;
-    content += `  {${isSelected ? 'white' : 'white'}-fg}${preview}{/${isSelected ? 'white' : 'white'}-fg}`;
-    content += ' '.repeat(Math.max(0, W - 6 - typeTag.length - preview.length));
-    content += isSelected ? `{${'yellow'}-fg}│{/${'yellow'}-fg}\n` : `{${'grey'}-fg}│{/${'grey'}-fg}\n`;
-
-    // Timeline row
-    content += isSelected ? `{${'yellow'}-fg}│{/${'yellow'}-fg}` : `{${'grey'}-fg}│{/${'grey'}-fg}`;
-    content += `  ${renderTimeline(m.importance)}`;
-    content += `  {${'grey'}-fg}${age}{/${'grey'}-fg}`;
-    content += ' '.repeat(Math.max(0, W - 4 - (m.importance || 1) * 4 - age.length - 2));
-    content += isSelected ? `{${'yellow'}-fg}│{/${'yellow'}-fg}\n` : `{${'grey'}-fg}│{/${'grey'}-fg}\n`;
-
-    content += isSelected
-      ? `{${'yellow'}-fg}└${'─'.repeat(W - 2)}┘{/${'yellow'}-fg}\n`
-      : `{${'grey'}-fg}└${'─'.repeat(W - 2)}┘{/${'grey'}-fg}\n`;
-    content += '\n';
-  });
+// ── render left cards ─────────────────────────────────────────────────────────
+function renderLeft() {
+  const W = Math.floor(screen.cols * 0.5) - 4;
+  const lines = [];
 
   if (memories.length === 0) {
-    content += `\n  {${'grey'}-fg}No memories found.{/${'grey'}-fg}\n\n`;
-    content += `  {${'yellow'}-fg}Press A to add your first memory.{/${'yellow'}-fg}\n`;
+    lines.push('');
+    lines.push('  no memories yet');
+    lines.push('  press A to add one');
+    leftPanel.setContent(lines.join('\n'));
+    screen.render();
+    return;
   }
 
-  mainLeft.setContent(content);
-
-  // Scroll to selected
-  const cardHeight = 4;
-  const scrollTo = selected * (cardHeight + 1);
-  mainLeft.scrollTo(scrollTo);
+  memories.forEach((m, i) => {
+    const isSel  = i === selected;
+    const arrow  = isSel ? '▶' : ' ';
+    const et     = m.edge_type || 'semantic';
+    const tlabel = typeLabel(et);
+    const age    = ageLine(m.created_at);
+    const imp    = m.importance || 1;
+    const tstr   = m.created_at
+      ? new Date(m.created_at * 1000).toLocaleTimeString([], {hour:'2-digit',minute:'2-digit'})
+      : '--:--';
+    const preview = m.content.replace(/\n/g,' ').slice(0, W - 14);
+
+    if (i > 0) lines.push('  ' + '─'.repeat(W - 2));
+
+    lines.push(`${arrow} [${tlabel}]  ${preview}`);
+    lines.push(`   ${impDots(imp)}   ${age.padEnd(10)} ${tstr}`);
+    lines.push('');
+  });
 
+  leftPanel.setContent(lines.join('\n'));
+  leftPanel.scrollTo(selected * 4);
   screen.render();
 }
 
-// ── DETAIL PANEL ─────────────────────────────────────────────────────────────
-function renderDetail() {
+// ── render right detail ───────────────────────────────────────────────────────
+function renderRight() {
   const m = memories[selected];
   if (!m) {
-    mainRight.setContent(`\n\n  {${'grey'}-fg}Select a memory to inspect{/${'grey'}-fg}`);
+    rightPanel.setContent('\n\n  select a memory to inspect');
     screen.render();
     return;
   }
 
-  const color  = typeColor(m.type);
-  const age    = m.created_at ? new Date(m.created_at).toLocaleString() : '—';
-  const typeTag = (m.type || 'memory').toUpperCase();
-
-  let content = '\n';
-  content += `  {bold}{${color}-fg}${typeTag}{/${color}-fg}{/bold}  {${'grey'}-fg}#${m.id}{/${'grey'}-fg}\n\n`;
-  content += `  {bold}{${'white'}-fg}${m.content}{/${'white'}-fg}{/bold}\n\n`;
-  content += `  {${'grey'}-fg}${'─'.repeat(40)}{/${'grey'}-fg}\n\n`;
-  content += `  {${'grey'}-fg}IMPORTANCE {/${'grey'}-fg}  ${renderTimeline(m.importance)}\n\n`;
-  content += `  {${'grey'}-fg}CREATED    {/${'grey'}-fg}  {${'white'}-fg}${age}{/${'white'}-fg}\n\n`;
-  content += `  {${'grey'}-fg}${'─'.repeat(40)}{/${'grey'}-fg}\n\n`;
-  content += `  {${'grey'}-fg}[D]{/${'grey'}-fg} delete    {${'grey'}-fg}[E]{/${'grey'}-fg} edit importance\n\n`;
-
-  // Show connected memories count if available
-  const total = memories.length;
-  const sameType = memories.filter(x => x.type === m.type).length;
-  content += `  {${'grey'}-fg}${'─'.repeat(40)}{/${'grey'}-fg}\n\n`;
-  content += `  {${'grey'}-fg}TYPE POOL  {/${'grey'}-fg}  {${color}-fg}${sameType}{/${color}-fg} {${'grey'}-fg}of ${total} memories{/${'grey'}-fg}\n`;
-
-  mainRight.setContent(content);
+  const W        = Math.floor(screen.cols * 0.5) - 4;
+  const et       = m.edge_type || 'semantic';
+  const tlabel   = typeLabel(et);
+  const age      = ageLine(m.created_at);
+  const created  = m.created_at ? new Date(m.created_at * 1000).toLocaleString() : '—';
+  const imp      = m.importance || 1;
+  const sameType = memories.filter(x => (x.edge_type||'semantic') === et).length;
+  const sep      = '─'.repeat(W - 2);
+
+  const lines = [
+    '',
+    `  [${tlabel}]  #${m.id}                    ${age}`,
+    '',
+    '  ' + sep,
+    '',
+  ];
+
+  // Word-wrap content
+  const words = m.content.split(' ');
+  let line = '  ';
+  for (const w of words) {
+    if ((line + w).length > W) { lines.push(line.trimEnd()); line = '  '; }
+    line += w + ' ';
+  }
+  if (line.trim()) lines.push(line.trimEnd());
+
+  lines.push('');
+  lines.push('  ' + sep);
+  lines.push('');
+  lines.push(`  IMPORTANCE    ${impBar(imp)}  ${imp}/5`);
+  lines.push(`  TIMELINE      ${impDots(imp)}`);
+  lines.push('');
+  lines.push(`  CREATED       ${created}`);
+  lines.push(`  TYPE POOL     ${sameType} of ${memories.length} memories`);
+
+  if (m.tags) lines.push(`  TAGS          ${m.tags}`);
+  if (m.summary) {
+    lines.push(''); lines.push('  ' + sep); lines.push('');
+    lines.push('  SUMMARY');
+    const sw = m.summary.split(' ');
+    let sl = '  ';
+    for (const w of sw) {
+      if ((sl+w).length > W) { lines.push(sl.trimEnd()); sl = '  '; }
+      sl += w + ' ';
+    }
+    if (sl.trim()) lines.push(sl.trimEnd());
+  }
+
+  lines.push(''); lines.push('  ' + sep); lines.push('');
+  lines.push('  D delete   E importance+   B briefing');
+
+  rightPanel.setContent(lines.join('\n'));
   screen.render();
 }
 
-// ── INPUT OVERLAY ─────────────────────────────────────────────────────────────
+// ── render bottom ─────────────────────────────────────────────────────────────
+function renderBottom(msg) {
+  const keys = [
+    ['↑↓','nav'],['⏎','open'],['A','add'],['D','del'],
+    ['/','search'],['B','brief'],['T','tab'],['Q','quit'],
+  ];
+  const left  = keys.map(([k,v]) => ` [${k}] ${v}`).join('  ');
+  const right = msg ? `  ${msg}  ` : `  v${PKG.version}  `;
+  const space = Math.max(1, screen.cols - left.length - right.length - 4);
+  bottomBar.setContent(left + ' '.repeat(space) + right);
+  screen.render();
+}
+
+// ── state ─────────────────────────────────────────────────────────────────────
+let memory = null, memories = [], selected = 0;
+
+// ── load ──────────────────────────────────────────────────────────────────────
+async function loadMemories(query = '') {
+  try {
+    if (query) {
+      memories = await memory.recall(query, 100);
+    } else {
+      memories = memory.db.prepare(
+        'SELECT * FROM memories ORDER BY created_at DESC LIMIT 500'
+      ).all();
+    }
+    if (selected >= memories.length) selected = Math.max(0, memories.length - 1);
+    renderLeft(); renderRight();
+    renderBottom(`${memories.length} memories`);
+  } catch(e) {
+    renderBottom('error: ' + e.message.slice(0,50));
+  }
+}
+
+// ── input overlay ─────────────────────────────────────────────────────────────
 const inputOverlay = blessed.box({
-  top: 'center', left: 'center', width: '60%', height: 5,
+  top: 'center', left: 'center', width: '50%', height: 5,
   hidden: true,
   border: { type: 'line' },
-  style: { bg: 'black', border: { fg: 'yellow' } },
-  tags: true,
+  style: { fg: C.cream, bg: C.bg2, border: { fg: C.amber } },
+  tags: false,
 });
-
 const inputField = blessed.textbox({
   parent: inputOverlay,
-  top: 1, left: 2, width: '100%-6', height: 1,
-  style: { fg: 'yellow', bg: 'black' },
+  top: 1, left: 1, width: '100%-4', height: 1,
+  style: { fg: C.orange, bg: C.bg2 },
   inputOnFocus: true,
 });
-
 screen.append(inputOverlay);
 
 function showInput(label, cb) {
-  inputOverlay.setLabel(` {#e8742a-fg}${label}{/#e8742a-fg} `);
+  inputOverlay.setLabel(` ${label} `);
   inputField.setValue('');
   inputOverlay.show();
   screen.render();
   inputField.focus();
-  inputField.readInput((err, val) => {
+  let buf = '';
+
+  function cleanup() {
+    screen.removeListener('keypress', onKey);
     inputOverlay.hide();
+    inputField.setValue('');
+    buf = '';
+    leftPanel.focus();
     screen.render();
-    if (!err && val && val.trim()) cb(val.trim());
-    else mainLeft.focus();
-  });
-}
-
-// ── LOAD ──────────────────────────────────────────────────────────────────────
-async function loadMemories(query = '') {
-  try {
-    if (query) {
-      memories = await memory.recall(query, 100);
-    } else {
-      memories = memory.db.prepare(
-        'SELECT * FROM memories ORDER BY created_at DESC LIMIT 500'
-      ).all();
-      if (filterType !== 'all') {
-        memories = memories.filter(m => m.type === filterType);
-      }
+  }
+  function onKey(ch, key) {
+    if (!key) return;
+    if (key.name === 'enter' || key.name === 'return') {
+      const val = buf.trim(); cleanup(); if (val) cb(val); return;
+    }
+    if (key.name === 'escape') { cleanup(); return; }
+    if (key.name === 'backspace') {
+      buf = buf.slice(0,-1); inputField.setValue(buf); screen.render(); return;
+    }
+    if (ch && !key.ctrl && !key.meta && ch.length === 1) {
+      buf += ch; inputField.setValue(buf); screen.render();
     }
-    if (selected >= memories.length) selected = Math.max(0, memories.length - 1);
-    renderCards();
-    renderDetail();
-    renderStatusBar(`${memories.length} memories`);
-  } catch(e) {
-    renderStatusBar('Error: ' + e.message.slice(0, 40));
   }
+  screen.on('keypress', onKey);
 }
 
-// ── ACTIONS ───────────────────────────────────────────────────────────────────
+// ── actions ───────────────────────────────────────────────────────────────────
 async function addMemory(content) {
   try {
-    const { id } = await memory.remember(content, { importance: 3 });
-    renderStatusBar('✓ Saved #' + id);
-    await loadMemories();
-  } catch(e) { renderStatusBar('Error: ' + e.message.slice(0, 40)); }
+    await memory.remember(content, {importance:3});
+    renderBottom('saved'); await loadMemories();
+  } catch(e) { renderBottom('error: ' + e.message.slice(0,50)); }
 }
 
 async function deleteSelected() {
-  const m = memories[selected];
-  if (!m) return;
+  const m = memories[selected]; if (!m) return;
   try {
     memory.db.prepare('DELETE FROM memories WHERE id=?').run(m.id);
-    renderStatusBar('Deleted #' + m.id);
-    await loadMemories();
-  } catch(e) { renderStatusBar('Error: ' + e.message.slice(0, 40)); }
+    renderBottom('deleted #' + m.id); await loadMemories();
+  } catch(e) { renderBottom('error: ' + e.message.slice(0,50)); }
 }
 
 async function runRem() {
-  renderStatusBar('REM cycle running...');
-  try {
-    if (memory) await memory.dream();
-    renderStatusBar('✓ REM complete');
-    await loadMemories();
-  } catch(e) { renderStatusBar('REM: ' + e.message.slice(0, 40)); }
+  renderBottom('REM running...');
+  try { throw new Error("REM not in this build — add dream() to slipstream-core"); }
+  catch(e) { renderBottom('REM error: ' + e.message.slice(0,40)); }
 }
 
 async function showBriefing() {
   try {
     const brief = await memory.briefing();
-    mainRight.setLabel(' {bold}BRIEFING{/bold} ');
-    mainRight.setContent('\n' + brief.split('\n').map(l => '  ' + l).join('\n'));
+    rightPanel.setContent('\n  BRIEFING\n  ' + '─'.repeat(40) + '\n\n' +
+      brief.split('\n').map(l => '  ' + l).join('\n'));
     screen.render();
-  } catch(e) { renderStatusBar('Briefing error'); }
+  } catch(e) { renderBottom('briefing error'); }
 }
 
-// ── KEYBOARD ──────────────────────────────────────────────────────────────────
-screen.key(['q', 'C-c'], () => { screen.destroy(); process.exit(0); });
-
-screen.key(['up', 'k'], () => {
-  if (selected > 0) { selected--; renderCards(); renderDetail(); }
-});
-screen.key(['down', 'j'], () => {
-  if (selected < memories.length - 1) { selected++; renderCards(); renderDetail(); }
+// ── keyboard ──────────────────────────────────────────────────────────────────
+screen.key(['q','C-c'],   () => { screen.destroy(); process.exit(0); });
+screen.key(['up','k'],    () => { if (selected > 0) { selected--; renderLeft(); renderRight(); }});
+screen.key(['down','j'],  () => { if (selected < memories.length-1) { selected++; renderLeft(); renderRight(); }});
+screen.key(['a'],         () => showInput('ADD MEMORY', addMemory));
+screen.key(['d'],         deleteSelected);
+screen.key(['/'],         () => showInput('SEARCH', async q => loadMemories(q)));
+screen.key(['l'],         async () => loadMemories());
+screen.key(['r'],         runRem);
+screen.key(['b'],         showBriefing);
+screen.key(['tab','t'],   () => { screen.focused === leftPanel ? rightPanel.focus() : leftPanel.focus(); screen.render(); });
+screen.key(['e'],         () => {
+  const m = memories[selected]; if (!m) return;
+  m.importance = ((m.importance||1) % 5) + 1;
+  try { memory.db.prepare('UPDATE memories SET importance=? WHERE id=?').run(m.importance, m.id); } catch(_) {}
+  renderLeft(); renderRight();
 });
 
-screen.key(['a'], () => showInput('▶ ADD MEMORY', addMemory));
-screen.key(['d'], deleteSelected);
-screen.key(['/'], () => showInput('▶ SEARCH', async q => { await loadMemories(q); }));
-screen.key(['l'], async () => { await loadMemories(); });
-screen.key(['r'], runRem);
-screen.key(['b'], showBriefing);
-screen.key(['enter'], () => { renderDetail(); });
-
-// Tab through filter types
-screen.key(['t'], async () => {
-  const types = ['all', 'semantic', 'causal', 'temporal', 'entity'];
-  const idx = types.indexOf(filterType);
-  filterType = types[(idx + 1) % types.length];
-  searchRight.setValue('type: ' + filterType);
-  await loadMemories();
-});
-
-// ── BOOT ──────────────────────────────────────────────────────────────────────
+// ── boot ──────────────────────────────────────────────────────────────────────
 async function boot() {
   const _l = console.log; const _e = console.error;
   console.log = console.error = () => {};
-
-  renderStatusBar('connecting...');
-  renderCards();
-  screen.render();
+  renderBottom('connecting...'); renderLeft(); screen.render();
 
   try {
-    const { createMemory } = require('./slipstream-core');
-    const dbPath = process.env.VEKTOR_DB_PATH || path.join(process.cwd(), 'slipstream-memory.db');
+    const {createMemory} = require('./slipstream-core');
+    const dbPath = process.env.VEKTOR_DB_PATH ||
+      path.join(os.homedir(), 'vektor-slipstream-memory.db');
     memory = await createMemory({
       agentId: process.env.VEKTOR_AGENT_ID || 'tui',
       dbPath, silent: true,
@@ -366,16 +361,12 @@ async function boot() {
     });
     await loadMemories();
   } catch(e) {
-    renderStatusBar('Error: ' + e.message.slice(0, 50));
-    memories = [];
-    renderCards();
-    renderDetail();
+    rightPanel.setContent('\n  boot error: ' + e.message.slice(0,60));
+    renderLeft(); screen.render();
   }
 
   console.log = _l; console.error = _e;
-  mainLeft.focus();
-  screen.render();
-
+  leftPanel.focus(); screen.render();
   setInterval(() => { if (memory) loadMemories(); }, 30000);
 }