@gotcos/glasses-server 6.99.25 → 6.99.33

package/server/web-control/panes/today-actions.js

@@ -8,6 +8,12 @@
      status line and its last reply. Open session stays a link to the full reader.
    - Running: a peek at what the session is doing now, read with the reader's own activity reducer (applyFeed) from the
      same live stream, and a short note box. Open session goes to the reader.
+   - A waiting session (6.99.26): its question cards when this page holds the question; when the Mac's own prompt has
+     it, that prompt read-only with Miles's words for it, and no reply box (a reply never answers a prompt); a reply box
+     only where a reply is the answer (Codex and Cursor).
+   - The pet (6.99.26, Miles 11/07: "Open what matters"): one session in play opens its sheet straight away (app.js
+     petTap); several open the short list here, waiting on you first, then running, then done today, each row opening
+     its own sheet.
    What a reply or a note shares with the Sessions reader, and what is this file's own copy:
    - Shared (app.js, through COSWeb.sessionKit): the attach, turn and queue path itself (continueSession and parkTurn,
      run with this overlay as their view), the per-browser binding store, one key per draft, the attachability probe
@@ -22,6 +28,12 @@
    Close with the X, a tap outside, Escape, or Back (the overlay holds one history entry of its own). Focus moves in and
    comes back to the row. The page behind is inert and does not scroll.
 
+   Files with a reply or a note (11/07, Miles: "Sometimes I need to pass context via a screenshot, photo or file"): the
+   COS chat's own clip, chips, limits and upload (W.cosChat.attach), shown only where the Mac says a session turn takes
+   files (threadTurnAttachments). The ids go with the words through the same send path; the server writes where each
+   file is on the Mac under the words (lib/session-turn-attachments.ts). Send waits for every upload, and a failed one has
+   to be retried or removed first. The files are part of the draft's key, so other files are another message.
+
    Also the summary COS gets when Miles asks from Today (summary(): app.js askCos passes it as the Ask's reference).
    Loaded on the first tap or once the page is idle (app.js ensurePane, #lazy-panes). */
 (function () {
@@ -61,9 +73,11 @@
   var CREATE_LABEL = 'Create task', DISMISS_LABEL = 'Dismiss';
 
   var O = {
-    open: null,            // { kind: 'need' | 'run' | 'meeting' | 'intake', key, all }
+    open: null,            // { kind: 'need' | 'run' | 'wait' | 'pet' | 'meeting' | 'intake', key, all }
     opener: null, openerSel: '',
-    pushed: false, ignorePops: 0,
+    pushed: false, ignorePops: 0, pops: [],   // pops: our own Back steps still to arrive (quietBack)
+    depth: 1,              // history entries the overlay holds: 2 while a session opened from the pet's list shows
+    back: null,            // { scroll } the pet's list that session came from, for Back to sessions
     dirty: false,          // something was decided or sent: Today reloads on close
     // From today's meetings
     busy: '',              // the one suggestion being decided (Control: one at a time)
@@ -75,7 +89,7 @@
     r: null,               // the session object the reader's send path takes (sessionKit.session)
     row: null,             // the session's row in the session list
     item: null,            // the Needs you item
-    stream: null, clock: null, watch: null, qMount: null, cautionAsk: false, note: { text: '', kind: '' },
+    stream: null, clock: null, watch: null, qMount: null, qCount: 0, macCount: 0, cautionAsk: false, note: { text: '', kind: '' },
     last: null,            // { text, at } the session's last reply
     lastState: 'idle',     // idle | loading | ready | error | none
     needGone: false
@@ -95,6 +109,8 @@
     var all = W.readStore(DRAFTS), k = draftKey(r), now = Date.now(), prev = all[k] || {};
     Object.keys(all).forEach(function (x) { if (!all[x] || now - (Number(all[x].at) || 0) >= DRAFT_DAYS * 86400000) delete all[x]; });
     var u = unsettled === undefined ? prev.unsettled || null : unsettled ? { text: unsettled.text, key: unsettled.key } : null;
+    // A send with files that never settled keeps their ids, so after a reload it goes again exactly as it was.
+    if (u && unsettled && unsettled.ids && unsettled.ids.length) u.ids = unsettled.ids.slice();
     var t = String(text || '');
     if (!t.trim() && !u) delete all[k]; else all[k] = { text: t, unsettled: u, at: now };
     W.writeStore(DRAFTS, all);
@@ -115,7 +131,8 @@
     layer.innerHTML = '<div class="ta-scrim" data-ta="close" aria-hidden="true"></div>' +
       '<section class="ta-sheet" id="ta-sheet" role="dialog" aria-modal="true" aria-labelledby="ta-title" tabindex="-1">' +
         '<div class="ta-grip" aria-hidden="true"></div>' +
-        '<header class="ta-head"><h2 class="ta-title" id="ta-title"></h2>' +
+        '<header class="ta-head" id="ta-head"><div class="ta-head-main"><button type="button" class="link-btn ta-back" id="ta-back" data-ta="back" hidden>Back to sessions</button>' +
+          '<h2 class="ta-title" id="ta-title"></h2></div>' +
           '<button type="button" class="ta-x" data-ta="close" aria-label="Close">' + X_ICON + '</button></header>' +
         '<div class="ta-body" id="ta-body"></div>' +
         '<div class="ta-foot" id="ta-foot"></div>' +
@@ -127,21 +144,164 @@
     layer.addEventListener('click', onClick);
     layer.addEventListener('submit', onSubmit);
     layer.addEventListener('focusin', onFocusIn);
+    // Focus leaving a field (the keyboard's Hide key, a tap outside) refits on the next frame, once it has moved.
+    layer.addEventListener('focusout', function () { fit(); });
     layer.addEventListener('input', function (e) {
       if (e.target && e.target.id === 'ta-input' && O.r) keepDraft(O.r, e.target.value, O.r.draft && O.r.draft.text === e.target.value.trim() ? O.r.draft : undefined);
     });
+    // Files: the clip, a pasted screenshot in the box, and files dropped on the reply box.
+    layer.addEventListener('change', function (e) {
+      if (e.target && e.target.hasAttribute && e.target.hasAttribute('data-ta-file')) { addFiles(e.target.files); e.target.value = ''; }
+    });
+    layer.addEventListener('paste', function (e) {
+      if (!e.target || e.target.id !== 'ta-input' || !filesOn()) return;
+      var files = KIT().pasted(e);
+      if (files) { e.preventDefault(); addFiles(files); }
+    });
+    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(function (type) {
+      layer.addEventListener(type, function (e) {
+        var form = $('ta-form');
+        if (!form || !filesOn() || !e.target || !e.target.closest || !e.target.closest('#ta-form')) return;
+        var files = KIT().dragged(e, form);
+        if (files) addFiles(files);
+      });
+    });
     // A drag on the dimmed page never scrolls what is behind it.
-    layer.addEventListener('touchmove', function (e) { if (e.target && e.target.classList && e.target.classList.contains('ta-scrim')) e.preventDefault(); }, { passive: false });
+    // The bleed below the bottom edge is the layer's own ::before (today-actions.css): a drag there is the layer's.
+    layer.addEventListener('touchmove', function (e) { if (e.target && (e.target === layer || (e.target.classList && e.target.classList.contains('ta-scrim')))) e.preventDefault(); }, { passive: false });
     return layer;
   }
-  // The layer follows the visible viewport, so the on-screen keyboard never covers the reply box or Send.
+  // 6.99.30 (Miles's Duo, in Comet as well as Safari): the layer is ALWAYS the visible part of the page, read the one
+  // way Control Web reads it (app.js COSWeb.viewportFit): top and height from visualViewport, 100dvh where there is
+  // none. Nothing assumes a browser: whatever covers the bottom (an on-screen keyboard, a hardware keyboard's strip,
+  // Comet's or any browser's bottom bar) is what the browser reports, and the reply box, Send and a question card's
+  // Submit stay above it. Only the backdrop and the sheet's own colour reach on down to the physical bottom
+  // (--ta-below plus the bleed, today-actions.css), so no band of Today shows under a bar that lets the page through.
+  // (6.99.29 made the closed-keyboard layer the whole layout viewport to cover IMG_0503's 106 px band; that band may be
+  // Comet's bottom bar, real covered space, and the composer must not sit under it.)
+  // The layout on top of that box:
+  //   ta-kb        an on-screen keyboard: what covers the bottom is KB_MIN_PX or more. The header folds to one
+  //                compact row, the sheet fills the box, the reply box stays pinned at its bottom, and the
+  //                conversation takes what is left. Under about three lines left, ta-kb-tight also hides the
+  //                "Working right now" note until the keyboard closes (or the screen turns).
+  //   ta-kb-strip  a field in the sheet has focus and something under KB_MIN_PX covers the bottom (a hardware
+  //                keyboard's 55 to 70 px strip): the header stays as it is; the strip covers the home indicator,
+  //                so the reply box drops that inset.
+  // KB_MIN_PX applies whether or not a field has focus: a bottom bar under it (Comet's folded bar measured about 110 px)
+  // never folds the header, one of 120 px or more does. A strip counts from KB_STRIP_MIN_PX, so desktop zoom or a
+  // scrollbar (1 to 17 px of rounding, QA 6.99.30) never reads as a keyboard strip. Read on visualViewport resize and scroll while the overlay is open, and on window resize and
+  // orientationchange, pageshow, the page coming back into view, and focus moving in the sheet: at most once a frame.
+  var KB_MIN_PX = 120;
+  var KB_STRIP_MIN_PX = 24;
+  var BODY_MIN_PX = 72;          // about three lines of the conversation (15 px text at 1.5)
+  var KB = { on: false, strip: false, tight: false, frame: 0, listening: false, width: 0, inset: 0 };
+  function tall(el) { return (el && el.offsetHeight) || 0; }
+  // What the conversation gets once the compact header and the reply box have theirs.
+  function bodyRoom(height) {
+    var sheet = $('ta-sheet'), grip = sheet && sheet.querySelector ? sheet.querySelector('.ta-grip') : null;
+    return height - tall($('ta-head')) - tall($('ta-foot')) - tall(grip);
+  }
+  // A field that types (the reply box, a question card's Other) has focus inside the sheet.
+  function typing() {
+    var a = document.activeElement;
+    if (!a || !layer || a === layer || !layer.contains || !layer.contains(a)) return false;
+    var tag = String(a.tagName || '').toUpperCase();
+    if (tag === 'TEXTAREA' || tag === 'SELECT') return true;
+    if (tag === 'INPUT') return !/^(checkbox|radio|button|submit|reset|range|color|file|image|hidden)$/i.test(String(a.type || 'text'));
+    return !!a.isContentEditable;
+  }
+  function viewport() { return W.viewportFit ? W.viewportFit() : null; }
+  function crumb(what, v, focus) {
+    if (!W.layoutCrumb || !O.open || !v) return;
+    W.layoutCrumb(what, { kind: O.open.kind, kb: KB.on, strip: KB.strip, tight: KB.tight, focus: !!focus, inset: v.inset, below: v.below,
+      lh: v.layoutH, top: v.top, h: v.height, zoomed: v.zoomed, wide: !phone() });
+  }
+  function applyFit() {
+    KB.frame = 0;
+    if (!layer || !O.open) return null;
+    var v = viewport();
+    if (!v) return null;
+    layer.style.setProperty('--ta-vh', v.height + 'px');
+    layer.style.setProperty('--ta-vt', v.top + 'px');
+    layer.style.setProperty('--ta-below', v.below + 'px');
+    var focus = typing(), on = v.inset >= KB_MIN_PX, strip = !on && focus && v.inset >= KB_STRIP_MIN_PX;
+    // A turned screen measures the room again: what was tight in landscape is not in portrait (QA 6.99.29).
+    var w = window.innerWidth || 0, turned = !!(KB.width && w && w !== KB.width);
+    if (w) KB.width = w;
+    var was = KB.on + '|' + KB.strip + '|' + KB.tight;
+    if (turned) KB.tight = false;
+    // A rise is what covers the bottom growing, by any amount, while the keyboard layout is on: not a class flip (a
+    // 120 px bar can already hold ta-kb before the keyboard comes, QA 6.99.32 Skeptic N-3), and not a jump past a step
+    // (a keyboard animating up in 20 px frames never crossed one, Codex's root regression on 98f3cde). The reveal is
+    // scrollIntoView 'nearest', so a frame where the field is already in view moves nothing. Shrinking never reveals.
+    var rose = (on || strip) && v.inset > (KB.inset || 0);
+    KB.inset = v.inset;
+    if (on !== KB.on) { KB.on = on; KB.tight = false; layer.classList.toggle('ta-kb', on); }
+    if (strip !== KB.strip) { KB.strip = strip; layer.classList.toggle('ta-kb-strip', strip); }
+    // 6.99.32 (QA 6.99.30 canary W2): the keyboard rises after the focus, so onFocusIn's scroll (250 ms) can land before
+    // the layer shrinks and leave a question card's Other field under the keyboard. Once the layout has the keyboard,
+    // bring the focused field into view again.
+    if (rose && focus) revealFocused();
+    // Measured with the compact header in place. Once tight it stays so while the keyboard is up: showing the note
+    // again would take the room back and flicker.
+    if (on && !KB.tight) KB.tight = bodyRoom(v.height) < BODY_MIN_PX;
+    layer.classList.toggle('ta-kb-tight', on && KB.tight);
+    if (was !== KB.on + '|' + KB.strip + '|' + KB.tight) crumb('kb', v, focus);
+    return v;
+  }
+  function revealFocused() {
+    // What has focus when the frame runs, not when it was asked for (QA 6.99.32 Skeptic N-2).
+    var go = function () {
+      if (!O.open || !typing()) return;
+      var a = document.activeElement, f = a && a.id === 'ta-input' ? $('ta-form') : a;
+      if (f && f.scrollIntoView) f.scrollIntoView({ block: 'nearest' });
+    };
+    // The next frame, so the scroll measures the layout with ta-kb (or ta-kb-strip) applied.
+    if (window.requestAnimationFrame) window.requestAnimationFrame(go); else go();
+  }
   function fit() {
+    if (KB.frame || !O.open) return;
+    if (!window.requestAnimationFrame) return applyFit();   // every browser with visualViewport has frames
+    KB.frame = window.requestAnimationFrame(applyFit);
+  }
+  function listenViewport(on) {
     var vv = window.visualViewport;
-    if (!layer || !vv) return;
-    layer.style.setProperty('--ta-vh', Math.round(vv.height) + 'px');
-    layer.style.setProperty('--ta-vt', Math.round(vv.offsetTop) + 'px');
+    if (!vv || KB.listening === on) return;
+    KB.listening = on;
+    var m = on ? 'addEventListener' : 'removeEventListener';
+    if (typeof vv[m] === 'function') { vv[m]('resize', fit); vv[m]('scroll', fit); }
   }
-  if (window.visualViewport) { window.visualViewport.addEventListener('resize', fit); window.visualViewport.addEventListener('scroll', fit); }
+  function unfit() {
+    listenViewport(false);
+    if (KB.frame && window.cancelAnimationFrame) window.cancelAnimationFrame(KB.frame);
+    KB.frame = 0; KB.on = false; KB.strip = false; KB.tight = false; KB.width = 0; KB.inset = 0;
+    if (!layer) return;
+    layer.classList.remove('ta-kb'); layer.classList.remove('ta-kb-strip'); layer.classList.remove('ta-kb-tight');
+  }
+  // The rest of the moments the visible viewport can change without a visualViewport event of its own (QA 6.99.29: the
+  // layer stayed sized for a keyboard that had gone). Each is a no-op while the overlay is closed.
+  window.addEventListener('resize', function () { fit(); });
+  window.addEventListener('orientationchange', function () { if (O.open) { KB.tight = false; fit(); } });
+  document.addEventListener('visibilitychange', function () {
+    if (document.hidden || !O.open) return;
+    fit();
+    if (O.r && O.open.kind === 'run') paintLive();   // the clock and the state, at once rather than on the next tick
+  });
+  // Back from the back-forward cache (a swipe back, the app switcher): the live stream is closed and everything shown
+  // is as old as the visit away. Open the stream again and read the session again.
+  window.addEventListener('pageshow', function (e) {
+    if (!O.open) return;
+    fit();
+    if (e && e.persisted) revive();
+  });
+  // 6.99.30 (QA): the Mac going away or coming back shows in an open sheet at once, not after the stream gives up: the
+  // live line says the Mac is not answering, and back up the stream opens again and the session is read again.
+  if (W.onServer) W.onServer(function (up) {
+    var r = O.r;
+    if (!O.open || !r) return;
+    if (!up) { r.feed.connected = false; r.feed.fallback = 'unreachable'; if (r.live) r.live.working = false; paintLive(); paintVerdict(); }
+    else revive();
+  });
 
   function openerSelector(t) {
     if (!t || !t.getAttribute) return '';
@@ -151,9 +311,14 @@
     return '[data-today=' + q(kind) + ']' + (key != null ? '[data-key=' + q(key) + ']' : '');
   }
 
-  function open(kind, key, opener) {
+  // opt.from: a session opened from the pet's list ({ scroll }), which gets Back to sessions and its own history entry,
+  // so the phone's Back returns to the list too (Miles's iPhone, 11/07). opt.again: the list shown again from there,
+  // its entry already current.
+  function open(kind, key, opener, opt) {
+    opt = opt || {};
     build();
     if (O.open) stopSession();
+    O.back = opt.from || null;
     O.open = { kind: kind, key: String(key || ''), all: kind === 'intake' };
     O.opener = opener || document.activeElement; O.openerSel = openerSelector(opener);
     O.note = { text: '', kind: '' }; O.cautionAsk = false; O.needGone = false; O.armedAt = {};
@@ -161,14 +326,20 @@
     layer.hidden = false;
     document.documentElement.classList.add('ta-open');
     var shell = $('app-shell'); if (shell) shell.setAttribute('inert', '');
-    fit();
+    listenViewport(true); applyFit();
     // The entry names what is open, so a reload can open it again and Back still closes it (restore below).
     var entry = { cosTodayOverlay: 1, kind: kind, key: O.open.key };
+    if (O.back) entry.from = 'pet';
     try {
-      if (!O.pushed) { history.pushState(entry, ''); O.pushed = true; } else history.replaceState(entry, '');
+      if (opt.again) { /* the list's own entry is current again */ }
+      else if (!O.pushed) { history.pushState(entry, ''); O.pushed = true; O.depth = 1; }
+      else if (opt.from && O.depth === 1) { history.pushState(entry, ''); O.depth = 2; }
+      else history.replaceState(entry, '');
     } catch (_e) { /* no history API: Back simply leaves Today */ }
+    var backBtn = $('ta-back'); if (backBtn) backBtn.hidden = !O.back;
     try {
       if (kind === 'need' || kind === 'run' || kind === 'wait') openSession(kind, O.open.key);
+      else if (kind === 'pet') openPet();
       else openIntake();
     } catch (err) {
       // A bug here must not leave a half-drawn sheet over an inert page: take it down, keep the history entry for
@@ -179,6 +350,8 @@
     var sheet = $('ta-sheet');
     O.settleAt = Date.now() + settleMs(sheet);
     if (sheet && sheet.focus) sheet.focus({ preventScroll: true });
+    // Measured once the sheet is drawn, and sent home as a breadcrumb (app.js layoutCrumb, 6.99.30).
+    crumb('open', applyFit(), typing());
   }
   // How long taps inside are ignored after opening: the longest open motion of the sheet and its backdrop (their computed
   // animation and transition, delay included: today-actions.css ta-rise or ta-slide, 220 ms, and fade, 160 ms), plus
@@ -212,9 +385,15 @@
     stopSession();
     O.open = null;
     if (layer) layer.hidden = true;
+    unfit();
     document.documentElement.classList.remove('ta-open');
     var shell = $('app-shell'); if (shell) shell.removeAttribute('inert');
-    if (O.pushed && how !== 'pop' && how !== 'leave') { O.pushed = false; O.ignorePops++; try { history.back(); } catch (_e) { O.ignorePops--; } }
+    // X from a session opened off the pet's list unwinds both entries in one step, so the next Back leaves Today as before.
+    if (O.pushed && how !== 'pop' && how !== 'leave') {
+      var n = O.depth > 1 ? O.depth : 1;
+      O.pushed = false;
+      quietBack(n);
+    }
     if (how === 'pop' || how === 'leave') O.pushed = false;
     clearTimeout(O.expireTimer);
     // Settled lines are done once the overlay closes; Today reads the server again if anything changed here.
@@ -231,17 +410,35 @@
     if (el && el.focus) { try { el.focus({ preventScroll: true }); } catch (_e) { el.focus(); } }
   }
   // Leaving for a tab from inside the overlay replaces the overlay's history entry, so Back from there returns to Today.
+  // A session opened off the pet's list holds two entries: the list's comes off first (6.99.30, QA: it stayed under
+  // the new tab, and Back from there landed on it and showed nothing), then the tab replaces the overlay's own.
   function leaveTo(pane, args) {
     var hash = '#/' + [pane].concat(args || []).map(encodeURIComponent).join('/');
-    var replace = O.pushed;
+    var replace = O.pushed, extra = O.pushed && O.depth > 1 ? O.depth - 1 : 0;
     close('leave');
-    if (replace) location.replace(hash); else W.go(pane, args || []);
+    O.depth = 1;
+    if (!replace) { W.go(pane, args || []); return; }
+    if (extra) { quietBack(extra, function () { location.replace(hash); }); return; }
+    location.replace(hash);
+  }
+  // A Back step the overlay takes itself (X, Back to sessions, leaving for a tab): its popstate is ours, not the phone's
+  // Back, and `then` runs once it lands. If it never arrives (history.go with nothing to go back to, or a browser that
+  // drops it) the wait lapses after POP_WAIT_MS and `then` runs anyway, so a real Back later is never swallowed
+  // (6.99.30, QA: ignorePops stayed counted and ate the next Back).
+  var POP_WAIT_MS = 700;
+  function quietBack(n, then) {
+    var w = { then: then || null, timer: 0 };
+    var drop = function () { var i = O.pops.indexOf(w); if (i < 0) return false; O.pops.splice(i, 1); O.ignorePops = O.pops.length; return true; };
+    w.timer = setTimeout(function () { if (drop() && w.then) w.then(); }, POP_WAIT_MS);
+    O.pops.push(w); O.ignorePops = O.pops.length;
+    try { if (n > 1 && typeof history.go === 'function') history.go(-n); else history.back(); }
+    catch (_e) { clearTimeout(w.timer); if (drop() && w.then) w.then(); }
   }
   // A reload with the overlay open keeps its history entry, and the entry before it is Today at the same address, so
   // Back from there showed nothing (measured in Chrome 11/07: a same-document popstate). On load, app.js hands that
   // entry here: open the same thing again, so the first Back closes it as it did before the reload. What cannot be
   // opened (gone, or Today left meanwhile) just clears the entry's mark.
-  var KINDS = { need: 1, run: 1, wait: 1, meeting: 1, intake: 1 };
+  var KINDS = { need: 1, run: 1, wait: 1, pet: 1, meeting: 1, intake: 1 };
   function restore(st) {
     if (O.open || !st || !st.cosTodayOverlay) return Promise.resolve(false);
     var forget = function () { try { history.replaceState(null, ''); } catch (_e) {} return false; };
@@ -249,23 +446,36 @@
     var started = Date.now();
     return new Promise(function (resolve) {
       (function wait() {
-        var d = T.data(), ready = d.at > 0 && (st.kind === 'need' || st.kind === 'run' || st.kind === 'wait' || d.intakeLoaded);
+        var d = T.data(), ready = d.at > 0 && (st.kind === 'need' || st.kind === 'run' || st.kind === 'wait' || st.kind === 'pet' || d.intakeLoaded);
         if (W.parseRoute().pane !== 'today' || O.open) return resolve(forget());
         if (!ready) { if (Date.now() - started > 15000) return resolve(forget()); return setTimeout(wait, 150); }
         O.pushed = true;   // this entry is the overlay's own
-        try { open(st.kind, String(st.key || ''), null); resolve(true); }
+        // A session opened off the pet's list keeps its Back to sessions: the list's entry is still under it.
+        if (st.from === 'pet' && (st.kind === 'wait' || st.kind === 'run')) O.depth = 2;
+        try { open(st.kind, String(st.key || ''), null, st.from === 'pet' && O.depth === 2 ? { from: { scroll: 0 }, again: true } : undefined); resolve(true); }
         catch (err) { console.error('[today] could not reopen the overlay after a reload.', err); O.pushed = false; resolve(forget()); }
       })();
     });
   }
   window.addEventListener('popstate', function () {
-    if (O.ignorePops > 0) { O.ignorePops--; return; }
+    if (O.pops.length) { var w = O.pops.shift(); clearTimeout(w.timer); O.ignorePops = O.pops.length; if (w.then) w.then(); return; }
+    // The phone's Back from a session opened off the pet's list goes back to that list, as Back to sessions does.
+    if (O.open && O.back) { backToList(); return; }
     if (O.open) close('pop');
   });
+  // The pet's list again, where it was scrolled to. From the button the session's entry is taken off history too.
+  function backToList(fromButton) {
+    var b = O.back;
+    if (!b) return;
+    if (fromButton && O.depth > 1) quietBack(1);
+    O.depth = 1;
+    open('pet', '', O.opener, { again: true });
+    var body = $('ta-body'); if (body) body.scrollTop = b.scroll || 0;
+  }
   W.onRoute(function (r) { if (O.open && r.pane !== 'today') close('leave'); });
   // Escape closes the overlay, unless the Ask sheet is open over it (app.js closes that first).
   document.addEventListener('keydown', function (e) {
-    if (!O.open || e.key !== 'Escape') return;
+    if (!O.open || e.key !== 'Escape' || (W.readerMedia && W.readerMedia.isOpen())) return;
     var ask = $('ask-sheet');
     if (ask && !ask.classList.contains('hidden')) return;
     e.preventDefault();
@@ -295,6 +505,7 @@
       if (O.open && (O.open.kind === 'meeting' || O.open.kind === 'intake')) paintIntake(); else paintLive();
     }
     if (what === 'close') return close('user');
+    if (what === 'back') return backToList(true);
     if (what === 'create' || what === 'link') return decide(id, 'accept');
     if (what === 'dismiss') {
       // Without Undo on this server a Dismiss cannot be taken back, so it asks once: tap, then tap again.
@@ -306,7 +517,20 @@
     if (what === 'open-work') return leaveTo('work', ['sort']);
     if (what === 'open-card') return leaveTo('work', id ? [id] : []);
     if (what === 'open-session') return O.r ? leaveTo('sessions', [O.r.provider, O.r.id]) : null;
+    if (what === 'open-sessions') return leaveTo('sessions', []);
+    // A row of the pet's list opens that session's own sheet in its place, with Back to sessions (and the phone's Back)
+    // returning to the list where it was scrolled; X still closes the overlay.
+    if (what === 'pet-open') {
+      var pk = b.getAttribute('data-kind'), lb = $('ta-body');
+      return open(pk === 'wait' ? 'wait' : 'run', id, O.opener, { from: { scroll: lb ? lb.scrollTop || 0 : 0 } });
+    }
     if (what === 'send') return sendReply();
+    if (what === 'att-remove' || what === 'att-retry') {
+      var fb = filesBox(); if (!fb) return;
+      O.note = { text: '', kind: '' }; paintNote();
+      if (what === 'att-remove') KIT().remove(fb, b.getAttribute('data-att')); else KIT().retry(fb, b.getAttribute('data-att'));
+      return;
+    }
     if (what === 'stop') {
       // A tap arms it (Stop ends the agent's turn on your Mac); the second sends it.
       if (!confirmTap('stop', paintLive)) return;
@@ -325,10 +549,18 @@
   function onSubmit(e) {
     if (e.target && e.target.id === 'ta-form') { e.preventDefault(); sendReply(); }
   }
-  // The keyboard rises over the bottom of the sheet: keep the box in view as it does.
+  // The keyboard rises over the bottom of the sheet: keep the box in view as it does. Any field that types counts
+  // (the reply box, a question card's Other): a hardware keyboard's strip is known only by focus (6.99.30).
   function onFocusIn(e) {
-    if (!e.target || e.target.id !== 'ta-input') return;
-    setTimeout(function () { fit(); var f = $('ta-form'); if (f && f.scrollIntoView) f.scrollIntoView({ block: 'nearest' }); }, 250);
+    if (!e.target || !typing()) return;
+    fit();
+    var reply = e.target.id === 'ta-input';
+    setTimeout(function () {
+      if (!O.open) return;
+      applyFit();
+      var f = reply ? $('ta-form') : e.target;
+      if (f && f.scrollIntoView) f.scrollIntoView({ block: 'nearest' });
+    }, 250);
   }
 
   // ═════════════ From today's meetings ═════════════
@@ -359,7 +591,8 @@
     probeLoop().then(function () { if (O.open && (O.open.kind === 'meeting' || O.open.kind === 'intake')) paintIntake(); });
     paintIntake();
     var foot = $('ta-foot');
-    if (foot) foot.innerHTML = '<div class="ta-links"><button type="button" class="link-btn" data-ta="open-work">Open Sort in Work</button></div>';
+    // A waiting sheet opened before may have hidden the foot (its reply box); this one always shows (QA round 1).
+    if (foot) { foot.innerHTML = '<div class="ta-links"><button type="button" class="link-btn" data-ta="open-work">Open Sort in Work</button></div>'; foot.hidden = false; }
     // Read Intake again: what was decided on another screen since Today loaded shows as handled, never as a phantom.
     var asked = T.reloadIntake();
     if (asked && asked.then) asked.then(function () { if (O.open && (O.open.kind === 'meeting' || O.open.kind === 'intake')) { noteVanished(); paintIntake(); } });
@@ -562,37 +795,84 @@
     O.row = id ? sessionRowFor(provider, id) : null;
     O.r = id ? K.session(provider, id, VIEW) : null;
     // Working only when the session is not waiting on you: a session paused on a question is not at work (W4-r2).
-    if (O.r) O.r.live = { working: !!(O.row && O.row.running_active && K.stateOf(O.row) !== 'waiting') };
+    // 6.99.29: the row is one signal of the card's one state (app.js sxTruth), timed by its own evidence.
+    if (O.r) { O.r.live = {}; K.feed.noteList(O.r, O.row); K.feed.settle(O.r); }
     // What was typed, and a send whose answer never came, survive a close, Back or reload: the same words resend under
     // the same key (skeptic W3, qa2-user N1).
     var kept = O.r ? draftOf(O.r) : null;
-    if (kept && kept.unsettled) O.r.draft = { text: kept.unsettled.text, key: kept.unsettled.key };
+    if (kept && kept.unsettled) {
+      O.r.draft = { text: kept.unsettled.text, key: kept.unsettled.key };
+      if (Array.isArray(kept.unsettled.ids) && kept.unsettled.ids.length) { O.r.draft.ids = kept.unsettled.ids.slice(); O.r.draft.restored = true; }
+    }
     O.last = null; O.lastState = 'idle';
     setHead(kind === 'need' ? (O.item ? str(O.item.sessionTitle) || str(O.item.title) || 'Handoff' : 'Needs you')
       : kind === 'wait' ? (O.wait ? O.wait.title : 'A session is waiting for you') : (O.row ? K.title(O.row) : 'Session'));
     var body = $('ta-body');
-    if (body) body.innerHTML = '<div id="ta-meta"></div><div id="ta-q" class="ta-q" hidden></div><div id="ta-live"></div><div id="ta-last"></div>';
+    if (body) body.innerHTML = '<div id="ta-meta"></div><div id="ta-notsent" class="ta-notsent" role="status"></div><div id="ta-q" class="ta-q" hidden></div><div id="ta-live"></div><div id="ta-last"></div>';
     var foot = $('ta-foot');
-    if (foot) foot.innerHTML = O.r ? composerHtml(kind) : '';
+    if (foot) { foot.innerHTML = O.r ? composerHtml(kind) : ''; foot.hidden = false; }
     var input = $('ta-input');
     if (input && kept && kept.text) { input.value = kept.text; W.autoGrow(input); }
+    if (O.r) {
+      paintFiles();
+      // The Mac's answer about files may not be in yet: ask once, then draw the clip.
+      var kit = KIT(), r0 = O.r;
+      if (kit && !kit.turnFiles()) kit.ensureCaps().then(function () { if (O.r === r0) paintFiles(); }, function () {});
+      // Files of a send a reload cut off go again with the same words; say so, since their chips are gone.
+      if (O.r.draft && O.r.draft.restored) {
+        var nf = O.r.draft.ids.length;
+        O.note = { text: 'Your last message did not finish sending. Send sends it again with the ' + (nf === 1 ? 'file' : nf + ' files') + ' you attached.', kind: '' };
+        paintNote();
+      }
+    }
     paintMeta();
     if (!O.r) return;
     if (W.sessionQuestions && W.sessionQuestions.mount) {
-      // mount() draws at once and calls back before it returns, so the count comes from the callback, not O.qMount.
-      O.qMount = W.sessionQuestions.mount($('ta-q'), id, function (n) { O.qCount = n; paintMeta(); });
+      // mount() draws at once and calls back before it returns, so the counts come from the callback, not O.qMount:
+      // the questions to answer here, and those the Mac's own prompt waits on (drawn read-only).
+      O.qMount = W.sessionQuestions.mount($('ta-q'), id, function (n, mac) { O.qCount = n; O.macCount = mac || 0; paintMeta(); });
     }
     if (kind === 'run') { paintLive(); watchStream(O.r); }
     loadLast(O.r);
     K.probe(O.r);
+    loadNotSent(O.r);
     if (kind === 'need') recheckNeed(key);
   }
+  // 6.99.30: a queued message for this session that the server refused or let expire, said here as in the reader
+  // ("Not sent: <reason>"), from the same queue read (app.js sessionKit.notSent). The Sessions list chip follows it.
+  function loadNotSent(r) {
+    if (!r || !K.notSent || !K.answer) return;
+    K.answer(K.path(r.provider, r.id, '/queued-turns')).then(function (q) {
+      if (O.r !== r) return;
+      var rows = (q && q.status === 200 && q.body && q.body.turns) || [];
+      if (q && q.status === 200) K.notSent.note(r.provider, r.id, rows);
+      var box = $('ta-notsent'); if (!box) return;
+      box.innerHTML = K.notSent.rows(rows).map(function (t) {
+        return '<p class="ta-note ta-notsent-line"><strong>' + esc(clip(t.preview || t.prompt || 'A queued message', 80)) + '</strong> ' + esc(K.notSent.line(t)) + '</p>';
+      }).join('');
+    }, function () {});
+  }
+  // Back from the back-forward cache with a session open (pageshow persisted): the stream again, the last reply, the
+  // write gate and the questions, as on opening.
+  function revive() {
+    var r = O.r;
+    if (!r || !O.open) return;
+    if (O.open.kind === 'run') {
+      if (O.stream) { try { O.stream.close(); } catch (_e) {} O.stream = null; }
+      watchStream(r); paintLive();
+    }
+    loadLast(r);
+    K.probe(r);
+    loadNotSent(r);
+    if (W.sessionQuestions && W.sessionQuestions.nudge) W.sessionQuestions.nudge();
+  }
   function stopSession() {
+    if (K.imagesStop) K.imagesStop($('ta-last'));
     if (O.stream) { try { O.stream.close(); } catch (_e) {} O.stream = null; }
     clearInterval(O.clock); O.clock = null;
     clearInterval(O.watch); O.watch = null;
     if (O.qMount) { O.qMount.unmount(); O.qMount = null; }
-    O.qCount = 0;
+    O.qCount = 0; O.macCount = 0;
     O.r = null; O.row = null; O.item = null;
   }
   // The Needs you list may be minutes old: read it again, and say so if this one is no longer waiting.
@@ -612,12 +892,73 @@
     var label = kind === 'run' ? 'Send a note to this session' : 'Reply to this session';
     return '<div id="ta-verdict"></div>' +
       '<form class="composer ta-composer" id="ta-form">' +
+        '<div class="cc-chips ta-files hidden" id="ta-files"></div>' +
         '<textarea id="ta-input" rows="1" placeholder="' + esc(label) + '" aria-label="' + esc(label) + '" enterkeyhint="send"></textarea>' +
-        '<div class="composer-actions"><button type="submit" class="btn primary small" id="ta-send">Send</button></div>' +
+        '<div class="composer-actions"><span id="ta-clip" class="ta-clip"></span><button type="submit" class="btn primary small" id="ta-send">Send</button></div>' +
       '</form>' +
       '<p class="status-line" id="ta-status" role="status" aria-live="polite"></p>';
   }
 
+  // ── files with a reply or a note (the COS chat's attach kit) ──
+  // One box per session, kept while this tab is open, so closing and reopening the sheet keeps what was attached.
+  var FILES = {};
+  function KIT() { return W.cosChat && W.cosChat.attach ? W.cosChat.attach : null; }
+  // Only where the Mac takes files on a session turn: on an older server the words go alone, and no clip says otherwise.
+  function filesOn() { var k = KIT(); return !!(k && k.turnFiles() > 0 && O.r); }
+  function filesBox(r) {
+    r = r || O.r; var kit = KIT();
+    if (!r || !kit) return null;
+    var key = r.provider + '|' + r.id;
+    // 6.99.27: any file the Mac takes on a turn (threadTurnFileBytes), sent as it is; else the chat's list.
+    if (!FILES[key]) FILES[key] = kit.box({
+      changed: function (box) { if (O.r && FILES[O.r.provider + '|' + O.r.id] === box) paintFiles(); },
+      removed: function () {},
+      signedOut: function (box) { if (O.r && FILES[O.r.provider + '|' + O.r.id] === box) { O.note = { text: 'This browser was signed out. Your message and files are kept. Sign in, then tap Retry on each file.', kind: 'error' }; paintNote(); } }
+    }, { anyBytes: kit.turnFileBytes() });
+    // The Mac's answer can come after the box was made: a box with nothing in it yet takes it then.
+    if (!FILES[key].anyBytes && !FILES[key].atts.length && kit.turnFileBytes()) FILES[key].anyBytes = kit.turnFileBytes();
+    return FILES[key];
+  }
+  function filesState(box) {
+    var kit = KIT();
+    if (!kit || !box || !box.atts.length) return 'none';
+    return kit.pending(box) ? 'waiting' : kit.failed(box) ? 'failed' : 'ready';
+  }
+  function paintClip() {
+    var slot = $('ta-clip'); if (!slot) return;
+    var kit = KIT();
+    if (!filesOn()) { slot.innerHTML = ''; return; }
+    var box = filesBox(), full = !!(box && box.atts.length >= kit.max);
+    var mode = String(box && box.anyBytes || 0);
+    if (slot.getAttribute('data-mode') !== mode) { slot.innerHTML = kit.cameraHtml('data-ta-file') + kit.clipHtml('data-ta-file', { any: box && box.anyBytes }); slot.setAttribute('data-mode', mode); }
+    var lbls = slot.querySelectorAll ? slot.querySelectorAll('.cc-attach') : [], inps = slot.querySelectorAll ? slot.querySelectorAll('[data-ta-file]') : [];
+    Array.prototype.forEach.call(lbls, function (l) { l.classList.toggle('full', full); });
+    Array.prototype.forEach.call(inps, function (i) { i.disabled = full || !!(O.r && O.r.sending); });
+  }
+  function paintFiles() {
+    var el = $('ta-files'), kit = KIT(), box = filesBox();
+    if (el && kit && box) {
+      el.innerHTML = kit.chipsHtml(box, 'data-ta') + (box.atts.length ? '<p class="att-limit">' + esc(kit.limitLine(box)) + '</p>' : '');
+      el.classList.toggle('hidden', !box.atts.length);
+    }
+    paintClip(); paintSendButton();
+  }
+  // Send waits while a file uploads. A failed file never greys it out (QA 6.99.27): a tap says why, as the question
+  // card does.
+  function paintSendButton() {
+    var send = $('ta-send'); if (!send) return;
+    var sending = !!(O.r && O.r.sending), st = filesState(filesBox());
+    send.disabled = sending || st === 'waiting';
+    send.textContent = sending ? 'Sending' : st === 'waiting' ? 'Uploading' : 'Send';
+  }
+  function addFiles(list) {
+    var kit = KIT(), box = filesBox();
+    if (!kit || !box || !list || !list.length || !filesOn()) return;
+    var refusals = kit.add(box, list);
+    if (refusals.length) { O.note = { text: refusals.join(' '), kind: 'error' }; paintNote(); }
+    paintFiles();
+  }
+
   function needLine(it) {
     var why = T.needWhy(it) + (it.domain ? ' in ' + W.domainLabel(it.domain) : '');
     var age = W.ago(it.updatedAt || it.createdAt);
@@ -638,7 +979,7 @@
   function runWords() {
     var r = O.r, f = r && r.feed;
     if (f && (f.connected || f.lastSeq > 0)) {
-      var w = K.feed.word(r), since = K.feed.elapsed(f);
+      var w = K.feed.word(r), since = K.feed.elapsed(f, r);
       if (w === 'Working') return 'Working now' + (since ? ', for ' + since : '');
       if (w === 'Waiting') return 'Waiting for you' + (since ? ', for ' + since : '');
       if (w === 'Failed') return 'Stopped with an error';
@@ -662,10 +1003,15 @@
       var p = it.progress && !it.progress.unreadable ? it.progress : null;
       if (p && p.evidence) html += '<blockquote class="ta-quote">' + esc(p.evidence) + '</blockquote>';
     } else if (O.open.kind === 'wait') {
-      // A session waiting on you: what it waits on, its question to answer here when the Mac holds one for this page,
-      // else its last message and the reply box below. No live peek and no Stop: it is not at work (W4-r2).
+      // A session waiting on you: what it waits on, its question to answer here when the Mac holds one for this page;
+      // when the Mac's own prompt has it, that, read-only; else (a reply is the answer) the reply box below. No live
+      // peek and no Stop: it is not at work (W4-r2).
       html += '<p class="ta-sub">' + T.badge(O.r ? O.r.provider : 'claude') + ' <span>' + esc(O.wait ? O.wait.why : 'Waiting for you') + '</span></p>';
-      if (!questions) html += '<p class="ta-sub">' + esc('Answer it in a reply below, or open the session.') + '</p>';
+      var where = waitWhere();
+      // The Mac card says it itself when there is one; say it here only when there is none.
+      if (where === 'mac' && !O.macCount) html += '<p class="ta-sub ta-mac-line">' + esc(macLine()) + '</p>';
+      if (where === 'answered') html += '<p class="ta-sub ta-mac-line">' + esc((W.sessionQuestions && W.sessionQuestions.answeredLine) || 'Answered. The session carries on.') + '</p>';
+      if (where === 'reply') html += '<p class="ta-sub">' + esc('Answer it in a reply below, or open the session.') + '</p>';
     } else if (O.row || O.r) {
       // Once the live feed speaks, the line says what it says, so the header and the peek never disagree (qa2-user N3).
       html += '<p class="ta-sub">' + T.badge(O.r ? O.r.provider : O.row.provider) + ' <span id="ta-run-state">' + esc(runWords()) + '</span></p>';
@@ -678,27 +1024,108 @@
     if (links) html += '<div class="ta-links">' + links + '</div>';
     if (!O.r && O.open.kind === 'need') html += '<p class="ta-sub">This handoff has no session to reply to. Open it in Work.</p>';
     box.innerHTML = html;
+    // The reply box shows only where a reply can be the answer; what was typed stays in it, hidden.
+    var foot = $('ta-foot');
+    if (foot && O.open.kind === 'wait') foot.hidden = waitWhere() !== 'reply';
+  }
+  // Where a waiting session's question is answered: 'here' (its cards in this sheet), 'answered' (on some screen just
+  // now), 'mac' (a Claude session's own prompt, or a held question that went back to the Mac), or 'reply' (a Codex or
+  // Cursor session asking in words).
+  function waitWhere() {
+    if (O.qCount) return 'here';
+    if (O.r && W.sessionQuestions && W.sessionQuestions.answeredFor && W.sessionQuestions.answeredFor(O.r.id)) return 'answered';
+    if (O.macCount || (O.r && O.r.provider === 'claude') || (O.wait && O.wait.where === 'mac')) return 'mac';
+    return 'reply';
+  }
+  function macLine() { return (W.sessionQuestions && W.sessionQuestions.macLine) || "Waiting on your Mac's prompt. Answer it on the Mac (or through Screens)."; }
+
+  // ═════════════ The pet's sessions ═════════════
+  // The same sessions the pet's caption counts (app.js petPlay): waiting on you, running, then done today. Each row
+  // opens that session's own sheet.
+  var PET_DONE_SHOWN = 5;
+  function openPet() {
+    setHead('Sessions');
+    var p = T.petPlay ? T.petPlay() : { waiting: [], running: [], done: [] };
+    var row = function (s, kind, line) {
+      var k = T.splitSessionId(s.provider, s.session_id || s.id);
+      return '<button type="button" class="ta-pet-row" data-ta="pet-open" data-kind="' + kind + '" data-id="' + esc(k.provider + '|' + k.id) + '">' +
+        '<span class="ta-pet-top">' + T.badge(k.provider) + '<span class="ta-pet-title">' + esc(T.sessionTitle(s)) + '</span></span>' +
+        '<span class="ta-pet-line">' + esc(line) + '</span></button>';
+    };
+    var group = function (title, rows) { return rows.length ? '<section class="ta-pet-group"><h3 class="ta-pet-head">' + esc(title) + '</h3>' + rows.join('') + '</section>' : ''; };
+    // 6.99.27: the questions this page holds come first, one row per session, each opening that session's cards.
+    var asked = petAsked(), keyOf = function (s) { var k = T.splitSessionId(s.provider, s.session_id || s.id); return (k.provider + '|' + k.id).toLowerCase(); };
+    var questions = asked.map(function (a) {
+      var s = sessionRowFor(a.provider, a.id);
+      var k = esc(a.provider + '|' + a.id);
+      return '<button type="button" class="ta-pet-row" data-ta="pet-open" data-kind="wait" data-id="' + k + '">' +
+        '<span class="ta-pet-top">' + T.badge(a.provider) + '<span class="ta-pet-title">' + esc(s ? T.sessionTitle(s) : a.title) + '</span></span>' +
+        '<span class="ta-pet-line">' + esc(a.line) + '</span></button>';
+    });
+    var held = {}; asked.forEach(function (a) { held[(a.provider + '|' + a.id).toLowerCase()] = 1; });
+    var waiting = p.waiting.filter(function (s) { return !held[keyOf(s)]; }).map(function (s) { return row(s, 'wait', stateWords(s)); });
+    // The pet counts a session as running from the Running card's test; one of those paused on you opens as waiting.
+    var running = p.running.filter(function (s) { return !held[keyOf(s)]; }).map(function (s) { return row(s, K.stateOf(s) === 'waiting' ? 'wait' : 'run', stateWords(s)); });
+    var done = p.done.slice(0, PET_DONE_SHOWN).map(function (s) { return row(s, 'run', 'Last active ' + doneWhen(s)); });
+    var body = $('ta-body');
+    if (body) body.innerHTML = group(questions.length === 1 ? 'A question for you' : 'Questions for you', questions) + group('Waiting on you', waiting) + group('Running', running) + group('Done today', done) +
+      (!questions.length && !waiting.length && !running.length ? '<p class="ta-note">Nothing is running or waiting on you now.</p>' : '') +
+      '<div class="ta-links"><button type="button" class="link-btn" data-ta="open-sessions">All sessions</button></div>';
+    var foot = $('ta-foot'); if (foot) { foot.innerHTML = ''; foot.hidden = false; }
+  }
+  // The held questions by session (panes/questions.js), oldest first: the words of each session's first question.
+  function petAsked() {
+    var q = W.sessionQuestions, items = q && q.itemsFor ? q.itemsFor('') : [], out = [], at = {};
+    (items || []).forEach(function (it) {
+      if (!it || !it.sessionId) return;
+      var k = T.splitSessionId(it.provider, it.sessionId), key = (k.provider + '|' + k.id).toLowerCase();
+      if (at[key] !== undefined) { out[at[key]].n++; return; }
+      var first = it.kind === 'approval' ? (it.approval && it.approval.summary ? 'Wants to run ' + it.approval.summary : 'Wants your permission')
+        : String(((it.questions || [])[0] || {}).question || 'Asked you a question');
+      at[key] = out.length;
+      out.push({ provider: k.provider, id: k.id, n: 1, line: clip(first, 160), title: it.kind === 'approval' ? 'A session wants your permission' : 'A session asked you a question' });
+    });
+    out.forEach(function (a) { if (a.n > 1) a.line = a.n + ' questions. ' + a.line; });
+    return out;
+  }
+  function doneWhen(s) {
+    var a = W.ago(s.last_activity_at || s.state_since);
+    if (!a || a === 'now') return 'just now';
+    return /( min| h)$/.test(a) ? a + ' ago' : a;
   }
 
   // The session's last reply, from the same read the reader makes (?turns=N, lib/agent-session-turns.ts).
   function loadLast(r) {
-    O.lastState = 'loading'; paintLast();
+    var request = r.lastRead = {};
+    O.lastState = 'loading'; O.lastWhy = ''; paintLast();
     return K.answer(K.path(r.provider, r.id, '?turns=6'), { timeoutMs: 20000 }).then(function (a) {
-      if (O.r !== r) return;
+      if (O.r !== r || r.lastRead !== request) return;
       if (a.status === 404) { O.lastState = 'none'; O.lastWhy = 'This session is not on your Mac any more.'; paintLast(); return; }
       if (a.status !== 200) { O.lastState = 'error'; paintLast(); return; }
       var d = a.body || {};
       if (!O.row) { O.row = d; paintMeta(); if (O.open && O.open.kind === 'run') setHead(K.title(d)); }
       var turns = Array.isArray(d.recent_turns) ? d.recent_turns : [];
-      var lastA = turns.filter(function (t) { return lower(t.role) !== 'user' && String(t.text || t.content || '').trim(); }).pop();
-      O.last = lastA ? { text: String(lastA.text || lastA.content).trim(), at: lastA.at } : null;
+      var lastA = turns.filter(function (t) { return lower(t.role) !== 'user' && (String(t.text || t.content || '').trim() || (K.imageHtml && K.imageHtml(t))); }).pop();
+      O.last = lastA ? { text: String(lastA.text || lastA.content || '').trim(), at: lastA.at, outputImages: lastA.outputImages } : null;
       O.lastState = O.last ? 'ready' : 'none';
       O.lastWhy = '';
       paintLast();
-    }, function () { if (O.r === r) { O.lastState = 'error'; paintLast(); } });
+    }, function () { if (O.r === r && r.lastRead === request) { O.lastState = 'error'; paintLast(); } });
   }
   function paintLast() {
     var box = $('ta-last'); if (!box) return;
+    // Retain the actual reply nodes (and its open image) during refreshes and transient errors.
+    // Only a successful changed reply replaces them. Metadata changes count as changed too.
+    var signature = O.last ? JSON.stringify([O.last.text, O.last.at, K.imageHtml ? K.imageHtml(O.last) : '']) : '';
+    if (signature && box.__taLastSignature === signature) {
+      var refresh = $('ta-last-refresh');
+      if (refresh) refresh.textContent = O.lastState === 'loading' ? 'Checking for a newer reply…'
+        : O.lastState === 'error' ? 'The latest reply could not load. Showing the previous reply.'
+        : O.lastState === 'none' ? (O.lastWhy || '') : '';
+      return;
+    }
+    box.__taLastSignature = signature;
+    if (K.imagesStop) K.imagesStop(box);
     if (O.lastState === 'loading') { box.innerHTML = '<div class="ta-last"><div class="skeleton" style="width:74%"></div><div class="skeleton" style="width:52%;margin-top:8px"></div></div>'; return; }
     if (O.lastState === 'error') { box.innerHTML = '<p class="ta-sub">The last reply did not load. Open the session to read it.</p>'; return; }
     if (O.lastState === 'none') { box.innerHTML = O.lastWhy ? '<p class="ta-sub">' + esc(O.lastWhy) + '</p>' : ''; return; }
@@ -706,7 +1133,8 @@
     var at = W.toDate(O.last.at), long = O.last.text.length > 700;
     box.innerHTML = '<section class="ta-last" aria-label="Last reply"><p class="ta-last-head">' + esc('Last reply' + (at ? ', ' + W.clock(at) : '')) + '</p>' +
       '<div class="sx-md ta-last-text' + (long ? ' clamped' : '') + '" id="ta-last-text">' + K.markdown(O.last.text.slice(0, 12000)) + '</div>' +
-      (long ? '<button type="button" class="link-btn" data-ta="more">Show all of it</button>' : '') + '</section>';
+      (long ? '<button type="button" class="link-btn" data-ta="more">Show all of it</button>' : '') + (K.imageHtml ? K.imageHtml(O.last) : '') + '<p id="ta-last-refresh" class="ta-sub" role="status"></p></section>';
+    if (K.imagesMount) K.imagesMount(box, O.r);
   }
 
   // Running: the same live stream the reader follows, read with its own reducer (applyFeed, sxFeedWord and friends).
@@ -721,15 +1149,17 @@
       K.feed.apply(r, e);
       r.live = r.live || {};
       if (e.kind === 'status') {
-        // The agent's own state wins: a process that is up while it waits on you is waiting, not working (W4-r2).
-        var working = e.agent_state ? e.agent_state === 'running' : e.state === 'working';
-        // The stream's status trails a Stop by a few seconds (the reader's rule): do not let that echo reopen it.
-        if (working && r.stoppedAt && Date.now() - r.stoppedAt < 8000) working = false;
-        if (r.live.working && !working) loadLast(r);
-        r.live.working = working;
-        if (!working) r.live.prose = null;
+        // 6.99.29: the card's one state (app.js sxTruth) decides working and waiting: the agent's own
+        // waiting still wins over a busy file (W4-r2), and the stream's echo of a Stop still cannot
+        // reopen it, but a stale idle no longer outranks fresher working evidence.
+        var wasWorking = !!r.live.working, wasWaiting = !!r.live.waiting;
+        K.feed.settle(r);
+        if (wasWorking && !r.live.working) loadLast(r);
+        // Gone to waiting: its question may be parked for this page now, so the card reads at once (6.99.27).
+        if (r.live.waiting && !wasWaiting && W.sessionQuestions && W.sessionQuestions.nudge) W.sessionQuestions.nudge();
       } else if (e.kind === 'prose' && e.text) r.live.prose = String(e.text);
       paintLive();
+      paintVerdict();
     };
     es.onerror = function () {
       if (O.r !== r || O.stream !== es) return;
@@ -759,10 +1189,10 @@
       // Idle: the reader's line repeats the last reply, which the peek shows in full just below.
       var word = K.feed.word(r), detail = word === 'Idle' ? '' : K.feed.detail(f, word);
       html = '<div class="sx-act-state"><span class="sx-dot ' + word.toLowerCase() + '" aria-hidden="true"></span><strong>' + esc(word) + '</strong>' +
-        '<span class="sx-act-detail">' + esc(detail) + '</span><span class="sx-act-clock" id="ta-clock">' + esc(K.feed.elapsed(f)) + '</span>' +
+        '<span class="sx-act-detail">' + esc(detail) + '</span><span class="sx-act-clock" id="ta-clock">' + esc(K.feed.elapsed(f, r)) + '</span>' +
         (live.working || O.stopping ? '<button type="button" class="cx-btn quiet sx-act-stop' + (O.armedAt.stop != null ? ' danger' : '') + '" data-ta="stop"' + (O.stopping ? ' disabled' : '') + '>' +
           (O.stopping ? 'Stopping' : O.armedAt.stop != null ? 'Tap again to stop' : 'Stop') + '</button>' : '') + '</div>' +
-        (f.prompt ? '<p class="ta-act-prompt">' + esc('Working on: ' + clip(f.prompt, 240)) + '</p>' : '') +
+        (f.prompt ? '<p class="ta-act-prompt">' + esc(K.feed.promptLine(r, clip(f.prompt, 240))) + '</p>' : '') +
         '<div class="ta-act-tail">' + f.tools.slice(-5).map(function (t) { return '<div class="sx-act-tool">' + esc(K.feed.tool(t)) + '</div>'; }).join('') +
         (live.working && live.prose ? '<div class="sx-act-prose">' + esc(String(live.prose).slice(-500)) + '</div>' : '') + '</div>';
       // The feed stopped or was refused: say why under the last state it showed.
@@ -775,7 +1205,9 @@
     if (w === 'Working' || w === 'Waiting') {
       O.clock = setInterval(function () {
         if (O.r !== r) { clearInterval(O.clock); return; }
-        var c = $('ta-clock'); if (c) c.textContent = K.feed.elapsed(r.feed);
+        if (document.hidden) return;   // a hidden page spends nothing; coming back repaints at once (visibilitychange)
+        var c = $('ta-clock'); if (c) c.textContent = K.feed.elapsed(r.feed, r);
+        if (K.feed.gateStale(r)) K.probe(r);
         var rs = $('ta-run-state'); if (rs) rs.textContent = runWords();
       }, 1000);
     }
@@ -795,14 +1227,26 @@
       paintNote();
     },
     clear: function (r, text) {
-      // The Mac took it: the send is settled, and the kept draft goes with the words that were sent.
+      // The Mac took it: the send is settled, and the kept draft goes with the words that were sent. So do the files
+      // that went with them; any added since stay for the next message.
+      var sent = r.draft && r.draft.text === text ? r.draft.ids || [] : [];
       if (r.draft && r.draft.text === text) r.draft = null;
+      var fb = sent.length ? filesBox(r) : null, kit = KIT();
+      if (fb && kit) fb.atts.filter(function (t) { return sent.indexOf(t.mediaId) >= 0; }).forEach(function (t) { kit.remove(fb, t.id); });
       var box = r === O.r ? $('ta-input') : null;
       var left = box ? (box.value.trim() === String(text).trim() ? '' : box.value) : '';
       if (box && !left) { box.value = ''; W.autoGrow(box); }
       keepDraft(r, left, null);
     },
     verdict: function (r) { if (r === O.r) paintVerdict(); },
+    // 6.99.29: the card's one state moved (a gate answer, a parked send, a live delivery): repaint all of it.
+    stateChanged: function (r) {
+      if (r !== O.r) return;
+      var wasWorking = !!r.live && !!r.live.working;
+      K.feed.settle(r);
+      if (wasWorking && !r.live.working) loadLast(r);
+      paintLive(); paintVerdict();
+    },
     hold: function (r) {
       if (r !== O.r) return;
       O.note = { text: 'COS is still answering in this session. Send again when it finishes; it will not post twice. Or open the session, where it sends on its own.', kind: 'error' };
@@ -811,7 +1255,7 @@
     watch: function (r, bindingId, key) { watchTurn(r, bindingId, key); },
     queue: function () {}
   };
-  function paintNote() { W.setStatus($('ta-status'), O.note.text, O.note.kind === 'error'); }
+  function paintNote() { W.setStatus($('ta-status'), O.note.text, O.note.kind === 'error'); if (KB.on) fit(); }
   // A copy of the reader's renderVerdict (app.js): the same boxes and words, with Open session where the reader offers
   // Fork and Refresh, which live only in the reader.
   function paintVerdict() {
@@ -830,7 +1274,8 @@
         ((f.changed || f.fork) ? '<button type="button" class="cx-btn quiet" data-ta="open-session">' + (f.fork ? 'Open session to fork it' : 'Open session') + '</button>' : '') +
         '</div></div>';
     } else if (v && v.attachable === false && /^(native_thread_working|native_target_busy)$/.test(v.reason)) {
-      html = '<p class="sx-park">' + esc(K.parkCopy(r.provider)) + '</p>';
+      // 6.99.29: "Working right now" only while the card's one state says so.
+      if (K.feed.parkNoteShows(r)) html = '<p class="sx-park">' + esc(K.parkCopy(r.provider)) + '</p>';
     } else if (v && v.attachable === false && v.reasonCopy) {
       html = '<div class="sx-box refusal" role="status"><p>' + esc(v.reasonCopy) + '</p></div>';
     } else if (v && v.caution) {
@@ -838,16 +1283,26 @@
         : 'Another app on this Mac has this session open. COS asks before the first send.') + '</p>';
     }
     box.innerHTML = html;
+    if (KB.on) fit();   // the reply box's height changed: the conversation's room is measured again
   }
   function setSending(on) {
-    var send = $('ta-send'), input = $('ta-input');
-    if (send) { send.disabled = on; send.textContent = on ? 'Sending' : 'Send'; }
+    var input = $('ta-input');
     if (input) input.readOnly = on;
+    paintSendButton(); paintClip();
   }
   function sendReply(opts) {
     var r = O.r; if (!r) return;
     var input = $('ta-input'), text = input ? input.value.trim() : '';
     if (!text) { O.note = { text: 'Write a message first.', kind: 'error' }; paintNote(); return; }
+    // Files: never before every upload has finished, and never with one that failed.
+    var box = filesOn() ? filesBox(r) : null, st = filesState(box);
+    if (st === 'waiting') { O.note = { text: 'A file is still uploading. Send when it finishes.', kind: '' }; paintNote(); return; }
+    if (st === 'failed') { O.note = { text: 'A file did not upload. Retry it or remove it.', kind: 'error' }; paintNote(); return; }
+    var ids = st === 'ready' ? KIT().ids(box) : [];
+    // A send with files cut off by a reload: the chips are gone, the draft kept their ids. The same words go again with
+    // the same files under the same key, so a send that did land is answered, never repeated.
+    if (!ids.length && r.draft && r.draft.restored && r.draft.text === text && r.draft.ids && r.draft.ids.length) ids = r.draft.ids.slice();
+    if (ids.length) opts = Object.assign({}, opts || {}, { attachmentIds: ids });
     // Control's caution: another app holds this session and looks idle, so the first send asks.
     if (r.verdict && r.verdict.caution && !r.cautionAck) { O.cautionAsk = true; O.armedAt = { caution: Date.now() }; paintVerdict(); return; }
     if (r.sending) return;
@@ -881,7 +1336,7 @@
       var b = c.body || {};
       O.stopKey = '';
       O.note = { text: b.reasonCopy || (b.cancelled ? 'Stopped.' : 'COS could not stop it.'), kind: b.cancelled ? '' : 'error' };
-      if (b.cancelled) { r.stoppedAt = Date.now(); r.live = r.live || {}; r.live.working = false; r.live.prose = null; O.dirty = true; setTimeout(function () { if (O.r === r) loadLast(r); }, 1500); }
+      if (b.cancelled) { r.stoppedAt = Date.now(); K.feed.settle(r); O.dirty = true; paintLive(); paintVerdict(); setTimeout(function () { if (O.r === r) loadLast(r); }, 1500); }
       paintNote(); paintLive();
     }, function (err) {
       O.stopping = false;
@@ -896,11 +1351,19 @@
     clearInterval(O.watch);
     var started = Date.now();
     O.watch = setInterval(function () {
+      // Hidden: no reads, and the three minutes count only while the page is in view (6.99.30).
+      if (document.hidden) { started += 3000; return; }
       if (O.r !== r || Date.now() - started > WATCH_MS) { clearInterval(O.watch); return; }
       K.answer('/api/agent-sessions/bindings/' + encodeURIComponent(bindingId) + '/turns/' + encodeURIComponent(key)).then(function (s) {
         if (O.r !== r) return;
         var o = s.body && s.body.outcome;
-        if (o === 'completed') { clearInterval(O.watch); O.note = { text: 'Done. The reply is below.', kind: '' }; paintNote(); loadLast(r); }
+        if (o === 'completed') {
+          clearInterval(O.watch);
+          // 6.99.29: a turn delivered LIVE is in the open session, which now works on it; it is not done.
+          if (s.body.via === 'live') { K.feed.noteGate(r, true); O.note = { text: 'Sent into the open session. It is working on it now.', kind: '' }; }
+          else { O.note = { text: 'Done. The reply is below.', kind: '' }; loadLast(r); }
+          paintNote(); VIEW.stateChanged(r);
+        }
         else if (o === 'refused') { clearInterval(O.watch); O.note = { text: s.body.reasonCopy || 'The session refused that message.', kind: 'error' }; paintNote(); }
         else if (o === 'ambiguous') { clearInterval(O.watch); O.note = { text: s.body.reasonCopy || 'COS cannot tell whether that landed. Look at the session before sending it again.', kind: 'error' }; paintNote(); }
       }).catch(function () {});
@@ -924,7 +1387,9 @@
     lines.push(rows.length ? 'Needs you (' + rows.length + (later ? ', ' + later + ' of them can wait until tomorrow' : '') + '):'
       : m && !m.settled ? 'Needs you: nothing found so far.' : 'Needs you: nothing.');
     rows.slice(0, 6).forEach(function (r) {
-      if (r.kind !== 'work') { lines.push('- ' + end(clip(r.title, 140)) + (r.why ? ' ' + end(clip(r.why, 160)) : '')); return; }
+      // 6.99.26: where a waiting session can be answered, as the row says it.
+      var where = r.where === 'here' ? ' It can be answered from Today.' : r.where === 'mac' ? ' It waits on the Mac\u2019s own prompt.' : r.where === 'answered' ? ' It was just answered.' : '';
+      if (r.kind !== 'work') { lines.push('- ' + end(clip(r.title, 140)) + (r.why ? ' ' + end(clip(r.why, 160)) : '') + where); return; }
       var it = r.item;
       var title = str(it.sessionTitle) || str(it.title) || 'Handoff';
       var bits = [end(clip(title, 120)) + ' ' + end(needLine(it))];
@@ -967,6 +1432,6 @@
     open: open, close: close, restore: restore, summary: summary, summaryMax: SUMMARY_MAX,
     isOpen: function () { return !!O.open; },
     _state: O, _decide: decide, _undo: undo, _intakeHtml: intakeHtml, _send: sendReply, _view: VIEW, _paintVerdict: paintVerdict,
-    _paintLive: paintLive, _paintMeta: paintMeta, _onClick: onClick, _expire: expireLater
+    _paintLive: paintLive, _paintMeta: paintMeta, _onClick: onClick, _expire: expireLater, _kb: KB, _fitNow: applyFit, _revive: revive
   });
 })();