@gotcos/glasses-server 6.99.25 → 6.99.33

package/server/web-control/panes/reader-media.js

@@ -0,0 +1,154 @@
+/* Native session output images. Only opaque DTO ids reach the content route; markdown and paths are never sources. */
+(function () {
+  'use strict';
+  var W = window.COSWeb;
+  if (!W) return;
+  var scopes = new Map(), viewer = null, requests = [], activeRequests = 0;
+  var ID = /^ai_[a-f0-9]{64}$/;
+  // outside_workspace is permanent. unavailable means the workspace lookup failed this time; the content route re-resolves it.
+  var REASONS = { outside_workspace: 'This image is outside the session workspace.',
+    unavailable: 'This image is temporarily unavailable. Retry in a moment.' };
+  var style = document.createElement('style');
+  style.textContent = '.rm-item{display:flex;flex-direction:column;gap:6px;max-width:180px}.rm-label,.rm-status{font:12px/1.4 var(--body);color:var(--sub);overflow-wrap:anywhere}.rm-label{color:var(--text)}.rm-item .cx-thumb{cursor:pointer}.rm-view{position:fixed;inset:0;z-index:10000;background:var(--bg,#171717);color:var(--text,#fff);display:flex;flex-direction:column;padding: max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:16px}.rm-view-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.rm-view-label{margin:0;overflow-wrap:anywhere;font:16px/1.4 var(--body)}.rm-view-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.rm-view img{max-width:100%;max-height:100%;object-fit:contain}.rm-viewing{overflow:hidden!important}';
+  document.head.appendChild(style);
+
+  function element(tag, cls, text) {
+    var el = document.createElement(tag); if (cls) el.className = cls;
+    if (text != null) el.textContent = text;
+    return el;
+  }
+  function button(text, action, cls) {
+    var b = element('button', cls || 'cx-btn quiet', text); b.type = 'button'; b.addEventListener('click', action); return b;
+  }
+  function path(scope, id, variant) {
+    return '/api/agent-sessions/' + encodeURIComponent(scope.provider) + '/' + encodeURIComponent(scope.id) + '/output-images/' + encodeURIComponent(id) + '/content?variant=' + variant;
+  }
+  function revoke(item) { if (item.url) { URL.revokeObjectURL(item.url); item.url = ''; } }
+  function failWords(err) {
+    if (err && err.status === 401) return 'Signed out. Connect this browser again to view the image.';
+    if (err && err.status === 404) return 'This image is no longer available. Reopen the session to refresh its images.';
+    return 'The image could not load. Check that your Mac is awake, then retry.';
+  }
+  function retryable(err) { return !(err && (err.status === 401 || err.status === 404)); }
+  function imageBlob(blob) { return blob && /^image\/(png|jpeg|webp|gif|avif)$/.test(blob.type || '') && blob.size > 0; }
+  // The server normalizes at most two images at once. Share that budget across both readers and the viewer.
+  function pump() {
+    while (activeRequests < 2 && requests.length) {
+      var job = requests.shift();
+      if (!job.valid()) { job.resolve(null); continue; }
+      activeRequests++;
+      (function (j) {
+        Promise.resolve().then(j.run).then(j.resolve, j.reject).then(function () { activeRequests--; pump(); });
+      })(job);
+    }
+  }
+  function imageRequest(url, valid, foreground) {
+    return new Promise(function (resolve, reject) {
+      var job = { valid: valid, resolve: resolve, reject: reject, run: function () { return W.api(url, { responseType: 'blob', timeoutMs: 20000 }); } };
+      if (foreground) requests.unshift(job); else requests.push(job);
+      pump();
+    });
+  }
+  function fetchImage(scope, item, variant, target, ready, failed) {
+    var generation = ++target.generation;
+    imageRequest(path(scope, item.id, variant), function () { return scope.alive && generation === target.generation; }, variant === 'phone').then(function (blob) {
+      if (!scope.alive || generation !== target.generation) return;
+      if (!imageBlob(blob)) throw new Error('Not a supported image');
+      revoke(target); target.url = URL.createObjectURL(blob); ready(target.url);
+    }).catch(function (err) {
+      if (scope.alive && generation === target.generation) failed(err);
+    });
+  }
+  function loadThumb(scope, item) {
+    if (item.busy) return;
+    item.busy = true; item.open.textContent = 'Loading image…'; item.status.textContent = 'Loading image…'; item.retry.hidden = true; item.open.disabled = true;
+    fetchImage(scope, item, 'thumb', item, function (url) {
+      item.busy = false; item.open.textContent = '';
+      var img = element('img'); img.alt = item.label;
+      img.addEventListener('error', function () {
+        if (!scope.alive || item.url !== url) return;
+        revoke(item); item.open.textContent = 'Image unavailable'; item.open.disabled = true;
+        item.status.textContent = 'The image could not be displayed.'; item.retry.hidden = false;
+      });
+      img.src = url; item.open.appendChild(img); item.open.disabled = false; item.status.textContent = '';
+    }, function (err) {
+      item.busy = false; item.open.textContent = 'Image unavailable'; item.status.textContent = failWords(err); item.retry.hidden = !retryable(err);
+    });
+  }
+  function closeViewer(restore) {
+    var v = viewer; if (!v) return;
+    viewer = null; v.generation++; revoke(v); v.el.remove(); document.documentElement.classList.remove('rm-viewing');
+    if (restore !== false && v.opener && v.opener.isConnected) v.opener.focus();
+  }
+  function openViewer(scope, item) {
+    closeViewer(false);
+    var el = element('div', 'rm-view'), head = element('div', 'rm-view-head'), body = element('div', 'rm-view-body');
+    el.setAttribute('role', 'dialog'); el.setAttribute('aria-modal', 'true'); el.setAttribute('aria-label', 'Image preview: ' + item.label);
+    var close = button('Close image', function () { closeViewer(); });
+    head.appendChild(element('h2', 'rm-view-label', item.label)); head.appendChild(close); el.appendChild(head); el.appendChild(body);
+    var v = viewer = { el: el, body: body, scope: scope, opener: item.open, close: close, url: '', generation: 0 };
+    document.body.appendChild(el); document.documentElement.classList.add('rm-viewing'); close.focus();
+    function load() {
+      body.textContent = ''; var status = element('p', 'rm-status', 'Loading image…'); status.setAttribute('role', 'status'); body.appendChild(status);
+      fetchImage(scope, item, 'phone', v, function (url) {
+        if (viewer !== v) return;
+        body.textContent = ''; var img = element('img'); img.alt = item.label;
+        img.addEventListener('error', function () { if (viewer === v && v.url === url) { revoke(v); failure(new Error('Image decode failed')); } });
+        img.src = url; body.appendChild(img);
+      }, failure);
+    }
+    function failure(err) {
+      if (viewer !== v) return;
+      body.textContent = ''; var status = element('p', 'rm-status', failWords(err)); status.setAttribute('role', 'status'); body.appendChild(status);
+      if (retryable(err)) body.appendChild(button('Retry image', load));
+    }
+    load();
+  }
+  // Window capture runs before Today's document capture handler. An image never pushes history or closes its parent.
+  window.addEventListener('keydown', function (e) {
+    if (!viewer) return;
+    if (e.key === 'Escape') { e.preventDefault(); e.stopImmediatePropagation(); closeViewer(); return; }
+    if (e.key === 'Tab') {
+      var buttons = Array.prototype.slice.call(viewer.el.querySelectorAll('button')).filter(function (b) { return !b.hidden && !b.disabled; });
+      var at = buttons.indexOf(document.activeElement), next = e.shiftKey ? (at <= 0 ? buttons.length - 1 : at - 1) : (at + 1) % buttons.length;
+      e.preventDefault(); e.stopImmediatePropagation(); if (buttons[next]) buttons[next].focus();
+    }
+  }, true);
+  function clearRecord(scope, record) {
+    record.items.forEach(function (item) { item.generation++; revoke(item); });
+    if (viewer && viewer.scope === scope && record.items.some(function (item) { return item.open === viewer.opener; })) closeViewer(false);
+  }
+  function unmount(host) {
+    var scope = scopes.get(host); if (!scope) return;
+    scope.alive = false; scope.records.forEach(function (record) { clearRecord(scope, record); }); scopes.delete(host);
+  }
+  function mount(host, provider, sessionId) {
+    if (!host || !provider || !sessionId) return;
+    var scope = scopes.get(host);
+    if (scope && (scope.provider !== provider || scope.id !== sessionId)) { unmount(host); scope = null; }
+    if (!scope) { scope = { alive: true, provider: String(provider), id: String(sessionId), records: new Map() }; scopes.set(host, scope); }
+    var slots = Array.prototype.slice.call(host.querySelectorAll('[data-reader-images]'));
+    scope.records.forEach(function (record, slot) { if (slots.indexOf(slot) < 0) { clearRecord(scope, record); scope.records.delete(slot); } });
+    slots.forEach(function (slot) {
+      if (scope.records.has(slot)) return;
+      var raw; try { raw = JSON.parse(slot.getAttribute('data-reader-images') || '[]'); } catch (_e) { raw = []; }
+      slot.textContent = ''; slot.className = 'cx-strip'; slot.setAttribute('aria-label', 'Session output images');
+      var record = { items: [] }; scope.records.set(slot, record);
+      (Array.isArray(raw) ? raw : []).forEach(function (dto) {
+        if (!dto || !ID.test(dto.id || '') || ['available', 'unavailable'].indexOf(dto.state) < 0) return;
+        var item = { id: dto.id, label: String(dto.label || 'Output image').slice(0, 180), generation: 0, url: '', busy: false };
+        record.items.push(item);
+        var wrap = element('div', 'rm-item');
+        item.open = button('Image unavailable', function () { openViewer(scope, item); }, 'cx-thumb');
+        item.open.setAttribute('aria-label', 'Open image: ' + item.label); item.open.disabled = true;
+        item.status = element('span', 'rm-status'); item.status.setAttribute('role', 'status');
+        item.retry = button('Retry image', function () { loadThumb(scope, item); }, 'link-btn'); item.retry.hidden = true;
+        wrap.appendChild(item.open); wrap.appendChild(element('span', 'rm-label', item.label)); wrap.appendChild(item.status); wrap.appendChild(item.retry); slot.appendChild(wrap);
+        if (dto.state === 'available') loadThumb(scope, item);
+        else { item.status.textContent = REASONS[dto.reason] || REASONS.unavailable; item.retry.hidden = dto.reason === 'outside_workspace'; }
+      });
+    });
+  }
+  W.readerMedia = { mount: mount, unmount: unmount, isOpen: function () { return !!viewer; }, close: closeViewer };
+  W.registerPane('readerMedia', W.readerMedia);
+})();

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). */
@@ -181,6 +192,8 @@
 .sx-queue-row { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 8px 10px; align-items: center; padding: 8px 10px; border-radius: 9px; background: var(--panel); border: 1px solid var(--panel-border); }
 .sx-queue-state { font: 700 9.5px/1.2 var(--mono); color: var(--accent); }
 .sx-queue-text { font-size: 13px; line-height: 1.4; color: var(--ink); overflow-wrap: anywhere; }
+.sx-queue-refused .sx-queue-state { color: var(--sub); }
+.sx-queue-reason { display: block; margin-top: 2px; font-size: 12px; color: var(--sub); }
 @media (max-width: 599px) {
   .sx-queue-row { grid-template-columns: minmax(0, 1fr) auto; }
   .sx-queue-state { grid-column: 1 / -1; }

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

@@ -91,9 +91,9 @@
     Promise.all([
       soft(api('/api/decision-provider')), soft(api('/api/live-cues/v2/settings')), soft(api('/api/morning-brief')),
       soft(api('/api/domains')), soft(api('/api/agent-sessions/fences')), soft(api('/api/meeting-import/fireflies/status')),
-      soft(api('/api/health')), soft(api('/api/drops/settings/p2'))
+      soft(api('/api/health')), soft(api('/api/drops/settings/p2')), soft(api('/api/today/brief/settings'))
     ]).then(function (r) {
-      S.data = { dp: r[0], cues: r[1], mb: r[2], domains: r[3], fences: r[4], ff: r[5], health: r[6], p2: r[7] };
+      S.data = { dp: r[0], cues: r[1], mb: r[2], domains: r[3], fences: r[4], ff: r[5], health: r[6], p2: r[7], tb: r[8] };
       S.state = 'ready';
       render();
     });
@@ -205,11 +205,30 @@
     }, function (err) { if (undo) undo(); say((err && err.message) || 'That did not save.', true); });
   }
 
+  // One line under the Today summary toggle: paused until, today's cap reached, or the last call failed (GET /api/today/brief/settings status).
+  function briefStatus(tb) {
+    var st = tb && tb.enabled && tb.status;
+    if (!st) return '';
+    var at = function (iso) { var d = new Date(iso); return isNaN(d) ? '' : d.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' }); };
+    if (st.kind === 'paused') return 'Paused after three failed tries. It tries again at ' + at(st.until) + '.';
+    if (st.kind === 'daily_cap') return 'Today\u2019s ' + st.count + ' are used. It writes again tomorrow.';
+    if (st.kind === 'failed') return 'The last try failed at ' + at(st.at) + (st.code === 'timeout' ? ' (it took too long).' : st.code === 'unavailable' ? ' (Claude Code was not found on your Mac).' : '.');
+    return '';
+  }
   function categoryBody(cat) {
     var d = S.data || {};
     var out = '';
     if (cat.id === 'reach') return reachBody();
     if (cat.id === 'pet') return petBody() + onMac(cat.mac);
+    // The Today summary (routes/today-brief.ts): Haiku on the Mac writes Today's top lines. Off unless switched on here or
+    // by COS_TODAY_BRIEF_LLM on the Mac, which wins when set.
+    if (cat.id === 'general' && d.tb && typeof d.tb.enabled === 'boolean') {
+      out += group('Today summary', '',
+        row('Write the Today summary with a model', d.tb.source === 'env' ? 'Set on the Mac by the server environment.' :
+          'Haiku writes two or three sentences after the count of what needs you. It reads what Today shows (session titles and states, each session\u2019s latest reply, the questions sessions ask you, what needs you) and, on your Mac, each session\u2019s sub-agents and the Work cards in progress. It runs only while Today is open, only when something changed, never during a recording, at most every 10 minutes and 60 times a day.',
+          toggle(d.tb.enabled, 'data-set="today-brief"' + (d.tb.source === 'env' ? ' disabled' : ''), 'Write the Today summary with a model')) +
+        (briefStatus(d.tb) ? '<p class="cx-set-blurb" id="today-brief-status">' + esc(briefStatus(d.tb)) + '</p>' : ''));
+    }
     if (cat.id === 'ai' && d.dp) {
       var p = d.dp.provider || '';
       var name = function (x) { return x === 'subq' ? 'SubQ' : x === 'jev' ? 'Jev' : x || 'Not set'; };
@@ -327,6 +346,19 @@
         .then(function () { W.toast(!on ? 'Live cues on' : 'Live cues off'); }, function (err) { t.setAttribute('aria-checked', String(on)); say(err.message, true); });
       return;
     }
+    if (act === 'today-brief') {
+      var ton = t.getAttribute('aria-checked') === 'true';
+      t.setAttribute('aria-checked', String(!ton));
+      api('/api/today/brief/settings', { method: 'POST', body: { enabled: !ton } })
+        .then(function (v) {
+          if (S.data && v) S.data.tb = v;
+          // Today forgets the summary it showed, so turning it on asks at once and turning it off shows the counts line.
+          if (W.resetTodayBrief) W.resetTodayBrief();
+          W.toast(!ton ? 'Today summary on' : 'Today summary off');
+          render();
+        }, function (err) { t.setAttribute('aria-checked', String(ton)); say(err.message, true); });
+      return;
+    }
     if (act === 'brief') {
       var bon = t.getAttribute('aria-checked') === 'true';
       t.setAttribute('aria-checked', String(!bon));

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,17 +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.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;
-  /* The visible viewport (app sets these from visualViewport): the keyboard never covers the reply box. */
-  top: var(--ta-vt, 0px); height: var(--ta-vh, 100dvh);
+  top: var(--ta-vt, 0px); height: var(--ta-vh, 100vh);
+  --ta-bleed: 120px;
   --run-green: rgb(56, 145, 99);
 }
+/* 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; }
+/* 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::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;
@@ -37,16 +55,23 @@ html.ta-open { overflow: hidden; }
 }
 .ta-grip { flex: none; width: 36px; height: 5px; border-radius: 3px; background: var(--panel-border); margin: 8px auto 0; }
 .ta-head { flex: none; display: flex; align-items: flex-start; gap: 10px; padding: 6px var(--gutter) 4px; }
+.ta-head-main { flex: 1; min-width: 0; }
+.ta-back { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 -6px; padding: 0; }
+.ta-back[hidden] { display: none; }
 .ta-title { flex: 1; min-width: 0; margin: 8px 0 0; font: 500 22px/1.2 var(--display); letter-spacing: -0.005em; overflow-wrap: anywhere; }
 .ta-x { flex: none; display: grid; place-items: center; width: 44px; height: 44px; margin-right: -8px; border-radius: 12px; color: var(--ink); }
 .ta-x .icon { width: 20px; height: 20px; stroke-width: 1.8; }
 .ta-body { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 2px var(--gutter) 16px; }
 .ta-foot { flex: none; padding: 10px var(--gutter) calc(var(--safe-bottom) + 10px); border-top: 1px solid var(--row-border); background: var(--page); }
-.ta-foot:empty { display: none; }
+.ta-foot:empty, .ta-foot[hidden] { display: none; }
 .ta-foot .composer { margin-top: 0; position: static; }
 .ta-foot .status-line { margin: 6px 4px 0; min-height: 0; }
 .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 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; }
@@ -56,6 +81,19 @@ html.ta-open { overflow: hidden; }
 .ta-links { display: flex; flex-wrap: wrap; gap: 0 18px; }
 .ta-q { display: grid; gap: 12px; margin: 8px 0 12px; }
 .ta-q[hidden] { display: none; }
+/* 6.99.26: Needs you says where a waiting session can be answered; a pet with nothing in play does nothing */
+.need-where[data-where="here"] { color: var(--hot); font-weight: 600; }
+.pet-btn[aria-disabled="true"] { cursor: default; }
+/* 6.99.26: a question only the Mac's own prompt can answer */
+.ta-mac-line { color: var(--ink); }
+/* 6.99.26: the pet's sessions: waiting on you, running, done today */
+.ta-pet-group { margin: 4px 0 14px; }
+.ta-pet-head { margin: 10px 0 2px; font: 600 15px/1.3 var(--body); color: var(--ink); }
+.ta-pet-row { display: flex; flex-direction: column; gap: 4px; width: 100%; min-height: 56px; padding: 10px 0; text-align: left; border-top: 1px solid var(--row-border); color: inherit; }
+.ta-pet-head + .ta-pet-row { border-top: 0; }
+.ta-pet-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.ta-pet-title { font-size: 15.5px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
+.ta-pet-line { font-size: 13.5px; line-height: 1.4; color: var(--sub); overflow-wrap: anywhere; }
 .ta-activity { margin: 8px 0 4px; }
 .ta-activity .sx-act-state { margin-top: 0; }
 .ta-act-prompt { margin: 2px 0 0; font-size: 13.5px; line-height: 1.4; color: var(--ink); overflow-wrap: anywhere; }
@@ -85,6 +123,8 @@ html.ta-open { overflow: hidden; }
 @media (min-width: 600px) {
   .ta-sheet {
     left: auto; top: 0; width: clamp(360px, 60vw, 480px); max-height: none;
+    /* At the right edge only the right inset (a landscape notch or rounded corner) applies. */
+    padding-left: 0;
     border-radius: 20px 0 0 20px; box-shadow: -16px 0 48px rgba(0, 0, 0, 0.22);
     animation-name: ta-slide;
   }
@@ -92,6 +132,25 @@ html.ta-open { overflow: hidden; }
   .ta-head { padding-top: calc(var(--safe-top) + 14px); }
   .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 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; }
+.ta-layer.ta-kb .ta-head-main { display: flex; align-items: center; gap: 12px; }
+.ta-layer.ta-kb .ta-back { flex: none; min-height: 36px; margin: 0; }
+.ta-layer.ta-kb .ta-title { margin: 0; font-size: 17px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
+.ta-layer.ta-kb .ta-x { width: 36px; height: 36px; margin-right: -6px; }
+.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; } }
 @keyframes ta-slide { from { transform: translateX(32px); opacity: 0.6; } }
 /* Dismiss armed: the second tap removes it (no Undo on this server). */
@@ -107,3 +166,22 @@ html.ta-open { overflow: hidden; }
 .nav-row .note.file-error { color: var(--hot); white-space: normal; }
 /* Running card when the session list could not be read (app.js renderRunning). */
 .run-more.run-failed { color: var(--run-open); }
+
+/* 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; }
+/* 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; }