@gotcos/glasses-server 6.99.25 → 6.99.29

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,
+    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>' +
@@ -130,18 +147,86 @@
     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.
-  function fit() {
+  // With the keyboard up the layer follows the visible viewport, so the keyboard never covers the reply box or Send.
+  // With it closed the layer is the whole fixed viewport (today-actions.css): --ta-vh and --ta-vt are set but unused, so
+  // a visible viewport that reports less than the screen (IMG_0503, 11/07 12:48: about 106 px) never leaves a band.
+  // 6.99.29 (Miles's unfolded Duo, 11/07 11:50): on a wide screen the side sheet kept its tall header and the reply box
+  // went under the keyboard while the conversation shrank to one line. With the keyboard up, at any width, the layer is
+  // marked ta-kb (today-actions.css): the sheet fills the visible viewport, the header folds to one compact row, the
+  // reply box stays pinned at the sheet's bottom just above the keyboard, and the conversation takes what is left. If
+  // that leaves under about three lines, ta-kb-tight also hides the "Working right now" note until the keyboard closes.
+  // Keyboard: the visible viewport, at its zoom, is KB_MIN_PX or more shorter than the layout one (a form bar alone is
+  // about 45 px). Read on visualViewport resize and scroll, at most once a frame, only while the overlay is open.
+  var KB_MIN_PX = 120;
+  var BODY_MIN_PX = 72;          // about three lines of the conversation (15 px text at 1.5)
+  var KB = { on: false, tight: false, frame: 0, listening: false };
+  function keyboardInset(vv) {
+    var layoutH = window.innerHeight || (document.documentElement && document.documentElement.clientHeight) || 0;
+    var inset = Math.round(layoutH - vv.height * (vv.scale || 1));
+    return inset > 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(vv) {
+    var sheet = $('ta-sheet'), grip = sheet && sheet.querySelector ? sheet.querySelector('.ta-grip') : null;
+    return vv.height - tall($('ta-head')) - tall($('ta-foot')) - tall(grip);
+  }
+  function applyFit() {
+    KB.frame = 0;
     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');
+    var inset = keyboardInset(vv), on = inset >= KB_MIN_PX;
+    layer.style.setProperty('--ta-kb', (on ? inset : 0) + 'px');
+    if (on !== KB.on) { KB.on = on; KB.tight = false; layer.classList.toggle('ta-kb', on); }
+    // 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(vv) < BODY_MIN_PX;
+    layer.classList.toggle('ta-kb-tight', on && KB.tight);
+  }
+  function fit() {
+    if (KB.frame) 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 (!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); }
+  }
+  function unfit() {
+    listenViewport(false);
+    if (KB.frame && window.cancelAnimationFrame) window.cancelAnimationFrame(KB.frame);
+    KB.frame = 0; KB.on = false; KB.tight = false;
+    if (!layer) return;
+    layer.classList.remove('ta-kb'); layer.classList.remove('ta-kb-tight');
+    layer.style.setProperty('--ta-kb', '0px');
   }
-  if (window.visualViewport) { window.visualViewport.addEventListener('resize', fit); window.visualViewport.addEventListener('scroll', fit); }
 
   function openerSelector(t) {
     if (!t || !t.getAttribute) return '';
@@ -151,9 +236,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 +251,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
@@ -212,9 +308,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; O.ignorePops++;
+      try { if (n > 1 && typeof history.go === 'function') history.go(-n); else history.back(); } catch (_e) { O.ignorePops--; }
+    }
     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.
@@ -241,7 +343,7 @@
   // 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 +351,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; }
+    // 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) { O.ignorePops++; try { history.back(); } catch (_e) { O.ignorePops--; } }
+    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 +410,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 +422,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;
@@ -328,7 +457,8 @@
   // The keyboard rises over the bottom of the sheet: keep the box in view as it does.
   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);
+    fit();
+    setTimeout(function () { if (!O.open) return; applyFit(); var f = $('ta-form'); if (f && f.scrollIntoView) f.scrollIntoView({ block: 'nearest' }); }, 250);
   }
 
   // ═════════════ From today's meetings ═════════════
@@ -359,7 +489,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,25 +693,42 @@
     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>';
     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);
@@ -588,11 +736,12 @@
     if (kind === 'need') recheckNeed(key);
   }
   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 +761,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 +848,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 +872,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 +893,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 +1002,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 +1018,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 +1058,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 +1074,8 @@
     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);
+        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 +1095,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 +1123,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 +1142,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 +1151,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 +1204,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;
@@ -900,7 +1223,13 @@
       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 +1253,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 +1298,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
   });
 })();