@gotcos/glasses-server 7.0.30 → 7.0.34

package/server/web-control/app.js

@@ -294,6 +294,26 @@
     return function () { if (!once) { once = true; WRITES.n = Math.max(0, WRITES.n - 1); } };
   }
   if (typeof window === 'object' && window) window.CosBusy = function () { return WRITES.n > 0 || !!(typeof state === 'object' && state && state.reading && state.reading.sending); };
+  // 7.0.33 A8 (Anand round 2, slide 19): an answer that is only a machine code ("cos_pipeline_not_configured") is never
+  // put on screen as is. Known codes get plain words that say what to do; any other bare code gets one plain sentence.
+  // err.code keeps the code, so a pane can still tell them apart.
+  var NOT_SET_UP = 'This part of COS is not set up on this Mac, so there is nothing to show here. Nothing is broken.';
+  // When trying again does not help, the next step: COS Control's menu restarts the server.
+  var STILL = ' If it keeps happening, restart COS from the COS Control menu on your Mac.';
+  var PLAIN_CODES = {
+    cos_pipeline_not_configured: NOT_SET_UP, pipeline_missing: NOT_SET_UP,
+    // Q1: a scripts folder is set (COS_SCRIPTS_DIR) but COS cannot run it: a broken setup, not a missing feature.
+    bridge_missing: 'COS on your Mac is set to use a scripts folder it cannot run, so this cannot be read. Check the COS_SCRIPTS_DIR setting on your Mac, then restart COS from the COS Control menu.',
+    task_runtime_unavailable: 'Work is not set up on this Mac yet. Open COS Control on your Mac to finish setting it up.',
+    unknown_command: 'COS on your Mac is older than this page. Update it from COS Control on your Mac.',
+    bridge_error: 'COS on your Mac could not read this just now. Try again in a moment.' + STILL
+  };
+  function plainMessage(msg) {
+    var m = String(msg || '').trim();
+    if (!/^[a-z0-9]+(?:_[a-z0-9]+)+$/.test(m)) return msg;
+    return PLAIN_CODES[m] || 'COS on your Mac could not do that just now. Try again in a moment.' + STILL;
+  }
+  function notSetUp(code) { return code === 'cos_pipeline_not_configured' || code === 'pipeline_missing'; }
   function api(path, opts) {
     var o = opts || {};
     var headers = { 'X-COS-Web': '1' };
@@ -322,7 +342,7 @@
         try { data = text ? JSON.parse(text) : {}; } catch (_e) { data = {}; }
         if (!res.ok) {
           var msg = (data && (data.message || (data.error && data.error.message) || data.error)) || ('The server answered ' + res.status + '.');
-          var err = new Error(typeof msg === 'string' ? msg : 'The server answered ' + res.status + '.');
+          var err = new Error((typeof plainMessage === 'function' ? plainMessage : String)(typeof msg === 'string' ? msg : 'The server answered ' + res.status + '.'));
           err.status = res.status;
           // The machine-readable reason, so a pane can say the right thing for a refusal whose
           // body carries a code and no sentence (for example work-intake's {error: {code}}).
@@ -597,6 +617,10 @@
     else pos = NAV.replace ? NAV.replace.pos : history.length - 1;
     var back = null;
     if (!st && !NAV.replace && NAV.last && typeof NAV.last.pos === 'number' && pos === NAV.last.pos + 1) back = NAV.last.hash;
+    // 7.0.33 A11 (Anand round 2, slides 5 and 28): a place picked from the menu (the rail, the pane menu, Ask's Go to)
+    // starts a new trail. That page has no path behind it, so Back goes up from it, as after a deep link.
+    if (NAV.fresh && Date.now() - NAV.fresh < 2000) back = null;
+    NAV.fresh = 0;
     NAV.replace = null;
     // 7.0.30, Miles's pick B: the steps before this one ride in the same mark, the last of them being where Back goes.
     var trail = back ? (NAV.last.trail || []).concat([{ h: NAV.last.hash, t: NAV.last.label || '' }]).slice(-NAV_TRAIL_MAX) : null;
@@ -621,15 +645,22 @@
     var t = st.cosNav.trail;
     return t.map(function (s, i) { return { label: trailName(s.h, s.t), hash: s.h, back: t.length - i }; });
   }
-  // A step is named by what kind of page it is, not its title (the title is the heading under the row): "Meeting",
-  // "Session", "Naming voices". A list is its pane. A message, a day and a chat keep their own short name.
+  // 7.0.33 A11: a step is named by what it shows, its title (a meeting's, a session's, "Message #2", a day's date), cut
+  // to TRAIL_NAME_MAX characters with an ellipsis; a list is its pane. Only while the title is not loaded does the kind
+  // stand in ("Meeting", "Session", "Naming voices"). The same rule as COS Control's trail on the Mac (D4, 0.5.394).
+  var TRAIL_NAME_MAX = 28;
+  function trailCap(text) { var t = String(text || '').replace(/\s+/g, ' ').trim(); return t.length > TRAIL_NAME_MAX ? t.slice(0, TRAIL_NAME_MAX - 1).replace(/\s+$/, '') + '\u2026' : t; }
   function trailName(hash, crumb) {
     var a = String(hash || '').replace(/^#\/?/, '').split('/').filter(function (x) { return x !== ''; }), p = ROOT_PANES.indexOf(a[0]) >= 0 ? a[0] : 'today';
     if (a.length < 2 || isTabRoute(a.slice(1))) return TITLES[p] || 'Today';
+    // Naming voices is a page of its own about a meeting; its crumb is the meeting's title, so by title it read the same
+    // as the meeting after it ("Speakers / Pricing review / Pricing review"). It keeps its name.
+    if (p === 'speakers' && a[1] === 'review') return 'Naming voices';
+    if (crumb) return trailCap(crumb);
     if (p === 'meetings') return 'Meeting';
     if (p === 'sessions') return 'Session';
     if (p === 'speakers' && a[1] === 'review') return 'Naming voices';
-    return crumb || TITLES[p] || 'Today';
+    return TITLES[p] || 'Today';
   }
   // One line that never wraps. When it is too wide, steps leave from the middle (the one after the first, then the next),
   // never the first, the one before this page, or this page; "…" stands where they were. widths: each step's, then this
@@ -742,7 +773,7 @@
       // The rail changes the reply box's width: an empty box re-fits its placeholder (autoGrow, F2).
       var si = typeof $ === 'function' ? $('session-input') : null; if (si && typeof sxPlaceholderFit === 'function' && si.phLong) sxPlaceholderFit(si); else if (si && !si.value && typeof autoGrow === 'function') autoGrow(si);
       // A change after boot (a fold, a rotation, a new screen) is reported once, with the screen's own numbers.
-      if (RAIL.on !== null && RAIL.on !== on && typeof layoutCrumb === 'function') { var sc = window.screen || {}; layoutCrumb('rail', { sw: sc.width, sh: sc.height, rail: on, railHit: RAIL.hit }); }
+      if (RAIL.on !== null && RAIL.on !== on && typeof layoutCrumb === 'function') { var sc = window.screen || {}; layoutCrumb('rail', { sw: sc.width, sh: sc.height, rail: on, railHit: RAIL.hit, dvh: typeof lrProbe === 'function' ? lrProbe('height:100dvh', 'h') : null }); }
       RAIL.on = on;
       if (!RAIL.hooked && typeof window.matchMedia === 'function' && typeof window.addEventListener === 'function') {
         RAIL.hooked = true;
@@ -782,6 +813,7 @@
 
     var reading = r.args.length > 0 && !isTabRoute(r.args);
     if (typeof sxFrameSync === 'function') sxFrameSync();
+    if (typeof rdFrameSync === 'function') rdFrameSync(r);
     var paneEl = $('pane-' + r.pane);
     if (paneEl) paneEl.classList.toggle('reading', reading);
     var split = paneEl && paneEl.querySelector('.split');
@@ -806,8 +838,12 @@
     if (typeof paintTrail === 'function') paintTrail(r);
     closeMenu();
     if (changedPane) window.scrollTo(0, 0);
-    $('topbar').classList.remove('tucked');
+    // 7.0.33 A12 (Q1): through barShow, so a bar sliding back after a page change catches its first tap too.
+    barShow($('topbar'));
     onScroll();
+    // 7.0.33 A13: the pet in the top bar stays on every page; its card closes when the page changes.
+    if (typeof petCardClose === 'function') petCardClose();
+    if (typeof petInBar === 'function' && petInBar() && state.sessions) { placePet(); if (changedPane && $('today-pet').classList.contains('hidden')) renderPet(state.sessions); }
 
     if (!PANES[r.pane] && LAZY()[r.pane]) {
       var lazyPane = r.pane, lazyEl = $('pane-' + lazyPane), wasEmpty = lazyEl && !lazyEl.getAttribute('data-lazy-ready');
@@ -860,16 +896,44 @@
   var lastY = 0;
   function onScroll() {
     var y = Math.max(0, window.scrollY || 0);
-    // On a reader the bar stays (its Back is there). The folded Duo's Back is on the side rail (the bar's is hidden by CSS,
-    // not the class), so there the bar tucks as before (Q1 7.0.30 M1).
-    var bar = $('topbar'), back = $('topbar-back'), onReader = !!(back && !back.classList.contains('hidden')) && !(typeof sideRail === 'function' && sideRail());
+    // On a reader the bar stays (its Back is there). 7.0.33 A12: on the folded Duo too, where the bar now shows a named
+    // Back (app.css); before, the bar tucked there and a tap meant for it landed on the page.
+    var bar = $('topbar'), back = $('topbar-back'), onReader = !!(back && !back.classList.contains('hidden'));
     bar.classList.toggle('scrolled', y > 8);
-    if (y < 60 || y < lastY - 4 || onReader) bar.classList.remove('tucked');
+    if (y < 60 || y < lastY - 4 || onReader) barShow(bar);
     else if (y > lastY + 4 && isPhone()) bar.classList.add('tucked');
     lastY = y;
   }
   function openMenu() { if (sideRail()) return; $('section-menu').classList.remove('hidden'); var cur = document.querySelector('#section-menu [aria-current="page"]') || document.querySelector('#section-menu [data-goto]'); if (cur) cur.focus(); }
   function closeMenu() { $('section-menu').classList.add('hidden'); }
+  // 7.0.33 A12 (Anand round 2, slide 27): no tap falls through a hidden top bar. Once the bar has slid away its band shows
+  // the page, and a tap meant for the bar (Ask, Back) landed on whatever was there; on Settings that armed, then fired,
+  // "Sign out every browser". Now, while the bar is away or still sliding back, the first tap in its band only brings
+  // the bar back. Every page and size: the class is the test, so wherever the bar tucks, its band catches.
+  var barBackAt = 0, barCatch = null;
+  function barShow(bar) { if (bar.classList.contains('tucked')) { bar.classList.remove('tucked'); barBackAt = Date.now(); } }
+  // Inside the bar's own band only: its height, and its own left and right (Q1: on the folded Duo the rail's top icon
+  // sits beside the bar, and a tap on it while the bar was away was swallowed). The bar only moves up and down, so its
+  // left and right hold while it is away.
+  function barCatches(x, y) {
+    var bar = $('topbar');
+    if (!bar || !(y >= 0) || y >= bar.offsetHeight) return false;
+    var r = bar.getBoundingClientRect ? bar.getBoundingClientRect() : null;
+    if (r && !(x >= r.left && x < r.right)) return false;
+    return bar.classList.contains('tucked') || Date.now() - barBackAt < BAR_SLIDE_MS;
+  }
+  var BAR_SLIDE_MS = 320;   // app.css: the bar's transform takes 220 ms; a little more for the finger
+  document.addEventListener('pointerdown', function (e) {
+    barCatch = null;
+    if (!barCatches(e.clientX, e.clientY)) return;
+    barCatch = { y: e.clientY, until: Date.now() + 1500 };
+    barShow($('topbar')); lastY = Math.max(0, window.scrollY || 0);
+  }, true);
+  document.addEventListener('click', function (e) {
+    var c = barCatch; barCatch = null;
+    if (!c || Date.now() > c.until || Math.abs(e.clientY - c.y) > 24) return;
+    e.preventDefault(); e.stopPropagation();
+  }, true);
 
   // ── auth ────────────────────────────────────────────────
   // 7.0.19: the first paint (index.html #first-paint) ends the moment the sign-in card or the app shows, whichever
@@ -905,6 +969,7 @@
     // hidden, so the gate could not scroll and Connect sat below a keyboard-height screen. The gate is a normal page;
     // showShell's route() puts the frame back (sxFrameSync) when the shell returns.
     document.documentElement.classList.remove('sx-frame');
+    document.documentElement.classList.remove('rd-frame');
     // A later 401 from a pane still polling (W.api passes no message) must not blank what the gate already says:
     // the reason it opened, or "That code did not match" while the person retypes.
     if (!message && alreadyOpen) return;
@@ -1431,17 +1496,19 @@
   function petPrefs() {
     var p = readStore(PET_KEY);
     var pet = typeof p.pet === 'string' && /^(mac|(shipped|gallery):[a-z0-9][a-z0-9-]{0,80})$/.test(p.pet) ? p.pet : 'mac';
-    return { pet: pet, show: p.show !== false };
+    // 7.0.33 A13 (Anand round 2, slide 9): where it shows. 'today' as before, or 'bar': small in the top bar on a phone.
+    return { pet: pet, show: p.show !== false, place: p.place === 'bar' ? 'bar' : 'today' };
   }
   function setPetPrefs(next) {
     var cur = petPrefs();
-    var merged = { pet: next.pet != null ? next.pet : cur.pet, show: next.show != null ? !!next.show : cur.show };
+    var merged = { pet: next.pet != null ? next.pet : cur.pet, show: next.show != null ? !!next.show : cur.show, place: next.place != null ? (next.place === 'bar' ? 'bar' : 'today') : cur.place };
     writeStore(PET_KEY, merged);
     // Forget the old pet's manifest and loop; Today repaints with the new choice next time it shows.
     PET.manifest = null; PET.fetchedAt = 0; PET.pose = null; PET.token++; petStop();
     var box = $('today-pet');
     if (box) { box.innerHTML = ''; box.classList.add('hidden'); }
-    if (state.pane === 'today' && state.sessions) renderPet(state.sessions);
+    placePet();
+    if ((state.pane === 'today' || petInBar()) && state.sessions) renderPet(state.sessions);
     return merged;
   }
   var PET_HEIGHT = 140;
@@ -1558,13 +1625,72 @@
   // Folded (one column) the pet sits above the story. Unfolded (two columns, the same 760px line as
   // .today-cols in app.css) it moves to the top of the right-hand column, above Needs you (Miles 11/06).
   var PET_WIDE = window.matchMedia ? window.matchMedia('(min-width: 760px)') : null;
+  // 7.0.33 A13 (Anand round 2, slide 9; Miles 12:43, the three choices and Anand's top bar mock): "In the top bar" puts the
+  // same pet, small and round, in a phone's top bar left of Ask, on every page; a tap opens a card under it (the pet, its
+  // line, Change pet and Hide). The folded and the open Duo have the rail instead of that bar: there it stays on Today
+  // until its place there is chosen (render sent to the lead). The default stays On Today.
+  var PET_BAR_MQ = window.matchMedia ? window.matchMedia('(min-width: 600px)') : null;
+  function petInBar() { var p = petPrefs(); return p.show && p.place === 'bar' && !(PET_BAR_MQ && PET_BAR_MQ.matches) && !(typeof sideRail === 'function' && sideRail()); }
   function placePet() {
     var box = $('today-pet'), side = document.querySelector('#pane-today .today-side'), rec = $('today-rec');
     if (!box || !side || !rec) return;
+    var bar = $('topbar'), ask = bar && bar.querySelector('[data-open-ask]');
+    if (petInBar() && ask) { if (ask.previousElementSibling !== box) bar.insertBefore(box, ask); box.classList.add('in-bar'); return; }
+    box.classList.remove('in-bar'); petCardClose();
     if (PET_WIDE && PET_WIDE.matches) { if (side.firstElementChild !== box) side.insertBefore(box, side.firstElementChild); }
     else if (rec.previousElementSibling !== box) rec.parentNode.insertBefore(box, rec);
   }
-  if (PET_WIDE) { if (PET_WIDE.addEventListener) PET_WIDE.addEventListener('change', placePet); else if (PET_WIDE.addListener) PET_WIDE.addListener(placePet); }
+  function petReplace() { placePet(); if (petInBar() && state.sessions) renderPet(state.sessions); }
+  [PET_WIDE, PET_BAR_MQ].forEach(function (mq) { if (mq) { if (mq.addEventListener) mq.addEventListener('change', petReplace); else if (mq.addListener) mq.addListener(petReplace); } });
+  // The card under the small pet, as in Anand's mock: the pet, its line (petCaption, the words Today shows under it), one
+  // more line when nothing runs, then Change pet and Hide. With something to open, the pet and its line open it, as the
+  // pet on Today does (petTap). Hide turns the pet off and says where it comes back.
+  var PET_IDLE_LINE = 'I\u2019ll wave when an agent starts.';
+  function petCardToggle() {
+    var box = $('today-pet'); if (!box) return;
+    if (box.querySelector('.pet-card')) return petCardClose();
+    var cap = box.querySelector('.pet-caption'), txt = cap ? cap.textContent : '', btn = box.querySelector('.pet-btn');
+    var live = btn && btn.getAttribute('aria-disabled') === 'false';
+    box.insertAdjacentHTML('beforeend', '<div class="pet-card" role="dialog" aria-label="Your pet">' +
+      '<button type="button" class="pet-card-head" data-today="pet-open"' + (live ? '' : ' aria-disabled="true"') + '><span class="pet-card-pet" aria-hidden="true"></span>' +
+      '<span class="pet-card-text"><span class="pet-card-title"></span>' + (txt === 'Nothing running' ? '<span class="pet-card-sub">' + esc(PET_IDLE_LINE) + '</span>' : '') + '</span></button>' +
+      '<div class="pet-card-acts"><button type="button" class="cx-btn quiet" data-goto="settings/pet">Change pet</button><button type="button" class="cx-btn quiet" data-action="pet-hide">Hide</button></div></div>');
+    box.querySelector('.pet-card-title').textContent = txt;
+    var art = box.querySelector('.pet-btn .pet-still, .pet-btn .pet-sprite');
+    if (art) box.querySelector('.pet-card-pet').appendChild(art.cloneNode(true));
+    if (btn) btn.setAttribute('aria-expanded', 'true');
+    petCardPlace(box.querySelector('.pet-card'));
+  }
+  // The card hangs under the pet, but never over a banner's own buttons (the sign-in notice's Hide, the question banner's
+  // Answer, lead 12:5x): if it would cover one, it sits just below the lowest such banner instead.
+  function petCardPlace(card) {
+    if (!card || !card.getBoundingClientRect) return;
+    var c = card.getBoundingClientRect(), drop = 0;
+    document.querySelectorAll('#conn-notice:not([hidden]) button, #sq-host:not([hidden]) button, #sq-host:not([hidden]) a, .rec-banner').forEach(function (b) {
+      var r = b.getBoundingClientRect();
+      if (r.width && r.height && r.left < c.right && r.right > c.left && r.top < c.bottom && r.bottom > c.top) {
+        var host = b.closest('#conn-notice, #sq-host'), h = host ? host.getBoundingClientRect() : r;   // the recording banner is its own button
+        drop = Math.max(drop, h.bottom + 8 - c.top);
+      }
+    });
+    if (drop > 0) card.style.top = 'calc(100% + 8px + ' + Math.ceil(drop) + 'px)';
+  }
+  function petHide() {
+    petCardClose(); setPetPrefs({ show: false });
+    toast('Pet hidden. Turn it back on in Settings, Pet.');
+  }
+  if (typeof document !== 'undefined' && document.addEventListener) {
+    document.addEventListener('click', function (e) {
+      var box = $('today-pet');
+      if (box && box.querySelector('.pet-card') && !box.contains(e.target)) petCardClose();
+    }, true);
+    document.addEventListener('keydown', function (e) { if (e.key === 'Escape') petCardClose(); });
+  }
+  function petCardClose() {
+    var box = $('today-pet'), card = box && box.querySelector('.pet-card');
+    if (card) card.remove();
+    var btn = box && box.querySelector('.pet-btn'); if (btn) btn.removeAttribute('aria-expanded');
+  }
   var PET_CHANGE = '<button type="button" class="pet-change" data-goto="settings/pet">Change pet</button>';
   // A still pet (a gallery pick, Cloud Puff, or a single image on the Mac): one picture for every state.
   function renderPetStill(box, m, sessions) {
@@ -1624,9 +1750,11 @@
           if (still || spec.frames < 2) return;
           var step = function () {
             // Runs only while Today is on screen: leaving the pane or hiding the page stops the loop.
-            if (token !== PET.token || document.hidden || state.pane !== 'today') { PET.timer = null; return; }
+            if (token !== PET.token || document.hidden || (state.pane !== 'today' && !petInBar())) { PET.timer = null; return; }
             PET.frame = (PET.frame + 1) % spec.frames;
             petPaint(el, spec, PET.frame, scale);
+            // 7.0.33 A13: the card's copy of the pet moves with it.
+            var cardArt = box.querySelector('.pet-card .pet-sprite'); if (cardArt) petPaint(cardArt, spec, PET.frame, scale);
             PET.timer = setTimeout(step, Math.max(20, spec.interval * 1000));
           };
           PET.timer = setTimeout(step, Math.max(20, spec.interval * 1000));
@@ -1860,7 +1988,10 @@
     var write = typeof storyWrite === 'function' ? storyWrite : function (e, kind, text, when) {
       if (kind === 'brief') e.innerHTML = esc(text) + '<span class="story-when">' + esc(when) + '</span>'; else e.textContent = text;
     };
-    if (TODAY.offline) { askBox(null); write(el, 'offline', 'COS on ' + state.serverName + ' is not answering right now. Today fills in when it does.'); return; }
+    // 7.0.33 A6 (Anand round 2, slide 20): what the sentence says, Needs you and Running do not say again. TODAY.storySaid
+    // is the list of failures this sentence named ('offline' when it says the Mac is not answering); renderNeeds reads it.
+    var said = function (v, brief) { var was = JSON.stringify([TODAY.storySaid, TODAY.storyBrief]); TODAY.storySaid = v; TODAY.storyBrief = !!brief; if (was !== JSON.stringify([v, !!brief]) && typeof renderNeeds === 'function' && $('needs-list')) renderNeeds(m); };
+    if (TODAY.offline) { askBox(null); write(el, 'offline', 'COS on ' + state.serverName + ' is not answering right now. Today fills in when it does.'); said('offline'); return; }
     // The model's summary when there is one (it never blocks: the counts line below shows until it lands). The test
     // harnesses that run this block alone have no requestBrief, so it is looked up, never assumed.
     askBox(null);
@@ -1868,7 +1999,7 @@
       requestBrief(m);
       var brief = briefShown();
       askBox(brief);
-      if (brief) { write(el, 'brief', brief.text, briefWhen(brief, m)); return; }
+      if (brief) { write(el, 'brief', brief.text, briefWhen(brief, m)); said([], true); return; }
     }
     var first = '';
     if (m.sessionsWaiting > 0) first = countWord(m.sessionsWaiting) + ' ' + plural(m.sessionsWaiting, 'session is', 'sessions are') + ' waiting on you';
@@ -1889,7 +2020,11 @@
     else second = 'No agents are running';
     if (TODAY.recording) second += (unread || working > 0 || open > 0 ? ', and ' : '. ') + 'COS is recording a meeting';
     var out = (first ? first + '. ' : '') + second + '.';
-    var others = m.failed.filter(function (n) { return n !== 'sessions'; });
+    // 7.0.33 A6: more than two sources unread is the Mac not answering, said once, here (it was Needs you's row).
+    if (m.failed.length > 2) { said(m.failed.slice()); write(el, 'counts', (first ? first + '. ' : '') + 'Your Mac is not answering, so this may not be everything.'); return; }
+    var others = m.failed.filter(function (n) { return n !== 'sessions'; }), named = unread ? ['sessions'] : [];
+    if (!m.settled && !m.now.length && !m.later.length && (unread ? others : m.failed).length) named = named.concat(unread ? others : m.failed);
+    said(named);
     if (!m.settled && !m.now.length && !m.later.length) out += (unread ? others : m.failed).length ? ' Couldn\u2019t read ' + listWords(unread ? others : m.failed) + ', so this may not be everything.' : unread ? ' This may not be everything that needs you.' : ' Still reading what needs you.';
     else if (unread) out += ' This may not be everything that needs you.';
     write(el, 'counts', out);
@@ -1919,6 +2054,10 @@
     $('run-count').textContent = working.length + jobs.n ? String(working.length + jobs.n) : '';
     var list = $('run-list');
     // Never "Nothing running" about a list that was not read.
+    // 7.0.33 A6: when nothing runs, the sentence ("No agents are running", or that sessions could not be read) is all
+    // Today says about it; the panel shows again the moment a session or a COS job runs.
+    var panel = list.closest ? list.closest('.run-panel') : null;
+    if (panel && panel.classList) panel.classList.toggle('hidden', !jobs.n && (TODAY.sessionsState === 'failed' || (TODAY.sessionsState === 'answered' && !working.length && !open.length)));
     if (TODAY.sessionsState === 'failed') { list.innerHTML = jobs.html + '<button type="button" class="run-more run-failed" data-today-needs="retry">Couldn\u2019t read sessions. Try again</button>'; return; }
     var shown = working.slice(0, 3);
     var html = jobs.html + shown.map(function (s) { return runRow(s, true); }).join('');
@@ -2424,12 +2563,18 @@
     if (m.later.length && !TODAY.showLater) html += '<button type="button" class="need-more" data-today-needs="later">' + esc(m.later.length + (m.later.length === 1 ? ' thing can' : ' things can') + ' wait until tomorrow. Show') + '</button>';
     // 6.99.30 (design QA): no empty line above a failed read (it left a 45 px gap), and one retry row, never one per
     // source: with the Mac not answering (sessions and Work both unread, or more than two sources) it says so once.
-    if (!m.rows.length) html = m.failed.length ? '' : '<p class="card-empty">' + esc(m.settled ? 'Nothing is waiting on you.' : 'Reading sessions, Work, voices and memories.') + '</p>';
-    if (m.failed.length) {
-      var silent = TODAY.offline || m.failed.length > 2;
-      html += '<button type="button" class="need-more need-failed" data-today-needs="retry">' + esc(silent ? 'Your Mac is not answering. Try again.' : 'Couldn’t read ' + listWords(m.failed) + '. Try again') + '</button>';
+    // 7.0.33 A6: a failure the sentence above already names is not said again here (Refresh at the top tries again), and
+    // with nothing to show (nothing waiting, which the sentence says, or only what it said) the card steps aside.
+    var said = TODAY.storySaid || [], left = said === 'offline' ? [] : m.failed.filter(function (n) { return said.indexOf(n) < 0; });
+    // A model summary does not say "Nothing is waiting on you", so under one the card still does.
+    if (!m.rows.length) html = m.failed.length || (m.settled && !TODAY.storyBrief) ? '' : '<p class="card-empty">' + esc(m.settled ? 'Nothing is waiting on you.' : 'Reading sessions, Work, voices and memories.') + '</p>';
+    if (left.length) {
+      var silent = TODAY.offline || left.length > 2;
+      html += '<button type="button" class="need-more need-failed" data-today-needs="retry">' + esc(silent ? 'Your Mac is not answering. Try again.' : 'Couldn’t read ' + listWords(left) + '. Try again') + '</button>';
     }
     list.innerHTML = html;
+    var card = list.closest ? list.closest('.card') : null;
+    if (card && card.classList) card.classList.toggle('hidden', !html);
   }
   // Weather sits under the date at the top left (Miles, 11/07), where the eye starts, not inside Next up.
   // It shows whether or not a meeting is next.
@@ -2762,7 +2907,7 @@
     view: sxPref('view', 'sessions', ['sessions', 'usage', 'cost']),
     recency: sxPref('recency', 'newest', ['newest', 'oldest', 'match']),
     q: '', instant: [], remote: [], searching: false, searchError: '', ranFor: '', semantic: null, semanticReason: '', searchSeq: 0, searchTimer: null,
-    hooks: null, hooksAt: 0,
+    hooks: null, hooksAt: 0, hooksOffer: false, offerPutAway: false,
     usage: null, usageAt: 0, usageLoading: false, usageError: '',
     uPeriod: 'Last 30 days', uTool: 'All tools', uModel: 'All models',
     // Usage on a wide screen (uWideModel): the custom range, the chart sentence, the chosen bar, the table's order.
@@ -2900,7 +3045,8 @@
     var stats = view === 'sessions' ? sxStats(vis) : [];
     var busy = view === 'sessions' ? SX.loading : SX.usageLoading;
     hero.innerHTML = '<span class="cx-glyph"><svg class="icon"><use href="#i-sessions"/></svg></span>' +
-      '<div class="cx-hero-text"><h1 class="cx-title">Sessions</h1><p class="cx-detail-line">' + esc(detail) + liveHeroNote(view) + '</p></div>' +
+      // 7.0.33 A5: the heading names the view the top bar names (Usage, COS cost), not the place, so the page has one name.
+      '<div class="cx-hero-text"><h1 class="cx-title">' + esc(SX_VIEWS[view] || 'Sessions') + '</h1><p class="cx-detail-line">' + esc(detail) + liveHeroNote(view) + '</p></div>' +
       '<div class="cx-actions"><button type="button" class="cx-btn quiet" data-sx="refresh"' + (busy ? ' disabled' : '') + '><svg class="icon"><use href="#i-refresh"/></svg>Refresh</button></div>' +
       (stats.length ? '<div class="cx-stats">' + stats.map(function (s) { return '<span class="cx-stat"><b>' + esc(typeof s[0] === 'number' ? s[0].toLocaleString() : s[0]) + '</b><span>' + s[1] + '</span></span>'; }).join('') + '</div>' : '');
     // 7.0.23 step 2b: Updated and Opened are the sort menu now, and Pinned a group; no clock switches here.
@@ -2935,6 +3081,150 @@
     if (on) sxFrameHook();
     return on;
   }
+  // 7.0.31 hotfix (Miles 17:25, the open Duo): the message reader in its own frame from 600 px. html.rd-frame makes the
+  // page one screen, as Sessions' frame does (panes/cos-chat.css): the app shell is the visible box (--vv-top, --vv-h
+  // from viewportFit, which falls back to innerHeight when the visual viewport reads 0 or less), and the reader scrolls
+  // in the workspace under the navigation bar, with Reply pinned to its bottom. Before, the reader was the document: its Reply stuck to the
+  // document's scrollport and the rail was 100dvh, so when Safari's viewport went stale after folds (his Duo reported
+  // visual viewport heights of 0 and -33554432 from 17:17 to 17:24) both ended mid-screen and the message drew below
+  // them. Below 600 px (phones, the folded Duo's side rail) the reader is unchanged; the CSS is gated the same way, so a
+  // class left on across a fold does nothing there. A message's image (#/messages/m/<no>/a/<id>) has no Reply: no frame.
+  function rdFrameOn(r) {
+    var shell = $('app-shell'), wide = !!(window.matchMedia && window.matchMedia('(min-width: 600px)').matches);
+    return !!(r && r.pane === 'messages' && r.args && r.args[0] === 'm' && r.args.length === 2 && wide && !(shell && shell.classList.contains('hidden')));
+  }
+  var RD_FRAME = { hooked: false, n: 0 };
+  function rdFrameSync(r) {
+    var de = document.documentElement, on = rdFrameOn(r || parseRoute());
+    if (de && de.classList) de.classList.toggle('rd-frame', on);
+    if (!RD_FRAME.hooked && window.matchMedia) {
+      RD_FRAME.hooked = true;
+      var mq = window.matchMedia('(min-width: 600px)');
+      if (mq && mq.addEventListener) mq.addEventListener('change', function () { rdFrameSync(); }); else if (mq && mq.addListener) mq.addListener(function () { rdFrameSync(); });
+    }
+    var r2 = r || parseRoute();
+    rdPosHook();
+    // A different message just opened: its place is its top until he scrolls. (This also runs when the width crosses
+    // 600 px; the same message then keeps its anchor and its pending restore.)
+    if (window.requestAnimationFrame) window.requestAnimationFrame(function () {
+      var cx = rdPosReader(), key = cx ? cx.getAttribute('data-reader-key') : '';
+      if (!RD_POS.a || RD_POS.a.key !== key) { RD_POS.pending = false; rdPosCapture(); }
+    });
+    if (r2 && r2.pane === 'messages' && r2.args && r2.args[0] === 'm' && r2.args.length === 2 && window.requestAnimationFrame) window.requestAnimationFrame(function () { rdFrameCrumb('open'); });
+    return on;
+  }
+  // One report per message reader opened, at any width, at most 8 a page load (numbers only; lead 17:48): whether the frame
+  // is on, the visible box viewportFit uses, the reader's box (top, bottom, height), the workspace's height and content height (the frame's scroller), Reply's top
+  // and bottom, the document's height and scroll, and 100dvh. layoutCrumb adds innerWidth and innerHeight and the visual
+  // viewport's height, top and scale, so a pan like 17:25's (top about 409) shows in the same row. The 17:25 frame could
+  // not be measured; the next one will be.
+  function rdFrameCrumb(why) {
+    if (RD_FRAME.n >= 8 || typeof layoutCrumb !== 'function') return false;
+    try {
+      var v = viewportFit(), f = document.querySelector('#pane-messages .cx-reply-form'), cx = document.querySelector('#pane-messages > .cx'), ws = $('workspace');
+      var fr = f && f.getBoundingClientRect ? f.getBoundingClientRect() : null, cr = cx && cx.getBoundingClientRect ? cx.getBoundingClientRect() : null;
+      var se = document.scrollingElement || document.documentElement;
+      var out = { why: String(why || '').slice(0, 24), frame: !!(document.documentElement.classList && document.documentElement.classList.contains('rd-frame')), fb: !!v.bad,
+        boxT: v.top, boxB: v.top + v.height, rdT: cr ? cr.top : -1, rdB: cr ? cr.bottom : -1, rdH: cx ? cx.clientHeight : -1, wsH: ws ? ws.clientHeight : -1, wsSH: ws ? ws.scrollHeight : -1,
+        replyT: fr ? fr.top : -1, replyB: fr ? fr.bottom : -1, docH: se ? se.scrollHeight : -1, sy: window.scrollY || 0, dvh: typeof lrProbe === 'function' ? lrProbe('height:100dvh', 'h') : null };
+      if (layoutCrumb('reader', out)) { RD_FRAME.n++; return true; }
+    } catch (_e) { /* a report never stops the page */ }
+    return false;
+  }
+  // 7.0.31 (Q1 FIX FIRST, lead 20:41): ONE job. A fold or an unfold that crosses 600 px switches the message between the
+  // page's scroll (under 600) and the frame's workspace (600 and up), and the new scroller would open at the top. So the
+  // page keeps an anchor, the character at the top of the reading area, read as he scrolls, and applies it ONCE after a
+  // switch: when no finger is down and the scroll has been still for RD_POS_STILL_MS. If he scrolls on purpose first (a
+  // touch that moves, the wheel, a key), his scroll wins and the anchor is dropped. Nothing else moves the text: no
+  // other resize, no keyboard, no card or notice. Under 600 px with no switch, the reader is 7.0.30's.
+  var RD_POS_STILL_MS = 300, RD_POS_MOVE_PX = 10;
+  var RD_POS = { a: null, mode: '', pending: false, timer: 0, touching: false, ty: 0, moved: false, scrollAt: 0, queued: false, hooked: false };
+  function rdPosReader() {
+    var r = parseRoute();
+    return r && r.pane === 'messages' && r.args && r.args[0] === 'm' && r.args.length === 2 ? document.querySelector('#pane-messages > .cx[data-reader-key]') : null;
+  }
+  function rdPosMode() { var ws = $('workspace'); return ws && getComputedStyle(ws).overflowY === 'auto' ? 'frame' : 'page'; }
+  // The top of the reading area: the workspace's top in the frame; on the page, below the pinned top bar.
+  function rdPosTop(mode) {
+    if (mode === 'frame') return $('workspace').getBoundingClientRect().top;
+    var t = 0;
+    ['.topbar', '.navbar'].forEach(function (sel) {
+      var e = document.querySelector(sel), st = e && getComputedStyle(e), r = e && e.getBoundingClientRect();
+      if (e && st.display !== 'none' && r.height > 0 && r.bottom > 0 && (st.position === 'sticky' || st.position === 'fixed')) t = Math.max(t, r.bottom);
+    });
+    return t;
+  }
+  // One character's line box (a collapsed range has none in every engine).
+  function rdPosRect(node, offset) {
+    var len = node && node.nodeValue ? node.nodeValue.length : 0;
+    if (!len) return null;
+    var rg = document.createRange(), at = Math.min(offset, len - 1);
+    rg.setStart(node, at); rg.setEnd(node, at + 1);
+    var r = rg.getBoundingClientRect();
+    return r.height || r.width ? r : null;
+  }
+  function rdPosCapture() {
+    var cx = rdPosReader();
+    if (!cx) { RD_POS.a = null; RD_POS.mode = ''; return null; }
+    var mode = rdPosMode(), top = rdPosTop(mode), key = cx.getAttribute('data-reader-key');
+    RD_POS.mode = mode;
+    if ((mode === 'frame' ? $('workspace').scrollTop : window.scrollY || 0) <= 2) return (RD_POS.a = { key: key, atTop: true });
+    var c = cx.getBoundingClientRect(), body = cx.querySelector('.cx-said.cos .cx-card-body'), xs = [c.left + 8, c.left + c.width / 2];
+    if (body) xs.unshift(body.getBoundingClientRect().left + 6);
+    for (var dy = 2; dy <= 62; dy += 12) {
+      for (var i = 0; i < xs.length; i++) {
+        var hit = document.caretRangeFromPoint ? document.caretRangeFromPoint(xs[i], top + dy) : null, n = hit && hit.startContainer;
+        if (!n || n.nodeType !== 3 || !cx.contains(n) || n.parentElement.closest('.cx-reply-form')) continue;
+        var r = rdPosRect(n, hit.startOffset);
+        if (r) return (RD_POS.a = { key: key, node: n, offset: hit.startOffset, dy: r.top - top });
+      }
+    }
+    return null;
+  }
+  function rdPosApply() {
+    var cx = rdPosReader(), a = RD_POS.a, mode = rdPosMode(), ws = $('workspace');
+    RD_POS.mode = mode;
+    if (!cx || !a || a.key !== cx.getAttribute('data-reader-key')) return false;
+    if (a.atTop) { if (mode === 'frame') ws.scrollTop = 0; else window.scrollTo(0, 0); return true; }
+    var r = a.node.isConnected ? rdPosRect(a.node, a.offset) : null;
+    if (!r) return false;
+    var want = Math.round(r.top - rdPosTop(mode) - a.dy);
+    if (mode === 'frame') ws.scrollTop += want; else window.scrollBy(0, want);
+    return true;
+  }
+  // The scroller changed under him: wait for no finger and a still scroll, then apply once; his own scroll drops it.
+  function rdPosTick() {
+    RD_POS.timer = 0;
+    if (!RD_POS.pending) return;
+    if (RD_POS.moved) { RD_POS.pending = false; rdPosCapture(); return; }
+    if (RD_POS.touching || Date.now() - RD_POS.scrollAt < RD_POS_STILL_MS) { RD_POS.timer = setTimeout(rdPosTick, 80); return; }
+    RD_POS.pending = false;
+    rdPosApply();
+  }
+  function rdPosCheck() {
+    var mode = rdPosReader() ? rdPosMode() : '';
+    if (!mode || !RD_POS.mode || mode === RD_POS.mode || RD_POS.pending) return;
+    RD_POS.pending = true; RD_POS.moved = false;
+    if (!RD_POS.timer) RD_POS.timer = setTimeout(rdPosTick, 80);
+  }
+  function rdPosHook() {
+    if (RD_POS.hooked || !document.addEventListener) return;
+    RD_POS.hooked = true;
+    var o = { capture: true, passive: true };
+    document.addEventListener('scroll', function () {
+      RD_POS.scrollAt = Date.now();
+      if (!rdPosReader()) return;
+      rdPosCheck();
+      if (RD_POS.pending || RD_POS.queued) return;
+      RD_POS.queued = true;
+      requestAnimationFrame(function () { RD_POS.queued = false; rdPosCheck(); if (!RD_POS.pending) rdPosCapture(); });
+    }, o);
+    window.addEventListener('resize', rdPosCheck);
+    document.addEventListener('touchstart', function (e) { RD_POS.touching = true; RD_POS.ty = e.touches && e.touches[0] ? e.touches[0].clientY : 0; }, o);
+    document.addEventListener('touchmove', function (e) { var y = e.touches && e.touches[0] ? e.touches[0].clientY : RD_POS.ty; if (RD_POS.pending && Math.abs(y - RD_POS.ty) > RD_POS_MOVE_PX) RD_POS.moved = true; }, o);
+    ['touchend', 'touchcancel'].forEach(function (t) { document.addEventListener(t, function () { RD_POS.touching = false; }, o); });
+    ['wheel', 'keydown'].forEach(function (t) { document.addEventListener(t, function () { if (RD_POS.pending) RD_POS.moved = true; }, o); });
+  }
   // Where the frame's parts sit against the VISIBLE area (step 1's position report, lead 23:00): on a reader's open, and
   // KB_AFTER_MS after an on-screen keyboard closes while the frame is on. The visible area is viewportFit's box (a
   // visible height under 80 px is no reading, so it is innerHeight from 0, and fb says so) and, across, visualViewport's
@@ -3730,17 +4020,40 @@
     if (Date.now() - SX.hooksAt < 60000) { paintHooks(); return; }
     SX.hooksAt = Date.now();
     api('/api/session-hooks/status').then(function (d) {
-      SX.hooks = (d && d.sessionHooks && d.sessionHooks.state) || null; paintHooks();
-    }, function (err) { SX.hooks = err && err.status === 404 ? 'route_absent' : null; paintHooks(); });
+      SX.hooks = (d && d.sessionHooks && d.sessionHooks.state) || null;
+      // 7.0.34 (X1): the 8 hour question wait is on by default and offered until this Mac reinstalls its hooks.
+      SX.hooksOffer = !!(d && d.sessionHooks && d.sessionHooks.questionWait && d.sessionHooks.questionWait.offered === true);
+      paintHooks();
+    }, function (err) { SX.hooks = err && err.status === 404 ? 'route_absent' : null; SX.hooksOffer = false; paintHooks(); });
+  }
+  // 7.0.34 (X1): "Not now" puts the 8 hour offer away in THIS browser only. A store that cannot be read or written
+  // just means the line shows again; a hooks-problem line is never hidden by it.
+  var SX_OFFER_HIDE_KEY = 'cos.sx.questionWaitOfferHidden';
+  function offerHidden() {
+    try { return typeof localStorage === 'object' && !!localStorage && localStorage.getItem(SX_OFFER_HIDE_KEY) === '1'; } catch (_e) { return false; }
+  }
+  function hideOffer() {
+    try { if (typeof localStorage === 'object' && localStorage) localStorage.setItem(SX_OFFER_HIDE_KEY, '1'); } catch (_e) { /* not kept: it shows next visit */ }
   }
   function paintHooks() {
     var el = $('sessions-hooks'); if (!el) return;
     var st = SX.hooks;
-    if (['missing', 'drift', 'script_outdated', 'route_absent'].indexOf(st) < 0) { el.innerHTML = ''; return; }
-    var text = st === 'route_absent' ? 'Live session state needs COS server 6.48.0 or later.'
-      : st === 'missing' ? 'Claude Code hooks are not installed: sessions read from their transcripts only.'
-      : 'Claude Code hooks need a refresh (' + (st === 'drift' ? 'settings changed' : 'script outdated') + ').';
-    var where = st === 'route_absent' ? 'Update Server from COS Control on your Mac.' : (st === 'missing' ? 'Install hooks' : 'Reinstall hooks') + ' from COS Control on your Mac.';
+    if (['missing', 'drift', 'script_outdated', 'route_absent'].indexOf(st) < 0) {
+      // 7.0.34 (X1): read-only, no dot. A hooks problem above already says Reinstall hooks, so this shows only
+      // when there is none (A8: each thing once). Installing hooks stays a Mac action.
+      var offer = st === 'installed' && SX.hooksOffer && !SX.offerPutAway && !offerHidden();
+      el.innerHTML = offer
+        ? '<div class="sx-hooks"><span>' + esc('Questions can now wait up to 8 hours.') + ' <span class="sx-hooks-where">' + esc('In COS Control on your Mac, choose Reinstall hooks.') + '</span> <button type="button" class="sx-link" data-sx-offer="hide">' + esc('Not now') + '</button></span></div>'
+        : '';
+      var notNow = offer && el.querySelector ? el.querySelector('[data-sx-offer="hide"]') : null;
+      if (notNow) notNow.onclick = function () { SX.offerPutAway = true; hideOffer(); paintHooks(); };
+      return;
+    }
+    // 7.0.33 A8: plain words, then what to do.
+    var text = st === 'route_absent' ? 'Whether a session is working or waiting needs a newer COS on your Mac.'
+      : st === 'missing' ? 'COS cannot yet tell when a Claude Code session is working or waiting on you.'
+      : 'COS\u2019s link to Claude Code needs a refresh, so working and waiting may be out of date.';
+    var where = st === 'route_absent' ? 'Update it from COS Control on your Mac.' : 'In COS Control on your Mac, choose ' + (st === 'missing' ? 'Install hooks' : 'Reinstall hooks') + '.';
     el.innerHTML = '<div class="sx-hooks"><span class="sx-hooks-dot" aria-hidden="true"></span><span>' + esc(text) + ' <span class="sx-hooks-where">' + esc(where) + '</span></span></div>';
   }
 
@@ -7489,13 +7802,18 @@
         (recent.length ? '<h2 class="group-title">Recent sessions</h2><div class="list">' + recent.map(function (s) { return sessionRow(s); }).join('') + '</div>' : '');
       return;
     }
-    var jumps = JUMPS.filter(function (j) { return j[1].toLowerCase().indexOf(q.toLowerCase()) === 0; });
-    out.innerHTML = '<div class="list" style="margin-top:14px">' +
+    // 7.0.33 A7 (Anand round 2, slide 20): typing "usage" put Go to Usage last, under four Ask rows. When the words name a
+    // place (its whole name, or its first three letters or more, "go to" allowed in front), Go to comes first.
+    var ql = q.toLowerCase().replace(/^go to\s+/, '');
+    var jumps = JUMPS.filter(function (j) { return j[1].toLowerCase().indexOf(ql) === 0; });
+    var placeFirst = jumps.length > 0 && (ql.length >= 3 || jumps.some(function (j) { return j[1].toLowerCase() === ql; }));
+    var jumpRows = jumps.map(function (j) { return '<button type="button" class="nav-row" data-goto="' + j[0] + '"><svg class="icon"><use href="#i-' + j[0] + '"/></svg><span class="grow">Go to ' + esc(j[1]) + '</span><span class="chev"></span></button>'; }).join('');
+    out.innerHTML = '<div class="list" style="margin-top:14px">' + (placeFirst ? jumpRows : '') +
       '<button type="button" class="nav-row" data-action="ask-cos"><svg class="icon"><use href="#i-ask"/></svg><span class="grow">Ask COS<span class="note">' + esc(askRowNote(q)) + '</span></span></button>' +
       '<button type="button" class="nav-row" data-action="ask-file"' + (ASK_FILE.busy ? ' disabled' : '') + '><svg class="icon"><use href="#i-work"/></svg><span class="grow">' + (ASK_FILE.busy ? 'Filing\u2026' : 'File to Work inbox') + fileNoteHtml(q) + '</span></button>' +
       '<button type="button" class="nav-row" data-action="ask-meaning"><svg class="icon"><use href="#i-sessions"/></svg><span class="grow">Find a session about this<span class="note">Ranks every session by meaning</span></span></button>' +
       '<button type="button" class="nav-row" data-action="ask-work"><svg class="icon"><use href="#i-work"/></svg><span class="grow">Find a task about this<span class="note">Searches Work by meaning</span></span></button>' +
-      jumps.map(function (j) { return '<button type="button" class="nav-row" data-goto="' + j[0] + '"><svg class="icon"><use href="#i-' + j[0] + '"/></svg><span class="grow">Go to ' + esc(j[1]) + '</span><span class="chev"></span></button>'; }).join('') +
+      (placeFirst ? '' : jumpRows) +
       '</div><div id="ask-hits"></div><p class="status-line" id="ask-status"></p>';
     paintAskRow();
     clearTimeout(renderAsk.t);
@@ -7545,7 +7863,12 @@
       return;
     }
     if (t.hasAttribute('data-open-ask')) return openAsk();
-    if (t.hasAttribute('data-today')) return t.getAttribute('data-today') === 'pet' ? petTap(t) : openTodayAction(t);
+    if (t.hasAttribute('data-today')) {
+      var dt = t.getAttribute('data-today');
+      if (dt === 'pet-open') { if (t.getAttribute('aria-disabled') !== 'true') { petCardClose(); petTap($('today-pet').querySelector('.pet-btn')); } return; }
+      return dt === 'pet' ? (petInBar() ? petCardToggle() : petTap(t)) : openTodayAction(t);
+    }
+    if (t.getAttribute('data-action') === 'pet-hide') return petHide();
     if (t.hasAttribute('data-today-next')) return prepNext();
     if (t.hasAttribute('data-next-prep')) return toggleNextPrep(t.getAttribute('data-next-prep'));
     if (t.hasAttribute('data-next-prep-cancel')) return closeNextPrep(true);
@@ -7559,6 +7882,8 @@
     }
     if (t.hasAttribute('data-theme-choice')) { window.CosTheme.set(t.getAttribute('data-theme-choice')); paintAppearance(); return; }
     if (t.hasAttribute('data-goto') || t.hasAttribute('data-pane')) {
+      // 7.0.33 A11: a pick from the menu (the rail, the pane menu, Ask's Go to) starts a new trail (navStamp).
+      if (t.closest('.rail, #section-menu, #ask-results')) NAV.fresh = Date.now();
       if (inSheet) closeAsk(); closeMenu();
       // "work/sort" is a pane and its arguments, not one name.
       var dest = String(t.getAttribute('data-goto') || t.getAttribute('data-pane')).split('/');
@@ -7577,7 +7902,7 @@
     if (action === 'drop-after') return dropHeld();
     if (action === 'unqueue') return removeQueued(t.getAttribute('data-turn-key'));
     if (action === 'revoke-all') {
-      if (t.getAttribute('data-armed') !== '1') { t.setAttribute('data-armed', '1'); t.querySelector('.grow').firstChild.textContent = 'Tap again to sign out every browser'; return; }
+      if (!window.COSWeb.armTap(t, t.querySelector('.grow').firstChild, 'Tap again to sign out every browser')) return;
       api('/api/web-session/revoke-all', { method: 'POST', body: {} }).then(function () { showAuth('Every browser is signed out, this one too.'); }).catch(function (err) { setStatus($('settings-status'), err.message, true); });
       return;
     }
@@ -7944,6 +8269,9 @@
     // once a detail has loaded; route() clears it on every navigation.
     setCrumb: function (text) { crumbDetail = String(text || ''); navLabel(crumbDetail); paintTrail(); runHooks(routeHooks, parseRoute()); },
     crumb: function () { return crumbDetail; },
+    // 7.0.33 A11: the trail for the navigation bar from 600 px (shell.js paintNavbar): the same steps and names as the
+    // phone's row, and this page's name.
+    trailNow: function (r) { r = r || parseRoute(); var steps = r.args.length && !isTabRoute(r.args) ? navTrail() : null; return { steps: steps || [], here: steps || r.args.length ? trailName(location.hash, crumbDetail) : (crumbDetail || TITLES[r.pane] || 'Today') }; },
     // Panes that read with their own fetch call this on a 401 so the sign-in screen shows.
     showAuth: function (message) { showAuth(message); },
     // Control's session state (the Sessions pane's sxState) and warm-up test, so the rail's
@@ -7978,12 +8306,29 @@
   // Today as a place to act (panes/today-actions.js, Miles 11/06): what the Today cards show, a repaint after a
   // decision, and the Sessions reader's own pieces, so the overlay sends and reads through the reader's code.
   window.COSWeb.pane = function (name) { return PANES[name] || null; };
+  window.COSWeb.plainMessage = plainMessage; window.COSWeb.notSetUp = notSetUp;
   // Tap, then tap again (Today's Dismiss, Stop and Send anyway; a question card's Allow, Deny and Send): the second tap
   // counts only once the first has been on screen ARM_CONFIRM_MS, so a double tap or a finger bounce arms and never
   // confirms (W2-r2). The one rule both panes/today-actions.js and panes/questions.js read.
   var ARM_CONFIRM_MS = 400;
   window.COSWeb.armConfirmMs = ARM_CONFIRM_MS;
   window.COSWeb.confirmReady = function (armedAt) { return typeof armedAt === 'number' && Date.now() - armedAt >= ARM_CONFIRM_MS; };
+  // 7.0.33 A12: the same rule for a button armed in place (Sign out every browser, Settings' Release), which until now
+  // stayed armed with no time limit, so a stray tap minutes later confirmed it. armTap(button, label, armedText) returns
+  // true on a confirming tap; otherwise it arms (label says armedText) for ARM_EXPIRE_MS and puts the words back after.
+  var ARM_EXPIRE_MS = 5000;
+  window.COSWeb.armExpireMs = ARM_EXPIRE_MS;
+  window.COSWeb.armTap = function (el, label, armedText) {
+    var now = Date.now(), at = Number(el.getAttribute('data-armed-at')) || 0;
+    if (el.getAttribute('data-armed') === '1' && now - at < ARM_EXPIRE_MS) return now - at >= ARM_CONFIRM_MS;
+    if (el.getAttribute('data-armed') !== '1') el.setAttribute('data-idle-text', label.textContent);
+    el.setAttribute('data-armed', '1'); el.setAttribute('data-armed-at', String(now)); label.textContent = armedText;
+    setTimeout(function () {
+      if (el.getAttribute('data-armed-at') !== String(now)) return;
+      el.removeAttribute('data-armed'); el.removeAttribute('data-armed-at'); label.textContent = el.getAttribute('data-idle-text') || label.textContent;
+    }, ARM_EXPIRE_MS);
+    return false;
+  };
   window.COSWeb.today = {
     data: function () {
       return { needs: TODAY.needs, working: TODAY.working, open: TODAY.open, welcome: TODAY.welcome, offline: TODAY.offline, at: TODAY.at,