instar 1.3.1584 → 1.3.1586

package/dashboard/console/console.css

@@ -985,11 +985,28 @@ button.run-mark:focus-visible { outline: 2px solid var(--accent); outline-offset
 .sess-term-wrap { position: relative; flex: 1; min-height: 320px; display: flex; }
 .sess-term { flex: 1; min-width: 0; min-height: 320px; height: 52dvh; background: #0a0e17; border: 1px solid var(--hairline); border-radius: var(--r-md); padding: 6px; overflow: hidden; }
 .sess-term.plain { overflow: auto; }
+.sess-tabs { display: flex; gap: var(--s-2); }
+.sess-tab[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); background: var(--accent-wash); }
+.sess-history { flex: 1; min-width: 0; min-height: 320px; height: 52dvh; overflow-y: auto; padding: var(--s-3); background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-md); display: flex; flex-direction: column; gap: var(--s-3); }
+.sess-history[hidden], .sess-term[hidden] { display: none; }
+.sess-history-note { margin: 0; text-align: center; font-size: 13px; color: var(--text-muted); }
+.sess-h { max-width: 92%; }
+.sess-h-user { align-self: flex-end; background: var(--accent-wash); border: 1px solid var(--hairline); border-radius: var(--r-md); padding: var(--s-2) var(--s-3); }
+.sess-h-assistant { align-self: flex-start; }
+.sess-h-who { font-size: 12px; color: var(--text-faint); margin-bottom: 2px; }
+.sess-h-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14.5px; line-height: 1.5; color: var(--text); }
+.sess-h-tool { margin: 0; font-family: var(--font-mono); font-size: 12px; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
 .sess-pre { margin: 0; font-family: var(--font-mono); font-size: 12px; line-height: 1.4; color: #d6dbe4; white-space: pre-wrap; overflow-wrap: anywhere; }
 .sess-resume { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 2; }
 .sess-composer { display: flex; gap: var(--s-2); align-items: flex-end; position: sticky; bottom: 0; padding: var(--s-2) 0; background: var(--bg); }
 .sess-input { flex: 1; min-height: 44px; font-size: 16px; resize: none; }
 .sess-composer-btns { display: flex; gap: var(--s-2); }
+.sess-attach { min-width: 44px; min-height: 44px; padding: 0 10px; font-size: 18px; }
+.sess-attach:disabled { opacity: .45; cursor: not-allowed; }
+.sess-attachments { display: flex; flex-wrap: wrap; gap: var(--s-2); }
+.sess-file { gap: 8px; max-width: 100%; overflow: hidden; }
+.sess-file span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
+.sess-composer.dropping { outline: 2px dashed var(--accent); outline-offset: 4px; border-radius: var(--r-md); }
 .keys-tray { display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-3); border: 1px solid var(--hairline); border-radius: var(--r-md); }
 .keys-row { display: flex; flex-wrap: wrap; gap: var(--s-2); }
 .key-chip { min-width: 44px; min-height: 44px; justify-content: center; font-family: var(--font-mono); }

package/dashboard/console/sessions-model.js

@@ -102,7 +102,52 @@ function nicknameOf(pool, machineId) {
  * The whole list. sessionsRes is the GET /sessions?scope=pool read; ws is the live
  * socket's list for this machine (null when the socket has not sent one).
  */
-export function buildSessions(sessionsRes, { ws = null, now = Date.now(), topicNames = {} } = {}) {
+/** The message a session receives for attached files: the operator's text, then one
+ *  line per file naming where it was saved, so the session can open it. */
+export function attachmentMessage(text, paths) {
+  const lines = paths.map((p) => `[Attached file from the dashboard: ${p} (read it to see what I sent)]`);
+  return [String(text || '').trim(), ...lines].filter(Boolean).join('\n');
+}
+
+/** `triggeredBy` on a session the operator created from the dashboard's New session box. */
+export const OPERATOR_CREATED = 'dashboard-operator';
+
+/** Internal = machinery the operator did not start: scheduled jobs, and helper sessions
+ *  the agent spawned for itself (no chat attached, not created from the dashboard). A
+ *  conversation (Telegram, Slack, ...) is never internal. Hidden by default, one toggle away. */
+export function isInternalSession(s) {
+  if (!s) return false;
+  if (s.jobSlug || s.type === 'job') return true;
+  return (s.platform || 'headless') === 'headless' && s.triggeredBy !== OPERATOR_CREATED;
+}
+
+/** The History read for a session: its conversation record, a page at a time. A session
+ *  on another machine is read through this machine, which asks the owner. */
+export const HISTORY_PAGE = 150;
+export function historyUrl(s, before = null) {
+  const q = new URLSearchParams({ limit: String(HISTORY_PAGE) });
+  if (before != null) q.set('before', String(before));
+  if (s.remote && s.machineId) q.set('machineId', s.machineId);
+  return `/sessions/${encodeURIComponent(s.tmuxSession)}/transcript?${q}`;
+}
+
+/** Words for a failed History read: never "no history" when the read failed. */
+export function historyErrorWords(res) {
+  const d = (res && res.data) || {};
+  if (d.reason === 'no-transcript') return 'This session has no conversation record yet.';
+  if (d.reason === 'peer-unreachable' || d.reason === 'peer-unknown') return `Can’t tell: ${d.error || 'the session’s machine did not answer'}.`;
+  const why = d.error || (res && res.reason) || (res && res.status ? `the server answered ${res.status}` : 'the server could not be reached');
+  return `Can’t tell: ${String(why).replace(/\.$/, '')}.`;
+}
+
+/** A user line from a chat bridge carries a routing prefix; show only what was said. */
+export function historyText(e) {
+  let t = String((e && e.text) || '');
+  if (e && e.role === 'user') t = t.replace(/^\[(telegram|slack|whatsapp):[^\]]*\]\s*/, '');
+  return t;
+}
+
+export function buildSessions(sessionsRes, { ws = null, now = Date.now(), topicNames = {}, showInternal = false } = {}) {
   if (!sessionsRes || !sessionsRes.ok) return { ok: false, reason: `Couldn’t list sessions: ${(sessionsRes && sessionsRes.reason) || 'no answer'}.` };
   const data = sessionsRes.data || {};
   if (!Array.isArray(data.sessions)) return { ok: false, reason: 'The session list answered without sessions.' };
@@ -114,7 +159,7 @@ export function buildSessions(sessionsRes, { ws = null, now = Date.now(), topicN
   const duplicateConversations = new Set((Array.isArray(pool.duplicateTopics) ? pool.duplicateTopics : [])
     .filter((d) => typeof d.platform === 'string' && d.platformId != null)
     .map((d) => `${d.platform}:${String(d.platformId)}`));
-  const rows = [...local.map((s) => ({ ...s, machineNickname: s.machineNickname || selfName })), ...remote].map((s) => {
+  const allRows = [...local.map((s) => ({ ...s, machineNickname: s.machineNickname || selfName })), ...remote].map((s) => {
     const a = activity(s, now);
     const duplicate = s.duplicateTopic === true || (typeof s.platform === 'string' && s.platformId != null
       && duplicateConversations.has(`${s.platform}:${String(s.platformId)}`));
@@ -123,15 +168,18 @@ export function buildSessions(sessionsRes, { ws = null, now = Date.now(), topicN
     const running = Number.isFinite(started) ? spanWords(now - started) : null;
     const sub = [machine, running && running !== 'now' ? running : running ? 'just started' : null, duplicate ? 'running on two machines at once' : a.state === 'no-reading' ? null : a.words].filter(Boolean).join(' · ');
     return {
-      key: sessionKey(s), title: sessionTitle(s, topicNames), sub, end: a.end, activity: a.state, duplicate,
+      key: sessionKey(s), title: sessionTitle(s, topicNames), sub, end: a.end, activity: a.state, duplicate, internal: isInternalSession(s),
       tone: duplicate ? 'bad' : a.state === 'quiet' ? 'attn' : a.state === 'no-reading' ? 'unknown' : null,
       machine, remote: s.remote === true, model: modelWords(s.model),
-      session: { tmuxSession: s.tmuxSession, id: s.id, name: s.name, machineId: s.machineId || null, machineNickname: machine, remote: s.remote === true, protected: s.protected, platform: s.platform || 'headless', platformId: s.platformId ?? null, model: s.model || null, type: s.type || (s.jobSlug ? 'job' : 'interactive'), telemetry: s.telemetry || null, startedAt: s.startedAt || null, status: s.status },
+      session: { tmuxSession: s.tmuxSession, id: s.id, name: s.name, machineId: s.machineId || null, machineNickname: machine, remote: s.remote === true, protected: s.protected, platform: s.platform || 'headless', platformId: s.platformId ?? null, model: s.model || null, type: s.type || (s.jobSlug ? 'job' : 'interactive'), internal: isInternalSession(s), telemetry: s.telemetry || null, startedAt: s.startedAt || null, status: s.status },
     };
   });
   // Most recently active first inside each group.
   const lastOf = (r) => Date.parse(r.session.telemetry && r.session.telemetry.lastActivity) || Date.parse(r.session.startedAt) || 0;
-  rows.sort((x, y) => lastOf(y) - lastOf(x));
+  allRows.sort((x, y) => lastOf(y) - lastOf(x));
+  const hiddenInternal = showInternal ? 0 : allRows.filter((r) => r.internal).length;
+  const internalCount = allRows.filter((r) => r.internal).length;
+  const rows = showInternal ? allRows : allRows.filter((r) => !r.internal);
   const needsLook = rows.filter((r) => r.duplicate || r.activity === 'quiet');
   const working = rows.filter((r) => !needsLook.includes(r));
   const failedIds = new Set((Array.isArray(pool.failed) ? pool.failed : []).map((f) => f.machineId));
@@ -148,7 +196,7 @@ export function buildSessions(sessionsRes, { ws = null, now = Date.now(), topicN
   })) : [];
   const machineCount = multi ? machines.length : 1;
   return {
-    ok: true, rows, needsLook, working, idleMachines, unanswered, multi, selfName,
+    ok: true, rows, allRows, hiddenInternal, internalCount, showInternal, needsLook, working, idleMachines, unanswered, multi, selfName,
     selfMachineId: pool.selfMachineId || null,
     counts: { running: rows.length, quiet: rows.filter((r) => r.activity === 'quiet').length, duplicate: rows.filter((r) => r.duplicate).length, machines: machineCount, answering: machineCount - unanswered.length },
   };

package/dashboard/console/sessions.js

@@ -11,7 +11,7 @@ import {
   buildSessions, sessionsHeadline, sessionsFacts, partialWords, titleLine, closeRequest, closeConfirmWords,
   closeResultWords, doorChoices, modelChoices, doorModelWords, regimeWords, machineChoices, PLATFORMS,
   platformAllowsDoor, createBody, createResultWords, defaultWords, profileSourceWords, switchLanded,
-  canSwitchDoor, KEYS, STOP_KEY, frame, nextHistoryBatch, streamErrorWords, composerRows, modelWords, HISTORY_FIRST,
+  canSwitchDoor, attachmentMessage, historyUrl, historyErrorWords, historyText, KEYS, STOP_KEY, frame, nextHistoryBatch, streamErrorWords, composerRows, modelWords, HISTORY_FIRST,
 } from './sessions-model.js';
 import { el, setKids, pageHead, sheet, closeSheet, story, details, note, cantTell } from './ui.js';
 import { legacyHref } from './nav-model.js';
@@ -22,6 +22,20 @@ const XTERM_CSS = 'https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.min
 const FIT_JS = 'https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0.10.0/lib/addon-fit.min.js';
 const POOL_TIMEOUT_MS = 8000;
 
+const ATTACH_MAX_BYTES = 8 * 1024 * 1024;
+function toBase64(file) {
+  return new Promise((resolve, reject) => {
+    const r = new FileReader();
+    r.onload = () => resolve(String(r.result).replace(/^data:[^,]*,/, ''));
+    r.onerror = () => reject(r.error);
+    r.readAsDataURL(file);
+  });
+}
+
+const SHOW_INTERNAL_KEY = 'instar_console_show_internal';
+function showInternal() { try { return localStorage.getItem(SHOW_INTERNAL_KEY) === '1'; } catch { return false; } }
+function setShowInternal(on) { try { localStorage.setItem(SHOW_INTERNAL_KEY, on ? '1' : '0'); } catch { /* per-viewer convenience only */ } }
+
 function bearer() { try { return localStorage.getItem('instar_token') || ''; } catch { return ''; } }
 
 /** A write that keeps the status and the server's body. */
@@ -69,7 +83,7 @@ const onPage = () => Boolean(st.main && st.main.isConnected && st.main.querySele
 function currentModel() {
   const src = st.poolData || (st.lastFailReason ? { ok: false, reason: st.lastFailReason } : null);
   if (!src) return null;
-  return buildSessions(src, { ws: st.wsUp ? st.wsList : null, now: Date.now(), topicNames: st.topicNames || {} });
+  return buildSessions(src, { ws: st.wsUp ? st.wsList : null, now: Date.now(), topicNames: st.topicNames || {}, showInternal: showInternal() });
 }
 
 function paint() {
@@ -83,7 +97,7 @@ function paint() {
   paintList(page.querySelector('.sess-list'), m, key);
   const v = page.querySelector('.sess-view');
   if (!key) { if (st.view) leaveView(); setKids(v, el('p', { class: 'empty-line sess-pick', text: 'Pick a session to watch it and type to it.' })); return; }
-  const row = m.ok ? m.rows.find((r) => r.key === key) : null;
+  const row = m.ok ? m.allRows.find((r) => r.key === key) : null;
   if (st.view && st.view.key === key) { if (row) updateViewTitle(row); else markEnded(); return; }
   if (st.view) leaveView();
   if (!row) {
@@ -118,7 +132,13 @@ function paintList(box, m, openKey) {
         m.idleMachines.map((i) => el('p', { class: `machine-line${i.ok ? '' : ' dashed'}`, text: `${i.name}: ${i.words}` }))));
     }
   }
-  parts.push(el('p', { class: 'foot-note' }, el('a', { href: legacyHref('dropzone'), text: 'Paste long text to a session' }), document.createTextNode(' · '), el('a', { href: legacyHref('sessions'), text: 'Open sessions in the legacy dashboard' })));
+  if (m.ok && m.internalCount) {
+    const on = m.showInternal;
+    parts.push(el('button', { class: 'link-btn sess-internal-toggle', type: 'button', 'aria-pressed': on ? 'true' : 'false',
+      text: on ? `Hide ${m.internalCount} internal session${m.internalCount === 1 ? '' : 's'} (jobs and helpers)` : `Show ${m.internalCount} internal session${m.internalCount === 1 ? '' : 's'} (jobs and helpers)`,
+      onclick: () => { setShowInternal(!on); paint(); } }));
+  }
+  parts.push(el('p', { class: 'foot-note' }, el('a', { href: legacyHref('sessions'), text: 'Open sessions in the legacy dashboard' })));
   setKids(box, parts);
   if (focused) {
     const esc = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(focused) : focused.replace(/["\\]/g, '\\$&');
@@ -222,8 +242,37 @@ function openView(box, row) {
   const input = el('textarea', { class: 'reason-input sess-input', rows: '1', placeholder: 'Type a message…', 'aria-label': 'Message to the session' });
   const sendBtn = el('button', { class: 'btn-primary btn-inline', type: 'button', text: 'Send', 'data-send': '1' });
   const keysBtn = el('button', { class: 'btn-quiet', type: 'button', text: 'Keys', 'aria-expanded': 'false', 'data-keys': '1' });
+  // Attach: a screenshot or file, picked, pasted or dropped. Saved on this machine, so a
+  // session on another machine says so instead of offering it.
+  const filePick = el('input', { type: 'file', multiple: true, hidden: true, 'data-file': '1' });
+  const attachBtn = el('button', { class: 'btn-quiet sess-attach', type: 'button', 'aria-label': 'Attach a screenshot or file', text: '📎', 'data-attach': '1',
+    title: s.remote ? `Attaching works for sessions on this machine; open ${s.machineNickname}’s own console to attach there.` : 'Attach a screenshot or file' });
+  if (s.remote) attachBtn.disabled = true;
+  const chips = el('div', { class: 'sess-attachments', hidden: true });
+  const files = [];
+  const paintChips = () => {
+    chips.hidden = !files.length;
+    setKids(chips, files.map((f, i) => el('span', { class: 'chip sess-file' }, el('span', { text: f.name }),
+      el('button', { class: 'link-btn', type: 'button', 'aria-label': `Remove ${f.name}`, text: '✕', onclick: () => { files.splice(i, 1); paintChips(); } }))));
+  };
+  const addFiles = (list) => {
+    if (s.remote) { setStatus(`Attaching works for sessions on this machine; open ${s.machineNickname}’s own console to attach there.`); return; }
+    for (const f of list) {
+      if (f.size > ATTACH_MAX_BYTES) { setStatus(`${f.name} is too big to attach (up to 8 MB).`); continue; }
+      files.push({ name: f.name || `pasted-${Date.now()}.png`, file: f });
+    }
+    paintChips();
+  };
+  attachBtn.addEventListener('click', () => filePick.click());
+  filePick.addEventListener('change', () => { addFiles([...filePick.files]); filePick.value = ''; });
   const tray = el('div', { class: 'keys-tray', hidden: true });
-  const view = { key: row.key, s, titleSub, statusLine, termBox, resume, following: true, pending: null, loaded: HISTORY_FIRST, exhausted: false, loading: false, term: null, fit: null, pre: null };
+  // Live (the terminal) or History (the conversation record, which goes back to the start:
+  // a full-screen session keeps no terminal scrollback).
+  const historyBox = el('div', { class: 'sess-history', hidden: true, 'aria-label': 'Conversation history' });
+  const liveTab = el('button', { class: 'chip sess-tab', type: 'button', text: 'Live', 'aria-pressed': 'true', 'data-tab': 'live' });
+  const historyTab = el('button', { class: 'chip sess-tab', type: 'button', text: 'History', 'aria-pressed': 'false', 'data-tab': 'history' });
+  const tabs = el('div', { class: 'sess-tabs', role: 'group', 'aria-label': 'View' }, liveTab, historyTab);
+  const view = { key: row.key, s, titleSub, statusLine, termBox, historyBox, history: null, resume, following: true, pending: null, loaded: HISTORY_FIRST, exhausted: false, loading: false, term: null, fit: null, pre: null };
   st.view = view;
 
   // Keys: the ordinary ones, then Stop separated, red, and asked once.
@@ -239,26 +288,60 @@ function openView(box, row) {
   tray.append(keyRow, stopBox);
   keysBtn.addEventListener('click', () => { tray.hidden = !tray.hidden; keysBtn.setAttribute('aria-expanded', tray.hidden ? 'false' : 'true'); });
 
-  const sendText = () => {
-    const text = input.value;
-    if (!text.trim()) return;
+  const sendText = async () => {
+    let text = input.value;
+    if (!text.trim() && !files.length) return;
+    if (!st.wsUp) { setStatus('Not sent: live updates are paused. Your text is still here.'); return; }
+    if (files.length) {
+      sendBtn.disabled = true; setStatus(`Attaching ${files.length === 1 ? files[0].name : `${files.length} files`}…`);
+      const paths = [];
+      for (const f of files) {
+        const r = await send('POST', `/sessions/${encodeURIComponent(view.s.tmuxSession)}/attachments`, { filename: f.name, dataBase64: await toBase64(f.file) });
+        if (!r.ok || !r.data.path) { sendBtn.disabled = false; setStatus(`Not sent: ${f.name} could not be attached (${r.data.error || `status ${r.status}`}). Your message is still here.`); return; }
+        paths.push(r.data.path);
+      }
+      sendBtn.disabled = false; setStatus('');
+      text = attachmentMessage(text, paths);
+    }
     if (!wsSend(frame('input', view.s, { text }))) { setStatus('Not sent: live updates are paused. Your text is still here.'); return; }
+    files.length = 0; paintChips();
     input.value = ''; input.rows = 1; input.focus();
   };
+  input.addEventListener('paste', (e) => {
+    const pasted = [...((e.clipboardData && e.clipboardData.files) || [])];
+    if (pasted.length) { e.preventDefault(); addFiles(pasted); }
+  });
+  const composer = el('div', { class: 'sess-composer' }, attachBtn, filePick, input, el('div', { class: 'sess-composer-btns' }, keysBtn, sendBtn));
+  for (const t of [composer, termBox]) {
+    t.addEventListener('dragover', (e) => { if (e.dataTransfer && [...e.dataTransfer.types].includes('Files')) { e.preventDefault(); composer.classList.add('dropping'); } });
+    t.addEventListener('dragleave', () => composer.classList.remove('dropping'));
+    t.addEventListener('drop', (e) => { if (!e.dataTransfer || !e.dataTransfer.files.length) return; e.preventDefault(); composer.classList.remove('dropping'); addFiles([...e.dataTransfer.files]); });
+  }
   sendBtn.addEventListener('click', sendText);
   input.addEventListener('input', () => { input.rows = composerRows(input.value); });
   input.addEventListener('keydown', (e) => { if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) { e.preventDefault(); sendText(); } });
   more.addEventListener('click', () => moreSheet(view));
   resume.addEventListener('click', () => backToLive());
+  const showTab = (which) => {
+    const hist = which === 'history';
+    liveTab.setAttribute('aria-pressed', hist ? 'false' : 'true'); historyTab.setAttribute('aria-pressed', hist ? 'true' : 'false');
+    termBox.hidden = hist; historyBox.hidden = !hist; if (hist) resume.hidden = true;
+    if (hist && !view.history) openHistory(view);
+    if (!hist && view.fit) requestAnimationFrame(() => { try { view.fit.fit(); } catch { /* not visible yet */ } });
+  };
+  liveTab.addEventListener('click', () => showTab('live'));
+  historyTab.addEventListener('click', () => showTab('history'));
 
   setKids(box, el('div', { class: 'sess-open', 'data-open': row.key },
     el('div', { class: 'sess-bar' },
       el('a', { class: 'chip icon-btn sess-back', href: listHref, 'aria-label': 'All sessions', text: '‹' }),
       el('div', { class: 'sess-titles' }, el('h1', { class: 'sess-title', text: row.title }), titleSub),
       more),
+    tabs,
     statusLine,
-    el('div', { class: 'sess-term-wrap' }, termBox, resume),
-    el('div', { class: 'sess-composer' }, input, el('div', { class: 'sess-composer-btns' }, keysBtn, sendBtn)),
+    el('div', { class: 'sess-term-wrap' }, termBox, historyBox, resume),
+    chips,
+    composer,
     tray));
 
   if (s.remote) setStatus(`Streaming from ${s.machineNickname}…`);
@@ -349,6 +432,50 @@ function sendKey(key) {
   if (!wsSend(frame('key', st.view.s, { key }))) setStatus('Not sent: live updates are paused.');
 }
 
+// ── History: the conversation record, newest at the bottom, older on scroll-up ──
+async function openHistory(view) {
+  view.history = { before: null, done: false, loading: false, count: 0 };
+  view.historyBox.addEventListener('scroll', () => { if (view.historyBox.scrollTop < 200) loadHistory(view); });
+  await loadHistory(view);
+}
+
+async function loadHistory(view) {
+  const h = view.history;
+  if (!h || h.loading || h.done || st.view !== view) return;
+  h.loading = true;
+  const box = view.historyBox;
+  const marker = el('p', { class: 'sess-history-note', text: h.count ? 'Loading earlier messages…' : 'Loading the conversation…' });
+  box.prepend(marker);
+  const res = await send('GET', historyUrl(view.s, h.before));
+  marker.remove();
+  h.loading = false;
+  if (st.view !== view) return;
+  if (!res.ok || !res.data || !Array.isArray(res.data.entries)) {
+    h.done = true;
+    box.prepend(el('p', { class: 'sess-history-note', text: historyErrorWords(res) }));
+    return;
+  }
+  const first = !h.count;
+  const prevHeight = box.scrollHeight, prevTop = box.scrollTop;
+  const frag = document.createDocumentFragment();
+  for (const e of res.data.entries) {
+    const text = historyText(e);
+    if (!text) continue;
+    const when = e.at ? new Date(e.at).toLocaleString([], { month: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit' }) : null;
+    frag.append(e.role === 'tool'
+      ? el('p', { class: 'sess-h sess-h-tool', text: `→ ${text}` })
+      : el('div', { class: `sess-h sess-h-${e.role}` }, el('div', { class: 'sess-h-who', text: [e.role === 'user' ? 'Message in' : 'Session', when].filter(Boolean).join(' · ') }), el('div', { class: 'sess-h-text', text })));
+  }
+  h.count += res.data.entries.length;
+  h.before = res.data.nextBefore;
+  if (h.before == null) { h.done = true; frag.prepend(el('p', { class: 'sess-history-note', text: h.count ? 'The start of this conversation.' : 'Nothing has been said in this session yet.' })); }
+  box.prepend(frag);
+  if (first) box.scrollTop = box.scrollHeight;
+  else box.scrollTop = prevTop + (box.scrollHeight - prevHeight);
+  // A short first page may not fill the box: keep loading until it scrolls.
+  if (!h.done && box.scrollHeight <= box.clientHeight + 200) loadHistory(view);
+}
+
 function leaveView() {
   const v = st.view;
   if (!v) return;
@@ -369,9 +496,6 @@ function moreSheet(view) {
   ])];
   const actions = el('div', { class: 'sheet-actions sess-actions' });
   if (canSwitchDoor(s)) actions.append(el('button', { class: 'btn-primary btn-inline', type: 'button', text: 'Switch door and model', 'data-door': '1', onclick: () => doorSheet(view) }));
-  actions.append(s.remote
-    ? note(`Long text can only be stored for sessions on this machine; type it into the composer instead, or open ${s.machineNickname}’s own console.`)
-    : el('a', { class: 'btn-quiet', href: legacyHref('dropzone'), text: 'Paste long text' }));
   blocks.push(actions, closeBlock(view));
   const t = s.telemetry || {};
   blocks.push(details({

package/dist/commands/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/commands/server.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/commands/server.ts"],"names":[],"mappings":"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"}

package/dist/commands/server.js

@@ -26536,11 +26536,29 @@ export async function startServer(options) {
                             }
                             throw new Error(`deliverMessage rejected: ${res.status} ${res.reason ?? ''}`);
                         },
-                        spawnOnMachine: async (machineId, msg) => {
+                        // The placement hop is a deliverMessage at the epoch the CAS just
+                        // landed, read exactly like a forward. It used to send epoch 0 and
+                        // discard the reply: a receiver holding an older record for the
+                        // topic NACKed it stale and the router still logged 'spawned'.
+                        spawnOnMachine: async (machineId, msg, ownershipEpoch) => {
                             const url = peerUrl(machineId);
                             if (!url)
                                 throw new Error(`no peer url for ${machineId}`);
-                            await meshClient.send({ machineId, url }, { type: 'deliverMessage', session: msg.sessionKey, messageId: msg.messageId, payload: msg.payload, ownershipEpoch: 0 }, 0);
+                            const res = await meshClient.send({ machineId, url }, { type: 'deliverMessage', session: msg.sessionKey, messageId: msg.messageId, payload: msg.payload, ownershipEpoch, ...(msg.senderEnvelope ? { senderEnvelope: msg.senderEnvelope } : {}) }, ownershipEpoch);
+                            if (res.ok && res.result && typeof res.result === 'object' && 'accepted' in res.result) {
+                                return res.result;
+                            }
+                            throw new Error(`spawn deliverMessage rejected: ${res.status} ${res.reason ?? ''}`);
+                        },
+                        // Take back a placement whose spawn never landed (see SessionRouter):
+                        // only the still-placing record this router put on `placedOn`.
+                        reclaimPlacement: (sk, placedOn) => {
+                            const cur = ownReg.read(sk);
+                            if (!cur || cur.status !== 'placing' || cur.ownerMachineId !== placedOn)
+                                return false;
+                            const r = ownReg.cas({ type: 'force-claim', machineId: meshSelfId }, { sessionKey: sk, sender: meshSelfId, nonce: `${meshSelfId}:rc:${++routerNonce}` });
+                            emitPlacement(sk, r, 'failover', placedOn);
+                            return r.ok;
                         },
                         handleLocally: async () => { },
                         // Durable Inbound Message Queue §2.2: tri-state custody taking.