@gotcos/glasses-server 7.0.27 → 7.0.30

package/server/web-control/control.css

@@ -1,7 +1,7 @@
 /* COS Control Web: Control's own chrome and pane kit, loaded after app.css.
    Measurements follow Control 0.5.366 (ActivityWindow.swift, COSBrand.swift): the 248pt rail with a
    story under each name from 1100px, the icon rail below that, the navigation bar off Today, and
-   the shared pane pieces (tinted hero, text switch with a gold rule, rows, tags, YOU/COS cards).
+   the shared pane pieces (tinted hero, text switch with a gold rule, rows, tags, and the reader's sides for who said what).
    Phone sizes are set for reading on the iPhone Duo; the desktop steps down toward Control's. */
 
 :root {
@@ -236,6 +236,18 @@
 .cx-card { background: var(--panel); border: 1px solid var(--panel-border); border-radius: 14px; padding: 12px 14px 14px; margin-bottom: 12px; }
 .cx-card.you { background: var(--qopen); }
 .cx-card-label { font: 600 9.5px/1 var(--mono); letter-spacing: 0.08em; color: var(--tertiary); margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
+/* 7.0.30, Miles's pick A (who said what): sides, in the COS chat's shapes (.cc-bubble, .cc-line.cos). His bubble's edge
+   is opaque in light, gold 85% with ink, 3.48:1 against the page; the chat's 45% gold edge composites to 1.52:1 there.
+   Dark keeps the chat's edge as it is (2.79:1 composited). */
+:root { --said-edge: color-mix(in srgb, var(--gold) 85%, var(--ink)); }
+:root[data-theme='dark'] { --said-edge: color-mix(in srgb, var(--gold) 45%, transparent); }
+@media (prefers-color-scheme: dark) { :root:not([data-theme='light']) { --said-edge: color-mix(in srgb, var(--gold) 45%, transparent); } }
+.cx-said.you { display: flex; flex-direction: column; align-items: flex-end; margin: 4px 0 16px; }
+.cx-said-bubble { max-width: min(80%, 560px); background: color-mix(in srgb, var(--gold) 22%, var(--panel)); border: 1px solid var(--said-edge);
+  border-radius: 18px 18px 6px 18px; padding: 10px 14px; line-height: 1.45; }
+.cx-said-who { font-size: 12px; color: var(--sub); margin: 4px 4px 0; }
+.cx-said.cos { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; margin: 0 0 14px; }
+.cx-said-text { min-width: 0; }
 .cx-card-body { font-size: 15px; line-height: 1.5; color: var(--ink); overflow-wrap: anywhere; }
 /* md() keeps line breaks as text (shared with the session reader), so the body keeps them too. */
 .cx-card-body.md { white-space: pre-wrap; }
@@ -262,9 +274,27 @@
 .cx-find .cx-find-count { font: 400 11.5px/1 var(--mono); color: var(--sub); }
 .cx-find button { width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--panel-border); display: grid; place-items: center; color: var(--ink); }
 .cx-find button .icon { width: 14px; height: 14px; }
-.cx-turn.match .cx-card { background: color-mix(in srgb, var(--green) 7%, var(--panel)); }
+.cx-turn.match .cx-said-bubble, .cx-turn.match .cx-said-text { background: color-mix(in srgb, var(--green) 7%, var(--panel)); }
+.cx-turn.match .cx-said-text { border-radius: 10px; }
 @media (max-width: 599px) { .cx-find { top: calc(var(--topbar-h) + var(--safe-top)); } .cx-thumb { width: 132px; height: 92px; } }
 
+/* 7.0.30, Miles's pick B (how you got here): one plain row of text links under the top bar, on a phone only (from 600 px
+   the navigation bar has its crumbs). No box, border or label. It never wraps: steps leave from the middle (app.js
+   trailCut) and a long name ends in an ellipsis. A left-out step stays for a screen reader. */
+.trail { display: none; }
+@media (max-width: 599px) {
+  .trail:not([hidden]) { display: block; margin: 0 0 2px; }
+  .trail ol { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; overflow: hidden; white-space: nowrap; font-size: 13.5px; color: var(--sub); }
+  .trail li { display: flex; align-items: center; min-width: 0; flex: 0 1 auto; }
+  .trail li + li::before { content: '/'; content: '/' / ''; flex: none; padding: 0 6px; color: var(--tertiary); }
+  .trail a, .trail-here span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; line-height: 32px; }
+  .trail a { color: var(--accent); }
+  .trail-here span { color: var(--ink); font-weight: 600; }
+  .trail .trail-more[hidden] { display: none; }
+  .trail.trail-fit li { flex-shrink: 0; }
+  .trail .trail-cut { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
+}
+
 /* ── Dictation and Dictionary ─────────────────────────── */
 .cx-pair { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
 .cx-pair .heard { color: var(--sub); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--sub) 60%, transparent); }

package/server/web-control/index.html

@@ -13,6 +13,42 @@
   <link rel="icon" href="/control/mark.svg" type="image/svg+xml">
   <!-- iOS "Add to Home Screen" ignores SVG icons: without this, a saved Control Web shortcut is a grey letter. -->
   <link rel="apple-touch-icon" href="/control/apple-touch-icon.png">
+  <!-- 7.0.28: the sign-in card and the first paint must look right before, or without, the 10 stylesheets below
+       (Miles 19:28: "Connect this browser" with no styling, the mark twice at full size, when the phone opened the page
+       before it could reach the Mac). These rules are copies of app.css, word for word (a test compares them), so the
+       stylesheets that follow change nothing when they arrive; only the tokens it needs, and the dark set also follows
+       the system when theme.js has not run. theme.js retries a stylesheet that failed. -->
+  <style id="critical-css">
+    :root { --page: #f5f0e6; --ink: #1f1712; --sub: #66635e; --panel: #ffffff; --panel-border: #e3d9c6; --accent: #89662d; --on-accent: #ffffff; --btn-bg: #ffffff; --btn-border: #a08a66; --grey: #5c5a55; --display: 'Fraunces', 'Iowan Old Style', Georgia, serif; --body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; --gutter: 16px; --radius: 12px; --safe-top: env(safe-area-inset-top, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); }
+    :root[data-theme='dark'] { --page: #17120e; --ink: #efe7dc; --sub: #b3a796; --panel: #221b15; --panel-border: #3a2f25; --accent: #d9b06a; --on-accent: #17120e; --btn-bg: #221b15; --btn-border: #7a6650; --grey: #a39887; }
+    @media (prefers-color-scheme: dark) { :root:not([data-theme]) { --page: #17120e; --ink: #efe7dc; --sub: #b3a796; --panel: #221b15; --panel-border: #3a2f25; --accent: #d9b06a; --on-accent: #17120e; --btn-bg: #221b15; --btn-border: #7a6650; --grey: #a39887; } }
+    *, *::before, *::after { box-sizing: border-box; }
+    html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: var(--page); }
+    body { margin: 0; min-height: 100dvh; background: var(--page); color: var(--ink); font: 400 16px/1.45 var(--body); -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; }
+    button, input, select, textarea { font: inherit; color: inherit; }
+    button { cursor: pointer; background: none; border: 0; padding: 0; text-align: inherit; }
+    .hidden { display: none !important; }
+    .mark { width: 28px; height: 28px; color: var(--ink); flex: none; }
+    .first-paint { display: none; }
+    html.fp-wait .first-paint { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; background: var(--page); color: var(--ink); pointer-events: none; animation: fp-failsafe 1ms linear 25s forwards; }
+    .first-paint .mark { width: 44px; height: 44px; }
+    @keyframes fp-failsafe { to { visibility: hidden; } }
+    .noscript-note { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 24px var(--gutter); font-size: 17px; color: var(--ink); text-align: center; }
+    .auth-gate { min-height: 100dvh; display: grid; place-items: center; padding: calc(var(--safe-top) + 24px) var(--gutter) calc(var(--safe-bottom) + 24px); }
+    .auth-card { width: 100%; max-width: 420px; }
+    .auth-card .mark { width: 44px; height: 44px; margin-bottom: 22px; }
+    .auth-card h1 { font: 500 40px/1.05 var(--display); margin: 0 0 10px; letter-spacing: -0.01em; }
+    .auth-card p { color: var(--sub); margin: 0 0 24px; }
+    .auth-card label { display: block; font-weight: 600; font-size: 15px; margin-bottom: 8px; }
+    .auth-card .btn { margin-top: 12px; }
+    .auth-foot { font-size: 14px; color: var(--sub); margin-top: 18px; }
+    .auth-offline p { color: var(--sub); }
+    .field { width: 100%; min-height: 48px; padding: 12px 14px; border-radius: var(--radius); border: 1px solid var(--panel-border); background: var(--panel); font-size: 16px; /* 16px keeps iOS Safari from zooming on focus */ }
+    .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: var(--radius); border: 1px solid var(--btn-border); background: var(--btn-bg); font-weight: 600; font-size: 15px; white-space: nowrap; transition: transform 120ms ease; }
+    .btn.primary { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
+    .btn.block { width: 100%; }
+    .link-btn { color: var(--accent); font-weight: 600; font-size: 15px; min-height: 44px; display: inline-flex; align-items: center; }
+  </style>
   <link rel="stylesheet" href="/control/app.css">
   <link rel="stylesheet" href="/control/control.css">
   <link rel="stylesheet" href="/control/panes/speakers.css">
@@ -64,16 +100,16 @@
   <!-- 7.0.19: the first paint. Shows at once, before any script or answer from the Mac: the mark on the page's own
        background, true whichever comes next (the sign-in card or the app). Out of the layout (fixed), so nothing moves
        when it goes. app.js removes it; a CSS failsafe hides it after 25 s if the scripts never run. -->
-  <div id="first-paint" class="first-paint" aria-hidden="true"><svg class="mark"><use href="#i-mark"/></svg></div>
+  <div id="first-paint" class="first-paint" aria-hidden="true"><svg class="mark" width="44" height="44"><use href="#i-mark"/></svg></div>
   <noscript><p class="noscript-note">COS Control Web needs JavaScript. Turn it on for this site, then reload.</p></noscript>
 
   <main id="auth-gate" class="auth-gate hidden" aria-labelledby="auth-title">
     <div class="auth-card">
-      <svg class="mark" aria-hidden="true"><use href="#i-mark"/></svg>
+      <svg class="mark" width="44" height="44" aria-hidden="true"><use href="#i-mark"/></svg>
       <h1 id="auth-title">Connect this browser</h1>
       <p id="auth-intro">COS runs on your Mac. Sign in once. You stay signed in while you use COS here, for up to 30 days.</p>
       <div id="auth-offline" class="auth-offline hidden" role="status">
-        <p id="auth-offline-text">Your Mac may be asleep, or this device may be offline or off Tailscale. This page checks again every 30 seconds.</p>
+        <p id="auth-offline-text">Your Mac may be asleep, or this device may be offline or off Tailscale. This page checks again in a few seconds, then every 30 seconds.</p>
         <button type="button" class="btn primary block" id="auth-retry">Try again</button>
       </div>
       <form id="auth-form">
@@ -98,7 +134,7 @@
 
   <div id="app-shell" class="app-shell hidden">
     <nav class="rail" aria-label="Sections">
-      <div class="rail-head"><svg class="mark" aria-hidden="true"><use href="#i-mark"/></svg><span class="rail-brand">Control</span></div>
+      <div class="rail-head"><svg class="mark" width="28" height="28" aria-hidden="true"><use href="#i-mark"/></svg><span class="rail-brand">Control</span></div>
       <button type="button" class="rail-btn rail-today" data-pane="today" aria-label="Today"><svg class="icon"><use href="#i-today"/></svg><span class="rail-text"><span class="rail-label">Today</span><span class="rail-story" data-story="today"></span></span><span class="badge-dot hidden" data-badge="today"></span></button>
       <div class="rail-sep"></div>
       <button type="button" class="rail-btn" data-pane="messages" aria-label="Messages"><svg class="icon"><use href="#i-messages"/></svg><span class="rail-text"><span class="rail-label">Messages</span><span class="rail-story" data-story="messages"></span></span><span class="badge-dot hidden" data-badge="messages"></span></button>
@@ -112,6 +148,9 @@
       <div class="rail-spacer"></div>
       <button type="button" class="rail-settings" data-pane="settings" aria-label="Settings"><svg class="icon"><use href="#i-settings"/></svg><span class="rail-label">Settings</span></button>
       <p class="server-line" data-server-line><span class="dot ok" data-host-dot></span><span class="server-text" data-server-text>Server connected</span></p>
+      <!-- 7.0.29: the folded Duo's side rail only (app.css, html.short-screen): the top bar's Back, at thumb height. Shown
+           where the top bar shows Back today, on a reader, and it calls the same goBack. Never drawn from 600 px. -->
+      <button type="button" class="rail-back" id="rail-back" aria-label="Back" hidden><svg class="icon"><use href="#i-back"/></svg></button>
     </nav>
 
     <div class="main-col">
@@ -127,13 +166,15 @@
         <div class="topbar-left">
           <button type="button" id="topbar-back" class="topbar-back hidden"><svg class="icon"><use href="#i-back"/></svg><span id="topbar-back-label">Back</span></button>
           <button type="button" id="section-btn" class="section-btn" aria-haspopup="dialog" aria-controls="section-menu">
-            <svg class="mark" aria-hidden="true"><use href="#i-mark"/></svg><span id="section-name">Today</span><span class="caret" aria-hidden="true"></span>
+            <svg class="mark" width="28" height="28" aria-hidden="true"><use href="#i-mark"/></svg><span id="section-name">Today</span><span class="caret" aria-hidden="true"></span>
           </button>
         </div>
         <button type="button" class="icon-btn" data-open-ask aria-label="Ask COS or find a session"><svg class="icon"><use href="#i-ask"/></svg></button>
       </header>
 
       <main class="workspace" id="workspace">
+        <!-- 7.0.30, Miles's pick B: how you got here, on a phone (app.js paintTrail), from Back's own marks. -->
+        <nav class="trail" id="nav-trail" aria-label="How you got here" hidden></nav>
         <!-- W1: the Mac not answering, and the sign-in ending soon (app.js "Mac reachability and sign-in lifetime") -->
         <div id="conn-notice" class="conn-notice" hidden></div>
         <!-- SESSION QUESTIONS (panes/questions.js, 6.99.12): over every pane while one waits -->

package/server/web-control/panes/cos-chat.css

@@ -215,7 +215,11 @@ html.kb-up .cc-kb .cc-model .field { width: 100%; }
 .cx-reply-sub { margin: 2px 0 0; font-size: 13px; line-height: 1.4; color: var(--sub); }
 .cx-reply-feed { min-height: 0; padding: 10px 0 0; }
 .cx-reply-feed:empty { display: none; }
-.cx-reply .cc-composer { position: static; background: transparent; border-top: 0; padding: 10px 0 0; }
+/* 7.0.30 item 2: the Reply box is the reader's last child, outside .cx-reply, so .cc-composer's own rule pins it to the
+   bottom of the screen (sticky, the page's colour, a hairline above). With the keyboard up for it (cos-chat.js sets
+   html.kb-reply; app.js publishes --vv-below, the layout viewport under the visible box) it sits on the keyboard, the
+   same way the chat's box does; the home indicator is under the keyboard, so its inset goes. */
+html.kb-reply .cx-reply-form { bottom: var(--vv-below, 0px); padding-bottom: 8px; }
 
 /* ── the Messages badge in the rail and the section menu ─ */
 .inbox-count { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--hot); color: var(--panel); font: 600 11px/18px var(--body); text-align: center; }

package/server/web-control/panes/cos-chat.js

@@ -1549,8 +1549,11 @@
     return '<section class="cc cx-reply" data-reply-host="' + esc(key) + '" aria-label="' + esc(label) + '">' +
       '<h3 class="cx-reply-title">Reply</h3>' +
       '<p class="cx-reply-sub">' + esc(k.sessionId ? 'Continues this conversation. The answer lands in Messages with its own number.' : 'Starts a conversation. The answer lands in Messages with its own number.') + '</p>' +
-      '<div class="cc-feed cx-reply-feed" data-reply-feed="' + esc(key) + '" aria-live="polite">' + replyFeedHtml(key) + '</div>' +
-      composerHtml(k, { drop: false, placeholder: label, label: label }) + '</section>';
+      '<div class="cc-feed cx-reply-feed" data-reply-feed="' + esc(key) + '" aria-live="polite">' + replyFeedHtml(key) + '</div>' + '</section>' +
+      // 7.0.30 item 2 (Anand: "the reply box stays at the bottom"): the box sits OUTSIDE the section, as a child of the
+      // reader's column, so the composer's own sticky rule keeps it at the bottom of the screen while he reads the
+      // message above (a sticky box cannot leave its parent, and the section is only at the end of the page).
+      composerHtml(k, { drop: false, placeholder: label, label: label }).replace('class="cc-composer"', 'class="cc-composer cx-reply-form"');
   }
   function replyFeedHtml(key) {
     return C.asks.filter(function (a) { return a.replyKey === replyName(key); }).map(function (a) { return askHtml(a, false); }).join('');
@@ -2396,6 +2399,9 @@
     if (form && form.classList) form.classList.add('cc-kb');
     var inChat = !!(a && C.host && C.host.contains && C.host.contains(a));
     if (de && de.classList) de.classList.toggle('kb-chat', inChat);
+    // 7.0.30 item 2: the message reader's Reply box, the same kit (cos-chat.css lifts it onto the keyboard).
+    var inReply = !!(form && form.classList && typeof form.classList.contains === 'function' && form.classList.contains('cx-reply-form'));
+    if (de && de.classList) de.classList.toggle('kb-reply', inReply);
     return inChat;
   }
   // The composer that has the keyboard, brought into view on open and on every later change of the visible box (a fold
@@ -2403,7 +2409,7 @@
   // (a steer box or the search box is left where it is).
   function revealComposer() {
     var a = document.activeElement, de = document.documentElement;
-    if (!a || !de || !de.classList || !de.classList.contains('kb-chat')) return false;
+    if (!a || !de || !de.classList || !(de.classList.contains('kb-chat') || de.classList.contains('kb-reply'))) return false;
     var form = a.closest ? a.closest('[data-cos-form]') : null;
     if (!form || !form.scrollIntoView) return false;
     form.scrollIntoView({ block: 'nearest' });

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

@@ -28,6 +28,10 @@
 .mt-day:not(:disabled):hover { background: var(--qopen); }
 .mt-day[aria-pressed='true'] { background: color-mix(in srgb, var(--tint) 18%, transparent); font-weight: 600; }
 .mt-day:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+/* 7.0.30 item 4: today is marked with a ring in the theme's accent (no fill, so a picked day still reads as picked). */
+.mt-day.mt-today { box-shadow: inset 0 0 0 1.5px var(--accent); }
+.mt-day.mt-today .mt-dnum { font-weight: 600; }
+.mt-jump-row { margin: 0 2px 12px; }
 .mt-dot { width: 5px; height: 5px; border-radius: 50%; background: transparent; }
 .mt-dot.on { background: var(--tint); }
 .mt-all { margin-top: 8px; }

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

@@ -525,10 +525,12 @@
     for (var w = 0; w < 7; w++) heads += '<span class="mt-wd" aria-hidden="true">' + esc(new Date(2023, 0, 1 + (ws + w) % 7).toLocaleDateString(undefined, { weekday: 'narrow' })) + '</span>';
     var cells = '', n = 0;
     for (var i = 0; i < lead; i++) { cells += '<span class="mt-blank"></span>'; n++; }
+    // 7.0.30 item 4: today is marked (a ring, aria-current) and can be picked even with no meetings.
+    var todayKey = dayKey(new Date());
     for (var day = 1; day <= dim; day++) {
-      var key = S.month + '-' + pad2(day), c = counts[key] || 0, on = S.day === key;
-      cells += '<button type="button" class="mt-day" data-mt="day" data-day="' + key + '" aria-pressed="' + on + '"' + (c === 0 ? ' disabled' : '') +
-        ' aria-label="' + esc(key + (c === 0 ? ', no meetings' : ', ' + c + ' meetings')) + '"><span class="mt-dnum">' + day + '</span><span class="mt-dot' + (c > 0 ? ' on' : '') + '"></span></button>';
+      var key = S.month + '-' + pad2(day), c = counts[key] || 0, on = S.day === key, isToday = key === todayKey;
+      cells += '<button type="button" class="mt-day' + (isToday ? ' mt-today' : '') + '" data-mt="day" data-day="' + key + '" aria-pressed="' + on + '"' + (isToday ? ' aria-current="date"' : '') + (c === 0 && !isToday ? ' disabled' : '') +
+        ' aria-label="' + esc(key + (isToday ? ', today' : '') + (c === 0 ? ', no meetings' : ', ' + c + ' meetings')) + '"><span class="mt-dnum">' + day + '</span><span class="mt-dot' + (c > 0 ? ' on' : '') + '"></span></button>';
       n++;
     }
     while (n % 7 !== 0) { cells += '<span class="mt-blank"></span>'; n++; }
@@ -594,6 +596,20 @@
       (m.sessionId ? pillsHtml(m, isNew(m.sessionId)) : '') + '</span><span class="chev"></span></button>';
   }
   function emptyBox(text) { return '<div class="cx-list"><p class="cx-empty mt-empty">' + esc(text) + '</p></div>'; }
+  // 7.0.30 item 4: today with no meetings says so in plain words, with one tap to the latest earlier day that has some
+  // (this month), or to last month when this month has none. The calendar stays as it is.
+  function latestDayBefore(key) {
+    var best = '';
+    (S.days || []).forEach(function (d) { if (num(d.count) > 0 && d.date < key && d.date > best) best = d.date; });
+    return best;
+  }
+  function emptyToday() {
+    var last = latestDayBefore(dayKey(new Date()));
+    var jump = last
+      ? '<button type="button" class="cx-btn quiet mt-jump" data-mt="jump-day" data-day="' + esc(last) + '">Go to ' + esc(W.plainDay ? W.plainDay(last) : last) + '</button>'
+      : '<button type="button" class="cx-btn quiet mt-jump" data-mt="month" data-delta="-1">Go to last month</button>';
+    return '<div class="cx-list"><p class="cx-empty mt-empty">No meetings today.</p><p class="mt-jump-row">' + jump + '</p></div>';
+  }
   function paintList() {
     var el = $('mt-list'); if (!el) return;
     var html;
@@ -611,6 +627,7 @@
       var rows = visibleRows();
       html = rows.length ? '<div class="cx-list">' + rows.map(function (m) { return rowHtml(m, false); }).join('') + '</div>' +
           (monthCapped() ? '<p class="mt-capnote">Showing the newest ' + S.rows.length + ' of ' + monthTotal() + ' in ' + esc(monthTitle(S.month)) + '. Pick a day in the calendar to see all of its meetings.</p>' : '')
+        : S.day && S.day === dayKey(new Date()) ? emptyToday()
         : emptyBox(S.day ? 'No meetings stored on ' + S.day + '. Pick another day, or show the whole month.' : 'No meetings stored in ' + monthTitle(S.month) + '.');
     }
     if (S.listHtml === html) return;
@@ -643,9 +660,10 @@
       S.days = days;
       var kept = S.dayRows; S.dayRows = {};
       if (S.day && kept[S.day]) S.dayRows[S.day] = kept[S.day];
+      // 7.0.30 item 4 (Miles 10:15: "Meetings should SHOW the current day"): the current month opens on today, with
+      // meetings or without (the list then says so and offers the latest day that has some).
       if (!S.autoDay && S.month === monthKey(new Date())) {
-        var today = dayKey(new Date());
-        if (days.some(function (x) { return x.date === today && num(x.count) > 0; })) S.day = today;
+        S.day = dayKey(new Date());
         S.autoDay = true;
       }
       S.error = ''; S.loading = false;
@@ -2089,7 +2107,7 @@
       var hit = lists.reduce(function (all, l) { return all.concat(l); }, []).filter(function (m) { return m.sessionId === f.sid || (m.g2SessionIds || []).indexOf(f.sid) >= 0; })[0];
       if (hit && S.view === 'live' && S.liveSid === f.sid) {
         S.rowsStale = true;
-        location.replace('#/meetings/' + [hit.domain, hit.month, hit.filename].map(encodeURIComponent).join('/'));
+        W.replace('#/meetings/' + [hit.domain, hit.month, hit.filename].map(encodeURIComponent).join('/'));
       } else if (!hit && f.endedAt && now - (f.retryAt || f.endedAt) >= FINAL_DEADLINE_MS + (f.start ? Math.max(0, f.endedAt - f.start) / 12 : 0)) {
         f.notFound = true; paintLiveHead();
       }
@@ -2667,6 +2685,7 @@
       case 'month': shiftMonth(Number(t.getAttribute('data-delta')) || 0); return;
       case 'day': { var d = t.getAttribute('data-day'); S.day = S.day === d ? null : d; S.autoDay = true; paintBrowse(); ensureDay(); return; }
       case 'all-month': S.day = null; S.autoDay = true; paintBrowse(); return;
+      case 'jump-day': { S.day = t.getAttribute('data-day'); S.autoDay = true; paintBrowse(); ensureDay(); return; }
       case 'clear': {
         S.q = ''; S.hits = null; S.ranFor = ''; S.searching = false; S.searchError = ''; clearTimeout(S.qTimer);
         var q = $('mt-q'); if (q) { q.value = ''; q.focus(); }

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

@@ -105,7 +105,7 @@
   function readerArgs(r) { return r.pane === 'memories' && !tabRoute(r.args) ? r.args : []; }
   function showTab(v) {
     var h = '#/memories/t/' + encodeURIComponent(v);
-    if (location.hash === h) paint(); else location.replace(h);
+    if (location.hash === h) paint(); else W.replace(h);
   }
   function isWide() { return !!(window.matchMedia && window.matchMedia('(min-width: 760px)').matches); }
   function el(id) { return document.getElementById(id); }
@@ -2262,7 +2262,7 @@
       // #/memories/view/<view> (older links) and a bare #/memories become the tab's own address; an unknown tab, the stored one.
       if (args[0] === 'view' || !args.length || (args[0] === 't' && !knownView(args[1]))) {
         if (args[0] === 'view' && knownView(args[1])) { S.view = args[1]; persist(); }
-        location.replace('#/memories/t/' + encodeURIComponent(S.view)); return;
+        W.replace('#/memories/t/' + encodeURIComponent(S.view)); return;
       }
       if (tabRoute(args) && S.view !== args[1]) { S.view = args[1]; persist(); }
       if (args[0] === 'k') { S.view = 'knowledge'; if (KTABS.indexOf(args[1]) >= 0) { S.ktab = args[1]; S.ktabChosen = true; } persist(); }

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

@@ -469,9 +469,14 @@
   }
   function turnCards(t, msgKey) {
     var a = atts(t);
-    return '<div class="cx-card you"><div class="cx-card-label">YOU</div><div class="cx-card-body" data-hl>' + esc(String(t.query || '').trim() || '(empty query)').replace(/\n/g, '<br>') + '</div></div>' +
+    // 7.0.30, Miles's pick A: who said what by side, in the COS chat's own shapes. His words on the right in the chat's
+    // gold bubble with "You" under it; COS on the left beside its mark, on the page. A screen reader hears "You said"
+    // and "COS said" first, since the side and the mark are visual only.
+    return '<div class="cx-said you"><span class="sr-only">You said</span><div class="cx-said-bubble cx-card-body" data-hl>' + esc(String(t.query || '').trim() || '(empty query)').replace(/\n/g, '<br>') + '</div>' +
+      '<span class="cx-said-who" aria-hidden="true">You</span></div>' +
       stripHtml(a.filter(isUserAtt), true, msgKey) +
-      '<div class="cx-card"><div class="cx-card-label">COS</div><div class="cx-card-body md" data-hl>' + W.md(W.structureLensAnswer(String(t.text || ''))) + '</div></div>' +
+      '<div class="cx-said cos"><span class="cc-avatar" aria-hidden="true"><svg class="icon"><use href="#i-mark"/></svg></span><div class="cx-said-text"><span class="sr-only">COS said</span>' +
+      '<div class="cx-card-body md" data-hl>' + W.md(W.structureLensAnswer(String(t.text || ''))) + '</div></div></div>' +
       stripHtml(a.filter(function (x) { return !isUserAtt(x); }), false, msgKey);
   }
   function copyTurnText(t) {

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

@@ -123,7 +123,7 @@
     return '<section class="cx-set-cat"><h2 class="cx-col-title">This browser</h2>' +
       group('Appearance', '', themeBtn('system', 'Match this device') + themeBtn('light', 'Light') + themeBtn('dark', 'Dark')) +
       group('Sign-in', '',
-        '<button type="button" class="cx-set-row" id="device-code-btn"><span class="cx-set-text"><span class="cx-set-name">Use COS on another phone or browser</span><span class="cx-set-desc">A QR for your iPhone Camera, and a code to type. This is not glasses pairing; pair glasses from COS Control on your Mac.</span></span><span class="chev"></span></button>' +
+        '<button type="button" class="cx-set-row" id="device-code-btn"><span class="cx-set-text"><span class="cx-set-name">Use COS on another phone or browser</span><span class="cx-set-desc">A QR for your phone’s camera, and a code to type. This is not glasses pairing; pair glasses from COS Control on your Mac.</span></span><span class="chev"></span></button>' +
         '<div id="device-code-panel" class="device-code hidden" aria-live="polite"></div>' +
         '<button type="button" class="cx-set-row" id="copy-link"><span class="cx-set-text"><span class="cx-set-name">Copy link for your phone</span><span class="cx-set-desc" id="tailnet-url">' + esc(W.state.tailnetUrl || 'Checking Tailscale') + '</span></span></button>' +
         '<button type="button" class="cx-set-row" id="sign-out"><span class="cx-set-text"><span class="cx-set-name">Sign out of this browser</span></span></button>' +

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

@@ -2363,8 +2363,11 @@
     var acts = '';
     if (rv && rv.recordId) acts += '<button type="button" class="cx-btn quiet" data-sp="open-meeting" title="Open this meeting’s transcript, summary and files">' + icon('meetings') + 'Open meeting</button>';
     if (R.content && R.content.clipboardSummary) {
-      acts += '<button type="button" class="cx-btn quiet" data-sp="copy-summary" title="Copy the meeting without the transcript">Summary</button>' +
-        '<button type="button" class="cx-btn quiet" data-sp="copy-full" title="Copy the meeting including the full transcript">Full (' + Math.max(1, Math.floor(R.content.fullChars / 1024)) + ' KB)</button>';
+      // 7.0.30 item 3 (Anand: Summary and Full did not say they copy): the buttons say Copy, and the one tapped says
+      // Copied for COPIED_MS (spCopied), while a status line the screen reader hears says what was copied.
+      var cp = R.copied && Date.now() - R.copied.at < COPIED_MS ? R.copied.which : '';
+      acts += '<button type="button" class="cx-btn quiet" id="sp-copy-summary" data-sp="copy-summary" title="Copy the meeting without the transcript">' + (cp === 'summary' ? 'Copied' : 'Copy summary') + '</button>' +
+        '<button type="button" class="cx-btn quiet" id="sp-copy-full" data-sp="copy-full" title="Copy the meeting including the full transcript">' + (cp === 'full' ? 'Copied' : 'Copy full (' + Math.max(1, Math.floor(R.content.fullChars / 1024)) + ' KB)') + '</button>';
     }
     var next = S.meetings ? nextUnnamed(R.sid) : null;
     acts += '<button type="button" class="cx-btn quiet" data-sp="next-unnamed"' + (next ? '' : ' disabled') + ' title="' +
@@ -2424,6 +2427,27 @@
 
   // ── render dispatch ────────────────────────────────────
   var expiryTimer = null;
+  // 7.0.30 item 3: a copy confirms on its own button, then the button goes back to Copy; the words go to a status region
+  // that lives outside the rebuilt pane, so a screen reader hears them (a region made in the same rebuild may not be).
+  var COPIED_MS = 2500;
+  function spAnnounce(text) {
+    var live = document.getElementById('sp-copy-live');
+    if (!live) {
+      live = document.createElement('div');
+      live.id = 'sp-copy-live'; live.className = 'sr-only';
+      live.setAttribute('role', 'status'); live.setAttribute('aria-live', 'polite');
+      document.body.appendChild(live);
+    }
+    live.textContent = '';
+    setTimeout(function () { live.textContent = text; }, 30);
+  }
+  function spCopied(R, which, words) {
+    var at = Date.now();
+    R.copied = { which: which, at: at };
+    render();
+    spAnnounce(words);
+    setTimeout(function () { if (R.copied && R.copied.at === at) { R.copied = null; render(); } }, COPIED_MS);
+  }
   function render() {
     if (W.parseRoute().pane !== 'speakers') return;
     var rt = route();
@@ -2641,7 +2665,8 @@
         if (!text) { R.copyNote = 'Nothing to copy'; render(); return; }
         W.copyText(text).then(function () {
           var kb = Math.max(1, Math.floor((full ? c.fullChars : c.summaryChars) / 1024));
-          R.copyNote = full ? 'Copied full meeting (' + kb + ' KB)' : 'Copied summary (' + kb + ' KB)'; render();
+          R.copyNote = full ? 'Copied full meeting (' + kb + ' KB)' : 'Copied summary (' + kb + ' KB)';
+          spCopied(R, full ? 'full' : 'summary', R.copyNote);
         }, function (err) { W.toast(err.message); });
         return;
       }

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

@@ -471,8 +471,8 @@
     close('leave');
     O.depth = 1;
     if (!replace) { W.go(pane, args || []); return; }
-    if (extra) { quietBack(extra, function () { location.replace(hash); }); return; }
-    location.replace(hash);
+    if (extra) { quietBack(extra, function () { W.replace(hash); }); return; }
+    W.replace(hash);
   }
   // A Back step the overlay takes itself (X, Back to sessions, leaving for a tab): its popstate is ours, not the phone's
   // Back, and `then` runs once it lands. If it never arrives (history.go with nothing to go back to, or a browser that

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

@@ -2813,7 +2813,7 @@
       if (args[0] === 'sort') {
         S.tab = 'sort'; S.sortGroupId = ''; S.sortIndex = 0; S.moreOpen = false;
         if (!S.intake && !S.intakeLoading) loadIntake(true);
-        location.replace('#/work');
+        W.replace('#/work');
         return;
       }
       startPoll(); resumeHandoffPolls();

package/server/web-control/shell.js

@@ -263,7 +263,8 @@
     }
     crumbs.innerHTML = parts.join('');
     $('nav-back').disabled = onToday;
-    // The phone top bar (below 600 px, the same width test) names the detail too, so a reader says where it is.
+    // Below 600 px the section name gets the detail too. On a reader that label is hidden (the section button gives way
+    // to Back, which names where it goes), so this shows only on a list that has a detail.
     var label = $('section-name');
     if (label && detail && railHidden()) label.textContent = detail;
   }