@gotcos/glasses-server 6.99.29 → 7.0.7

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

@@ -47,9 +47,11 @@
     stopped: false,
     inflight: false,      // a poll is on the wire
     again: false,         // something asked for a poll while one was out: one more as soon as it lands
-    lastPollAt: 0         // when the last poll went out (Date.now)
+    lastPollAt: 0,        // when the last poll went out (Date.now)
+    load: 'unread'        // W13: 'unread' (no read yet), 'ok' (the last read was the server's answer) or 'failed' (it was not)
   };
   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).
@@ -133,6 +135,19 @@
     // QA 6.99.27 (N4): the read asked for while this one was out goes through nudge, so it waits out the 1 s gap too.
     if (Q.again) { Q.again = false; nudge(); }
   }
+  // W13 (QA week of 11/01-11/08): whether the last read was the server's answer. A failed read leaves no cards, and Today's
+  // sheet read "no card" as "at the Mac's prompt" (a Claude session) with no way to read again. Each change tells the
+  // mounted sheets (their onChange), never on a read that changed nothing.
+  function noteLoad(state) {
+    if (Q.load === state) return;
+    Q.load = state;
+    tellMounts();
+  }
+  function tellMounts() {
+    mounts.forEach(function (m) {
+      if (m.onChange) { try { m.onChange(itemsFor(m.sessionId).length, atMacFor(m.sessionId).length); } catch (_e) {} }
+    });
+  }
   function poll() {
     clearTimeout(Q.timer);
     if (Q.stopped || document.hidden || !signedIn()) return;
@@ -140,20 +155,44 @@
     if (Q.inflight) { Q.again = true; return; }
     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; }
+      if (!usable(cap)) { Q.again = false; landed(); clearCards(); schedule(60000); noteLoad(cap ? 'ok' : 'failed'); 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(); noteLoad('failed'); return; }
         return res.json().then(function (d) {
-          if (!d || d.enabled === false) { Q.again = false; landed(); clearCards(); schedule(60000); return; }
+          clearTimeout(limit);
+          if (!d || d.enabled === false) { Q.again = false; landed(); clearCards(); schedule(60000); noteLoad('ok'); return; }
           // Painted as soon as the read lands: take() draws the cards and repaints Today's Needs you and the pet.
+          // The state first, so a redraw take() makes already reads 'ok'; a read that changed no card redraws nothing, so
+          // the sheets still hear that the failure is over.
+          var was = Q.load;
+          Q.load = 'ok';
           take(Array.isArray(d.items) ? d.items : [], Array.isArray(d.settled) ? d.settled : []);
+          if (was !== 'ok') tellMounts();
           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(); noteLoad('failed');
         });
-      }, function () { schedule(DEFAULT_POLL_MS); landed(); });
-    }).catch(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(); noteLoad('failed');
+      });
+    }).catch(function () { schedule(DEFAULT_POLL_MS); landed(); noteLoad('failed'); });
   }
   // 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
   // once more when it lands). Today calls this when a session goes to waiting, so its question shows at once.
@@ -190,8 +229,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 +335,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 +348,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 +398,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 +410,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 +441,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 +544,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 +609,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 +669,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 +680,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 +694,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(); });
@@ -626,5 +726,6 @@
   if (W.onRoute) W.onRoute(function (r) { if (r && r.pane === 'today') nudge(); });
 
   W.sessionQuestions = { _state: Q, _take: take, _render: render, _presenceAge: presenceAge, _pollUrl: pollUrl, _key: onKey, _advanceMs: ADVANCE_MS, _todayPollMs: TODAY_POLL_MS, _fitKeyboard: fitKeyboard, poll: poll, nudge: nudge, mount: mount,
-    itemsFor: itemsFor, atMacFor: atMacFor, answeredFor: answeredFor, wordsOf: wordsOf, macLine: MAC_LINE, answeredLine: ANSWERED_LINE };
+    itemsFor: itemsFor, atMacFor: atMacFor, answeredFor: answeredFor, wordsOf: wordsOf, macLine: MAC_LINE, answeredLine: ANSWERED_LINE,
+    loadState: function () { return Q.load; }, retry: function () { nudge(); } };
 })();