@gotcos/glasses-server 6.99.29 → 7.0.7

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

@@ -75,7 +75,7 @@
   var O = {
     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
@@ -144,6 +144,8 @@
     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);
     });
@@ -169,46 +171,103 @@
     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;
   }
-  // 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.
+  // 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, 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;
-  }
+  var KB = { on: false, strip: false, tight: false, frame: 0, listening: false, width: 0, inset: 0, typed: false };
   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) {
+  function bodyRoom(height) {
     var sheet = $('ta-sheet'), grip = sheet && sheet.querySelector ? sheet.querySelector('.ta-grip') : null;
-    return vv.height - tall($('ta-head')) - tall($('ta-foot')) - tall(grip);
+    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; }
+  // 7.0.2: `wide` keeps its 6.99.30 meaning, 600 px wide or more, so old and new reports compare. From 7.0.2 a short
+  // touch screen at that width counts as a phone (app.js isPhone, A8): that is shortTouch.
+  function crumbWide() { return window.matchMedia ? !!window.matchMedia('(min-width: 600px)').matches : !phone(); }
+  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: crumbWide(), shortTouch: crumbWide() && phone() });
   }
   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 (!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(vv) < BODY_MIN_PX;
+    if (on && !KB.tight) KB.tight = bodyRoom(v.height) < BODY_MIN_PX;
     layer.classList.toggle('ta-kb-tight', on && KB.tight);
+    // 7.0.2 (A1): the breadcrumb goes on every keyboard open and close in the sheet (a field typing with KB_MIN_PX or more
+    // covered), not only when a class flips: a keyboard that came while ta-kb was already on used to send nothing.
+    var typed = focus && v.inset >= KB_MIN_PX, opened = typed !== KB.typed;
+    KB.typed = typed;
+    if (opened || 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) return;
+    if (KB.frame || !O.open) return;
     if (!window.requestAnimationFrame) return applyFit();   // every browser with visualViewport has frames
     KB.frame = window.requestAnimationFrame(applyFit);
   }
@@ -222,11 +281,34 @@
   function unfit() {
     listenViewport(false);
     if (KB.frame && window.cancelAnimationFrame) window.cancelAnimationFrame(KB.frame);
-    KB.frame = 0; KB.on = false; KB.tight = false;
+    KB.frame = 0; KB.on = false; KB.strip = false; KB.tight = false; KB.width = 0; KB.inset = 0; KB.typed = false;
     if (!layer) return;
-    layer.classList.remove('ta-kb'); layer.classList.remove('ta-kb-tight');
-    layer.style.setProperty('--ta-kb', '0px');
-  }
+    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 '';
@@ -275,6 +357,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
@@ -314,8 +398,8 @@
     // 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--; }
+      O.pushed = false;
+      quietBack(n);
     }
     if (how === 'pop' || how === 'leave') O.pushed = false;
     clearTimeout(O.expireTimer);
@@ -333,11 +417,29 @@
     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
@@ -362,8 +464,12 @@
       })();
     });
   }
-  window.addEventListener('popstate', function () {
-    if (O.ignorePops > 0) { O.ignorePops--; return; }
+  // Back from an enlarged image (panes/reader-media.js pushes one entry over the sheet's) is the image's Back: the
+  // viewer closes and the sheet, its scroll and a half-typed note stay (11/08). The viewer says which pops are its own.
+  function imagePop(e) { return !!(W.readerMedia && typeof W.readerMedia.popIsMine === 'function' && W.readerMedia.popIsMine(e)); }
+  window.addEventListener('popstate', function (e) {
+    if (O.pops.length) { var w = O.pops.shift(); clearTimeout(w.timer); O.ignorePops = O.pops.length; if (w.then) w.then(); return; }
+    if (imagePop(e)) 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');
@@ -372,7 +478,7 @@
   function backToList(fromButton) {
     var b = O.back;
     if (!b) return;
-    if (fromButton && O.depth > 1) { O.ignorePops++; try { history.back(); } catch (_e) { O.ignorePops--; } }
+    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;
@@ -423,6 +529,7 @@
     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', []);
+    if (what === 'q-retry') { if (W.sessionQuestions && W.sessionQuestions.retry) W.sessionQuestions.retry(); return; }
     // 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') {
@@ -454,11 +561,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;
+    if (!e.target || !typing()) return;
     fit();
-    setTimeout(function () { if (!O.open) return; applyFit(); var f = $('ta-form'); if (f && f.scrollIntoView) f.scrollIntoView({ block: 'nearest' }); }, 250);
+    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 ═════════════
@@ -706,7 +820,7 @@
     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) : ''; foot.hidden = false; }
     var input = $('ta-input');
@@ -733,8 +847,37 @@
     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; }
@@ -811,6 +954,8 @@
       el.classList.toggle('hidden', !box.atts.length);
     }
     paintClip(); paintSendButton();
+    // QA 7.0.0: the "Working right now" note says whether files go with the message.
+    if (O.r && O.r.verdict) paintVerdict();
   }
   // 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.
@@ -877,8 +1022,15 @@
       // 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>';
       var where = waitWhere();
+      // W13 (QA week of 11/01-11/08): the words Today's row showed for it (its `ask`) stay here, read-only, when no card
+      // draws them: the Mac line and a failed read alike. Never twice: not when the line above already says them.
+      var ask = waitAsk();
+      if (ask && (where === 'mac' || where === 'failed') && !O.macCount) html += '<blockquote class="ta-quote ta-mac-ask">' + esc(ask) + '</blockquote>';
       // 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>';
+      // W13: the questions could not be read, so whether one waits here is unknown. Say so, never "at the Mac", and read again.
+      if (where === 'failed') html += '<p class="ta-note ta-q-failed" role="status">' + esc('Couldn\u2019t load this session\u2019s questions, so one may be waiting here.') +
+        ' <button type="button" class="link-btn" data-ta="q-retry">Retry</button></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) {
@@ -895,17 +1047,25 @@
     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';
+    if (foot && O.open.kind === 'wait') { var w = waitWhere(); foot.hidden = w === 'failed' ? !!(O.r && O.r.provider === 'claude') : w !== '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).
+  // W13: 'failed' when the last questions read failed and no card is drawn: a Claude reply still answers nothing, so the
+  // reply box stays a Codex or Cursor one.
   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 && W.sessionQuestions && W.sessionQuestions.loadState && W.sessionQuestions.loadState() === 'failed') return 'failed';
     if (O.macCount || (O.r && O.r.provider === 'claude') || (O.wait && O.wait.where === 'mac')) return 'mac';
     return 'reply';
   }
+  // The question in Today's own words (its Needs you row), unless the line above the sheet already reads exactly that.
+  function waitAsk() {
+    var a = O.wait && O.wait.ask ? String(O.wait.ask).trim() : '';
+    return a && !(O.wait.why && String(O.wait.why).trim() === a) ? a : '';
+  }
   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 ═════════════
@@ -967,7 +1127,7 @@
   function loadLast(r) {
     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) {
+    return K.answer(K.path(r.provider, r.id, '?turns=6&cards=1'), { timeoutMs: 20000 }).then(function (a) {
       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; }
@@ -975,7 +1135,8 @@
       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() || (K.imageHtml && K.imageHtml(t))); }).pop();
-      O.last = lastA ? { text: String(lastA.text || lastA.content || '').trim(), at: lastA.at, outputImages: lastA.outputImages } : null;
+      O.last = lastA ? { text: String(lastA.text || lastA.content || '').trim(), at: lastA.at, toolImages: lastA.toolImages, toolImagesMore: lastA.toolImagesMore, outputLinks: lastA.outputLinks,
+        outputImages: lastA.outputImages, outputFiles: lastA.outputFiles, previewsOff: lastA.previewsOff } : null;
       O.lastState = O.last ? 'ready' : 'none';
       O.lastWhy = '';
       paintLast();
@@ -985,7 +1146,7 @@
     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) : '']) : '';
+    var signature = O.last ? JSON.stringify([O.last.text, O.last.at, K.imageHtml ? K.imageHtml(O.last) : '', K.linksAttr ? K.linksAttr(O.last) : '']) : '';
     if (signature && box.__taLastSignature === signature) {
       var refresh = $('ta-last-refresh');
       if (refresh) refresh.textContent = O.lastState === 'loading' ? 'Checking for a newer reply…'
@@ -1001,8 +1162,10 @@
     if (!O.last) { box.innerHTML = ''; return; }
     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>' : '') + (K.imageHtml ? K.imageHtml(O.last) : '') + '<p id="ta-last-refresh" class="ta-sub" role="status"></p></section>';
+      (K.imageHtml ? K.imageHtml(O.last, { part: 'before' }) : '') +
+      // Preview engine phase 1: the reply's link cards, as in the reader.
+      '<div class="sx-md ta-last-text' + (long ? ' clamped' : '') + '" id="ta-last-text"' + (K.linksAttr ? K.linksAttr(O.last) : '') + '>' + K.markdown(O.last.text.slice(0, 12000), O.last.outputLinks) + '</div>' +
+      (long ? '<button type="button" class="link-btn" data-ta="more">Show all of it</button>' : '') + (K.imageHtml ? K.imageHtml(O.last, { part: 'after' }) : '') + '<p id="ta-last-refresh" class="ta-sub" role="status"></p></section>';
     if (K.imagesMount) K.imagesMount(box, O.r);
   }
 
@@ -1074,6 +1237,7 @@
     if (w === 'Working' || w === 'Waiting') {
       O.clock = setInterval(function () {
         if (O.r !== r) { clearInterval(O.clock); return; }
+        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();
@@ -1143,7 +1307,8 @@
         '</div></div>';
     } else if (v && v.attachable === false && /^(native_thread_working|native_target_busy)$/.test(v.reason)) {
       // 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>';
+      // QA 7.0.0: files in this sheet's box wait for the turn end, so the note says so (app.js sxParkLine).
+      if (K.feed.parkNoteShows(r)) html = '<p class="sx-park">' + esc(K.parkCopy(r.provider, r, !!(filesOn() && filesState(filesBox(r)) !== 'none'))) + '</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) {
@@ -1219,6 +1384,8 @@
     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;
@@ -1298,6 +1465,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, _kb: KB, _fitNow: applyFit
+    _paintLive: paintLive, _paintMeta: paintMeta, _onClick: onClick, _expire: expireLater, _kb: KB, _fitNow: applyFit, _revive: revive
   });
 })();

package/server/web-control/panes/work.css

@@ -59,7 +59,7 @@
   .wk-filters { width: 100%; justify-content: flex-start; }
   .wk-filters .cx-search { max-width: none; flex-basis: 100%; }
   .wk-pick { flex: 1 1 140px; flex-direction: column; align-items: stretch; gap: 4px; font-size: 11.5px; }
-  .wk-pick select.field { min-height: 38px; font-size: 15px; width: 100%; background-position: calc(100% - 16px) 17px, calc(100% - 11px) 17px; }
+  .wk-pick select.field { font-size: 15px; width: 100%; background-position: calc(100% - 16px) 17px, calc(100% - 11px) 17px; }
   .wk-text-btn { min-height: 36px; font-size: 14px; }
 }
 
@@ -313,3 +313,13 @@
 .wk-pick-row { display: flex; align-items: center; gap: 10px; padding: 8px 2px; border-top: 1px solid var(--hairline); }
 .wk-pick-row > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 .wk-pick-row strong { font-size: 13.5px; }
+
+/* Duo tables: the divider between a card and its side panel (app.js splitKit, styled in app.css; work.js DIVIDER). From
+   900 px only, where both show. Its 22 px column is the old gap, so the default layout is unchanged; a dragged width
+   sizes the side panel, clamped so it keeps 320 px and the card 380 px. */
+@media (min-width: 900px) {
+  .wk-detail.split-side { grid-template-columns: minmax(0, 1fr) 22px minmax(320px, 400px); column-gap: 0; }
+  .wk-detail.split-side.split-sized { grid-template-columns: minmax(0, 1fr) 22px clamp(320px, var(--split-side-share, 30%), calc(100% - 402px)); }
+  .wk-detail.split-side > .split-handle { display: flex; }
+}
+@media (min-width: 1300px) { .wk-detail.split-side { grid-template-columns: minmax(0, 1fr) 22px 452px; } }

package/server/web-control/panes/work.js

@@ -1126,6 +1126,13 @@
       (str(t.source) ? fact('Source', t.source) : '') + (str(t.runAt) ? fact('Scheduled', t.runAt) : '') +
       '<p class="wk-fine">Task editing, scheduling, and completion stay attached to the original task. Agent output does not change its completion state.</p></section>';
   }
+  // Duo tables: the divider between a card and its side panel (app.js splitKit, 900 px and up). The side panel is the
+  // column on the right, so it grows as the line moves left; it keeps 320 px and the card 380 px, past a 22 px divider
+  // that is the old gap. A repaint in place keeps the same divider. (DIVIDER, since SPLIT is the Sort split.)
+  // A page without the kit (a test's stand-in W) draws no divider and keeps working.
+  var SPLIT_KIT = W.splitKit || { handle: function () { return ''; }, mount: function () { return null; } };
+  var DIVIDER = { key: 'cos_web_work_split', label: 'Side panel', side: 'end', sized: '.wk-detail-side', cssVar: '--split-side-share', media: '(min-width: 900px)', listMin: 320, readerMin: 380, handleW: 22 };
+  var SPLIT_HANDLE = SPLIT_KIT.handle({ id: 'wk-handle', controls: 'wk-part-side', label: DIVIDER.label });
   function renderDetail(arg) {
     var it = itemFor(arg);
     S.viewWaiting = !it && (S.loading || !S.tasks);
@@ -1151,11 +1158,12 @@
     } else {
       S.chatDeferred = false;
       pane.innerHTML = '<div class="cx wk" data-tint="work">' + backBar(backLabel()) + '<div id="wk-part-notices" class="wk-part">' + parts.notices + '</div>' +
-        '<div class="wk-detail" data-wid="' + esc(it.wid) + '"><div class="wk-detail-main"><div id="wk-part-main" class="wk-part">' + parts.main + '</div>' + chatSectionHtml(it) + '</div>' +
-        '<aside class="wk-detail-side" id="wk-part-side">' + parts.side + '</aside></div></div>';
+        '<div class="wk-detail' + (SPLIT_HANDLE ? ' split-side' : '') + '" data-wid="' + esc(it.wid) + '"><div class="wk-detail-main"><div id="wk-part-main" class="wk-part">' + parts.main + '</div>' + chatSectionHtml(it) + '</div>' +
+        SPLIT_HANDLE + '<aside class="wk-detail-side" id="wk-part-side">' + parts.side + '</aside></div></div>';
       [['wk-part-notices', parts.notices], ['wk-part-main', parts.main], ['wk-part-side', parts.side]].forEach(function (p) { var el = $(p[0]); if (el) el.__html = p[1]; });
       var hist = $('wk-part-chat'); if (hist) hist.__html = hist.innerHTML;
     }
+    SPLIT_KIT.mount(pane.querySelector('.wk-detail'), $('wk-handle'), DIVIDER);
     chatSyncComposer(it);
     if (!S.activity[it.wid] && !S.activityError[it.wid] && !S.activityLoading[it.wid]) {
       S.activityLoading[it.wid] = true;

package/server/web-control/shell.js

@@ -77,10 +77,13 @@
   }
   // About 16 reads: never two runs at once, never more than one a minute, two at a time through storyApi, and never
   // ahead of the pane the person just opened (Safari keeps 6 connections to the Mac over HTTP/1.1).
-  // On the closed Duo (below 600px) the stories show only inside the section menu, so they load
-  // when the menu opens rather than costing the pane its connections on every visit.
+  // Below 600 px wide (the folded Duo) the rail is hidden and the stories show only inside the section menu, so they
+  // load when the menu opens rather than costing the pane its connections on every visit. This is the WIDTH test on
+  // purpose, not W.isPhone: from 7.0.2 a short touch screen at any width counts as a phone (the unfolded Duo, 951x539),
+  // and it still has the rail, its story lines and hot dots.
+  function railHidden() { return !window.matchMedia('(min-width: 600px)').matches; }
   function loadStories(force) {
-    if (!force && W.isPhone()) return;
+    if (!force && railHidden()) return;
     if (Date.now() - storiesAt < 60000) return;
     storiesAt = Date.now();
     var now = new Date();
@@ -210,17 +213,17 @@
       setStory('threads', active + ' active' + (list[0] && list[0].name ? ', newest ' + clip(list[0].name, 40) : ''), false);
     });
 
-    // Memories (TodayHome.memoriesStory): n is the gated needs-you count (capped, from the
-    // bridge's status, which runs the same CLI Control's helper runs); total is the number of
-    // rows to review. "Next n of total" when there are more rows than n, else "n to review".
-    Promise.all([
-      soft(storyApi('/api/web-bridge/memories', { method: 'POST', body: { id: 'rail-status', op: 'status', args: {} } })),
-      soft(storyApi('/api/context/learning/review?limit=200'))
-    ]).then(function (res) {
-      var n = res[0] && res[0].details ? res[0].details.learningToReview : null;
+    // Memories (TodayHome.memoriesStory): n is the needs-review count (capped, from the bridge's
+    // status, which runs the same CLI Control's helper runs, judged by memory-review.js); total is
+    // every item that needs review by the same predicate, never the To review list's length (that
+    // list also holds suggestions and proposals with no decision waiting). "Next n of total" when
+    // more need review than are shown, else "n to review".
+    soft(storyApi('/api/web-bridge/memories', { method: 'POST', body: { id: 'rail-status', op: 'status', args: {} } })).then(function (r) {
+      var d = r && r.details ? r.details : {};
+      var n = d.learningToReview;
       if (typeof n !== 'number') return setStory('memories', FALLBACK.memories, false);
       if (n <= 0) return setStory('memories', 'Nothing to review', false);
-      var total = res[1] && Array.isArray(res[1].events) ? res[1].events.length : null;
+      var total = typeof d.learningToReviewTotal === 'number' ? d.learningToReviewTotal : null;
       setStory('memories', total != null && total > n ? 'Next ' + n + ' of ' + total : n + ' to review', true);
     });
     // Dictation lives on the Mac (its history and suggestions are local files).
@@ -260,9 +263,9 @@
     }
     crumbs.innerHTML = parts.join('');
     $('nav-back').disabled = onToday;
-    // The phone top bar names the detail too, so a reader says where it is.
+    // The phone top bar (below 600 px, the same width test) names the detail too, so a reader says where it is.
     var label = $('section-name');
-    if (label && detail && W.isPhone()) label.textContent = detail;
+    if (label && detail && railHidden()) label.textContent = detail;
   }
 
   document.addEventListener('click', function (e) {
@@ -286,6 +289,9 @@
   });
 
   W.onRoute(paintNavbar);
+  // 6.99.30: the server line moves the moment a request fails to reach the Mac or reaches it again (app.js noteServer),
+  // not on the five-minute check. Back up, the health read confirms it and refreshes what rides on it.
+  if (W.onServer) W.onServer(function (up) { setServer(up); if (up) checkServer(); });
   W.onShell(function () {
     Object.keys(FALLBACK).forEach(function (k) { setStory(k, FALLBACK[k], false); });
     setTimeout(function () { loadStories(); checkServer(); }, 2500);