@gotcos/glasses-server 6.99.29 → 6.99.33

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

@@ -128,7 +128,7 @@
 .mm-try { margin: 8px 0 2px; }
 .mm-tries { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; }
 .mm-tries .mm-link { font-size: 13.5px; overflow-wrap: anywhere; }
-.mm-answer { margin: 12px 0 8px; padding: 12px 14px; border-radius: 10px; background: var(--qopen); font-size: 14.5px; line-height: 1.55; overflow-wrap: anywhere; max-height: 60vh; overflow-y: auto; }
+.mm-answer { margin: 12px 0 8px; padding: 12px 14px; border-radius: 10px; background: var(--qopen); font-size: 14.5px; line-height: 1.55; overflow-wrap: anywhere; max-height: 60vh; max-height: 60dvh; overflow-y: auto; }
 .mm-answer h4 { margin: 10px 0 4px; font: 600 14.5px/1.3 var(--body); }
 .mm-answer p { margin: 0 0 8px; }
 .mm-answer ul { margin: 0 0 8px; padding-left: 1.2em; }

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

@@ -109,19 +109,14 @@
     // Copy stays in this browser: the same copy the rest of Control Web uses (plain-http fallback included).
     if (op === 'copy') return W.copyText(String(a.text || '')).then(function () { return {}; });
     var limit = READ_LIMIT[op] != null ? READ_LIMIT[op] : (isRead(op, a) ? 45000 : 0);
-    return W.api('/api/web-bridge/memories', { method: 'POST', body: { id: ++seq, op: op, args: a }, timeoutMs: limit }).then(null, plainNetError).then(function (r) {
+    return W.api('/api/web-bridge/memories', { method: 'POST', body: { id: ++seq, op: op, args: a }, timeoutMs: limit }).then(function (r) {
       if (r && r.ok) return r.details || {};
       var raw = (r && r.message) || 'Your Mac did not answer that.';
       var err = new Error(PLAIN[raw] || raw); err.code = raw; throw err;
     });
   }
-  // No HTTP status means the request never reached COS: the browser's own words ("Failed to fetch", "Load failed") say
-  // nothing to a person, so say what happened and what to do. A timeout already says it in plain words (W.api).
-  var UNREACHABLE = 'Could not reach COS on your Mac. Check that the Mac is awake and on Tailscale, then try again.';
-  function plainNetError(err) {
-    if (err && !err.status && err.code !== 'timeout') { var e = new Error(UNREACHABLE); e.code = 'unreachable'; throw e; }
-    throw err;
-  }
+  // A request that never reached COS is said in plain words by W.api itself (app.js, 6.99.30: code 'unreachable'),
+  // as a timeout is: nothing to translate here.
   function codeOf(e) { return String((e && (e.code || e.message)) || ''); }
 
   // ── state ────────────────────────────────────────────────

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

@@ -1,4 +1,4 @@
-/* COS Control Web: session questions and approvals (panes/questions.js), server 6.99.12. */
+/* COS Control Web: session questions and approvals (panes/questions.js), from server 6.99.12. */
 .sq-host { display: grid; gap: 12px; margin: 0 0 16px; }
 .sq-host[hidden] { display: none; }
 .sq-card { background: var(--panel); border: 1px solid color-mix(in srgb, var(--hot) 45%, var(--panel-border)); border-radius: 16px; padding: 14px 16px 12px; min-width: 0; }
@@ -52,11 +52,27 @@
 .sq-foot { position: sticky; bottom: var(--safe-bottom, 0px); z-index: 2; margin: 12px -16px -12px; padding: 10px 16px 12px; background: var(--panel);
   border-top: 1px solid var(--row-border); border-radius: 0 0 16px 16px; }
 .sq-foot .sq-acts { margin-top: 0; }
-/* QA 6.99.27: on the page, the footer rides above the on-screen keyboard (questions.js sets --sq-kb from
-   visualViewport). In Today's overlay the layer already follows the visible viewport, so the footer sits at the
-   bottom of the sheet with no gap. */
+/* QA 6.99.27: on the page, the footer rides above whatever covers the bottom (questions.js sets --sq-kb from app.js
+   viewportFit: a keyboard, its strip, a browser's bottom bar). In Today's sheet the layer is itself the visible part of
+   the page (today-actions.js applyFit), so the footer sits at the bottom of the sheet with no gap. */
 .sq-host .sq-foot { bottom: max(var(--safe-bottom, 0px), var(--sq-kb, 0px)); }
 .ta-q .sq-foot { bottom: 0; }
+/* 6.99.30 (canary): with a keyboard up on the page (questions.js sets sq-kb-up) the footer scrolls with the card, so
+   the options it would cover stay readable. */
+.sq-host.sq-kb-up .sq-foot { position: static; }
+/* The Mac not answering: Submit, Allow and Deny wait, and say why (questions.js offline). */
+.sq-offline { margin: 8px 0 0; font-size: 13px; color: var(--sub); }
+/* 6.99.30 (canary): folded, a waiting question is one line over the pane (it filled the first screen of every pane);
+   a tap opens the cards. From 600 px the cards show as before and the line does not. */
+.sq-banner { display: none; }
+@media (max-width: 599px) {
+  .sq-host .sq-banner { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 10px 14px; border-radius: 14px;
+    background: var(--panel); border: 1px solid color-mix(in srgb, var(--hot) 45%, var(--panel-border)); color: var(--ink); font: 600 15px/1.3 var(--body); text-align: left; }
+  .sq-host .sq-banner-text { flex: 1; min-width: 0; }
+  .sq-host .sq-banner-act { flex: none; color: var(--accent); }
+  .sq-host .sq-cards:not(.open) { display: none; }
+}
+.sq-cards { display: grid; gap: 12px; }
 .sq-progress { margin: 0 0 8px; font: 500 13.5px/1.35 var(--body); color: var(--sub); }
 .sq-progress[data-alert] { color: var(--hot); font-weight: 600; }
 .sq-keys { display: none; margin-top: 10px; }

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

@@ -50,6 +50,7 @@
     lastPollAt: 0         // when the last poll went out (Date.now)
   };
   var DEFAULT_POLL_MS = 10000;
+  var POLL_TIMEOUT_MS = 15000;
   // 6.99.27 (Miles 11/07 09:29, "a big delay to see the questions on the homepage"): while this tab is visible on
   // Today it reads every 3 s, whatever the server's idle pace (10 s). Before, a question parked just after an idle read
   // waited up to 10 s plus the round trip for the next one. Hidden, the page reads nothing (visibilitychange below).
@@ -141,18 +142,37 @@
     Q.inflight = true; Q.again = false; Q.lastPollAt = Date.now();
     capForPoll().then(function (cap) {
       if (!usable(cap)) { Q.again = false; landed(); clearCards(); schedule(60000); return; }
-      return fetch(pollUrl(), { headers: { 'X-COS-Web': '1' }, credentials: 'same-origin', cache: 'no-store' }).then(function (res) {
-        if (res.status === 401) { Q.again = false; landed(); Q.stopped = true; clearCards(); return; }
-        if (!res.ok) { schedule(DEFAULT_POLL_MS); landed(); return; }
+      // 6.99.32 (QA 6.99.30 canary W1): a Mac that hangs (asleep, a stale Tailscale route) never answered and never
+      // refused, so this read stayed in flight forever: no more polls, and the Mac never marked down. It gives up after
+      // POLL_TIMEOUT_MS, says the Mac is not answering, and polls again. The limit covers the body too (QA 6.99.32
+      // Skeptic W-1): a Mac that sleeps between the headers and the body otherwise held the poll for good.
+      var ctrl = typeof AbortController === 'function' ? new AbortController() : null;
+      var limit = ctrl ? setTimeout(function () { ctrl.abort(); }, POLL_TIMEOUT_MS) : null;
+      return fetch(pollUrl(), { headers: { 'X-COS-Web': '1' }, credentials: 'same-origin', cache: 'no-store', signal: ctrl ? ctrl.signal : undefined }).then(function (res) {
+        // QA 6.99.30 (Skeptic): this 3 s read is what Sessions and Meetings pages keep running, so it tells app.js the Mac
+        // answered (any status) or did not (below); otherwise a "down" mark stranded Submit, Allow and Deny for minutes.
+        if (W.noteServer) W.noteServer(true);
+        if (res.status === 401) { clearTimeout(limit); Q.again = false; landed(); Q.stopped = true; clearCards(); return; }
+        if (!res.ok) { clearTimeout(limit); schedule(DEFAULT_POLL_MS); landed(); return; }
         return res.json().then(function (d) {
+          clearTimeout(limit);
           if (!d || d.enabled === false) { Q.again = false; landed(); clearCards(); schedule(60000); return; }
           // Painted as soon as the read lands: take() draws the cards and repaints Today's Needs you and the pet.
           take(Array.isArray(d.items) ? d.items : [], Array.isArray(d.settled) ? d.settled : []);
           var every = Number(d.pollIntervalMs) > 0 ? Number(d.pollIntervalMs) : DEFAULT_POLL_MS;
           schedule(nextWait(every));
           landed();
+        }, function () {
+          // The body never finished (cut off, or the limit fired mid-body). The Mac did answer the headers, so it is not
+          // marked down; the poll is freed and goes again.
+          clearTimeout(limit); schedule(DEFAULT_POLL_MS); landed();
         });
-      }, function () { schedule(DEFAULT_POLL_MS); landed(); });
+      }, function () {
+        // No answer at all: refused, unreachable, or the limit fired before the headers (the only abort this read has).
+        clearTimeout(limit);
+        if (W.noteServer) W.noteServer(false);
+        schedule(DEFAULT_POLL_MS); landed();
+      });
     }).catch(function () { schedule(DEFAULT_POLL_MS); landed(); });
   }
   // Read now, unless a read went out under NUDGE_GAP_MS ago (then at the end of that gap) or one is on the wire (then
@@ -190,8 +210,9 @@
     var ids = {}; pending.forEach(function (i) { ids[i.id] = 1; });
     Object.keys(Q.picks).forEach(function (id) { if (!ids[id]) { delete Q.picks[id]; delete Q.armed[id]; delete Q.notes[id]; delete Q.answerIds[id]; delete Q.missing[id]; } });
     pending.forEach(function (i) {
-      if (!Q.picks[i.id]) Q.picks[i.id] = (i.questions || []).map(function () { return { labels: [], other: '' }; });
+      if (!Q.picks[i.id]) Q.picks[i.id] = keptPicks(i) || (i.questions || []).map(function () { return { labels: [], other: '' }; });
     });
+    forgetPicks(ids);
     Q.items = pending;
     // A card that is already drawn is never redrawn by a poll: a half-typed Other answer stays as it is.
     if (before !== after) { render(); changed(); }
@@ -295,8 +316,9 @@
       // always answers: it never greys out for a missing answer, it goes to it.
       '<div class="sq-foot" data-sq-foot="' + esc(item.id) + '">' +
         '<p class="sq-progress" data-sq-progress="' + esc(item.id) + '" role="status"' + (Q.missing[item.id] != null && !complete(item) ? ' data-alert="1"' : '') + '>' + esc(progressText(item)) + '</p>' +
-        '<div class="sq-acts"><button type="button" class="cx-btn primary sq-send" data-sq="send" data-sq-id="' + esc(item.id) + '"' + (sending ? ' disabled' : '') + '>' + sendText(item.id) + '</button>' +
-        '<button type="button" class="link-btn sq-leave" data-sq="leave" data-sq-id="' + esc(item.id) + '"' + (sending ? ' disabled' : '') + '>Leave for the Mac</button></div>' +
+        '<div class="sq-acts"><button type="button" class="cx-btn primary sq-send" data-sq="send" data-sq-id="' + esc(item.id) + '"' + (sending || offline() ? ' disabled' : '') + '>' + sendText(item.id) + '</button>' +
+        '<button type="button" class="link-btn sq-leave" data-sq="leave" data-sq-id="' + esc(item.id) + '"' + (sending || offline() ? ' disabled' : '') + '>Leave for the Mac</button></div>' +
+        (offline() ? '<p class="sq-offline" role="status">' + esc(OFFLINE_LINE) + '</p>' : '') +
         noteHtml(item) + '</div></article>';
   }
   function approvalCard(item) {
@@ -307,9 +329,10 @@
       '<header class="sq-head"><h2 class="sq-title">' + esc(engine(item)) + ' wants to use ' + esc(a.tool || item.tool || 'a tool') + '</h2><span class="sq-secs" data-sq-secs="' + esc(item.id) + '">' + esc(timeLeft(secondsLeft(item))) + '</span></header>' +
       '<pre class="sq-command">' + esc(a.summary || 'No details were sent with this request.') + '</pre>' +
       (a.detail && a.detail !== a.summary ? '<details class="sq-details"><summary>Full command</summary><pre class="sq-command">' + esc(a.detail) + '</pre></details>' : '') +
-      '<div class="sq-acts"><button type="button" class="cx-btn primary" data-sq="allow" data-sq-id="' + esc(item.id) + '"' + (sending ? ' disabled' : '') + '>' + (armed === 'allow' ? 'Tap again to allow' : 'Allow once') + '</button>' +
-        '<button type="button" class="cx-btn sq-deny" data-sq="deny" data-sq-id="' + esc(item.id) + '"' + (sending ? ' disabled' : '') + '>' + (armed === 'deny' ? 'Tap again to deny' : 'Deny') + '</button>' +
-        '<button type="button" class="link-btn sq-leave" data-sq="leave" data-sq-id="' + esc(item.id) + '"' + (sending ? ' disabled' : '') + '>Leave for the Mac</button></div>' +
+      '<div class="sq-acts"><button type="button" class="cx-btn primary" data-sq="allow" data-sq-id="' + esc(item.id) + '"' + (sending || offline() ? ' disabled' : '') + '>' + (armed === 'allow' ? 'Tap again to allow' : 'Allow once') + '</button>' +
+        '<button type="button" class="cx-btn sq-deny" data-sq="deny" data-sq-id="' + esc(item.id) + '"' + (sending || offline() ? ' disabled' : '') + '>' + (armed === 'deny' ? 'Tap again to deny' : 'Deny') + '</button>' +
+        '<button type="button" class="link-btn sq-leave" data-sq="leave" data-sq-id="' + esc(item.id) + '"' + (sending || offline() ? ' disabled' : '') + '>Leave for the Mac</button></div>' +
+      (offline() ? '<p class="sq-offline" role="status">' + esc(OFFLINE_LINE) + '</p>' : '') +
       noteHtml(item) + '</article>';
   }
   // A question or an approval the Mac's own prompt waits on: what it asks when this page saw it held, and where to answer.
@@ -356,7 +379,11 @@
     var active = document.activeElement;
     var focus = active && active.hasAttribute && active.hasAttribute('data-sq-other') && m.el.contains && m.el.contains(active) ? { id: active.getAttribute('data-sq-id'), q: active.getAttribute('data-q'), start: active.selectionStart, end: active.selectionEnd } : null;
     var list = itemsFor(m.sessionId), mac = atMacFor(m.sessionId);
-    m.el.innerHTML = list.map(function (i) { return i.kind === 'approval' ? approvalCard(i) : questionCard(i, m.scope); }).join('') + mac.map(macCard).join('');
+    var cards = list.map(function (i) { return i.kind === 'approval' ? approvalCard(i) : questionCard(i, m.scope); }).join('') + mac.map(macCard).join('');
+    // The page's own host (over every pane): folded it is one line until tapped (questions.css .sq-banner, 6.99.30).
+    if (m.el === host && list.length) cards = bannerHtml(list) + '<div class="sq-cards' + (Q.bannerOpen ? ' open' : '') + '" id="sq-cards">' + cards + '</div>';
+    else if (m.el === host) Q.bannerOpen = false;
+    m.el.innerHTML = cards;
     m.el.hidden = !list.length && !mac.length;
     if (focus) {
       var box = m.el.querySelector('[data-sq-other][data-sq-id="' + focus.id + '"][data-q="' + focus.q + '"]');
@@ -364,6 +391,17 @@
     }
     if (m.onChange) { try { m.onChange(list.length, mac.length); } catch (_e) {} }
   }
+  // 6.99.30 (canary): "1 question for you. Answer", one line over the pane on a folded phone; a tap opens the cards.
+  function bannerHtml(list) {
+    var qs = list.filter(function (i) { return i.kind !== 'approval'; }).length, n = list.length;
+    var noun = qs === n ? (n === 1 ? 'question' : 'questions') : qs === 0 ? (n === 1 ? 'approval' : 'approvals') : (n === 1 ? 'request' : 'requests');
+    return '<button type="button" class="sq-banner" data-sq="banner" aria-expanded="' + (Q.bannerOpen ? 'true' : 'false') + '" aria-controls="sq-cards">' +
+      '<span class="sq-banner-text">' + esc(n + ' ' + noun + ' for you.') + '</span><span class="sq-banner-act">' + (Q.bannerOpen ? 'Hide' : 'Answer') + '</span></button>';
+  }
+  // 6.99.30 (canary): with the Mac not answering (app.js noteServer), Submit, Allow and Deny wait and say why, instead of
+  // offering a tap that cannot land.
+  function offline() { return !!(W.serverUp && W.serverUp() === false); }
+  var OFFLINE_LINE = 'Your Mac is not answering. You can answer here once it is back.';
   function render() {
     hostsOf().forEach(drawInto);
     clearInterval(Q.tick);
@@ -384,7 +422,7 @@
   }
   function patchOne(card, id, item) {
     var send = card.querySelector('[data-sq="send"]');
-    if (send) { send.disabled = !!Q.sending[id]; send.textContent = sendText(id); }
+    if (send) { send.disabled = !!Q.sending[id] || offline(); send.textContent = sendText(id); }
     var progress = card.querySelector('[data-sq-progress]');
     if (progress && item.kind === 'question') {
       progress.textContent = progressText(item);
@@ -487,6 +525,7 @@
   function onClick(e) {
     var b = e.target.closest('[data-sq]');
     if (!b || b.disabled) return;
+    if (b.getAttribute('data-sq') === 'banner') { Q.bannerOpen = !Q.bannerOpen; drawInto(hostsOf()[0]); return; }
     var id = b.getAttribute('data-sq-id'), what = b.getAttribute('data-sq'), item = itemOf(id);
     if (!item) return;
     var card = b.closest ? b.closest('.sq-card') : null;
@@ -551,9 +590,36 @@
     // A change after Submit was armed takes the arm back: review, then submit.
     Q.armed[id] = '';
     if (Q.missing[id] != null) delete Q.missing[id];
+    keepPicks(id);
     patchCard(id);
     return true;
   }
+  // 6.99.30 (QA): a reload mid-answer keeps the picks and the typed Other words, per question id, for this tab only
+  // (sessionStorage). Restored only onto the same question (the same number of parts, and labels it still offers);
+  // dropped once the question is answered or gone.
+  var PICKS_KEY = 'cos.web.questions.picks';
+  function picksStore() { try { var v = JSON.parse(window.sessionStorage.getItem(PICKS_KEY) || '{}'); return v && typeof v === 'object' ? v : {}; } catch (_e) { return {}; } }
+  function writePicks(all) { try { window.sessionStorage.setItem(PICKS_KEY, JSON.stringify(all)); } catch (_e) {} }
+  function keepPicks(id) {
+    var all = picksStore(), p = Q.picks[id];
+    if (!p) return;
+    all[id] = p.map(function (x) { return { labels: x.labels.slice(0, 20), other: String(x.other || '').slice(0, 2000) }; });
+    writePicks(all);
+  }
+  function keptPicks(item) {
+    var kept = picksStore()[item.id], qs = item.questions || [];
+    if (!Array.isArray(kept) || kept.length !== qs.length) return null;
+    return qs.map(function (q, qi) {
+      var k = kept[qi] || {}, labels = (q.options || []).map(function (o) { return o.label; });
+      return { labels: (Array.isArray(k.labels) ? k.labels : []).filter(function (l) { return labels.indexOf(l) >= 0; }), other: typeof k.other === 'string' ? k.other : '' };
+    });
+  }
+  function forgetPicks(live) {
+    var all = picksStore(), gone = Object.keys(all).filter(function (id) { return !live[id]; });
+    if (!gone.length) return;
+    gone.forEach(function (id) { delete all[id]; });
+    writePicks(all);
+  }
   // Keys 1 to 9 while a question has focus, as in the terminal: the option with that number, or the last number to type
   // your own. Never while typing in Other, and never with a modifier held.
   function onKey(e) {
@@ -584,6 +650,10 @@
     var id = t.getAttribute('data-sq-id'), item = itemOf(id); if (!item) return;
     var qi = Number(t.getAttribute('data-q')), q = item.questions[qi], p = Q.picks[id][qi];
     p.other = t.value;
+    // 6.99.30 (QA): the same card drawn on Today and in the sheet keeps one answer: the words go into every copy.
+    hostsOf().forEach(function (m) {
+      m.el.querySelectorAll('[data-sq-other][data-sq-id="' + id + '"][data-q="' + qi + '"]').forEach(function (box) { if (box !== t) box.value = t.value; });
+    });
     // Single choice: typing your own answer clears the picked option, as on the phone.
     if (!q.multiSelect && t.value.trim() && p.labels.length) {
       p.labels = [];
@@ -591,6 +661,7 @@
     }
     Q.armed[id] = '';
     if (Q.missing[id] != null) delete Q.missing[id];
+    keepPicks(id);
     patchCard(id);
   }
   function listen(el) { el.addEventListener('click', onClick); el.addEventListener('change', onChange); el.addEventListener('input', onInput); el.addEventListener('keydown', onKey); }
@@ -604,20 +675,30 @@
     return { count: function () { return itemsFor(m.sessionId).length; }, unmount: function () { mounts = mounts.filter(function (x) { return x !== m; }); } };
   }
 
-  // QA 6.99.27 (User 2): Today's own card (#sq-host) has a sticky footer, and iOS puts the keyboard over the layout
-  // viewport, so with Other focused the footer sat under it. The keyboard's height (what of the layout viewport the
-  // visible one leaves at the bottom) goes on the host as --sq-kb, and questions.css lifts the footer by it. Today's
-  // overlay needs none of this: its layer already follows the visible viewport (today-actions.js fit).
+  // QA 6.99.27 (User 2): Today's own card (#sq-host) has a sticky footer, and the keyboard covers the bottom of the
+  // layout viewport, so with Other focused the footer sat under it. What covers the bottom goes on the host as --sq-kb
+  // and questions.css lifts the footer by it. 6.99.30: read the one way Control Web reads the visible viewport (app.js
+  // COSWeb.viewportFit, which Today's sheet uses too): the layout viewport under the visible box, in layout px, so a
+  // pinch zoom alone lifts nothing and a page the browser panned to the field lifts by what is really under it.
+  // The card in Today's sheet (.ta-q) needs none of this: the sheet itself is the visible box (today-actions.js fit).
   function keyboardInset() {
-    var vv = window.visualViewport;
-    if (!vv) return 0;
-    var inset = Math.round((window.innerHeight || 0) - (vv.height + vv.offsetTop));
-    return inset > 0 ? inset : 0;
+    var v = W.viewportFit ? W.viewportFit() : null;
+    return v && v.vv ? v.below : 0;
   }
   function fitKeyboard() {
-    if (host.style && host.style.setProperty) host.style.setProperty('--sq-kb', keyboardInset() + 'px');
+    var inset = keyboardInset();
+    if (host.style && host.style.setProperty) host.style.setProperty('--sq-kb', inset + 'px');
+    // A keyboard up (120 px or more, or any strip under a field of the card): the footer stops sticking (questions.css).
+    var v = W.viewportFit ? W.viewportFit() : null, a = document.activeElement;
+    var typing = !!(a && host.contains && host.contains(a) && a.hasAttribute && a.hasAttribute('data-sq-other'));
+    if (host.classList) host.classList.toggle('sq-kb-up', !!(v && v.vv && (v.inset >= 120 || (typing && v.inset > 0))));
   }
   if (window.visualViewport) { window.visualViewport.addEventListener('resize', fitKeyboard); window.visualViewport.addEventListener('scroll', fitKeyboard); }
+  window.addEventListener('resize', fitKeyboard); window.addEventListener('orientationchange', fitKeyboard);
+  window.addEventListener('pageshow', fitKeyboard);
+  host.addEventListener('focusin', fitKeyboard); host.addEventListener('focusout', function () { setTimeout(fitKeyboard, 0); });
+  // The Mac going away or coming back redraws the cards at once (their buttons wait while it is away).
+  if (W.onServer) W.onServer(function () { render(); });
 
   // Hidden: no reads at all (a phone in a pocket spends nothing). Visible again: one read at once (within the 1 s gap).
   document.addEventListener('visibilitychange', function () { if (document.hidden) stop(); else if (signedIn()) start(); });

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

@@ -7,11 +7,18 @@
   --pv-claude: rgb(199, 115, 56);
   --pv-codex: rgb(26, 140, 122);
   --pv-cursor: rgb(107, 97, 219);
+  /* 6.99.30 (design QA, light mode): the provider badges' 9 px words, about 25% darker than the glyph colour, so they
+     read at 4.5:1 or better on their tint. Dark mode keeps the glyph colour (below). */
+  --pv-claude-ink: rgb(143, 83, 40);
+  --pv-codex-ink: rgb(20, 105, 92);
+  --pv-cursor-ink: rgb(80, 73, 164);
   --run-green: rgb(56, 145, 99);
 }
-:root[data-theme='dark'] .sx { --pv-claude: rgb(226, 146, 92); --pv-codex: rgb(72, 190, 168); --pv-cursor: rgb(158, 150, 245); --run-green: rgb(108, 207, 143); }
+:root[data-theme='dark'] .sx { --pv-claude: rgb(226, 146, 92); --pv-codex: rgb(72, 190, 168); --pv-cursor: rgb(158, 150, 245); --run-green: rgb(108, 207, 143);
+  --pv-claude-ink: var(--pv-claude); --pv-codex-ink: var(--pv-codex); --pv-cursor-ink: var(--pv-cursor); }
 @media (prefers-color-scheme: dark) {
-  :root:not([data-theme='light']) .sx { --pv-claude: rgb(226, 146, 92); --pv-codex: rgb(72, 190, 168); --pv-cursor: rgb(158, 150, 245); --run-green: rgb(108, 207, 143); }
+  :root:not([data-theme='light']) .sx { --pv-claude: rgb(226, 146, 92); --pv-codex: rgb(72, 190, 168); --pv-cursor: rgb(158, 150, 245); --run-green: rgb(108, 207, 143);
+    --pv-claude-ink: var(--pv-claude); --pv-codex-ink: var(--pv-codex); --pv-cursor-ink: var(--pv-cursor); }
 }
 
 /* ── header, views, clock ─────────────────────────────── */
@@ -41,7 +48,7 @@
 @media (max-width: 599px) {
   .sx-search { order: 0; flex: 1 1 auto; }
   .sx-search .cx-clear { min-height: 40px; padding: 0 2px; }
-  .sx-select { min-height: 40px; height: 40px; font-size: 16px; background-position: calc(100% - 16px) 17px, calc(100% - 11px) 17px; }
+  .sx-select { background-position: calc(100% - 16px) 19px, calc(100% - 11px) 19px; }
   #sessions-recency { max-width: 128px; }
   .sx-ufilters .sx-select { flex: 1 1 150px; max-width: none; }
   .sx-utable .hp { display: none; }
@@ -62,12 +69,14 @@
 .sx-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; font: 600 15px/1.3 var(--body); color: var(--ink); }
 .sx-snippet { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; margin-top: 3px; font-size: 12.5px; line-height: 1.4; color: var(--sub); }
 .sx-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 5px; min-width: 0; }
-.sx-badge { display: inline-flex; align-items: center; height: 17px; padding: 0 6px; border-radius: 9px; font: 700 9px/1 var(--mono); letter-spacing: 0.06em; color: var(--pv-claude); background: color-mix(in srgb, var(--pv-claude) 14%, transparent); white-space: nowrap; }
-.sx-badge.codex { color: var(--pv-codex); background: color-mix(in srgb, var(--pv-codex) 14%, transparent); }
-.sx-badge.cursor { color: var(--pv-cursor); background: color-mix(in srgb, var(--pv-cursor) 14%, transparent); }
+.sx-badge { display: inline-flex; align-items: center; height: 17px; padding: 0 6px; border-radius: 9px; font: 700 9px/1 var(--mono); letter-spacing: 0.06em; color: var(--pv-claude-ink, var(--pv-claude)); background: color-mix(in srgb, var(--pv-claude) 14%, transparent); white-space: nowrap; }
+.sx-badge.codex { color: var(--pv-codex-ink, var(--pv-codex)); background: color-mix(in srgb, var(--pv-codex) 14%, transparent); }
+.sx-badge.cursor { color: var(--pv-cursor-ink, var(--pv-cursor)); background: color-mix(in srgb, var(--pv-cursor) 14%, transparent); }
 .sx-pinned { display: inline-flex; align-items: center; height: 17px; padding: 0 6px; border-radius: 9px; font: 700 8.5px/1 var(--mono); letter-spacing: 0.06em; color: var(--sub); background: color-mix(in srgb, var(--ink) 8%, transparent); }
 .sx-chip { font: 600 11.5px/1.3 var(--body); color: var(--sub); }
 .sx-chip.waiting { color: var(--amber); }
+/* 6.99.30: a queued message the server refused or let expire (app.js notSentFor). */
+.sx-chip.refused { color: var(--hot); }
 .sx-chip.running { color: var(--run-green); }
 .sx-when, .sx-ws { font-size: 11.5px; line-height: 1.3; color: var(--sub); }
 .sx-ws { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
@@ -116,7 +125,9 @@
 .sx-act-tool { flex: none; font: 400 11px/16px var(--mono); color: var(--sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .sx-act-prose { flex: none; margin-top: 2px; font-size: 13px; line-height: 16px; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
 .sx-act-fallback { height: calc(var(--act-state) + var(--act-prompt) + var(--act-tail) + 8px); margin: 0; padding-top: 6px; font-size: 12.5px; line-height: 1.4; color: var(--sub); overflow: hidden; box-sizing: border-box; }
-@media (max-width: 599px) { .sx-activity { --act-state: 38px; } .sx-act-stop.cx-btn { height: 36px; } }
+/* 6.99.32 (QA Completionist W4): below 600 px every .cx-btn is at least 44 px (app.css), so the row that holds Stop is 46 px;
+   at 38 it clipped Stop's border top and bottom. The fallback's height follows the variable. */
+@media (max-width: 599px) { .sx-activity { --act-state: 46px; } }
 .sx-note { font-size: 12px; color: var(--sub); margin: 0 2px 12px; }
 
 /* YOU and ASSISTANT cards (Control: card fill, a tinted hairline; sessions tint for you, green for the reply). */

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

@@ -221,8 +221,7 @@
   #pane-speakers .sp-mrow { grid-template-columns: 32px minmax(0, 1fr) 12px; }
   #pane-speakers .sp-tools { width: 100%; }
   #pane-speakers .sp-search { max-width: none; flex-basis: 100%; }
-  #pane-speakers .sp-search .field { min-height: 40px; font-size: 16px; }
-  .sp-select select.field { min-height: 38px; font-size: 14px; background-position: calc(100% - 16px) 16px, calc(100% - 11px) 16px; }
+  .sp-select select.field { background-position: calc(100% - 16px) 19px, calc(100% - 11px) 19px; }
   #pane-speakers .sp-text { min-height: 36px; font-size: 14.5px; }
   #pane-speakers .sp-field { min-height: 40px; font-size: 16px; width: 100%; }
   #pane-speakers .cx-switch { gap: 12px; flex-wrap: wrap; }
@@ -242,11 +241,10 @@
   .sp-pplay { width: 36px; height: 36px; }
   .sp-pplay-space { width: 36px; }
   .sp-opt { min-height: 40px; font-size: 15px; }
-  .sp-vacts .cx-btn { height: 36px; font-size: 14px; }
+  .sp-vacts .cx-btn { font-size: 14px; }
   .sp-leg { min-height: 30px; }
   .sp-racts { justify-content: flex-start; }
-  .sp-rhead .cx-btn { height: 36px; }
-  .sp-policy .field { min-height: 38px; font-size: 14px; background-position: calc(100% - 16px) 16px, calc(100% - 11px) 16px; }
+  .sp-policy .field { background-position: calc(100% - 16px) 19px, calc(100% - 11px) 19px; }
 }
 @media (min-width: 600px) {
   .sp-pills-in { display: none !important; }

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

@@ -107,7 +107,8 @@
       var off = new Error(OFFLINE); off.code = 'offline'; throw off;
     });
   }
-  var OFFLINE = 'Could not reach your Mac. Check Tailscale on this phone and that the Mac is awake.';
+  // The one sentence Control Web says for a request that never reached the Mac (app.js COSWeb.unreachableCopy, 6.99.30).
+  var OFFLINE = W.unreachableCopy || 'Could not reach COS on your Mac. Check that it is awake and on Tailscale, then try again.';
   // The server answered, but not with JSON (a proxy page, a crash): say that, never that it stopped.
   function unreadable(r) { return new Error('The server answered ' + r.status + ' without a readable reply.'); }
   // A 401 hands the page to the shell's sign-in and stops every timer here, so nothing polls a signed-out session.
@@ -264,7 +265,9 @@
       namedVoices: vr ? int(vr.namedVoices) || 0 : null, humanTouched: vr ? vr.humanTouched === true : null
     };
   }
-  function dateLine(m) { return [m.date, m.time ? clock12(m.time) : '', m.duration].filter(Boolean).join(' · '); }
+  // A row's day in plain words ("Today", "Nov 7"), never the ISO date (6.99.30).
+  function day(v) { return W.plainDay ? W.plainDay(v) : v; }
+  function dateLine(m) { return [day(m.date), m.time ? clock12(m.time) : '', m.duration].filter(Boolean).join(' · '); }
   function countsSummary(m) {
     var parts = [];
     if (m.topicCount > 0) parts.push(m.topicCount + ' topic' + s(m.topicCount));
@@ -579,7 +582,7 @@
       var message = str(r.body.message) || str(r.body.error) || (r.status === 200 ? 'Naming receipt ready' : 'Naming refused (' + r.status + ')');
       return { message: message, receipt: parseReceipt(r.body, r.status) };
     }, function (err) {
-      if (err && err.code === 'offline') throw new Error(OFFLINE + ' Then refresh to review any interrupted naming before retrying.');
+      if (err && err.code === 'offline') throw new Error('Could not reach COS on your Mac. Check that it is awake and on Tailscale, then refresh to review any interrupted naming before retrying.');
       throw err;
     });
   }
@@ -2049,7 +2052,7 @@
       out += '<div class="cx-list sp-list">' + p.appearances.map(function (a) {
         return '<button type="button" class="cx-row sp-arow" data-sp="open-appearance" data-sid="' + esc(a.sessionId) + '">' +
           '<span class="cx-row-glyph' + (a.needsReview ? ' sp-amber' : '') + '">' + icon('speakers') + '</span><span class="cx-row-body">' +
-          '<span class="cx-row-title strong sp-one">' + esc(a.title) + '</span><span class="sp-mono">' + esc(a.date + ' · ' + a.segments + ' segments · ' + formatDuration(a.speakingMs)) + '</span></span>' +
+          '<span class="cx-row-title strong sp-one">' + esc(a.title) + '</span><span class="sp-mono">' + esc([day(a.date), a.segments + ' segments', formatDuration(a.speakingMs)].filter(Boolean).join(' · ')) + '</span></span>' +
           '<span class="sp-match"><b>' + esc(a.observedMatch == null ? '–' : pct(a.observedMatch)) + '</b><small>' + (a.confirmedByHuman ? 'human confirmed' : a.needsReview ? 'review' : 'observed match') + '</small></span>' +
           '<span class="chev"></span></button>';
       }).join('') + '</div>';

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

@@ -118,14 +118,15 @@
       '<span class="cx-row-glyph"><svg class="icon"><use href="#i-threads"/></svg></span><span class="cx-row-body">' +
       '<span class="cx-row-title strong">' + esc(t.name || '(untitled)') + '</span>' +
       (subtitle(t) ? '<span class="cx-row-sub">' + esc(subtitle(t)) + '</span>' : '') +
-      '<span class="cx-id">' + esc(t.id) + '</span></span><span class="chev"></span></button>';
+      // 6.99.30 (design QA): no raw id ("t1") on the row; the thread's own page still shows it, to copy.
+      '</span><span class="chev"></span></button>';
   }
   function hitRow(h) {
     return '<button type="button" class="cx-row" data-th="open" data-id="' + esc(h.id) + '">' +
       '<span class="cx-row-glyph"><svg class="icon"><use href="#i-threads"/></svg></span><span class="cx-row-body">' +
       '<span class="cx-row-title strong">' + esc(h.title || h.name || '(untitled)') + '</span>' +
       (h.snippet ? '<span class="cx-row-sub">' + esc(h.snippet) + '</span>' : '') +
-      '<span class="cx-meta" style="margin-top:4px"><span class="cx-id" style="margin:0">' + esc(h.id) + '</span><span class="cx-cap">' + esc(matchLabel(h.match)) + '</span></span>' +
+      '<span class="cx-meta" style="margin-top:4px"><span class="cx-cap">' + esc(matchLabel(h.match)) + '</span></span>' +
       '</span><span class="chev"></span></button>';
   }
   function list() {

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

@@ -12,28 +12,35 @@
 
 /* The page behind does not scroll. Only the root: hidden on body too would make body a scroll container and unstick the rail. */
 html.ta-open { overflow: hidden; }
+/* 6.99.30 (design QA): Today's own question card is drawn in the sheet; the one on the page under it waits. */
+html.ta-open #sq-host { display: none; }
 
 .ta-layer {
-  /* 6.99.29 (Miles's unfolded Duo, IMG_0503, 11/07 12:48): with the keyboard closed the layer is the whole fixed
-     viewport, down to the physical bottom edge, whatever visualViewport reports. Sized from visualViewport.height it
-     ended about 106 px short and Today showed below the backdrop and the sheet. The home indicator is cleared once, by
-     the padding inside the sheet (.ta-foot, or .ta-body when there is no reply box), never by the layer or the sheet. */
-  position: fixed; inset: 0; z-index: 45;
+  /* 6.99.30: the layer is the VISIBLE part of the page, keyboard up or down, in any browser: top and height from
+     visualViewport (today-actions.js applyFit, app.js viewportFit), the dynamic viewport where there is none. Whatever
+     covers the bottom (a keyboard, its strip, Comet's or any browser's bottom bar) stays below the reply box and Send.
+     Only the backdrop and the sheet's colour reach on down to the physical bottom (::before and .ta-sheet::after,
+     --ta-below plus the bleed), so no band of Today shows (IMG_0503). The home indicator is cleared once, by the padding
+     inside the sheet (.ta-foot, or the sheet when there is no reply box), never by the layer or the sheet. */
+  position: fixed; left: 0; right: 0; z-index: 45;
+  top: var(--ta-vt, 0px); height: var(--ta-vh, 100vh);
   --ta-bleed: 120px;
   --run-green: rgb(56, 145, 99);
 }
-/* The keyboard is up (today-actions.js applyFit): the layer is the visible viewport, so it never covers the reply box. */
-.ta-layer.ta-kb { top: var(--ta-vt, 0px); height: var(--ta-vh, 100dvh); }
+/* Before the first reading (or with script failing), the dynamic viewport where the browser has it. A var() fallback
+   the browser cannot parse would void the whole height, so the dvh one sits behind @supports. */
+@supports (height: 100dvh) { .ta-layer { height: var(--ta-vh, 100dvh); } }
 :root[data-theme='dark'] .ta-layer { --run-green: rgb(108, 207, 143); }
 @media (prefers-color-scheme: dark) { :root:not([data-theme='light']) .ta-layer { --run-green: rgb(108, 207, 143); } }
 .ta-layer[hidden] { display: none; }
 .ta-scrim { position: absolute; inset: 0; background: rgba(23, 18, 14, 0.45); touch-action: none; animation: fade 160ms ease; }
-/* Past the bottom edge, in case Safari's fixed viewport ever stops short of it: the dim and the sheet run on below the
-   screen, so no band of Today can show under them. Off with the keyboard up (the keyboard covers that edge).
+/* Below the visible part, down to the physical bottom and past it: whatever lies there (a browser's bar the page shows
+   through, a keyboard, a fixed viewport that stops short) shows the dim and the sheet's own colour, never Today.
+   --ta-below is the layout viewport under the layer; the bleed covers a bottom edge reported short.
    QA 6.99.29: the dim's bleed is the LAYER's own pseudo-element, never the scrim, so it is visual only: a tap on that
    band lands on the layer (no data-ta, so nothing happens) instead of closing the overlay or reaching Today below. */
-.ta-layer:not(.ta-kb)::before { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: var(--ta-bleed); background: rgba(23, 18, 14, 0.45); touch-action: none; animation: fade 160ms ease; }
-.ta-layer:not(.ta-kb) .ta-sheet::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: var(--ta-bleed); background: var(--page); pointer-events: none; }
+.ta-layer::before { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: calc(var(--ta-below, 0px) + var(--ta-bleed)); background: rgba(23, 18, 14, 0.45); touch-action: none; animation: fade 160ms ease; }
+.ta-layer .ta-sheet::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: calc(var(--ta-below, 0px) + var(--ta-bleed)); background: var(--page); pointer-events: none; }
 
 .ta-sheet {
   position: absolute; left: 0; right: 0; bottom: 0;
@@ -62,9 +69,9 @@ html.ta-open { overflow: hidden; }
 .ta-foot .status-line:empty { display: none; }
 .ta-foot .sx-box, .ta-foot .sx-park { margin: 0 0 10px; }
 /* No reply box (the session list, a question answered in its card): the sheet itself keeps the home indicator's strip,
-   so the end of the list and the question card's footer stop above it and nothing scrolls under it. With the keyboard
-   up the keyboard covers that strip. */
-.ta-layer:not(.ta-kb) .ta-sheet:has(> .ta-foot:empty), .ta-layer:not(.ta-kb) .ta-sheet:has(> .ta-foot[hidden]) { padding-bottom: var(--safe-bottom); }
+   so the end of the list and the question card's footer stop above it and nothing scrolls under it. With a keyboard or
+   its strip up, that covers the strip. */
+.ta-layer:not(.ta-kb):not(.ta-kb-strip) .ta-sheet:has(> .ta-foot:empty), .ta-layer:not(.ta-kb):not(.ta-kb-strip) .ta-sheet:has(> .ta-foot[hidden]) { padding-bottom: var(--safe-bottom); }
 
 .ta-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 8px; color: var(--sub); font-size: 14.5px; line-height: 1.4; }
 .ta-note { margin: 6px 0 0; color: var(--hot); font-size: 13.5px; line-height: 1.4; }
@@ -126,9 +133,9 @@ html.ta-open { overflow: hidden; }
   .ta-foot { padding-bottom: calc(var(--safe-bottom) + 14px); }
 }
 /* 6.99.29 (Miles's unfolded Duo, 11/07): the on-screen keyboard is up, at any width (today-actions.js applyFit marks the
-   layer ta-kb when the visible viewport is 120 px or more shorter than the layout one). The sheet fills what is visible,
-   the header folds to one compact row, the reply box stays pinned at the bottom just above the keyboard, and the
-   conversation takes the rest and scrolls. The keyboard covers the home indicator, so the foot drops that inset. */
+   layer ta-kb when 120 px or more of the page is covered at the bottom). The sheet fills what is visible, the header
+   folds to one compact row, the reply box stays pinned at the bottom just above the keyboard, and the conversation
+   takes the rest and scrolls. The keyboard covers the home indicator, so the foot drops that inset. */
 .ta-layer.ta-kb .ta-sheet { top: 0; bottom: 0; max-height: none; overflow: hidden; }
 .ta-layer.ta-kb .ta-grip { display: none; }
 .ta-layer.ta-kb .ta-head { align-items: center; padding-top: calc(var(--safe-top) + 6px); padding-bottom: 4px; }
@@ -139,6 +146,9 @@ html.ta-open { overflow: hidden; }
 .ta-layer.ta-kb .ta-body { padding-bottom: 8px; }
 .ta-layer.ta-kb .ta-foot { padding-top: 8px; padding-bottom: 8px; }
 .ta-layer.ta-kb .ta-foot .composer textarea { max-height: 96px; }
+/* 6.99.30: a hardware keyboard's strip with a field focused (ta-kb-strip): the header stays, the strip covers the home
+   indicator, so the reply box drops that inset. The layer already ends above the strip. */
+.ta-layer.ta-kb-strip .ta-foot { padding-bottom: 8px; }
 /* Under about three lines left for the conversation: the "Working right now" note waits until the keyboard closes. */
 .ta-layer.ta-kb-tight .ta-foot .sx-park { display: none; }
 @keyframes ta-rise { from { transform: translateY(32px); opacity: 0.6; } }
@@ -160,8 +170,18 @@ html.ta-open { overflow: hidden; }
 /* Files with a reply or a note (11/07): the COS chat's own chips and clip (cos-chat.css .cc-chip, .cc-attach), placed in
    the reply box. The chips take their own row above the words; the clip sits beside Send. */
 .ta-composer { flex-wrap: wrap; }
-.ta-composer .ta-files { flex: 1 1 100%; padding: 2px 0 4px; }
+/* 6.99.30 (canary BLOCKER): five files pushed the reply box and Send off the sheet at every size (the foot never
+   shrinks and the keyboard's sheet clips). The chips scroll inside a capped box, so the words and Send always fit: about
+   two chip rows with room, one with the keyboard up. */
+.ta-composer .ta-files { flex: 1 1 100%; padding: 2px 0 4px; max-height: min(30vh, 132px); overflow-y: auto; overscroll-behavior: contain; }
+.ta-layer.ta-kb .ta-composer .ta-files { max-height: 60px; }
 .ta-composer .ta-files.hidden { display: none; }
 .ta-clip:empty { display: none; }
 .ta-clip .cc-attach { height: 38px; width: 42px; border-radius: var(--radius-sm); }
+/* 6.99.30 (canary): with the keyboard up a sticky question footer covered all but part of one option; it scrolls with
+   the card instead while typing. */
+.ta-layer.ta-kb .ta-q .sq-foot, .ta-layer.ta-kb-strip .ta-q .sq-foot { position: static; }
+/* The "Not sent" line for a refused queued message (today-actions.js loadNotSent). */
+.ta-notsent:empty { display: none; }
+.ta-notsent { margin: 4px 0 8px; }
 .ta-composer.dragging { outline: 2px dashed var(--accent); outline-offset: 4px; }