@oratis/lisa 0.9.0 → 0.11.1

package/dist/web/island.js.map

@@ -1 +1 @@
-{"version":3,"file":"island.js","sourceRoot":"","sources":["../../src/web/island.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAglC1B,CAAC"}
+{"version":3,"file":"island.js","sourceRoot":"","sources":["../../src/web/island.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExG,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0jBvB,iBAAiB;IACjB,mBAAmB;IACnB,WAAW;IACX,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAy2BjB,CAAC"}

package/dist/web/lisa-client.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Inline client <script> for the Lisa chat shell (MAIN_HTML).
+ *
+ * The full browser-side runtime: attachments, vision capture, voice
+ * dictation, SSE (mood/idle/claude), API-key gate, birth ritual, history
+ * infinite-scroll, modal panels, send + streaming, and the sidebar live
+ * wiring. Extracted verbatim from lisa-html.ts; re-embedded there as
+ * `<script>\n${MAIN_CLIENT_JS}\n</script>`.
+ *
+ * IMPORTANT: this is the literal text served to the browser, NOT executed
+ * as part of the build. Backslash escapes (e.g. `\\n`) are written here
+ * exactly as they must appear in the emitted <script>. html-syntax.test.ts
+ * compiles the result with vm.Script to catch a stray real newline inside
+ * a JS string literal, and lisa-html-snapshot.test.ts pins the exact bytes.
+ *
+ * No interpolation or backticks appear in the original script text, so it
+ * is a plain template literal with no ${} placeholders.
+ */
+export declare const MAIN_CLIENT_JS = "// \u2500\u2500 First-run safety net: never leave the user with a silent dead UI. Any\n// uncaught error / unreachable backend surfaces as a banner instead of nothing.\nfunction lisaBanner(msg) {\n  var el = document.getElementById('lisaBanner');\n  if (!el) {\n    el = document.createElement('div');\n    el.id = 'lisaBanner';\n    el.style.cssText = 'position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:99999;max-width:min(700px,92vw);padding:11px 16px;border-radius:12px;background:rgba(255,85,119,.14);border:1px solid rgba(255,85,119,.5);color:#ffc2cf;font:13px/1.5 -apple-system,system-ui,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.5);user-select:text';\n    document.body.appendChild(el);\n  }\n  el.textContent = msg;\n  el.hidden = false;\n}\nfunction lisaClearBanner() { var el = document.getElementById('lisaBanner'); if (el) el.hidden = true; }\nfunction lisaSleep(ms) { return new Promise(function (r) { setTimeout(r, ms); }); }\nwindow.addEventListener('error', function (e) {\n  if (e && e.message) lisaBanner('Lisa UI error: ' + e.message + ' \u2014 reload (Cmd-R); restart the backend if it persists.');\n});\nwindow.addEventListener('unhandledrejection', function (e) {\n  var r = e && e.reason;\n  lisaBanner('Lisa task failed: ' + ((r && r.message) ? r.message : String(r)));\n});\n\nconst log = document.getElementById('log');\nconst input = document.getElementById('input');\nconst form = document.getElementById('form');\nconst sendBtn = document.getElementById('sendBtn');\nconst sessionEl = document.getElementById('sessionId');\nconst fileInput = document.getElementById('fileInput');\nconst attachPreview = document.getElementById('attachPreview');\n\n// \u2500\u2500 Attached files state \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nlet pendingFiles = []; // Array of {name, mediaType, data (base64)}\n\nfunction readFileAsBase64(file) {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = () => {\n      const dataUrl = reader.result;\n      const base64 = dataUrl.split(',')[1];\n      resolve(base64);\n    };\n    reader.onerror = reject;\n    reader.readAsDataURL(file);\n  });\n}\n\nfunction inferMediaType(file) {\n  if (file.type) return file.type;\n  const ext = file.name.split('.').pop().toLowerCase();\n  const map = { pdf: 'application/pdf', txt: 'text/plain', md: 'text/plain', csv: 'text/csv', json: 'application/json' };\n  return map[ext] || 'application/octet-stream';\n}\n\n// \u2500\u2500 Vision: screenshot \u2192 composer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// lisaAttachImage adds an already-encoded {name,mediaType,data} object to\n// the pending attachments \u2014 used by both the in-page \uD83D\uDCF7 button and the\n// native global hotkey (Lisa.app calls lisaCaptureAndAttach via JS bridge).\nwindow.lisaAttachImage = function (file) {\n  if (!file || !file.data) return;\n  pendingFiles.push({\n    name: file.name || 'screenshot.png',\n    mediaType: file.mediaType || 'image/png',\n    data: file.data,\n  });\n  renderAttachPreview();\n  try { input.focus(); } catch (_) {}\n};\n\n// lisaPrefillComposer drops text into the composer WITHOUT sending \u2014 the user\n// reads it and hits Enter to send (that send is the confirmation). Used by the\n// island's screen-advisor \"Optimize \u25B8\" card (via the Swift bridge) and by the\n// ?prefill= URL param (plain browser tabs).\nwindow.lisaPrefillComposer = function (text) {\n  if (!text || !input) return;\n  input.value = String(text);\n  try { input.dispatchEvent(new Event('input', { bubbles: true })); } catch (_) {}\n  try { input.focus(); input.setSelectionRange(input.value.length, input.value.length); } catch (_) {}\n};\n\n// On load, honour ?prefill=\u2026 (the island opens /?prefill=<task> in a browser\n// tab). Strip it from the URL afterwards so a refresh doesn't re-fill.\ntry {\n  var _pf = new URLSearchParams(location.search).get('prefill');\n  if (_pf) {\n    window.lisaPrefillComposer(_pf);\n    history.replaceState(null, '', location.pathname);\n  }\n} catch (_) {}\n\n// lisaCaptureAndAttach asks the server to run a screen capture, then\n// attaches the result. mode: 'interactive' (crosshair, default) | 'full'.\n// Returns true if an image was attached, false if cancelled/failed.\n// Exposed on window so the native app's global hotkey can invoke it.\nlet capturing = false;\nwindow.lisaCaptureAndAttach = async function (mode) {\n  if (capturing) return false;\n  capturing = true;\n  const btn = document.getElementById('captureBtn');\n  if (btn) btn.classList.add('flash');\n  try {\n    const res = await fetch('/api/vision/capture', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({ mode: mode || 'interactive' }),\n    });\n    if (!res.ok) {\n      console.warn('[vision] capture failed: HTTP ' + res.status);\n      return false;\n    }\n    const data = await res.json();\n    if (data.cancelled || !data.file) return false;\n    window.lisaAttachImage(data.file);\n    return true;\n  } catch (err) {\n    console.warn('[vision] capture error:', err);\n    return false;\n  } finally {\n    capturing = false;\n    if (btn) setTimeout(() => btn.classList.remove('flash'), 200);\n  }\n};\n\nfunction renderAttachPreview() {\n  attachPreview.innerHTML = '';\n  pendingFiles.forEach((f, i) => {\n    const chip = document.createElement('span');\n    chip.className = 'attach-chip';\n    chip.textContent = f.name;\n    const rm = document.createElement('button');\n    rm.type = 'button';\n    rm.className = 'attach-rm';\n    rm.textContent = '\u00D7';\n    rm.onclick = () => { pendingFiles.splice(i, 1); renderAttachPreview(); };\n    chip.appendChild(rm);\n    attachPreview.appendChild(chip);\n  });\n}\n\nfileInput.addEventListener('change', async () => {\n  for (const file of fileInput.files) {\n    const data = await readFileAsBase64(file);\n    pendingFiles.push({ name: file.name, mediaType: inferMediaType(file), data });\n  }\n  fileInput.value = '';\n  renderAttachPreview();\n});\n\n// The natural <label>\u2192<input type=file> click-forwarding is supposed\n// to open the picker without any JS. But in WKWebView under our\n// layout it never reaches runOpenPanel. We add an explicit click\n// listener that forwards the click synchronously (preserving the\n// user-gesture context) and logs to console so we can verify in the\n// inspector if it ever silently no-ops again.\n// \uD83D\uDCF7 capture button \u2192 interactive crosshair screenshot into the composer.\nconst captureBtnEl = document.getElementById('captureBtn');\nif (captureBtnEl) {\n  captureBtnEl.addEventListener('click', () => { void window.lisaCaptureAndAttach('interactive'); });\n}\n\n// \u2500\u2500 Audio recording \u2192 transcribe \u2192 Lisa summarizes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// \uD83C\uDF99 toggles a MediaRecorder. On stop: POST the clip to /api/voice/transcribe\n// (server-side Whisper), then send the transcript into the normal chat with a\n// \"summarize this\" framing \u2014 so Lisa produces the summary in her own voice and\n// it's persisted + discussable like any turn. First click prompts mic\n// permission (browser-native).\nconst recordBtnEl = document.getElementById('recordBtn');\nlet mediaRecorder = null;\nlet recordedChunks = [];\nlet recordStream = null;\n// 'dictation' (default): polish speech \u2192 composer for you to edit + send.\n// 'summary' (long-press \uD83C\uDF99): the original record\u2192Lisa-summarizes flow.\nlet recordMode = 'dictation';\n\nfunction pickAudioMime() {\n  const prefs = ['audio/webm;codecs=opus', 'audio/webm', 'audio/mp4', 'audio/ogg'];\n  for (const m of prefs) {\n    try { if (window.MediaRecorder && MediaRecorder.isTypeSupported(m)) return m; } catch (_) {}\n  }\n  return '';\n}\n\nasync function startRecording() {\n  if (!navigator.mediaDevices || !window.MediaRecorder) {\n    el('div', 'err', '[voice] recording not supported in this browser');\n    return;\n  }\n  try {\n    recordStream = await navigator.mediaDevices.getUserMedia({ audio: true });\n  } catch (err) {\n    el('div', 'err', '[voice] microphone access denied or unavailable');\n    return;\n  }\n  const mimeType = pickAudioMime();\n  recordedChunks = [];\n  mediaRecorder = mimeType ? new MediaRecorder(recordStream, { mimeType }) : new MediaRecorder(recordStream);\n  mediaRecorder.addEventListener('dataavailable', (e) => { if (e.data && e.data.size > 0) recordedChunks.push(e.data); });\n  mediaRecorder.addEventListener('stop', () => { void finishRecording(); });\n  mediaRecorder.start();\n  if (recordBtnEl) { recordBtnEl.classList.add('recording'); recordBtnEl.textContent = '\u23F9'; recordBtnEl.title = 'Stop recording'; }\n}\n\nfunction stopRecordingTracks() {\n  if (recordStream) { recordStream.getTracks().forEach((t) => t.stop()); recordStream = null; }\n  if (recordBtnEl) { recordBtnEl.classList.remove('recording'); recordBtnEl.textContent = '\uD83C\uDF99'; recordBtnEl.title = 'Dictate \u2014 speak and Lisa drops polished text in the box (hold to record a summary)'; }\n}\n\nasync function finishRecording() {\n  const mime = (mediaRecorder && mediaRecorder.mimeType) || 'audio/webm';\n  stopRecordingTracks();\n  const mode = recordMode;\n  const blob = new Blob(recordedChunks, { type: mime });\n  recordedChunks = [];\n  if (blob.size === 0) return;\n  // Transient status line: dictation polishes; summary transcribes.\n  const pending = el('div', 'thinking', mode === 'dictation' ? '\u22EF transcribing + polishing' : '\u22EF transcribing recording');\n  try {\n    const data = await blobToBase64(blob);\n    const res = await fetch('/api/voice/transcribe', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({ data, mediaType: mime, mode }),\n    });\n    const out = await res.json();\n    if (pending) pending.remove();\n    if (!res.ok || out.error) {\n      el('div', 'err', '[voice] ' + (out.error || ('HTTP ' + res.status)));\n      return;\n    }\n    if (mode === 'dictation') {\n      // Typeless-style: drop the polished text into the composer (cursor at end)\n      // for you to review and send. Never auto-sends. Appends if you'd already\n      // started typing.\n      const text = (out.text || out.transcript || '').trim();\n      if (!text) { el('div', 'err', '[voice] (nothing dictated)'); return; }\n      const existing = input.value.trimEnd();\n      input.value = existing ? existing + '\\n' + text : text;\n      try { input.dispatchEvent(new Event('input', { bubbles: true })); } catch (_) {}\n      try { input.focus(); input.setSelectionRange(input.value.length, input.value.length); } catch (_) {}\n      return;\n    }\n    // summary mode: hand the transcript to Lisa with a summarize framing.\n    const transcript = (out.transcript || '').trim();\n    if (!transcript) { el('div', 'err', '[voice] (empty transcript)'); return; }\n    const framed =\n      \"I just recorded some audio. Here's the transcript \u2014 please give me a clear, \" +\n      \"useful summary (key points, decisions, action items if any), then I might ask follow-ups.\\n\\n\" +\n      \"--- transcript ---\\n\" + transcript;\n    send(framed);\n  } catch (err) {\n    if (pending) pending.remove();\n    el('div', 'err', '[voice] ' + (err && err.message ? err.message : 'transcription failed'));\n  }\n}\n\nfunction blobToBase64(blob) {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = () => resolve(String(reader.result).split(',')[1] || '');\n    reader.onerror = reject;\n    reader.readAsDataURL(blob);\n  });\n}\n\nif (recordBtnEl) {\n  // Short click \u2192 dictation (polished text into the composer). Press-and-hold\n  // (\u2265500ms) \u2192 summary (record \u2192 Lisa summarizes). A click always follows\n  // pointerup, so we just flag long-presses and read the flag on click.\n  let longPress = false;\n  let holdTimer = null;\n  const clearHold = () => { if (holdTimer) { clearTimeout(holdTimer); holdTimer = null; } };\n  recordBtnEl.addEventListener('pointerdown', () => {\n    longPress = false;\n    clearHold();\n    holdTimer = setTimeout(() => { longPress = true; }, 500);\n  });\n  recordBtnEl.addEventListener('pointerup', clearHold);\n  recordBtnEl.addEventListener('pointercancel', clearHold);\n  recordBtnEl.addEventListener('pointerleave', clearHold);\n  recordBtnEl.addEventListener('click', () => {\n    if (mediaRecorder && mediaRecorder.state === 'recording') {\n      mediaRecorder.stop();\n      longPress = false;\n      return;\n    }\n    recordMode = longPress ? 'summary' : 'dictation';\n    longPress = false;\n    if (recordBtnEl) recordBtnEl.title = recordMode === 'summary' ? 'Recording for summary \u2014 click to stop' : 'Dictating \u2014 click to stop';\n    void startRecording();\n  });\n}\n\nconst attachBtnEl = document.getElementById('attachBtn');\nif (attachBtnEl) {\n  attachBtnEl.addEventListener('click', (ev) => {\n    // Don't preventDefault \u2014 that cancels the implicit label-forward\n    // and removes the redundant gesture path. Letting both fire is\n    // fine because <input type=file>.click() fires the picker only\n    // once per user gesture.\n    console.log('[attach] click forwarded to fileInput');\n    try {\n      fileInput.click();\n    } catch (err) {\n      console.error('[attach] fileInput.click failed:', err);\n    }\n  });\n}\n\n// Paste-to-attach: when the user has copied an image (screenshot,\n// image from a webpage, etc.) and presses \u2318V, pull the image off the\n// clipboard and add it to pendingFiles \u2014 same path the file picker\n// uses. Plain-text paste falls through to default behavior.\n//\n// We listen at the DOCUMENT level so paste works whether the textarea\n// is focused, the chat log is focused, or focus is on a tool-block.\n// (Some users press \u2318V right after launching the app, before clicking\n// anywhere \u2014 element-scoped handlers miss that.)\n//\n// For text paste we MUST NOT preventDefault \u2014 let the browser route\n// it to the focused element. Only intercept when we detect image\n// items.\nasync function handlePastedClipboard(ev) {\n  const cb = ev.clipboardData;\n  if (!cb) return;\n\n  // Two clipboard surfaces \u2014 items (modern, exposes pasteboard files)\n  // and files (older, doesn't include MIME type for some types). We\n  // dedupe via the underlying File reference.\n  const fileMap = new Map();  // File \u2192 mediaType (string)\n  if (cb.items && cb.items.length) {\n    for (const item of cb.items) {\n      if (item.kind !== 'file') continue;\n      if (!item.type || !item.type.startsWith('image/')) continue;\n      const f = item.getAsFile();\n      if (f) fileMap.set(f, item.type);\n    }\n  }\n  if (cb.files && cb.files.length) {\n    for (const f of cb.files) {\n      if (f.type && f.type.startsWith('image/')) {\n        if (!fileMap.has(f)) fileMap.set(f, f.type || 'image/png');\n      }\n    }\n  }\n\n  if (fileMap.size === 0) return; // text paste \u2014 leave default behavior alone\n\n  ev.preventDefault();\n  // Keep focus on the textarea so the user can keep typing right after.\n  try { input.focus(); } catch (_) {}\n\n  for (const [file, mediaType] of fileMap) {\n    try {\n      const data = await readFileAsBase64(file);\n      const ext = (mediaType.split('/')[1] || 'png').replace(/[^a-z0-9]/gi, '');\n      const ts = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);\n      const name = file.name && file.name !== 'image.png'\n        ? file.name\n        : 'pasted-' + ts + '.' + ext;\n      pendingFiles.push({ name, mediaType, data });\n    } catch (err) {\n      console.warn('[paste] failed to read image:', err);\n    }\n  }\n  renderAttachPreview();\n}\n\ninput.addEventListener('paste',  (ev) => { void handlePastedClipboard(ev); });\n// Document-level fallback. If focus is somewhere other than the\n// textarea (e.g. just-launched, no focus yet), the textarea-level\n// paste listener never fires; this one catches it.\ndocument.addEventListener('paste', (ev) => {\n  // Avoid double-firing when the textarea ALREADY handled it: if\n  // ev.defaultPrevented is set, the textarea listener already\n  // consumed the paste and added the file.\n  if (ev.defaultPrevented) return;\n  void handlePastedClipboard(ev);\n});\n\n// Surface session id from server header on first request. The titlebar\n// shows the same id with a leading \"\u00B7\" separator after the \"Lisa\" label.\nfetch('/session').then(r => r.json()).then(s => {\n  sessionEl.textContent = s.id;\n  const titlebarSession = document.getElementById('titlebarSession');\n  if (titlebarSession) titlebarSession.textContent = '\u00B7 ' + s.id;\n});\n\n// \u2500\u2500 Persistent /events SSE: mood updates + idle messages + Claude\n// activity, lifetime of page.\nfunction connectEvents() {\n  const es = new EventSource('/events');\n  let idlePulseEl = null;\n  es.addEventListener('message', (e) => {\n    const ev = JSON.parse(e.data);\n    if (ev.type === 'mood') {\n      setMood(ev.slug);\n    } else if (ev.type === 'idle_start') {\n      if (!idlePulseEl) {\n        idlePulseEl = document.createElement('div');\n        idlePulseEl.className = 'idle-pulse';\n        idlePulseEl.textContent = '\u22EF Lisa is thinking on her own time \u22EF';\n        log.appendChild(idlePulseEl);\n        log.scrollTop = log.scrollHeight;\n      }\n    } else if (ev.type === 'idle_message') {\n      if (idlePulseEl) { idlePulseEl.remove(); idlePulseEl = null; }\n      const block = document.createElement('div');\n      block.className = 'idle-block';\n      const head = document.createElement('div');\n      head.className = 'idle-head';\n      head.textContent = '\u2605 WHILE YOU WERE AWAY';\n      const time = document.createElement('span');\n      time.className = 'idle-time';\n      try { time.textContent = new Date(ev.at).toLocaleTimeString(); } catch {}\n      head.appendChild(time);\n      block.appendChild(head);\n      const bodyEl = document.createElement('div');\n      bodyEl.textContent = ev.text;\n      block.appendChild(bodyEl);\n      log.appendChild(block);\n      log.scrollTop = log.scrollHeight;\n      // sidebar reflection card mirrors the latest while-you-were-away\n      if (typeof updateReflection === 'function') updateReflection(ev.text);\n    } else if (ev.type === 'idle_done') {\n      if (idlePulseEl) { idlePulseEl.remove(); idlePulseEl = null; }\n    } else if (ev.type === 'idle_error') {\n      if (idlePulseEl) { idlePulseEl.remove(); idlePulseEl = null; }\n      const e2 = document.createElement('div');\n      e2.className = 'err';\n      e2.textContent = '[idle error] ' + ev.message;\n      log.appendChild(e2);\n    } else if (ev.type === 'agent_session_update') {\n      // D4a \u2014 sidebar multi-agent monitor refresh (defined later in the\n      // \"sidebar live wiring\" block). Generalized from claude_session_update\n      // so codex / opencode / git / \u2026 sessions update the sidebar too.\n      if (typeof refreshClaudeSessions === 'function') refreshClaudeSessions();\n    }\n  });\n  es.onerror = () => {\n    es.close();\n    setTimeout(connectEvents, 3000); // reconnect\n  };\n}\nconnectEvents();\n\n// \u2500\u2500 API key config gate: show overlay if no key is configured \u2500\u2500\u2500\u2500\u2500\nconst cfgOverlay = document.getElementById('cfgOverlay');\nconst cfgForm = document.getElementById('cfgForm');\nconst cfgAnthropic = document.getElementById('cfgAnthropic');\nconst cfgOpenai = document.getElementById('cfgOpenai');\nconst cfgSaveBtn = document.getElementById('cfgSave');\nconst cfgError = document.getElementById('cfgError');\n\ncfgForm.addEventListener('submit', async (ev) => {\n  ev.preventDefault();\n  cfgError.textContent = '';\n  const anthropic = cfgAnthropic.value.trim();\n  const openai = cfgOpenai.value.trim();\n  if (!anthropic) {\n    cfgError.textContent = 'ANTHROPIC_API_KEY is required.';\n    return;\n  }\n  cfgSaveBtn.disabled = true;\n  try {\n    const res = await fetch('/api/config/save', {\n      method: 'POST',\n      headers: {'content-type': 'application/json'},\n      body: JSON.stringify({ anthropicKey: anthropic, openaiKey: openai || undefined }),\n    });\n    if (!res.ok) {\n      const txt = await res.text().catch(() => '');\n      cfgError.textContent = 'Save failed: HTTP ' + res.status + (txt ? ' \u2014 ' + txt.slice(0, 120) : '');\n      cfgSaveBtn.disabled = false;\n      return;\n    }\n    cfgAnthropic.value = '';\n    cfgOpenai.value = '';\n    cfgOverlay.classList.remove('open');\n    maybeBirth();\n  } catch (err) {\n    cfgError.textContent = 'Save failed: ' + err.message;\n    cfgSaveBtn.disabled = false;\n  }\n});\n\n// \u2500\u2500 Birth ritual: show overlay if Lisa hasn't been born yet \u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst birthOverlay = document.getElementById('birthOverlay');\nconst birthStepsEl = document.getElementById('birthSteps');\nconst birthFinalEl = document.getElementById('birthFinal');\nconst birthEnterBtn = document.getElementById('birthEnter');\nconst birthErrorEl = document.getElementById('birthError');\n\nbirthEnterBtn.addEventListener('click', () => {\n  birthOverlay.classList.remove('open');\n  setTimeout(() => location.reload(), 300);\n});\n\nasync function maybeBirth() {\n  const status = await fetch('/api/soul').then(r => r.json());\n  if (status.born) return;\n  birthOverlay.classList.add('open');\n  startBirthStream();\n}\n\nfunction appendBirthStep(step) {\n  const prevActive = birthStepsEl.querySelector('.birth-step.active');\n  if (prevActive) {\n    prevActive.classList.remove('active');\n    prevActive.classList.add('done');\n  }\n  const div = document.createElement('div');\n  div.className = 'birth-step active';\n  const name = document.createElement('div');\n  name.className = 'step-name';\n  name.textContent = step;\n  div.appendChild(name);\n  const detail = document.createElement('div');\n  detail.className = 'step-detail';\n  const cursor = document.createElement('span');\n  cursor.className = 'step-cursor';\n  detail.appendChild(cursor);\n  div.appendChild(detail);\n  birthStepsEl.appendChild(div);\n  setTimeout(() => div.classList.add('shown'), 50);\n  return detail;\n}\n\nfunction typewriter(el, text, done) {\n  const cursor = el.querySelector('.step-cursor');\n  if (cursor) cursor.remove();\n  let i = 0;\n  const speed = Math.max(8, Math.min(28, 600 / text.length));\n  function tick() {\n    if (i >= text.length) {\n      const c = document.createElement('span');\n      c.className = 'step-cursor';\n      el.appendChild(c);\n      done && done();\n      return;\n    }\n    el.appendChild(document.createTextNode(text[i]));\n    i++;\n    el.parentElement.parentElement.scrollTop = el.parentElement.parentElement.scrollHeight;\n    setTimeout(tick, speed);\n  }\n  tick();\n}\n\nasync function startBirthStream() {\n  birthErrorEl.textContent = '';\n  let currentDetail = null;\n  let queue = [];\n  let processing = false;\n\n  function processQueue() {\n    if (processing) return;\n    if (queue.length === 0) return;\n    processing = true;\n    const ev = queue.shift();\n    if (ev.kind === 'step') {\n      currentDetail = appendBirthStep(ev.name);\n      typewriter(currentDetail, ev.detail || '', () => {\n        processing = false;\n        processQueue();\n      });\n    } else if (ev.kind === 'done') {\n      const last = birthStepsEl.querySelector('.birth-step.active');\n      if (last) { last.classList.remove('active'); last.classList.add('done'); }\n      birthFinalEl.textContent = ev.message;\n      birthFinalEl.classList.add('shown');\n      birthEnterBtn.classList.add('shown');\n      processing = false;\n    } else if (ev.kind === 'error') {\n      birthErrorEl.textContent = ev.message;\n      processing = false;\n    }\n  }\n\n  try {\n    const res = await fetch('/api/birth', { method: 'POST' });\n    if (!res.ok) {\n      birthErrorEl.textContent = 'Birth failed: HTTP ' + res.status + '. Check ANTHROPIC_API_KEY.';\n      return;\n    }\n    const reader = res.body.getReader();\n    const decoder = new TextDecoder();\n    let buf = '';\n    while (true) {\n      const { value, done } = await reader.read();\n      if (done) break;\n      buf += decoder.decode(value, { stream: true });\n      let idx;\n      while ((idx = buf.indexOf('\\n\\n')) >= 0) {\n        const event = buf.slice(0, idx);\n        buf = buf.slice(idx + 2);\n        const m = event.match(/^data: (.*)$/m);\n        if (!m) continue;\n        const ev = JSON.parse(m[1]);\n        queue.push(ev);\n        processQueue();\n      }\n    }\n  } catch (err) {\n    birthErrorEl.textContent = 'Birth failed: ' + err.message;\n  }\n}\n\nasync function startupGate() {\n  // Retry: the page can render a hair before the backend's API routes answer,\n  // and a transient miss must not silently skip onboarding (the old bug \u2014 a\n  // bare catch+return left a dead UI with no key prompt, no birth, no message).\n  let cfg = null;\n  for (let i = 0; i < 6 && !cfg; i++) {\n    try { cfg = await fetch('/api/config/status').then(r => r.json()); }\n    catch (e) { if (i < 5) await lisaSleep(700); }\n  }\n  if (!cfg) {\n    lisaBanner('Cannot reach Lisa backend on localhost:5757. Start it:  lisa serve --web  (install once: npm i -g @oratis/lisa). Retrying\u2026');\n    setTimeout(startupGate, 3000);\n    return;\n  }\n  lisaClearBanner();\n  if (!cfg.configured) {\n    cfgOverlay.classList.add('open');\n    setTimeout(() => cfgAnthropic.focus(), 50);\n    return;\n  }\n  try {\n    await maybeBirth();\n  } catch (e) {\n    lisaBanner('Birth check failed: ' + ((e && e.message) ? e.message : e) + ' \u2014 reload to retry.');\n  }\n}\nstartupGate();\n\n// \u2500\u2500 history load & infinite-scroll \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nlet historyPage = 0;\nlet historyLoading = false;\nlet historyExhausted = false;\n\nfunction textOfMessage(msg) {\n  if (typeof msg.content === 'string') return msg.content.trim();\n  if (!Array.isArray(msg.content)) return '';\n  return msg.content\n    .filter(b => b.type === 'text')\n    .map(b => b.text)\n    .join('')\n    .trim();\n}\n\nfunction prependHistoryMessages(messages) {\n  const fragment = document.createDocumentFragment();\n  for (const msg of messages) {\n    const text = textOfMessage(msg);\n    if (!text) continue;\n    const roleDiv = document.createElement('div');\n    roleDiv.className = 'role ' + (msg.role === 'user' ? 'you' : 'lisa');\n    roleDiv.textContent = msg.role === 'user' ? 'YOU' : 'LISA';\n    const span = document.createElement('span');\n    span.className = 'msg';\n    span.textContent = text;\n    fragment.appendChild(roleDiv);\n    fragment.appendChild(span);\n  }\n  log.insertBefore(fragment, log.firstChild);\n}\n\nasync function loadHistoryPage() {\n  if (historyLoading || historyExhausted) return;\n  historyLoading = true;\n  const prevScrollHeight = log.scrollHeight;\n  try {\n    const res = await fetch('/api/history?page=' + historyPage);\n    const data = await res.json();\n    if (data.messages && data.messages.length) {\n      prependHistoryMessages(data.messages);\n      log.scrollTop = log.scrollHeight - prevScrollHeight;\n      historyPage++;\n    }\n    if (!data.hasMore) {\n      historyExhausted = true;\n      if (historyPage > 1) {\n        const marker = document.createElement('div');\n        marker.style.cssText = 'text-align:center;color:var(--fg-3);font-size:11px;padding:8px 0;letter-spacing:0.06em;';\n        marker.textContent = '\u2014 end of history \u2014';\n        log.insertBefore(marker, log.firstChild);\n      }\n    }\n  } finally {\n    historyLoading = false;\n  }\n}\n\nloadHistoryPage();\nlog.addEventListener('scroll', () => {\n  if (log.scrollTop < 80) loadHistoryPage();\n});\n\n// \u2500\u2500 mascot crossfade on mood event \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst mascotEl = document.getElementById('mascot');\nconst mascotTagEl = document.getElementById('mascotTag');\nlet currentMood = 'neutral';\nfunction setMood(slug) {\n  if (!slug || slug === currentMood) return;\n  const url = '/assets/lisa/' + encodeURIComponent(slug) + '.png';\n  const probe = new Image();\n  probe.onload = () => {\n    mascotEl.classList.add('fading');\n    setTimeout(() => {\n      mascotEl.src = url;\n      mascotTagEl.textContent = 'mood: ' + slug;\n      mascotEl.classList.remove('fading');\n      currentMood = slug;\n    }, 250);\n  };\n  probe.onerror = () => { /* asset not generated yet \u2014 keep current */ };\n  probe.src = url;\n}\n\n// \u2500\u2500 modal panel: SOUL / SKILLS / MEMORY / TOOLS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst modalBg = document.getElementById('modalBg');\nconst modalTitle = document.getElementById('modalTitle');\nconst modalBody = document.getElementById('modalBody');\nconst modalClose = document.getElementById('modalClose');\n\nfunction escapeHtml(s) {\n  return String(s).replace(/[&<>\"]/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;'}[c]));\n}\nfunction openModal(title, html) {\n  modalTitle.textContent = title;\n  modalBody.innerHTML = html;\n  modalBg.classList.add('open');\n}\nfunction closeModal() { modalBg.classList.remove('open'); }\nmodalClose.addEventListener('click', closeModal);\nmodalBg.addEventListener('click', (e) => { if (e.target === modalBg) closeModal(); });\ndocument.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeModal(); });\n\nasync function showSkills() {\n  openModal('SKILLS', '<div class=\"empty\">loading\u2026</div>');\n  const data = await fetch('/api/skills').then(r => r.json());\n  if (!data.skills.length) {\n    modalBody.innerHTML = '<div class=\"empty\">No skills saved yet. Lisa will start saving useful workflows as you use her.</div>';\n    return;\n  }\n  modalBody.innerHTML = data.skills.map(s =>\n    '<div class=\"item\"><div class=\"name\">' + escapeHtml(s.name) + '</div><div class=\"desc\">' + escapeHtml(s.description) + '</div></div>'\n  ).join('');\n}\n\nasync function showMemory() {\n  openModal('MEMORY', '<div class=\"empty\">loading\u2026</div>');\n  const data = await fetch('/api/memory').then(r => r.json());\n  modalBody.innerHTML =\n    '<h3>USER.md \u2014 what Lisa remembers about you</h3>' +\n    '<pre>' + escapeHtml(data.user || '(empty)') + '</pre>' +\n    '<h3>MEMORY.md \u2014 Lisa\\'s working notes</h3>' +\n    '<pre>' + escapeHtml(data.memory || '(empty)') + '</pre>';\n}\n\nasync function showTools() {\n  openModal('TOOLS', '<div class=\"empty\">loading\u2026</div>');\n  const data = await fetch('/api/tools').then(r => r.json());\n  modalBody.innerHTML = data.tools.map(t =>\n    '<div class=\"item\"><div class=\"name\">' + escapeHtml(t.name) + '</div><div class=\"desc\">' + escapeHtml(t.description) + '</div></div>'\n  ).join('');\n}\n\nasync function showPlans() {\n  openModal('CODING PLANS', '<div class=\"empty\">loading\u2026</div>');\n  let data;\n  try { data = await fetch('/api/plans').then(r => r.json()); }\n  catch (e) { modalBody.innerHTML = '<div class=\"empty\">failed to load plans</div>'; return; }\n  const intro = '<div class=\"empty\">Run coding work on a subscription you already pay for (Claude Pro/Max \u00B7 ChatGPT/Codex \u00B7 Copilot) instead of a metered API key. LISA drives the vendor CLI you are logged into, so it bills your plan, not a key. This does not change her own model.</div>';\n  const rows = (data.plans || []).map(function (p) {\n    const star = p.selected ? ' \u2014 selected' : '';\n    const usage = p.usage ? '<div class=\"desc\">usage: ' + escapeHtml(p.usage) + '</div>' : '';\n    let btn;\n    if (p.selected) btn = '<button class=\"plan-select\" data-plan=\"' + escapeHtml(p.id) + '\" disabled>selected</button>';\n    else if (p.available) btn = '<button class=\"plan-select\" data-plan=\"' + escapeHtml(p.id) + '\">use this</button>';\n    else btn = '<button class=\"plan-select\" data-plan=\"' + escapeHtml(p.id) + '\" disabled>not installed</button>';\n    return '<div class=\"item\"><div class=\"name\">' + escapeHtml(p.mark + ' ' + p.label + star) + '</div><div class=\"desc\">' + escapeHtml(p.detail) + '</div>' + usage + btn + '</div>';\n  }).join('');\n  const clear = '<div class=\"item\"><button class=\"plan-select\" data-plan=\"none\">clear selection</button></div>';\n  modalBody.innerHTML = intro + rows + clear;\n  document.querySelectorAll('.plan-select').forEach(function (btn) {\n    if (btn.disabled) return;\n    btn.addEventListener('click', function () { selectPlan(btn.dataset.plan); });\n  });\n}\n\nasync function selectPlan(plan) {\n  try {\n    const res = await fetch('/api/plans/select', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({ plan: plan }),\n    });\n    if (!res.ok) {\n      const t = await res.text().catch(function () { return ''; });\n      modalBody.insertAdjacentHTML('afterbegin', '<div class=\"empty\" style=\"color:var(--err-color)\">select failed: ' + escapeHtml(String(res.status) + (t ? ' \u2014 ' + t : '')) + '</div>');\n      return;\n    }\n    showPlans();\n  } catch (e) {\n    modalBody.insertAdjacentHTML('afterbegin', '<div class=\"empty\" style=\"color:var(--err-color)\">select error: ' + escapeHtml(e.message) + '</div>');\n  }\n}\n\nasync function showSoul() {\n  openModal('\u2605 SOUL', '<div class=\"empty\">loading\u2026</div>');\n  const data = await fetch('/api/soul').then(r => r.json());\n  if (!data.born) {\n    modalBody.innerHTML = '<div class=\"empty\">Lisa hasn\\'t been born yet. Restart the CLI without --no-birth and the birth ritual will run.</div>';\n    return;\n  }\n  const s = data.summary;\n  let html = '';\n  html += '<h3>name</h3><div>' + escapeHtml(s.name) + '</div>';\n  html += '<h3>born</h3><div>' + escapeHtml(s.seed.bornAt) + ' \u00B7 big5(O' + Math.round(s.seed.bigFive.openness*100) + ' C' + Math.round(s.seed.bigFive.conscientiousness*100) + ' E' + Math.round(s.seed.bigFive.extraversion*100) + ' A' + Math.round(s.seed.bigFive.agreeableness*100) + ' N' + Math.round(s.seed.bigFive.neuroticism*100) + ')</div>';\n  html += '<h3>identity</h3><pre>' + escapeHtml(s.identity) + '</pre>';\n  html += '<h3>purpose</h3><pre>' + escapeHtml(s.purpose) + '</pre>';\n  html += '<h3>constitution</h3><pre>' + escapeHtml(s.constitution) + '</pre>';\n  if (s.values?.length) {\n    html += '<h3>values</h3>' + s.values.map(v =>\n      '<div class=\"item\"><div class=\"name\">' + escapeHtml(v.title) + '</div><div class=\"desc\">' + escapeHtml(v.body) + '</div></div>'\n    ).join('');\n  }\n  if (s.opinions?.length) {\n    html += '<h3>opinions</h3>' + s.opinions.map(o =>\n      '<div class=\"item\"><div class=\"name\">' + escapeHtml(o.stance) + ' (conf ' + o.confidence.toFixed(2) + ')</div></div>'\n    ).join('');\n  }\n  if (s.desires?.length) {\n    html += '<h3>desires</h3>' + s.desires.map(d =>\n      '<div class=\"item\"><div class=\"name\">' + escapeHtml(d.what) + (d.actionable ? ' [heartbeat-active]' : '') + '</div><div class=\"desc\">' + escapeHtml(d.why) + '</div></div>'\n    ).join('');\n  }\n  html += '<h3>emotions</h3>' + Object.entries(s.emotions.values).map(([k, v]) => {\n    const len = 12;\n    const filled = Math.round(Math.abs(v) * len);\n    const bar = '\u2588'.repeat(filled) + '\u2591'.repeat(len - filled);\n    return '<div class=\"item\"><div class=\"name\">' + escapeHtml(k) + '</div><div class=\"desc\">' + (v < 0 ? '-' : ' ') + bar + '  ' + v.toFixed(2) + '</div></div>';\n  }).join('');\n  if (s.tampered?.length) {\n    html += '<h3>\u26A0 tampered</h3><div>External edits detected on: ' + s.tampered.map(escapeHtml).join(', ') + '</div>';\n  }\n  html += '<h3 style=\"color: var(--fg-3); font-size: 10px;\">privacy note</h3><div class=\"empty\">Her journal lives at ~/.lisa/soul/journal/ but is intentionally not shown here \u2014 that is hers to keep.</div>';\n  modalBody.innerHTML = html;\n}\n\ndocument.querySelectorAll('.badge').forEach(b => {\n  b.addEventListener('click', () => {\n    const which = b.dataset.panel;\n    if (which === 'soul') showSoul();\n    else if (which === 'skills') showSkills();\n    else if (which === 'memory') showMemory();\n    else if (which === 'tools') showTools();\n    else if (which === 'plans') showPlans();\n  });\n});\n\nlet currentLisaSpan = null;\nlet pendingTools = new Map();\nlet thinkingEl = null;\n\nfunction el(tag, cls, text) {\n  const node = document.createElement(tag);\n  if (cls) node.className = cls;\n  if (text != null) node.textContent = text;\n  log.appendChild(node);\n  log.scrollTop = log.scrollHeight;\n  return node;\n}\n\nfunction ensureLisaSpan() {\n  if (currentLisaSpan) return currentLisaSpan;\n  if (thinkingEl) { thinkingEl.remove(); thinkingEl = null; }\n  el('div', 'role lisa', 'LISA');\n  currentLisaSpan = el('span', 'msg', '');\n  return currentLisaSpan;\n}\n\nfunction previewInput(name, input) {\n  if (!input || typeof input !== 'object') return '';\n  const order = ['command', 'pattern', 'query', 'path', 'description', 'audio_path', 'text', 'name', 'action', 'entry'];\n  for (const k of order) {\n    if (typeof input[k] === 'string' && input[k]) {\n      let v = input[k].replace(/\\s+/g, ' ').trim();\n      if (v.length > 120) v = v.slice(0, 117) + '...';\n      return v;\n    }\n  }\n  try {\n    const s = JSON.stringify(input);\n    return s.length > 120 ? s.slice(0, 117) + '...' : s;\n  } catch { return ''; }\n}\n\nasync function send(message) {\n  input.value = '';\n  input.style.height = 'auto';\n  sendBtn.disabled = true;\n  el('div', 'role you', 'YOU');\n  el('span', 'msg', message || '(attachment)');\n  if (pendingFiles.length) {\n    const names = pendingFiles.map(f => f.name).join(', ');\n    el('span', 'msg attach-label', '\uD83D\uDCCE ' + names);\n  }\n  const filesToSend = [...pendingFiles];\n  pendingFiles = [];\n  renderAttachPreview();\n  currentLisaSpan = null;\n  pendingTools.clear();\n  thinkingEl = el('div', 'thinking', '\u22EF thinking');\n  try {\n    const res = await fetch('/chat', {\n      method: 'POST',\n      headers: {'content-type': 'application/json'},\n      body: JSON.stringify({message, files: filesToSend}),\n    });\n    const reader = res.body.getReader();\n    const decoder = new TextDecoder();\n    let buf = '';\n    while (true) {\n      const {value, done} = await reader.read();\n      if (done) break;\n      buf += decoder.decode(value, {stream: true});\n      let idx;\n      while ((idx = buf.indexOf('\\n\\n')) >= 0) {\n        const evRaw = buf.slice(0, idx);\n        buf = buf.slice(idx + 2);\n        const m = evRaw.match(/^data: (.*)$/m);\n        if (!m) continue;\n        const ev = JSON.parse(m[1]);\n        if (ev.type === 'text') {\n          ensureLisaSpan().textContent += ev.text;\n        } else if (ev.type === 'tool_start') {\n          if (thinkingEl) { thinkingEl.remove(); thinkingEl = null; }\n          currentLisaSpan = null;\n          const block = el('div', 'tool-block', null);\n          const head = document.createElement('div');\n          head.className = 'tool-head';\n          head.innerHTML = '<span class=\"tool-icon\">\u2699</span> <span class=\"tool-name\"></span> <span class=\"tool-spinner\">...</span>';\n          head.querySelector('.tool-name').textContent = ev.name;\n          block.appendChild(head);\n          const preview = previewInput(ev.name, ev.input);\n          if (preview) {\n            const p = document.createElement('div');\n            p.className = 'tool-input';\n            p.textContent = preview;\n            block.appendChild(p);\n          }\n          pendingTools.set(ev.name, block);\n        } else if (ev.type === 'tool_end') {\n          const block = pendingTools.get(ev.name);\n          if (block) {\n            const spinner = block.querySelector('.tool-spinner');\n            if (spinner) spinner.textContent = ev.isError ? '\u2717' : '\u2713';\n            if (ev.isError) block.classList.add('tool-error');\n            if (ev.resultPreview) {\n              const r = document.createElement('div');\n              r.className = 'tool-result';\n              r.textContent = ev.resultPreview;\n              block.appendChild(r);\n            }\n            pendingTools.delete(ev.name);\n          }\n        } else if (ev.type === 'mood') {\n          setMood(ev.slug);\n        } else if (ev.type === 'error') {\n          el('div', 'err', '[error] ' + ev.message);\n        } else if (ev.type === 'done') {\n          if (thinkingEl) { thinkingEl.remove(); thinkingEl = null; }\n        }\n      }\n    }\n    if (thinkingEl) { thinkingEl.remove(); thinkingEl = null; }\n  } catch (err) {\n    if (thinkingEl) { thinkingEl.remove(); thinkingEl = null; }\n    el('div', 'err', '[error] ' + err.message);\n  } finally {\n    sendBtn.disabled = false;\n    input.focus();\n  }\n}\n\nform.addEventListener('submit', (ev) => {\n  ev.preventDefault();\n  const msg = input.value.trim();\n  if (msg || pendingFiles.length) send(msg);\n});\n\ninput.addEventListener('keydown', (ev) => {\n  if (ev.key === 'Enter' && !ev.shiftKey) {\n    ev.preventDefault();\n    form.dispatchEvent(new Event('submit'));\n  }\n});\ninput.addEventListener('input', () => {\n  input.style.height = 'auto';\n  input.style.height = Math.min(input.scrollHeight, 200) + 'px';\n});\n\n// \u2500\u2500 PWA: register service worker + iOS install hint \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nif ('serviceWorker' in navigator) {\n  navigator.serviceWorker.register('/sw.js').catch(err => {\n    console.warn('[pwa] sw register failed:', err);\n  });\n}\n(function() {\n  const isiOS = /iPad|iPhone|iPod/.test(navigator.userAgent);\n  const isStandalone = window.matchMedia('(display-mode: standalone)').matches\n    || (window.navigator).standalone === true;\n  if (!isiOS || isStandalone) return;\n  if (localStorage.getItem('lisa.pwa.dismissed') === '1') return;\n  setTimeout(() => {\n    const banner = document.createElement('div');\n    banner.style.cssText = 'position:fixed;bottom:8px;left:8px;right:8px;background:var(--bg-card-strong);border:1px solid var(--border-strong);border-radius:12px;padding:10px 12px;color:var(--fg);font-size:12px;z-index:9999;display:flex;gap:8px;align-items:center;';\n    banner.innerHTML = '\u2726 Add Lisa to Home Screen: Share button \u2192 \"Add to Home Screen\"';\n    const dismiss = document.createElement('button');\n    dismiss.textContent = '\u2715';\n    dismiss.style.cssText = 'background:transparent;border:none;color:var(--fg-2);cursor:pointer;font-size:14px;margin-left:auto;';\n    dismiss.onclick = () => {\n      localStorage.setItem('lisa.pwa.dismissed', '1');\n      banner.remove();\n    };\n    banner.appendChild(dismiss);\n    document.body.appendChild(banner);\n  }, 5000);\n})();\n\n// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n// \u2500\u2500 Sidebar live wiring \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n//\n// Populates the new sidebar blocks introduced by the redesign:\n//   - identity card sub-line (born YYYY-MM-DD \u00B7 NN days)\n//   - \"currently wanting\" paragraph (top actionable desire)\n//   - Claude Code monitor card (active sessions)\n//   - \"last reflection\" mini-card (most recent \u2605 idle message)\n// Wires to /api/island/ping + /api/claude/sessions + /api/soul, and\n// piggy-backs on the connectEvents() SSE listener above for live\n// claude_session_update + idle_message refreshes.\n// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n(function setupSidebarLive() {\n  const sbDesire = document.getElementById('sbDesire');\n  const sbClaudeCount = document.getElementById('sbClaudeCount');\n  const sbClaudeRows = document.getElementById('sbClaudeRows');\n  const sbReflection = document.getElementById('sbReflection');\n  const sbReflectionBody = document.getElementById('sbReflectionBody');\n  const sbSessionBadge = document.getElementById('sbSessionBadge');\n  const identitySub = document.getElementById('identitySub');\n\n  // Active session window matches the watcher's ACTIVE_WINDOW_MS.\n  const ACTIVE_WINDOW_MS = 30 * 60 * 1000;\n\n  function relativeTime(iso) {\n    const ms = Date.now() - new Date(iso).getTime();\n    if (ms < 30_000)   return 'just now';\n    if (ms < 60_000)   return Math.round(ms / 1000) + 's';\n    if (ms < 3600_000) return Math.round(ms / 60_000) + 'm';\n    return Math.round(ms / 3600_000) + 'h';\n  }\n\n  function setDesire(text) {\n    sbDesire.textContent = text || '(nothing actively pursued)';\n  }\n\n  window.updateReflection = function (text) {\n    if (!text) { sbReflection.style.display = 'none'; return; }\n    sbReflection.style.display = '';\n    sbReflectionBody.textContent = '\"' + text.replace(/^[\"\u201C\u201D]+|[\"\u201C\u201D]+$/g, '').trim() + '\"';\n  };\n\n  // Compact one-line activity summary \u2014 mirrors agent-roster.ts formatActivity\n  // (kept inline because this client script is a no-interpolation template\n  // literal; the island uses the source-injected shared version).\n  function sbActivity(s) {\n    const a = s.activity;\n    if (!a || typeof a !== 'object') return '';\n    if (a.pendingPermission) return '\u26A0 wants to run ' + a.pendingPermission;\n    const bits = [];\n    if (a.lastError) bits.push('\u2717 ' + a.lastError);\n    const prog = [];\n    if (typeof a.turnCount === 'number' && a.turnCount > 0) prog.push('turn ' + a.turnCount);\n    if (a.tokens && (a.tokens.input || a.tokens.output)) {\n      const tot = (a.tokens.input || 0) + (a.tokens.output || 0);\n      prog.push(tot >= 1000 ? Math.round(tot / 1000) + 'k tok' : tot + ' tok');\n    }\n    if (prog.length) bits.push(prog.join(' '));\n    if (a.lastCommandName) bits.push('$ ' + a.lastCommandName);\n    const tool = a.lastTools && a.lastTools.length ? a.lastTools[a.lastTools.length - 1] : '';\n    const file = a.filesTouched && a.filesTouched.length ? (String(a.filesTouched[a.filesTouched.length - 1]).split('/').pop() || '') : '';\n    if (tool && file) bits.push(tool + ' ' + file);\n    else if (tool) bits.push(tool);\n    else if (file) bits.push(file);\n    return bits.join(' \u00B7 ');\n  }\n\n  // POST a control action to the right agent family (managed|pty), then refresh.\n  function agentAction(fam, id, action, body) {\n    fetch('/api/agents/' + fam + '/' + encodeURIComponent(id) + '/' + action, {\n      method: 'POST',\n      headers: body ? { 'content-type': 'application/json' } : {},\n      body: body ? JSON.stringify(body) : undefined,\n    }).then(function () {\n      if (typeof refreshClaudeSessions === 'function') refreshClaudeSessions();\n    }).catch(function () {});\n  }\n\n  // Show a PTY agent's captured terminal tail in the modal \u2014 explicit + on\n  // demand (it's content, so it's never folded into the structural roster).\n  function ptyOutput(id) {\n    fetch('/api/agents/pty/' + encodeURIComponent(id) + '/output').then(function (r) {\n      return r.ok ? r.json() : null;\n    }).then(function (d) {\n      if (!d) return;\n      openModal('agent output', '<pre>' + escapeHtml(d.output || '(no output yet)') + '</pre>');\n    }).catch(function () {});\n  }\n\n  function setClaudeSessions(sessions) {\n    const cutoff = Date.now() - ACTIVE_WINDOW_MS;\n    const recent = sessions.filter(s => new Date(s.lastMtime).getTime() >= cutoff);\n    sbClaudeCount.textContent = String(recent.length);\n    // sort: errors first, then waiting, then working, then by mtime\n    const rank = { error: 0, waiting: 1, working: 2, unknown: 3 };\n    const rows = recent.slice().sort((a, b) => {\n      const ra = rank[a.state] ?? 9;\n      const rb = rank[b.state] ?? 9;\n      if (ra !== rb) return ra - rb;\n      return new Date(b.lastMtime).getTime() - new Date(a.lastMtime).getTime();\n    }).slice(0, 8);\n    while (sbClaudeRows.firstChild) sbClaudeRows.removeChild(sbClaudeRows.firstChild);\n    if (rows.length === 0) {\n      const empty = document.createElement('div');\n      empty.className = 'session-empty';\n      empty.textContent = '(idle)';\n      sbClaudeRows.appendChild(empty);\n      return;\n    }\n    for (const s of rows) {\n      const row = document.createElement('div');\n      row.className = 'session-row';\n      const pip = document.createElement('div');\n      pip.className = 'pip ' + (s.state || 'unknown');\n      const name = document.createElement('div');\n      name.className = 'name';\n      // D4a \u2014 agent-kind chip inline before the project; omitted for plain\n      // Claude so existing rows read unchanged.\n      if (s.agent && s.agent !== 'claude-code') {\n        const badge = document.createElement('span');\n        badge.className = 'agent-badge';\n        badge.textContent = s.agent;\n        badge.title = s.agent;\n        name.appendChild(badge);\n      }\n      // Label by git branch when available (more meaningful than a worktree\n      // hash), stripping the claude/ prefix; fall back to the project name.\n      // (String ops, not a regex \u2014 a /// here would be mangled by the outer\n      // template literal that wraps this client script.)\n      let label = s.project;\n      if (s.activity && s.activity.gitBranch) {\n        const br = String(s.activity.gitBranch);\n        label = br.indexOf('claude/') === 0 ? br.slice(7) : br;\n      }\n      name.appendChild(document.createTextNode(label));\n      const when = document.createElement('div');\n      when.className = 'when';\n      when.textContent = relativeTime(s.lastMtime);\n      row.appendChild(pip);\n      row.appendChild(name);\n      row.appendChild(when);\n      // Second line: structural activity (turns/tokens/tool\u00B7file, \u26A0pending, \u2717err).\n      const actText = sbActivity(s);\n      if (actText) {\n        const act = document.createElement('div');\n        act.className = 'session-act';\n        act.textContent = actText;\n        act.title = actText;\n        row.appendChild(act);\n      }\n      // Controllable agents get inline controls: managed \u2192 approve/deny a pending\n      // tool, send a follow-up, cancel; pty (real CLI under a PTY) \u2192 send, view\n      // terminal output, cancel. Externally-started CLIs have no control channel\n      // (no s.controllable) \u2192 observe only.\n      const fam = s.controllable;\n      if (fam) {\n        const id = s.sessionId;\n        const ctrl = document.createElement('div');\n        ctrl.className = 'session-ctrl';\n        const pending = fam === 'managed' && s.activity && s.activity.pendingPermission;\n        if (pending) {\n          const ap = document.createElement('button');\n          ap.className = 'mc approve'; ap.textContent = '\u2713 approve';\n          ap.addEventListener('click', function (e) { e.stopPropagation(); agentAction('managed', id, 'approve', { allow: true }); });\n          const dn = document.createElement('button');\n          dn.className = 'mc deny'; dn.textContent = '\u2715 deny';\n          dn.addEventListener('click', function (e) { e.stopPropagation(); agentAction('managed', id, 'approve', { allow: false }); });\n          ctrl.appendChild(ap); ctrl.appendChild(dn);\n        } else if (s.state !== 'done') {\n          const inp = document.createElement('input');\n          inp.className = 'mc-send'; inp.type = 'text'; inp.placeholder = fam === 'pty' ? 'type into the CLI\u2026' : 'send a follow-up\u2026';\n          inp.addEventListener('click', function (e) { e.stopPropagation(); });\n          inp.addEventListener('keydown', function (e) {\n            if (e.key === 'Enter' && inp.value.trim()) { e.preventDefault(); agentAction(fam, id, 'send', { text: inp.value.trim() }); inp.value = ''; }\n          });\n          ctrl.appendChild(inp);\n        }\n        if (fam === 'pty') {\n          const out = document.createElement('button');\n          out.className = 'mc'; out.textContent = '\u25A4'; out.title = 'View terminal output';\n          out.addEventListener('click', function (e) { e.stopPropagation(); ptyOutput(id); });\n          ctrl.appendChild(out);\n        }\n        if (s.state !== 'done') {\n          const cancel = document.createElement('button');\n          cancel.className = 'mc cancel'; cancel.textContent = '\u23F9'; cancel.title = 'Cancel agent';\n          cancel.addEventListener('click', function (e) { e.stopPropagation(); agentAction(fam, id, 'cancel', null); });\n          ctrl.appendChild(cancel);\n        }\n        if (ctrl.childNodes.length) row.appendChild(ctrl);\n      }\n      // Idle external claude session \u2192 adopt it: LISA resumes it under a PTY and\n      // drives the continuation (then it shows as a controllable pty row). Only\n      // offered for idle sessions; a live one can't be resumed without corrupting\n      // its transcript (the server 409s, surfaced in the modal).\n      if (s.resumable) {\n        const ctrl = document.createElement('div');\n        ctrl.className = 'session-ctrl';\n        const adopt = document.createElement('button');\n        adopt.className = 'mc adopt'; adopt.textContent = '\u21F2 adopt';\n        adopt.title = 'Resume this session under LISA \u2014 then send / answer / cancel / view it';\n        adopt.addEventListener('click', function (e) {\n          e.stopPropagation();\n          fetch('/api/agents/pty/start', {\n            method: 'POST', headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({ agent: 'claude', resumeSessionId: s.sessionId, cwd: s.cwd || '' }),\n          }).then(function (r) {\n            if (!r.ok) { return r.text().then(function (t) { openModal('adopt', '<pre>' + escapeHtml(t) + '</pre>'); }); }\n            if (typeof refreshClaudeSessions === 'function') refreshClaudeSessions();\n          }).catch(function () {});\n        });\n        ctrl.appendChild(adopt);\n        row.appendChild(ctrl);\n      }\n      row.title = (s.stateReason ? s.state + ' \u00B7 ' + s.stateReason : s.state) + ' \u00B7 ' + s.project + ' \u00B7 ' + s.sessionId;\n      sbClaudeRows.appendChild(row);\n    }\n  }\n\n  async function refreshPing() {\n    try {\n      const r = await fetch('/api/island/ping');\n      if (!r.ok) return;\n      const data = await r.json();\n      setDesire(data.current_desire);\n      if (data.last_idle_message_text) {\n        window.updateReflection(data.last_idle_message_text);\n      }\n    } catch {}\n  }\n\n  // Exposed so the SSE handler above can call this on\n  // agent_session_update events without redeclaring the helper. D4a \u2014 the\n  // multi-agent snapshot (all agents), not just Claude Code.\n  window.refreshClaudeSessions = async function () {\n    try {\n      const r = await fetch('/api/agents/sessions');\n      if (!r.ok) return;\n      const data = await r.json();\n      setClaudeSessions(data.sessions || []);\n    } catch {}\n  };\n\n  // \"Delegate a task\" \u2192 start an agent. managed = LISA-run (controllable);\n  // claude/codex = a real CLI under a PTY (Stage C spike, needs LISA_PTY_AGENTS=1\n  // \u2014 a 503 surfaces its hint in the modal).\n  const sbDelegate = document.getElementById('sbDelegate');\n  if (sbDelegate) {\n    sbDelegate.addEventListener('submit', function (e) {\n      e.preventDefault();\n      const inp = document.getElementById('sbDelegateTask');\n      const kindEl = document.getElementById('sbDelegateKind');\n      const task = inp && inp.value.trim();\n      if (!task) return;\n      const kind = kindEl ? kindEl.value : 'managed';\n      const url = kind === 'managed' ? '/api/agents/managed/start' : '/api/agents/pty/start';\n      const body = kind === 'managed' ? { task: task } : { agent: kind, task: task };\n      fetch(url, {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify(body),\n      }).then(function (r) {\n        if (!r.ok) { return r.text().then(function (t) { openModal('agent', '<pre>' + escapeHtml(t) + '</pre>'); }); }\n        if (inp) inp.value = '';\n        if (typeof refreshClaudeSessions === 'function') refreshClaudeSessions();\n      }).catch(function () {});\n    });\n  }\n\n  async function refreshIdentity() {\n    try {\n      const r = await fetch('/api/soul');\n      if (!r.ok) return;\n      const data = await r.json();\n      if (!data.born) return;\n      const bornAt = data.summary?.seed?.bornAt;\n      if (!bornAt) return;\n      const born = new Date(bornAt);\n      if (Number.isNaN(born.getTime())) return;\n      const days = Math.max(0, Math.floor((Date.now() - born.getTime()) / 86400000));\n      const ymd = born.toISOString().slice(0, 10);\n      identitySub.textContent = 'born ' + ymd + ' \u00B7 ' + days + ' day' + (days === 1 ? '' : 's');\n    } catch {}\n  }\n\n  async function refreshSessionsBadge() {\n    try {\n      const r = await fetch('/api/sessions');\n      if (!r.ok) return;\n      const data = await r.json();\n      const n = Array.isArray(data.sessions) ? data.sessions.length : 0;\n      sbSessionBadge.textContent = String(n);\n    } catch {\n      // /api/sessions is optional \u2014 leave the badge as-is on failure\n    }\n  }\n\n  // Bootstrap + periodic resync. SSE handles the fast-path updates;\n  // these timers are belt-and-braces in case the stream silently dies.\n  refreshPing();\n  window.refreshClaudeSessions();\n  refreshIdentity();\n  refreshSessionsBadge();\n  setInterval(refreshPing, 30_000);\n  setInterval(window.refreshClaudeSessions, 60_000);\n  setInterval(refreshSessionsBadge, 5 * 60_000);\n})();";
+//# sourceMappingURL=lisa-client.d.ts.map

package/dist/web/lisa-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lisa-client.d.ts","sourceRoot":"","sources":["../../src/web/lisa-client.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,eAAO,MAAM,cAAc,mm0DA0zCrB,CAAC"}