@oratis/lisa 0.12.0 → 0.14.0

package/dist/web/lisa-client.js

@@ -114,7 +114,7 @@ let capturing = false;
 window.lisaCaptureAndAttach = async function (mode) {
   if (capturing) return false;
   capturing = true;
-  const btn = document.getElementById('captureBtn');
+  const btn = document.getElementById('plusBtn');
   if (btn) btn.classList.add('flash');
   try {
     const res = await fetch('/api/vision/capture', {
@@ -170,10 +170,26 @@ fileInput.addEventListener('change', async () => {
 // listener that forwards the click synchronously (preserving the
 // user-gesture context) and logs to console so we can verify in the
 // inspector if it ever silently no-ops again.
-// 📷 capture button → interactive crosshair screenshot into the composer.
-const captureBtnEl = document.getElementById('captureBtn');
-if (captureBtnEl) {
-  captureBtnEl.addEventListener('click', () => { void window.lisaCaptureAndAttach('interactive'); });
+// ── ＋ composer menu: merges 📎 attach + 📷 screenshot into one button ──
+const plusBtnEl = document.getElementById('plusBtn');
+const plusMenuEl = document.getElementById('plusMenu');
+function closePlusMenu() { if (plusMenuEl) plusMenuEl.classList.remove('open'); }
+if (plusBtnEl && plusMenuEl) {
+  plusBtnEl.addEventListener('click', (e) => { e.stopPropagation(); plusMenuEl.classList.toggle('open'); });
+  document.addEventListener('click', (e) => {
+    if (plusMenuEl.classList.contains('open') && !plusMenuEl.contains(e.target) && e.target !== plusBtnEl) closePlusMenu();
+  });
+}
+const pmAttachEl = document.getElementById('pmAttach');
+if (pmAttachEl) {
+  pmAttachEl.addEventListener('click', () => {
+    closePlusMenu();
+    try { fileInput.click(); } catch (err) { console.error('[attach] fileInput.click failed:', err); }
+  });
+}
+const pmShotEl = document.getElementById('pmShot');
+if (pmShotEl) {
+  pmShotEl.addEventListener('click', () => { closePlusMenu(); void window.lisaCaptureAndAttach('interactive'); });
 }
 
 // ── Audio recording → transcribe → Lisa summarizes ─────────────────
@@ -308,21 +324,7 @@ if (recordBtnEl) {
   });
 }
 
-const attachBtnEl = document.getElementById('attachBtn');
-if (attachBtnEl) {
-  attachBtnEl.addEventListener('click', (ev) => {
-    // Don't preventDefault — that cancels the implicit label-forward
-    // and removes the redundant gesture path. Letting both fire is
-    // fine because <input type=file>.click() fires the picker only
-    // once per user gesture.
-    console.log('[attach] click forwarded to fileInput');
-    try {
-      fileInput.click();
-    } catch (err) {
-      console.error('[attach] fileInput.click failed:', err);
-    }
-  });
-}
+// (📎 attach is now an item in the ＋ composer menu — see pmAttach above.)
 
 // Paste-to-attach: when the user has copied an image (screenshot,
 // image from a webpage, etc.) and presses ⌘V, pull the image off the
@@ -452,6 +454,8 @@ function connectEvents() {
       // "sidebar live wiring" block). Generalized from claude_session_update
       // so codex / opencode / git / … sessions update the sidebar too.
       if (typeof refreshClaudeSessions === 'function') refreshClaudeSessions();
+    } else if (ev.type === 'mail_digest_update' || ev.type === 'mail_accounts_update') {
+      if (typeof window.refreshMail === 'function') window.refreshMail();
     }
   });
   es.onerror = () => {
@@ -825,6 +829,65 @@ async function selectPlan(plan) {
   }
 }
 
+// ── Pair phone: mint a device token + show copyable pairing details ──────────
+// Mirrors "lisa pair" / the Mac app Pair iPhone window for browser users. The mint
+// endpoint is loopback-only, so this works from a localhost browser on the Mac
+// (a LAN browser gets 403, handled below). The server detects the Mac's LAN host
+// and returns the lisa-pair:// link + host/port/token so the phone can paste the
+// link OR type the fields into Lisa Pocket → Settings → Pair.
+function pairRow(label, value) {
+  return '<div class="pair-row"><span class="pair-label">' + escapeHtml(label) + '</span>'
+    + '<code class="pair-val">' + escapeHtml(value) + '</code>'
+    + '<button class="pair-copy" type="button">Copy</button></div>';
+}
+async function showPair() {
+  openModal('PAIR PHONE', '<div class="empty">minting a pairing code…</div>');
+  let res;
+  try {
+    res = await fetch('/api/pair/start', {
+      method: 'POST',
+      headers: { 'content-type': 'application/json' },
+      body: JSON.stringify({ name: 'phone', platform: 'ios' }),
+    });
+  } catch (e) {
+    modalBody.innerHTML = '<div class="empty">Couldn\\'t reach the Lisa backend.</div>';
+    return;
+  }
+  if (res.status === 403) {
+    modalBody.innerHTML = '<div class="empty">Pairing can only be started on the Mac itself. Open this page at <code>http://localhost:' + escapeHtml(location.port || '5757') + '</code> on your Mac, then try again.</div>';
+    return;
+  }
+  if (!res.ok) {
+    modalBody.innerHTML = '<div class="empty">Pairing failed (HTTP ' + res.status + ').</div>';
+    return;
+  }
+  const data = await res.json().catch(function () { return {}; });
+  if (!data.token) { modalBody.innerHTML = '<div class="empty">The server returned no token.</div>'; return; }
+  const port = data.port || 5757;
+  const host = data.host || '';
+  const link = data.url || ('lisa-pair://v1?host=' + encodeURIComponent(host) + '&port=' + port + '&token=' + encodeURIComponent(data.token) + '&name=phone');
+  let html = '';
+  if (data.qrSvg) html += '<div class="pair-qr">' + data.qrSvg + '</div>';
+  html += '<div class="empty">Scan the code in Lisa Pocket → Settings → Scan QR — or paste the link / type the three fields below. Keep the phone on the same Wi-Fi (or tailnet) as this Mac.</div>';
+  html += pairRow('Link', link);
+  html += pairRow('Host', host || '(your Mac\\'s Wi-Fi IP)');
+  html += pairRow('Port', String(port));
+  html += pairRow('Token', data.token);
+  if (!host) html += '<div class="empty">Couldn\\'t detect your Mac\\'s LAN address — enter its Wi-Fi IP or tailnet name on the phone.</div>';
+  modalBody.innerHTML = html;
+  const codes = modalBody.querySelectorAll('.pair-row');
+  for (let i = 0; i < codes.length; i++) {
+    const row = codes[i];
+    const btn = row.querySelector('.pair-copy');
+    const val = row.querySelector('.pair-val');
+    btn.addEventListener('click', function () {
+      navigator.clipboard.writeText(val.textContent).then(function () {
+        const prev = btn.textContent; btn.textContent = 'Copied'; setTimeout(function () { btn.textContent = prev; }, 1200);
+      }).catch(function () {});
+    });
+  }
+}
+
 async function showSoul() {
   openModal('★ SOUL', '<div class="empty">loading…</div>');
   const data = await fetch('/api/soul').then(r => r.json());
@@ -867,7 +930,8 @@ async function showSoul() {
   modalBody.innerHTML = html;
 }
 
-document.querySelectorAll('.badge').forEach(b => {
+// Panel openers — the top function bar (.fbtn) + any legacy .badge share this.
+document.querySelectorAll('[data-panel]').forEach(b => {
   b.addEventListener('click', () => {
     const which = b.dataset.panel;
     if (which === 'soul') showSoul();
@@ -875,9 +939,54 @@ document.querySelectorAll('.badge').forEach(b => {
     else if (which === 'memory') showMemory();
     else if (which === 'tools') showTools();
     else if (which === 'plans') showPlans();
+    else if (which === 'pair') showPair();
   });
 });
 
+// Find in conversation — toggle a filter box that hides non-matching log rows.
+const fnSearchBtn = document.getElementById('fnSearchBtn');
+const fnFind = document.getElementById('fnFind');
+function filterLog(q) {
+  const logEl = document.getElementById('log');
+  if (!logEl) return;
+  for (const child of logEl.children) {
+    child.style.display = !q || (child.textContent || '').toLowerCase().includes(q) ? '' : 'none';
+  }
+}
+if (fnSearchBtn && fnFind) {
+  fnSearchBtn.addEventListener('click', () => {
+    const show = fnFind.style.display === 'none';
+    fnFind.style.display = show ? '' : 'none';
+    if (show) { fnFind.focus(); } else { fnFind.value = ''; filterLog(''); }
+  });
+  fnFind.addEventListener('input', () => filterLog(fnFind.value.trim().toLowerCase()));
+  fnFind.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') { fnFind.value = ''; filterLog(''); fnFind.style.display = 'none'; }
+  });
+}
+
+// Compact / sidebar mode — force the narrow stacked layout at any width, persisted.
+const compactToggleEl = document.getElementById('compactToggle');
+if (compactToggleEl) {
+  let compactOn = false;
+  try { compactOn = localStorage.getItem('lisaCompact') === '1'; } catch (e) {}
+  const applyCompact = () => {
+    document.body.classList.toggle('force-compact', compactOn);
+    compactToggleEl.classList.toggle('on', compactOn);
+    compactToggleEl.setAttribute('aria-checked', compactOn ? 'true' : 'false');
+  };
+  applyCompact();
+  const toggleCompact = () => {
+    compactOn = !compactOn;
+    try { localStorage.setItem('lisaCompact', compactOn ? '1' : '0'); } catch (e) {}
+    applyCompact();
+  };
+  compactToggleEl.addEventListener('click', toggleCompact);
+  compactToggleEl.addEventListener('keydown', (e) => {
+    if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggleCompact(); }
+  });
+}
+
 let currentLisaSpan = null;
 let pendingTools = new Map();
 let thinkingEl = null;
@@ -918,7 +1027,6 @@ function previewInput(name, input) {
 async function send(message) {
   input.value = '';
   input.style.height = 'auto';
-  sendBtn.disabled = true;
   el('div', 'role you', 'YOU');
   el('span', 'msg', message || '(attachment)');
   if (pendingFiles.length) {
@@ -928,9 +1036,48 @@ async function send(message) {
   const filesToSend = [...pendingFiles];
   pendingFiles = [];
   renderAttachPreview();
+  await runChat(message, filesToSend);
+}
+
+// On failure, show the error detail with a retry button that re-runs the same
+// turn. Kept separate from send() so retry never re-appends the user's bubble
+// or re-reads the (already-cleared) attachment tray.
+function showError(detail, message, filesToSend) {
+  if (thinkingEl) { thinkingEl.remove(); thinkingEl = null; }
+  const block = el('div', 'err-block', null);
+  const head = document.createElement('div');
+  head.className = 'err-head';
+  head.textContent = '⚠ 请求出错';
+  block.appendChild(head);
+  const body = document.createElement('div');
+  body.className = 'err-detail';
+  body.textContent = detail || 'unknown error';
+  block.appendChild(body);
+  const retry = document.createElement('button');
+  retry.type = 'button';
+  retry.className = 'err-retry';
+  retry.textContent = '↻ 重试';
+  retry.addEventListener('click', () => {
+    block.remove();
+    runChat(message, filesToSend);
+  });
+  block.appendChild(retry);
+  log.scrollTop = log.scrollHeight;
+}
+
+async function runChat(message, filesToSend) {
+  sendBtn.disabled = true;
   currentLisaSpan = null;
   pendingTools.clear();
   thinkingEl = el('div', 'thinking', '⋯ thinking');
+  // The agent emits an error event AND the server re-sends it from its turn
+  // catch — dedupe so one failure renders exactly one error block.
+  let errored = false;
+  const fail = (detail) => {
+    if (errored) return;
+    errored = true;
+    showError(detail, message, filesToSend);
+  };
   try {
     const res = await fetch('/chat', {
       method: 'POST',
@@ -987,7 +1134,7 @@ async function send(message) {
         } else if (ev.type === 'mood') {
           setMood(ev.slug);
         } else if (ev.type === 'error') {
-          el('div', 'err', '[error] ' + ev.message);
+          fail(ev.message);
         } else if (ev.type === 'done') {
           if (thinkingEl) { thinkingEl.remove(); thinkingEl = null; }
         }
@@ -995,8 +1142,7 @@ async function send(message) {
     }
     if (thinkingEl) { thinkingEl.remove(); thinkingEl = null; }
   } catch (err) {
-    if (thinkingEl) { thinkingEl.remove(); thinkingEl = null; }
-    el('div', 'err', '[error] ' + err.message);
+    fail(err.message);
   } finally {
     sendBtn.disabled = false;
     input.focus();
@@ -1291,31 +1437,66 @@ if ('serviceWorker' in navigator) {
     } catch {}
   };
 
-  // "Delegate a task" → start an agent. managed = LISA-run (controllable);
-  // claude/codex = a real CLI under a PTY (Stage C spike, needs LISA_PTY_AGENTS=1
-  // — a 503 surfaces its hint in the modal).
-  const sbDelegate = document.getElementById('sbDelegate');
-  if (sbDelegate) {
-    sbDelegate.addEventListener('submit', function (e) {
-      e.preventDefault();
-      const inp = document.getElementById('sbDelegateTask');
-      const kindEl = document.getElementById('sbDelegateKind');
-      const task = inp && inp.value.trim();
-      if (!task) return;
+  // "Delegate a task" → open a modal to pick the agent kind + write the task.
+  // (A roomy dialog beats the cramped 280px sidebar.) managed = LISA-run
+  // (controllable); claude/codex = a real CLI under a PTY (needs LISA_PTY_AGENTS=1
+  // — a 503/error surfaces inline in the dialog).
+  function openDelegateModal() {
+    openModal(
+      'Delegate a task',
+      '<div class="delegate-modal">' +
+        '<label class="dm-label">Agent</label>' +
+        '<select id="dmKind" class="dm-kind">' +
+          '<option value="managed">managed — LISA runs it (approve each step)</option>' +
+          '<option value="claude">claude — real CLI under a PTY</option>' +
+          '<option value="codex">codex — real CLI under a PTY</option>' +
+        '</select>' +
+        '<label class="dm-label">Task</label>' +
+        '<textarea id="dmTask" class="dm-task" rows="5" placeholder="Describe the task… (⌘/Ctrl+Enter to start)"></textarea>' +
+        '<div class="dm-actions"><button id="dmStart" class="dm-start" type="button">Start agent →</button></div>' +
+        '<div id="dmErr" class="dm-err"></div>' +
+      '</div>'
+    );
+    const kindEl = document.getElementById('dmKind');
+    const taskEl = document.getElementById('dmTask');
+    const startEl = document.getElementById('dmStart');
+    const errEl = document.getElementById('dmErr');
+    if (taskEl) taskEl.focus();
+    function submitDelegate() {
+      const task = taskEl && taskEl.value.trim();
+      if (!task) { if (taskEl) taskEl.focus(); return; }
       const kind = kindEl ? kindEl.value : 'managed';
       const url = kind === 'managed' ? '/api/agents/managed/start' : '/api/agents/pty/start';
       const body = kind === 'managed' ? { task: task } : { agent: kind, task: task };
+      if (errEl) errEl.textContent = '';
+      if (startEl) { startEl.disabled = true; startEl.textContent = 'Starting…'; }
       fetch(url, {
         method: 'POST',
         headers: { 'content-type': 'application/json' },
         body: JSON.stringify(body),
       }).then(function (r) {
-        if (!r.ok) { return r.text().then(function (t) { openModal('agent', '<pre>' + escapeHtml(t) + '</pre>'); }); }
-        if (inp) inp.value = '';
+        if (!r.ok) {
+          return r.text().then(function (t) {
+            if (errEl) errEl.textContent = t || ('failed (' + r.status + ')');
+            if (startEl) { startEl.disabled = false; startEl.textContent = 'Start agent →'; }
+          });
+        }
+        closeModal();
         if (typeof refreshClaudeSessions === 'function') refreshClaudeSessions();
-      }).catch(function () {});
+      }).catch(function () {
+        if (errEl) errEl.textContent = 'network error';
+        if (startEl) { startEl.disabled = false; startEl.textContent = 'Start agent →'; }
+      });
+    }
+    if (startEl) startEl.addEventListener('click', submitDelegate);
+    if (taskEl) taskEl.addEventListener('keydown', function (e) {
+      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') { e.preventDefault(); submitDelegate(); }
     });
   }
+  const sbDelegateBtn = document.getElementById('sbDelegateBtn');
+  if (sbDelegateBtn) sbDelegateBtn.addEventListener('click', openDelegateModal);
+  // Exposed so the console Dashboard / Control views reuse the same dialog.
+  window.lisaOpenDelegate = openDelegateModal;
 
   async function refreshIdentity() {
     try {
@@ -1345,14 +1526,496 @@ if ('serviceWorker' in navigator) {
     }
   }
 
+  // ── Mail card: connect a mailbox + show the daily classified digest ──
+  function renderMail(accounts, digest) {
+    const body = document.getElementById('sbMailBody');
+    const count = document.getElementById('sbMailCount');
+    const connectBtn = document.getElementById('sbMailConnectBtn');
+    if (!body) return;
+    while (body.firstChild) body.removeChild(body.firstChild);
+    const hasAccounts = accounts && accounts.length > 0;
+    if (connectBtn) connectBtn.textContent = hasAccounts ? '＋ add mailbox' : '＋ connect mailbox';
+    if (!hasAccounts) {
+      const empty = document.createElement('div');
+      empty.className = 'session-empty';
+      empty.textContent = '(not connected)';
+      body.appendChild(empty);
+      if (count) count.textContent = '';
+      return;
+    }
+    const sum = document.createElement('div');
+    sum.className = 'mail-summary';
+    sum.textContent = digest && digest.summary ? digest.summary : 'No digest yet — sweep to build one.';
+    body.appendChild(sum);
+    const needs = digest && digest.needsYou ? digest.needsYou : [];
+    if (count) count.textContent = needs.length ? ('✦ ' + needs.length) : '';
+    for (const i of needs.slice(0, 5)) {
+      const row = document.createElement('div');
+      row.className = 'mail-row';
+      const bang = document.createElement('span');
+      bang.className = 'mail-bang' + (i.importance >= 3 ? ' urgent' : '');
+      bang.textContent = i.importance >= 3 ? '‼' : '!';
+      const subj = document.createElement('span');
+      subj.className = 'mail-subj';
+      subj.textContent = i.subject || '(no subject)';
+      subj.title = (i.from || '') + ' — ' + (i.reason || '');
+      row.appendChild(bang);
+      row.appendChild(subj);
+      body.appendChild(row);
+    }
+    const sweep = document.createElement('button');
+    sweep.className = 'mail-sweep';
+    sweep.type = 'button';
+    sweep.textContent = 'sweep now';
+    sweep.addEventListener('click', function () {
+      sweep.disabled = true; sweep.textContent = 'sweeping…';
+      fetch('/api/mail/sweep', { method: 'POST' }).then(function () {
+        if (window.refreshMail) window.refreshMail();
+      }).catch(function () {}).then(function () { sweep.disabled = false; sweep.textContent = 'sweep now'; });
+    });
+    body.appendChild(sweep);
+  }
+
+  window.refreshMail = async function () {
+    try {
+      const a = await fetch('/api/mail/accounts').then(function (r) { return r.ok ? r.json() : null; });
+      const d = await fetch('/api/mail/digest').then(function (r) { return r.ok ? r.json() : null; });
+      renderMail(a ? a.accounts : [], d ? d.digest : null);
+    } catch (e) {}
+  };
+
+  function openMailModal() {
+    openModal('Connect a mailbox',
+      '<div class="delegate-modal">' +
+        '<label class="dm-label">Email</label>' +
+        '<input id="mmEmail" class="dm-kind" type="email" placeholder="you@qq.com" autocomplete="off" />' +
+        '<label class="dm-label">App-password / authorization code</label>' +
+        '<input id="mmPass" class="dm-kind" type="password" placeholder="not your login password" autocomplete="off" />' +
+        '<label class="dm-label">IMAP host (optional — auto-detected)</label>' +
+        '<input id="mmHost" class="dm-kind" type="text" placeholder="imap.qq.com" autocomplete="off" />' +
+        '<div class="dm-actions"><button id="mmStart" class="dm-start" type="button">Connect →</button></div>' +
+        '<div id="mmErr" class="dm-err"></div>' +
+        '<div class="dm-note">Read-only. Stored locally (0600). Most providers need an app-password, not your login password.</div>' +
+      '</div>');
+    const emailEl = document.getElementById('mmEmail');
+    const passEl = document.getElementById('mmPass');
+    const hostEl = document.getElementById('mmHost');
+    const startEl = document.getElementById('mmStart');
+    const errEl = document.getElementById('mmErr');
+    if (emailEl) emailEl.focus();
+    function submitMail() {
+      const email = emailEl && emailEl.value.trim();
+      const pass = passEl && passEl.value;
+      if (!email || !pass) { if (errEl) errEl.textContent = 'email + app-password required'; return; }
+      const body = { email: email, password: pass };
+      if (hostEl && hostEl.value.trim()) body.host = hostEl.value.trim();
+      if (errEl) errEl.textContent = '';
+      if (startEl) { startEl.disabled = true; startEl.textContent = 'Connecting…'; }
+      fetch('/api/mail/connect', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) })
+        .then(function (r) {
+          if (!r.ok) { return r.text().then(function (t) { if (errEl) errEl.textContent = t || ('failed (' + r.status + ')'); if (startEl) { startEl.disabled = false; startEl.textContent = 'Connect →'; } }); }
+          closeModal();
+          if (window.refreshMail) window.refreshMail();
+        })
+        .catch(function () { if (errEl) errEl.textContent = 'network error'; if (startEl) { startEl.disabled = false; startEl.textContent = 'Connect →'; } });
+    }
+    if (startEl) startEl.addEventListener('click', submitMail);
+    if (passEl) passEl.addEventListener('keydown', function (e) { if (e.key === 'Enter') { e.preventDefault(); submitMail(); } });
+  }
+  var sbMailConnectBtn = document.getElementById('sbMailConnectBtn');
+  if (sbMailConnectBtn) sbMailConnectBtn.addEventListener('click', openMailModal);
+
   // Bootstrap + periodic resync. SSE handles the fast-path updates;
   // these timers are belt-and-braces in case the stream silently dies.
   refreshPing();
   window.refreshClaudeSessions();
+  window.refreshMail();
   refreshIdentity();
   refreshSessionsBadge();
   setInterval(refreshPing, 30_000);
-  setInterval(window.refreshClaudeSessions, 60_000);
+  // Resolve refreshClaudeSessions at call time (arrow), not now: setupConsole
+  // later wraps window.refreshClaudeSessions to re-render the active console
+  // view + nav count, and the wrapper must win on this 60s tick too.
+  setInterval(() => window.refreshClaudeSessions(), 60_000);
+  setInterval(window.refreshMail, 5 * 60_000);
   setInterval(refreshSessionsBadge, 5 * 60_000);
+})();
+
+// ════════════════════════════════════════════════════════════════════
+// Console view-switcher — adds Dashboard / Control / Reve / Sense /
+// Memory views beside the default Chat. Purely additive: the chat
+// pipeline and every existing id stay untouched. Each non-chat view is
+// built lazily from the real endpoints on first activation, and the live
+// agent stream (refreshClaudeSessions) is wrapped to re-render the active
+// console view. No backticks / no template placeholders in this block.
+// ════════════════════════════════════════════════════════════════════
+(function setupConsole() {
+  var navList = document.getElementById('navList');
+  if (!navList) return;
+  var views = {
+    chat: document.getElementById('viewChat'),
+    dashboard: document.getElementById('viewDashboard'),
+    control: document.getElementById('viewControl'),
+    reve: document.getElementById('viewReve'),
+    sense: document.getElementById('viewSense'),
+    memory: document.getElementById('viewMemory'),
+  };
+  var loaded = {};
+  var active = 'chat';
+  var proactiveOn = true;
+
+  function esc(s) { return (typeof escapeHtml === 'function') ? escapeHtml(s) : String(s == null ? '' : s); }
+  function getJSON(u) { return fetch(u).then(function (r) { return r.ok ? r.json() : null; }).catch(function () { return null; }); }
+
+  function statusClass(state) {
+    if (state === 'working') return 'working';
+    if (state === 'waiting') return 'waiting';
+    if (state === 'error') return 'error';
+    if (state === 'done' || state === 'idle') return 'done';
+    return '';
+  }
+  function statusLabel(state) {
+    if (state === 'working') return 'Working';
+    if (state === 'waiting') return 'Waiting';
+    if (state === 'error') return 'Error';
+    if (state === 'done') return 'Done';
+    if (state === 'idle') return 'Idle';
+    return 'Unknown';
+  }
+  // Compact activity line (local copy of the sidebar helper — kept decoupled).
+  function actLine(s) {
+    var a = s && s.activity;
+    if (!a || typeof a !== 'object') return '';
+    if (a.pendingPermission) return 'wants to run ' + a.pendingPermission;
+    var bits = [];
+    if (a.lastError) bits.push(a.lastError);
+    if (typeof a.turnCount === 'number' && a.turnCount > 0) bits.push('turn ' + a.turnCount);
+    if (a.tokens && (a.tokens.input || a.tokens.output)) {
+      var tot = (a.tokens.input || 0) + (a.tokens.output || 0);
+      bits.push(tot >= 1000 ? Math.round(tot / 1000) + 'k tok' : tot + ' tok');
+    }
+    var tool = a.lastTools && a.lastTools.length ? a.lastTools[a.lastTools.length - 1] : '';
+    var file = a.filesTouched && a.filesTouched.length ? (String(a.filesTouched[a.filesTouched.length - 1]).split('/').pop() || '') : '';
+    if (tool && file) bits.push(tool + ' ' + file);
+    else if (tool) bits.push(tool);
+    else if (file) bits.push(file);
+    return bits.join(' · ');
+  }
+  function updateAgentCount(n) {
+    var c = document.getElementById('navAgentCount');
+    if (c) c.textContent = String(n);
+  }
+
+  // ── view switching ──────────────────────────────────────────────
+  function loadView(name) {
+    if (loaded[name]) return;
+    loaded[name] = true;
+    if (name === 'dashboard') loadDashboard();
+    else if (name === 'control') loadControl();
+    else if (name === 'reve') loadReve();
+    else if (name === 'sense') loadSense();
+    else if (name === 'memory') loadMemory();
+  }
+  function showView(name) {
+    if (!views[name]) name = 'chat';
+    active = name;
+    for (var k in views) { if (views[k]) views[k].classList.toggle('active', k === name); }
+    var items = navList.querySelectorAll('.nav-item');
+    for (var i = 0; i < items.length; i++) {
+      items[i].classList.toggle('active', items[i].getAttribute('data-view') === name);
+    }
+    if (name !== 'chat') loadView(name);
+    else { try { document.getElementById('input').focus(); } catch (e) {} }
+    try { history.replaceState(null, '', name === 'chat' ? location.pathname + location.search : '#' + name); } catch (e) {}
+  }
+  navList.addEventListener('click', function (e) {
+    var btn = e.target && e.target.closest ? e.target.closest('.nav-item') : null;
+    if (btn && btn.getAttribute('data-view')) showView(btn.getAttribute('data-view'));
+  });
+  window.lisaShowView = showView;
+
+  // ── proactive toggle ────────────────────────────────────────────
+  var ptEl = document.getElementById('proactiveToggle');
+  function setProactiveUI(on) {
+    proactiveOn = !!on;
+    if (ptEl) { ptEl.classList.toggle('on', proactiveOn); ptEl.setAttribute('aria-checked', proactiveOn ? 'true' : 'false'); }
+    var pp = document.getElementById('ppPanel');
+    if (pp) {
+      pp.classList.toggle('off', !proactiveOn);
+      var st = document.getElementById('ppState');
+      if (st) st.textContent = proactiveOn ? 'On · watching' : 'Paused';
+      var sd = document.getElementById('ppDesc');
+      if (sd) sd.textContent = proactiveOn ? 'Lisa watches your agents, tasks and signals for blockers and next steps.' : 'Resting — she will only act when you talk to her.';
+    }
+  }
+  function syncProactive() {
+    getJSON('/api/autonomy/state').then(function (s) { if (s && typeof s.enabled === 'boolean') setProactiveUI(s.enabled); });
+  }
+  function toggleProactive() {
+    var on = !proactiveOn;
+    setProactiveUI(on);
+    fetch('/api/autonomy/state', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ enabled: on }) })
+      .then(function (r) { return r && r.ok ? r.json() : null; })
+      .then(function (j) { if (j && typeof j.enabled === 'boolean') setProactiveUI(j.enabled); else setProactiveUI(!on); })
+      .catch(function () { setProactiveUI(!on); });
+  }
+  if (ptEl) {
+    ptEl.addEventListener('click', toggleProactive);
+    ptEl.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggleProactive(); } });
+  }
+  syncProactive();
+
+  // ── Dashboard ───────────────────────────────────────────────────
+  function agentCardHTML(s) {
+    var cls = statusClass(s.state);
+    var act = actLine(s);
+    return '<div class="ac">' +
+      '<div class="ac-top"><span>' + esc(s.agent || 'agent') + '</span><span class="ac-status ' + cls + '">' + esc(statusLabel(s.state)) + '</span></div>' +
+      '<div class="ac-title">' + esc(s.project || s.agent || 'agent') + '</div>' +
+      '<div class="ac-desc">' + (act ? esc(act) : 'no recent activity') + '</div>' +
+      '</div>';
+  }
+  function taskCardHTML(d) {
+    return '<div class="ac">' +
+      '<div class="ac-top"><span>' + esc(d.agent || 'dispatch') + '</span><span class="ac-status ' + (d.alive ? 'working' : 'done') + '">' + (d.alive ? 'Running' : 'Done') + '</span></div>' +
+      '<div class="ac-title">' + esc(String(d.task || 'task').slice(0, 80)) + '</div>' +
+      '<div class="ac-meta">' + esc(d.cwd ? String(d.cwd).split('/').pop() : 'dispatch') + '</div>' +
+      '</div>';
+  }
+  function loadDashboard() {
+    views.dashboard.innerHTML =
+      '<div class="view-head"><div><h2>Dashboard</h2><div class="vh-sub">Operations at a glance</div></div>' +
+      '<button class="view-act" id="dashDelegate">+ Delegate a task</button></div>' +
+      '<div class="view-scroll" id="dashScroll"><div class="view-empty">loading…</div></div>';
+    var del = document.getElementById('dashDelegate');
+    if (del) del.addEventListener('click', function () { if (typeof window.lisaOpenDelegate === 'function') window.lisaOpenDelegate(); });
+    renderDashboard();
+  }
+  function renderDashboard() {
+    var scroll = document.getElementById('dashScroll');
+    if (!scroll) return;
+    Promise.all([
+      getJSON('/api/agents/sessions'), getJSON('/api/dispatch/list'),
+      getJSON('/api/sense/recent'), getJSON('/api/island/ping'),
+    ]).then(function (res) {
+      var sessions = (res[0] && res[0].sessions) || [];
+      var dispatches = (res[1] && res[1].dispatches) || [];
+      var events = (res[2] && res[2].events) || [];
+      var ping = res[3] || {};
+      updateAgentCount(sessions.length);
+      var aliveTasks = dispatches.filter(function (d) { return d.alive; }).length;
+      var waiting = sessions.filter(function (s) { return s.state === 'waiting'; }).length;
+      var errored = sessions.filter(function (s) { return s.state === 'error'; }).length;
+      var desire = ping.current_desire || '';
+      var html = '';
+      html += '<div class="stat-bar">' +
+        '<div class="stat"><div class="n">' + sessions.length + '</div><div class="k">Agents</div></div>' +
+        '<div class="stat"><div class="n">' + aliveTasks + '</div><div class="k">Tasks</div></div>' +
+        '<div class="stat"><div class="n">' + dispatches.length + '</div><div class="k">Dispatched</div></div>' +
+        '<div class="stat"><div class="n">' + events.length + '</div><div class="k">Signals</div></div></div>';
+      html += '<div class="proactive-panel' + (proactiveOn ? '' : ' off') + '" id="ppPanel"><div class="pp-head"><span class="pp-dot"></span>' +
+        '<div><div class="pp-title">Proactive mode <b id="ppState">' + (proactiveOn ? 'On · watching' : 'Paused') + '</b></div>' +
+        '<div class="pp-desc" id="ppDesc">' + (proactiveOn ? 'Lisa watches your agents, tasks and signals for blockers and next steps.' : 'Resting — she will only act when you talk to her.') + '</div></div></div>' +
+        '<div class="pp-tags"><span class="pp-tag">' + sessions.length + ' agents</span><span class="pp-tag">' + aliveTasks + ' tasks</span>' +
+        (waiting ? '<span class="pp-tag warn">' + waiting + ' waiting</span>' : '') +
+        (errored ? '<span class="pp-tag warn">' + errored + ' errored</span>' : '') +
+        '<span class="pp-tag">owner-routed</span><span class="pp-tag">quiet on waits</span></div></div>';
+      html += '<div class="view-sec-label">Focus · currently pursuing</div>';
+      if (desire) {
+        html += '<div class="focus-card"><div class="fc-top"><div>' +
+          '<div class="fc-title">' + esc(desire) + '</div>' +
+          '<div class="fc-desc">A self-driven desire Lisa is pursuing on her own time.</div></div>' +
+          '<span class="fc-pill">Active</span></div>' +
+          '<div class="fc-meta"><span>self-driven</span><span>' + sessions.length + ' agents live</span></div></div>';
+      } else {
+        html += '<div class="focus-card"><div class="fc-desc">Nothing actively pursued right now.</div></div>';
+      }
+      html += '<div class="view-sec-label">Agents &amp; tasks</div>';
+      var cards = sessions.map(agentCardHTML).concat(dispatches.slice(0, 6).map(taskCardHTML));
+      html += cards.length ? '<div class="card-scroll">' + cards.join('') + '</div>'
+                           : '<div class="view-empty">No active agents or tasks. Delegate one to get started.</div>';
+      scroll.innerHTML = html;
+    });
+  }
+
+  // ── Control ─────────────────────────────────────────────────────
+  function controlRowHTML(s) {
+    var act = actLine(s);
+    var fam = s.controllable === 'pty' ? 'pty' : (s.controllable === 'managed' ? 'managed' : '');
+    var pend = s.activity && s.activity.pendingPermission;
+    var id = esc(s.sessionId);
+    var ctrl = '';
+    if (fam && pend) {
+      ctrl += '<button class="mc approve" data-fam="' + fam + '" data-id="' + id + '" data-act="approve">approve</button>';
+      ctrl += '<button class="mc deny" data-fam="' + fam + '" data-id="' + id + '" data-act="deny">deny</button>';
+    }
+    if (fam) ctrl += '<button class="mc cancel" data-fam="' + fam + '" data-id="' + id + '" data-act="cancel">cancel</button>';
+    if (fam === 'pty') ctrl += '<button class="mc" data-id="' + id + '" data-act="output">output</button>';
+    var badge = (s.agent && s.agent !== 'claude-code') ? '<span class="agent-badge">' + esc(s.agent) + '</span>' : '';
+    return '<div class="session-row">' +
+      '<div class="pip ' + (s.state || 'unknown') + '"></div>' +
+      '<div class="name">' + badge + esc(s.project || s.agent || 'agent') + '</div>' +
+      '<div class="when">' + (s.controllable ? esc(s.controllable) : esc(statusLabel(s.state))) + '</div>' +
+      (act ? '<div class="session-act">' + esc(act) + '</div>' : '') +
+      (ctrl ? '<div class="session-ctrl">' + ctrl + '</div>' : '') +
+      '</div>';
+  }
+  function controlAction(fam, id, action) {
+    return fetch('/api/agents/' + fam + '/' + encodeURIComponent(id) + '/' + action, { method: 'POST' })
+      .then(function (r) { if (!r.ok) return r.text().then(function (t) { throw new Error(String(r.status) + (t ? ' ' + t : '')); }); });
+  }
+  function ctrlPtyOutput(id) {
+    getJSON('/api/agents/pty/' + encodeURIComponent(id) + '/output').then(function (d) {
+      if (typeof openModal === 'function') openModal('agent output', '<pre>' + esc(d && d.output ? d.output : '(no output yet)') + '</pre>');
+    });
+  }
+  function loadControl() {
+    views.control.innerHTML =
+      '<div class="view-head"><div><h2>Control</h2><div class="vh-sub">Live agents &amp; control plane</div></div>' +
+      '<button class="view-act" id="ctrlDelegate">+ Delegate a task</button></div>' +
+      '<div class="view-scroll" id="ctrlScroll"><div class="view-empty">loading…</div></div>';
+    var del = document.getElementById('ctrlDelegate');
+    if (del) del.addEventListener('click', function () { if (typeof window.lisaOpenDelegate === 'function') window.lisaOpenDelegate(); });
+    renderControl();
+  }
+  function renderControl() {
+    var scroll = document.getElementById('ctrlScroll');
+    if (!scroll) return;
+    Promise.all([getJSON('/api/agents/sessions'), getJSON('/api/control/policy')]).then(function (res) {
+      var sessions = (res[0] && res[0].sessions) || [];
+      var policy = res[1] || {};
+      updateAgentCount(sessions.length);
+      var html = '<div class="pp-tags" style="margin-bottom:14px">' +
+        '<span class="pp-tag">remote control: ' + (policy.remoteControl ? 'on' : 'off') + '</span>' +
+        '<span class="pp-tag">adopt external: ' + (policy.remoteAdoptExternal ? 'on' : 'off') + '</span></div>';
+      if (!sessions.length) { scroll.innerHTML = html + '<div class="view-empty">No agents running. Delegate a task to start one.</div>'; return; }
+      sessions.forEach(function (s) { html += controlRowHTML(s); });
+      scroll.innerHTML = html;
+      var btns = scroll.querySelectorAll('[data-act]');
+      for (var i = 0; i < btns.length; i++) {
+        btns[i].addEventListener('click', function () {
+          var act = this.getAttribute('data-act');
+          var fam = this.getAttribute('data-fam');
+          var id = this.getAttribute('data-id');
+          if (act === 'output') { ctrlPtyOutput(id); return; }
+          controlAction(fam, id, act).then(function () { renderControl(); }).catch(function (err) {
+            scroll.insertAdjacentHTML('afterbegin', '<div class="view-empty" style="color:var(--err-color)">' + esc(err.message) + '</div>');
+          });
+        });
+      }
+    });
+  }
+
+  // ── Reve ────────────────────────────────────────────────────────
+  function loadReve() {
+    views.reve.innerHTML =
+      '<div class="view-head"><div><h2>Rêve</h2><div class="vh-sub">Reflections from her own time</div></div>' +
+      '<select class="v-sel" id="reveWindow"><option value="120">last 2h</option><option value="480">last 8h</option><option value="1440">last 24h</option></select></div>' +
+      '<div class="view-scroll" id="reveScroll"><div class="view-empty">loading…</div></div>';
+    var sel = document.getElementById('reveWindow');
+    if (sel) sel.addEventListener('change', function () { renderReve(sel.value); });
+    renderReve('120');
+  }
+  function renderReve(mins) {
+    var scroll = document.getElementById('reveScroll');
+    if (!scroll) return;
+    Promise.all([getJSON('/api/island/ping'), getJSON('/api/agents/recap?sinceMinutes=' + encodeURIComponent(mins))]).then(function (res) {
+      var ping = res[0] || {}; var recap = res[1] || {};
+      var html = '';
+      if (ping.last_idle_message_text) html += '<div class="v-card"><h3>While you were away</h3><div style="font-size:13px;color:var(--fg);line-height:1.55">' + esc(ping.last_idle_message_text) + '</div></div>';
+      if (ping.current_desire) html += '<div class="v-card"><h3>Currently pursuing</h3><div style="font-size:13px;color:var(--fg)">' + esc(ping.current_desire) + '</div></div>';
+      html += '<div class="v-card"><h3>Recap</h3><pre class="v-pre">' + esc(recap.text || 'No activity in this window.') + '</pre></div>';
+      scroll.innerHTML = html;
+    });
+  }
+
+  // ── Sense ───────────────────────────────────────────────────────
+  function loadSense() {
+    views.sense.innerHTML =
+      '<div class="view-head"><div><h2>Sense</h2><div class="vh-sub">Ambient signals Lisa may see</div></div></div>' +
+      '<div class="view-scroll" id="senseScroll"><div class="view-empty">loading…</div></div>';
+    renderSense();
+  }
+  function renderSense() {
+    var scroll = document.getElementById('senseScroll');
+    if (!scroll) return;
+    Promise.all([getJSON('/api/consent'), getJSON('/api/sense/recent')]).then(function (res) {
+      var grants = (res[0] && res[0].grants) || [];
+      var events = (res[1] && res[1].events) || [];
+      var html = '<div class="view-sec-label">Consent</div><div class="v-card">';
+      if (!grants.length) html += '<div class="view-empty" style="padding:6px 0">No signals configured.</div>';
+      grants.forEach(function (g) {
+        html += '<div class="v-row"><div class="v-main"><div class="v-name">' + esc(g.signal) + '</div>' +
+          (g.description ? '<div class="v-sub">' + esc(g.description) + '</div>' : '') + '</div>' +
+          '<button class="v-toggle' + (g.granted ? ' on' : '') + '" data-signal="' + esc(g.signal) + '" data-on="' + (g.granted ? '1' : '0') + '">' + (g.granted ? 'on' : 'off') + '</button></div>';
+      });
+      html += '</div><div class="view-sec-label">Recently sensed</div><div class="v-card">';
+      if (!events.length) html += '<div class="view-empty" style="padding:6px 0">Nothing captured.</div>';
+      events.slice(0, 30).forEach(function (e) {
+        html += '<div class="v-row"><div class="v-main"><div class="v-name" style="font-weight:400">' + esc(e.summary || '') + '</div>' +
+          '<div class="v-sub">' + esc([e.signal, e.kind, e.app].filter(Boolean).join(' · ')) + '</div></div></div>';
+      });
+      html += '</div>';
+      scroll.innerHTML = html;
+      var tgs = scroll.querySelectorAll('.v-toggle');
+      for (var i = 0; i < tgs.length; i++) {
+        tgs[i].addEventListener('click', function () {
+          var sig = this.getAttribute('data-signal');
+          var on = this.getAttribute('data-on') === '1';
+          fetch(on ? '/api/consent/revoke' : '/api/consent/grant', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ signal: sig }) })
+            .then(function () { renderSense(); }).catch(function () {});
+        });
+      }
+    });
+  }
+
+  // ── Memory (launchers for the existing modal panels) ────────────
+  function memBtn(key, ico, title, sub) {
+    return '<button class="mem-btn" data-mem="' + key + '"><span class="mem-ico">' + ico + '</span>' + title + '<span class="mem-sub">' + sub + '</span></button>';
+  }
+  function loadMemory() {
+    views.memory.innerHTML =
+      '<div class="view-head"><div><h2>Memory</h2><div class="vh-sub">Soul · skills · memory · tools</div></div></div>' +
+      '<div class="view-scroll">' +
+      memBtn('soul', '★', 'Soul', 'identity · values · emotions') +
+      memBtn('skills', '✦', 'Skills', 'saved workflows') +
+      memBtn('memory', '▤', 'Memory', 'USER.md · MEMORY.md') +
+      memBtn('tools', '⚒', 'Tools', 'capabilities') +
+      memBtn('plans', '◆', 'Coding plans', 'subscription CLIs') +
+      '</div>';
+    var mbs = views.memory.querySelectorAll('.mem-btn');
+    for (var i = 0; i < mbs.length; i++) {
+      mbs[i].addEventListener('click', function () {
+        var w = this.getAttribute('data-mem');
+        if (w === 'soul' && typeof showSoul === 'function') showSoul();
+        else if (w === 'skills' && typeof showSkills === 'function') showSkills();
+        else if (w === 'memory' && typeof showMemory === 'function') showMemory();
+        else if (w === 'tools' && typeof showTools === 'function') showTools();
+        else if (w === 'plans' && typeof showPlans === 'function') showPlans();
+      });
+    }
+  }
+
+  // ── live refresh: wrap the agent-session refresh so the active console
+  //    view + the Control nav count update on SSE agent_session_update.
+  var origRefresh = window.refreshClaudeSessions;
+  window.refreshClaudeSessions = function () {
+    var r = origRefresh ? origRefresh.apply(this, arguments) : undefined;
+    Promise.resolve(r).then(function () {
+      if (active === 'dashboard') renderDashboard();
+      else if (active === 'control') renderControl();
+      else getJSON('/api/agents/sessions').then(function (d) { updateAgentCount((d && d.sessions) ? d.sessions.length : 0); });
+    });
+    return r;
+  };
+  getJSON('/api/agents/sessions').then(function (d) { updateAgentCount((d && d.sessions) ? d.sessions.length : 0); });
+
+  // ── init: honor a deep-link hash, else default to chat ──────────
+  var initial = (location.hash || '').replace('#', '');
+  showView(views[initial] ? initial : 'chat');
+  window.addEventListener('hashchange', function () {
+    var h = (location.hash || '').replace('#', '');
+    if (views[h] && h !== active) showView(h);
+  });
 })();`;
 //# sourceMappingURL=lisa-client.js.map