@gotcos/glasses-server 6.99.29 → 7.0.7

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

@@ -7,17 +7,52 @@
   --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 ─────────────────────────────── */
 .sx-views { justify-content: space-between; margin: 10px 0 8px; }
 .sx-clock { margin-left: auto; }
 .sx-split { margin-top: 4px; }
+/* Duo tables: the divider between the list and the reader (app.js sxSplitKit). Only where both show side by side. The
+   column it sits in replaces the split's 18 px gap; a dragged width is a share of the split, clamped so the list keeps
+   240 px and the reader 380 px (app.js SX_LIST_MIN, SX_READER_MIN, SX_HANDLE_W), so a turned screen never squeezes either. */
+.sx-handle, .sx-full-btn { display: none; }
+@media (min-width: 760px) {
+  .split.sx-split { grid-template-columns: minmax(260px, 340px) 18px minmax(0, 1fr); column-gap: 0; }
+  .split.sx-split.sx-sized { grid-template-columns: clamp(240px, var(--sx-list-share, 30%), calc(100% - 398px)) 18px minmax(0, 1fr); }
+  .sx-handle {
+    display: flex; justify-content: center; align-items: center; position: sticky; top: calc(var(--safe-top) + 12px); align-self: start;
+    height: calc(100dvh - var(--safe-top) - 24px); cursor: col-resize; touch-action: none; user-select: none; -webkit-user-select: none;
+    -webkit-touch-callout: none; outline: none; z-index: 2;
+  }
+  /* The line is the split's own hairline; the grip shows where to take it. */
+  .sx-handle::after { content: ''; width: 4px; height: 36px; border-radius: 2px; background: var(--panel-border); transition: background 120ms ease, height 120ms ease; }
+  .sx-handle:hover::after, .sx-handle:focus-visible::after, .sx-dragging .sx-handle::after { background: var(--accent); height: 52px; }
+  .sx-handle:focus-visible { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent); border-radius: 6px; }
+  /* A finger gets a 44 px target, 13 px over each pane's edge; a mouse keeps the 18 px column. */
+  @media (pointer: coarse) { .sx-handle::before { content: ''; position: absolute; top: 0; bottom: 0; left: -13px; right: -13px; } }
+  /* While dragging, nothing in the panes selects or takes the pointer. */
+  .sx-split.sx-dragging { user-select: none; -webkit-user-select: none; cursor: col-resize; }
+  .sx-split.sx-dragging > .split-list, .sx-split.sx-dragging > .reader { pointer-events: none; }
+  .sx-full-btn { display: inline-flex; margin-left: auto; flex: none; }
+  @media (pointer: coarse) { .sx-full-btn { min-height: 44px; } }
+  /* Full width: the reader takes the split; the list and the divider come back with Show list. */
+  .split.sx-split.sx-full.reading { grid-template-columns: minmax(0, 1fr); }
+  .sx-split.sx-full.reading > .split-list, .sx-split.sx-full.reading > .sx-handle { display: none; }
+}
+@media (prefers-reduced-motion: reduce) { .sx-handle::after { transition: none; } }
 @media (max-width: 599px) {
   .sx-views { gap: 2px 18px; }
   .sx-clock { margin-left: 0; }
@@ -41,7 +76,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 +97,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 +153,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). */
@@ -153,9 +192,10 @@
 .sx-md a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
 .sx-md del { color: var(--sub); }
 .sx-table { overflow-x: auto; max-width: 100%; margin: 0 0 0.8em; }
-.sx-table table { border-collapse: collapse; font-size: 13.5px; line-height: 1.4; min-width: 100%; }
-.sx-table th, .sx-table td { border: 1px solid var(--hairline); padding: 6px 9px; text-align: left; vertical-align: top; }
-.sx-table th { font-weight: 600; background: var(--qopen); }
+/* Duo tables: the grid lines, word wrapping and the held first column are control.css (table.tf, table.tf-grid). */
+.sx-table table { font-size: 13.5px; line-height: 1.4; min-width: 100%; }
+.sx-table th, .sx-table td { padding: 6px 9px; text-align: left; vertical-align: top; }
+.sx-table th, .sx-table table.tf thead tr > :first-child { font-weight: 600; background: var(--qopen); }
 
 .sx-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 16px 0 4px; }
 .sx-foot-note { font-size: 11.5px; color: var(--tertiary); }

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

@@ -91,9 +91,10 @@
     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/today/brief/settings'))
+      soft(api('/api/health')), soft(api('/api/drops/settings/p2')), soft(api('/api/today/brief/settings')),
+      soft(api('/api/session-files/settings')), soft(api('/api/preview-folders/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], tb: r[8] };
+      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], sf: r[9], pf: r[10] };
       S.state = 'ready';
       render();
     });
@@ -211,22 +212,68 @@
     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.';
+    // 7.0.5: the number is the "Summaries per day" setting (an older server sends only the count).
+    if (st.kind === 'daily_cap') { var n = typeof st.cap === 'number' ? st.cap : st.count; return 'Today\u2019s ' + n + (n === 1 ? ' summary is' : ' summaries 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 '';
   }
+  // 6.99.35: "Show files and images your sessions make" (GET/POST /api/session-files/settings, lib/session-files-setting.ts).
+  // On by default. COS_WEB_SESSION_FILES=0 on the Mac forces it off; the row then says so and cannot be changed here.
+  function sessionFilesGroup(d) {
+    var sf = d && d.sf;
+    if (!sf || typeof sf.enabled !== 'boolean') return '';
+    var env = sf.source === 'env';
+    // QA 7.0.0: a saved setting the Mac could not read fails closed (off). The row says so; turning it on saves it again.
+    return group('Session files', '',
+      // 7.0.4: the switch also covers screenshots, images a session opened and images attached to prompts, so it says so.
+      row('Show session files, screenshots and images',
+        env ? 'Turned off on the Mac by the server environment (COS_WEB_SESSION_FILES=0).'
+          : sf.source === 'damaged' ? 'Couldn’t read the saved setting, so previews are off. Turn it on to save it again.'
+          : 'Lets this page show the files and images your sessions send you, the screenshots and images they open, and images attached to your prompts. Files stay on your Mac.',
+        toggle(sf.enabled, 'data-set="session-files"' + (env ? ' disabled' : ''), 'Show session files, screenshots and images')) +
+      previewFoldersRows(d.pf));
+  }
+  // 7.0.5 (preview engine, Miles decision 2b): extra folders a session's linked or sent files may open from, besides its
+  // own project folder (GET/POST /api/preview-folders/settings). Empty by default; each folder is listed by name and
+  // removed one at a time. The server refuses broad folders (home, Documents, Library, /) and says why.
+  function previewFoldersRows(pf) {
+    if (!pf || !Array.isArray(pf.folders)) return '';
+    var list = pf.folders.slice(0, 20);
+    var blurb = pf.source === 'damaged' ? 'Couldn’t read the saved list, so no extra folder counts. Add a folder to save it again.'
+      : list.length ? 'Sessions can also open files from these folders.' : 'None. Sessions open files only from their own project folder.';
+    return '<div class="cx-set-row cx-set-folders"><div class="cx-set-text"><span class="cx-set-name">Extra folders</span><span class="cx-set-desc" id="pf-blurb">' + esc(blurb) + '</span></div></div>' +
+      list.map(function (f, i) {
+        return '<div class="cx-set-row cx-set-folder"><div class="cx-set-text"><span class="cx-set-name pf-name">' + esc(f) + '</span></div>' +
+          '<button type="button" class="cx-btn quiet" data-set="pf-remove" data-index="' + i + '" aria-label="' + esc('Remove ' + f) + '">Remove</button></div>';
+      }).join('') +
+      (list.length < 20 ? '<form class="cx-set-row pf-add" id="pf-add"><label class="cx-set-text" for="pf-input"><span class="cx-set-desc">Add a project folder, like ~/cos-worktrees. Not your whole home or Documents folder.</span></label>' +
+        '<span class="pf-add-line"><input id="pf-input" type="text" inputmode="url" autocapitalize="off" autocorrect="off" spellcheck="false" placeholder="~/cos-worktrees" aria-label="Folder to add">' +
+        '<button type="submit" class="cx-btn" data-set="pf-add">Add</button></span></form>' : '');
+  }
+  function savePreviewFolders(next, done) {
+    api('/api/preview-folders/settings', { method: 'POST', body: { folders: next } }).then(function (v) {
+      if (S.data && v && Array.isArray(v.folders)) S.data.pf = v;
+      W.toast('Saved');
+      render();
+      if (done) done(true);
+    }, function (err) { say((err && err.message) || 'That folder was not saved.', true); if (done) done(false); });
+  }
   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
+    if (cat.id === 'privacy') out += sessionFilesGroup(d);
+    // The Today summary (routes/today-brief.ts): Sonnet on the Mac writes Today's top lines (7.0.1; Haiku before). 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.',
+          'Sonnet 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 no more than Summaries per day allows. Refresh on Today asks for a new one at once, at most every 30 seconds.',
           toggle(d.tb.enabled, 'data-set="today-brief"' + (d.tb.source === 'env' ? ' disabled' : ''), 'Write the Today summary with a model')) +
+        // 7.0.5 "Summaries per day" (GET/PUT /api/today/brief/settings/cap), 1 to 100, default 100. Shown when the server has it.
+        (typeof d.tb.dailyCap === 'number' ? row('Summaries per day', 'At most this many new summaries a day, Refresh included. 1 to 100.',
+          '<input type="number" class="cx-set-num" id="today-brief-cap" data-set="today-brief-cap" min="1" max="100" step="1" inputmode="numeric" value="' + esc(String(d.tb.dailyCap)) + '" aria-label="Summaries per day">') : '') +
         (briefStatus(d.tb) ? '<p class="cx-set-blurb" id="today-brief-status">' + esc(briefStatus(d.tb)) + '</p>' : ''));
     }
     if (cat.id === 'ai' && d.dp) {
@@ -346,6 +393,25 @@
         .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 === 'session-files') {
+      var son = t.getAttribute('aria-checked') === 'true';
+      t.setAttribute('aria-checked', String(!son));
+      api('/api/session-files/settings', { method: 'POST', body: { enabled: !son } })
+        .then(function (v) {
+          if (S.data && v) S.data.sf = v;
+          W.toast(!son ? 'Session files and images on' : 'Session files and images off');
+          render();
+        }, function (err) { t.setAttribute('aria-checked', String(son)); say(err.message, true); });
+      return;
+    }
+    if (act === 'pf-remove') {
+      var cur = (S.data && S.data.pf && S.data.pf.folders) || [], idx = Number(t.getAttribute('data-index'));
+      if (!(idx >= 0 && idx < cur.length)) return;
+      t.disabled = true;
+      savePreviewFolders(cur.filter(function (_f, i) { return i !== idx; }), function (ok) { if (!ok) t.disabled = false; });
+      return;
+    }
+    if (act === 'pf-add') return; // the form's submit handler saves
     if (act === 'today-brief') {
       var ton = t.getAttribute('aria-checked') === 'true';
       t.setAttribute('aria-checked', String(!ton));
@@ -380,6 +446,15 @@
     }
   });
 
+  pane.addEventListener('submit', function (e) {
+    if (!e.target || e.target.id !== 'pf-add') return;
+    e.preventDefault();
+    var input = $('pf-input'), v = input ? input.value.trim() : '';
+    if (!v) { say('Type a folder, like ~/cos-worktrees.', true); return; }
+    var cur = (S.data && S.data.pf && S.data.pf.folders) || [];
+    savePreviewFolders(cur.concat([v]));
+  });
+
   // A gallery picture that will not load shows the pet's name alone, never a broken image.
   pane.addEventListener('error', function (e) {
     var img = e.target;
@@ -391,6 +466,22 @@
 
   // Number, time, day and steer fields save when they change (a number is clamped by the server, then shown as saved).
   pane.addEventListener('change', function (e) {
+    // 7.0.5 "Summaries per day": the server clamps to 1 to 100 and answers what it saved; the field shows that.
+    if (e.target && e.target.id === 'today-brief-cap') {
+      // QA 7.0.5: an emptied field (or letters, which a number field reads as '') is Number('') = 0, which the server
+      // clamps to 1. So an empty, non-numeric or below-1 value sends nothing, keeps the saved number and says why.
+      var capField = e.target, capRaw = String(capField.value == null ? '' : capField.value).trim(), wanted = Number(capRaw);
+      if (capRaw === '' || !isFinite(wanted) || wanted < 1) {
+        if (S.data && S.data.tb && typeof S.data.tb.dailyCap === 'number') capField.value = String(S.data.tb.dailyCap);
+        say('Type a number from 1 to 100.', true);
+        return;
+      }
+      api('/api/today/brief/settings/cap', { method: 'PUT', body: { dailyCap: wanted } }).then(function (v) {
+        if (v && typeof v.dailyCap === 'number') { capField.value = String(v.dailyCap); if (S.data && S.data.tb) S.data.tb.dailyCap = v.dailyCap; }
+        W.toast('Saved');
+      }, function (err) { say((err && err.message) || 'That did not save.', true); });
+      return;
+    }
     var f = e.target && e.target.closest ? e.target.closest('[data-p2]') : null;
     if (!f || f.getAttribute('data-set') === 'p2' || !S.data || !S.data.p2) return;
     var path = f.getAttribute('data-p2'), raw = f.value;

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,29 @@ 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; }
+/* 7.0.1 live state: Refresh and the line beside it under Today's date (app.js todayRefresh, liveNoteText). The button
+   keeps the 44 px target of every link button; the line says Updating, Reconnecting, "As of 2 min ago" or the server's
+   summary limit, in the date's own size and colour. */
+.today-live { display: flex; align-items: center; flex-wrap: wrap; gap: 0 12px; margin: 2px 0 0; min-height: 44px; }
+.today-refresh { min-height: 44px; min-width: 44px; padding: 0 2px; font-size: 15px; }
+.today-refresh:disabled { opacity: 0.55; cursor: default; }
+.today-live-note { color: var(--sub); font-size: 14px; line-height: 1.3; }
+.today-live-note:empty { display: none; }
+.today-live-note.warn { color: var(--warn, var(--sub)); }
+/* A working row's clock ticks every second: tabular figures so the line does not shimmer. */
+.run-clock { font-variant-numeric: tabular-nums; }