@gotcos/glasses-server 6.99.29 → 7.0.7

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

@@ -54,7 +54,9 @@
     onAnswered: null,       // messages.js: re-read Recent when a web Ask lands
     thread: null,           // 6.99.16: the last GET /api/cos-thread answer
     threadCarried: '',      // the thread's newest session started fresh: 'summary' (it carried a digest) or 'plain'
-    threadBusy: false
+    threadBusy: false,
+    threadSession: '',      // 7.0.2: the session the COS thread's next Ask continues ('' when it starts fresh)
+    defaultGen: 0           // 7.0.2: the newest /api/models read for the Default label; older answers are dropped
   };
   var saved = W.readStore(STORE);
   C.model = typeof saved.model === 'string' ? saved.model : '';
@@ -221,11 +223,46 @@
     });
     return out;
   }
+  // 7.0.2 (A7): what "Default" resolves to on this Mac (/api/models defaultModel: the session's preference, then
+  // COS_G2_DEFAULT_MODEL, then the built-in default), named in the menu: "Default (Codex Frontier)". On 11/07 Default
+  // was Codex while Codex was out of usage, and nothing on the page said so. An older server sends no field: plain Default.
+  // A session bound to a key profile reads "Default (key profile)".
+  function defaultLabel(d) {
+    if (d && d.source === 'profile') return 'key profile';
+    var pref = d && typeof d.preference === 'string' ? d.preference : '';
+    if (!pref) return '';
+    for (var i = 0; i < CLAUDE_MENU.length; i++) if (CLAUDE_MENU[i][0] === pref) return CLAUDE_MENU[i][1];
+    if (pref === 'haiku') return 'Claude Haiku';
+    return ENGINE[pref] ? (ENGINE[pref] + (FALLBACK[pref] ? ' ' + FALLBACK[pref] : '')) : '';
+  }
+  // The session an Ask from the chat continues, whose preference "Default" follows: the COS thread's newest session in
+  // thread mode, else the chat's own (C.session).
+  function defaultSession() { return threadOn() ? String(C.threadSession || '') : C.session && C.session.id ? String(C.session.id) : ''; }
+  // Each read is stamped with a generation and the session it asked about. An answer is used for the label only while
+  // it is still the newest read and the chat still continues that session, so a slow answer for an older session never
+  // overwrites a newer label (skeptic, 7.0.2).
+  function modelsRead() {
+    var sid = defaultSession();
+    return { gen: ++C.defaultGen, sid: sid, path: '/api/models' + (sid ? '?sessionId=' + encodeURIComponent(sid) : '') };
+  }
+  function currentRead(r) { return r.gen === C.defaultGen && r.sid === defaultSession(); }
+  // QA W5: the label is read again after each Ask finishes and whenever that session changes, so it never goes stale.
+  function refreshDefault() {
+    if (!C.models) return null;
+    var r = modelsRead();
+    return api(r.path).then(function (m) {
+      if (!currentRead(r)) return;
+      var label = defaultLabel(m && m.defaultModel);
+      if (label !== C.defaultLabel) { C.defaultLabel = label; paintModelMenu(); }
+    }, function () {});
+  }
   function loadModels() {
     if (C.models) return;
     C.models = [];
-    api('/api/models').then(function (m) {
+    var r = modelsRead();
+    api(r.path).then(function (m) {
       C.models = modelsFrom(m);
+      if (currentRead(r)) C.defaultLabel = defaultLabel(m && m.defaultModel);
       if (C.model && !C.models.some(function (o) { return o.value === C.model; })) { C.model = ''; save(); }
       // Steer exists only where the server says so (/api/models capabilities.durableQueryJobs.steer).
       var j = m && m.capabilities && m.capabilities.durableQueryJobs;
@@ -235,7 +272,7 @@
   }
   function modelMenuHtml() {
     var list = C.models || [];
-    var opts = ['<option value="">Default</option>'].concat(list.map(function (m) {
+    var opts = ['<option value="">' + esc(C.defaultLabel ? 'Default (' + C.defaultLabel + ')' : 'Default') + '</option>'].concat(list.map(function (m) {
       return '<option value="' + esc(m.value) + '"' + (m.value === C.model ? ' selected' : '') + (m.available ? '' : ' disabled') + '>' + esc(m.label + (m.available ? '' : ' (not available)')) + '</option>';
     }));
     var efforts = ['<option value="">Default</option>'].concat(EFFORTS.map(function (e) {
@@ -427,9 +464,10 @@
       (item.title ? '<p class="cc-card-title">' + esc(item.title) + '</p>' : '') +
       '<p class="cc-card-line">' + esc(item.line) + '</p>' + fileLinksHtml(item, false) + actionsHtml(item) + '</div></div>';
   }
-  // The finished answer as Markdown; while it streams, plain words, so a half-written "**bold" never shows its stars.
+  // The finished answer as Markdown, its lens-plain inline lists on their own lines first (structureLensAnswer); while it
+  // streams, plain words, so a half-written "**bold" never shows its stars.
   function answerHtml(a) {
-    if (a.response) return W.md(a.response);
+    if (a.response) return W.md(W.structureLensAnswer(a.response));
     if (!a.partial) return '';
     return '<p>' + esc(a.partial.replace(/\*\*|__|`|^#+\s*/gm, '')).replace(/\n{2,}/g, '</p><p>').replace(/\n/g, '<br>') + '</p>';
   }
@@ -454,6 +492,10 @@
         '<button type="button" class="link-btn cc-text-btn" data-cos="cancel" data-cid="' + a.cid + '">Cancel</button>';
     } else if (a.status === 'completed' && a.no) {
       acts = '<button type="button" class="cx-btn primary" data-cos="open-msg" data-no="' + a.no + '">Open in Messages</button>';
+    } else if ((a.status === 'failed' || a.status === 'interrupted') && a.jobId && !a.retried && !a.prepDraftId) {
+      acts = a.againBlocked
+        ? '<button type="button" class="cx-btn" disabled aria-disabled="true">Ask again</button><span class="cc-fine">' + esc(a.againBlocked) + '</span>'
+        : '<button type="button" class="cx-btn primary" data-cos="again" data-cid="' + a.cid + '">Ask again</button>';
     }
     // A drop that became a question already shows its words as the drop: only the answer card is added.
     return (linked ? '' : '<div class="cc-line you"><div class="cc-bubble">' + esc(a.query) + '</div>' + sentAttsHtml(a.atts) + '<div class="cc-src">' + (a.replyKey ? 'Replied on the web' : 'Asked on the web') + '</div></div>') +
@@ -953,8 +995,18 @@
     var line = threadLine();
     document.querySelectorAll('[data-cos-thread]').forEach(function (el) { el.textContent = line; });
   }
+  // Every thread answer (read, a turn recorded, New thread) also says which session the next Ask continues, so the
+  // Default label follows the thread's own session (skeptic, 7.0.2). A fresh start continues none.
+  function threadIdOf(t) { return t && t.thread && typeof t.thread.id === 'string' ? t.thread.id : ''; }
+  function setThread(t) {
+    C.thread = t;
+    var n = t && t.next;
+    var sid = n ? (n.mode === 'continue' && typeof n.sessionId === 'string' ? n.sessionId : '') : (t && t.thread && typeof t.thread.sessionId === 'string' ? t.thread.sessionId : '');
+    if (sid !== C.threadSession) { C.threadSession = sid; if (threadOn()) refreshDefault(); }
+    paintThread();
+  }
   function loadThread() {
-    return api('/api/cos-thread').then(function (t) { C.thread = t; paintThread(); return t; }, function () { return null; });
+    return api('/api/cos-thread').then(function (t) { setThread(t); return t; }, function () { return null; });
   }
   // What the next Ask in the thread sends: a sessionId to continue, or none and the digest to carry.
   function threadPlan() {
@@ -979,7 +1031,7 @@
     if (Number.isInteger(a.no) && a.no > 0) body.messageNo = a.no;
     api('/api/cos-thread/turn', { method: 'POST', body: body }).then(function (t) {
       a.turnState = 'done';
-      if (t && t.thread) { C.thread = t; paintThread(); }
+      if (t && t.thread) setThread(t);
     }, function () { a.turnState = 'done'; });
   }
   function newThread() {
@@ -987,8 +1039,8 @@
     C.threadBusy = true;
     api('/api/cos-thread/new', { method: 'POST', body: {} }).then(function (t) {
       C.threadBusy = false;
-      C.thread = t; C.threadCarried = '';
-      paintThread();
+      C.threadCarried = '';
+      setThread(t);
     }, function (err) {
       C.threadBusy = false;
       W.toast((err && err.message) || 'New thread did not go through.');
@@ -1014,16 +1066,23 @@
   function submitAsk(text, dropId, done, opts) {
     opts = opts || {};
     var a = { cid: uuid(), query: text, at: Date.now(), status: 'sending', partial: '', dropId: dropId || '', atts: opts.atts || [], replyKey: opts.replyKey || '' };
+    // 7.0.2 (A6): what Ask again sends: the same words, files and conversation.
+    a.again = { attachmentIds: (opts.attachmentIds || []).slice(0, MAX_ATTS), atts: (opts.atts || []).slice(0, MAX_ATTS), sessionId: opts.sessionId || '', replyKey: opts.replyKey || '', context: opts.context || '' };
     C.asks.push(a);
     if (a.replyKey) paintReplyFeed(a.replyKey); else paintFeed(true);
     var body = { clientJobId: a.cid, generation: 1, query: text, source: 'web', activityToolMode: 'status' };
     if (C.model) body.model = C.model;
     if (C.effort) body.effort = C.effort;
     // 6.99.16: an Ask from the chat's own composer belongs to the COS thread (a Reply keeps its turn's conversation).
+    // An Ask again only reaches here once askAgain has confirmed the conversation is still this one (skeptic, 7.0.2).
     a.threaded = threadOn() && !opts.replyKey;
-    if (!a.threaded && C.session && C.session.id) body.sessionId = C.session.id;
+    // A Reply never takes the chat's session: with no session of its own it starts a conversation, as its card says.
+    if (!a.threaded && !opts.replyKey && C.session && C.session.id) body.sessionId = C.session.id;
     // A reply continues the turn's own conversation (kept when it is still live; else the server starts a new one).
     if (opts.sessionId) body.sessionId = opts.sessionId;
+    // 7.0.2: which conversation this Ask is for, as Ask again needs it: the replied-to turn's session, the COS thread
+    // (its id, read when the plan is made), or the chat's own session ('' for a new one).
+    a.conv = a.replyKey ? { kind: 'reply', sessionId: opts.sessionId || '' } : a.threaded ? { kind: 'thread', threadId: '' } : { kind: 'chat', sessionId: body.sessionId || '' };
     if (opts.attachmentIds && opts.attachmentIds.length) body.attachmentIds = opts.attachmentIds.slice(0, MAX_ATTS);
     if (C.caps && C.caps.steer) body.steerable = true;
     var admit = function (retry) {
@@ -1036,22 +1095,41 @@
       });
     };
     var prepare = (a.threaded ? threadPlan().then(function (plan) {
-      if (plan.sessionId) body.sessionId = plan.sessionId;
+      a.conv.threadId = threadIdOf(C.thread);
+      if (plan.sessionId) { body.sessionId = plan.sessionId; C.threadSession = plan.sessionId; }
       else if (plan.digest) body.reference = { query: THREAD_REF, response: plan.digest };
       a.carried = plan.sessionId ? '' : plan.digest ? 'summary' : 'plain';
-    }) : Promise.resolve()).then(function () { withContext(body, opts.context); });
+    }) : Promise.resolve()).then(function () {
+      // An Ask again: the conversation its first try was for must still be the one this send resolved to, checked here,
+      // after the plan, immediately before admission (root review, 7.0.2: the thread can change between askAgain's check
+      // and this send's own thread read, and a retry carries old files and context).
+      if (opts.expect && !sameConversation(opts.expect, a)) throw Object.assign(new Error(MOVED_ON), { code: 'conversation_moved' });
+      withContext(body, opts.context);
+    });
     prepare.then(function () { return admit(true); }).then(function (d) {
       var job = d && d.job; if (!job) throw new Error('The Mac did not take the question.');
       take(a, job);
-      if (a.threaded) { C.threadCarried = a.carried; paintThread(); }
+      var before = defaultSession();
+      if (a.threaded) { C.threadCarried = a.carried; if (job.sessionId) C.threadSession = job.sessionId; paintThread(); }
       else if (job.sessionId && !a.replyKey) { C.session = { id: job.sessionId, day: today() }; save(); }
+      if (defaultSession() !== before) refreshDefault();
       if (dropId) api('/api/drops/' + encodeURIComponent(dropId) + '/ask', { method: 'POST', body: { clientJobId: a.cid, generation: 1 } }).catch(function () {});
       if (done) done(true);
       poll(a);
     }, function (err) {
+      if (err && err.code === 'conversation_moved' && opts.retryOf) {
+        // Nothing was sent: this try leaves the chat, and the failed card it came from says why, its button disabled.
+        C.asks = C.asks.filter(function (x) { return x !== a; });
+        opts.retryOf.retried = false; opts.retryOf.againBlocked = MOVED_ON;
+        if (a.replyKey) paintReplyFeed(a.replyKey); else paintFeed(false);
+        if (done) done(false);
+        return;
+      }
       a.status = 'failed';
       a.error = err && err.code === 'durable_query_jobs_disabled' ? 'Ask needs the durable query jobs switch on your Mac.'
-        : err && /attachment/.test(String(err.code || '')) ? 'An attachment could not be read: ' + ((err && err.message) || err.code) + ' Your words and files are still in the box.'
+        : err && /attachment/.test(String(err.code || '')) ? 'An attachment could not be read: ' + ((err && err.message) || err.code) +
+          // An Ask again never came from the box (QA): say what to do instead of pointing at it.
+          (opts.reask ? ' Attach the file again in the box and ask again.' : ' Your words and files are still in the box.')
           : 'Not sent: ' + ((err && err.message) || 'the Mac did not answer');
       if (a.replyKey) paintReplyFeed(a.replyKey); else paintFeed(false);
       if (done) done(false);
@@ -1074,7 +1152,99 @@
     if (typeof job.partialText === 'string') a.partial = job.partialText;
     if (typeof job.response === 'string') a.response = job.response;
     if (job.steerable === false) a.steerable = false;
-    if (job.error && (a.status === 'failed' || a.status === 'interrupted')) a.error = 'COS could not finish this answer. Ask again when you are ready.';
+    if (job.error && (a.status === 'failed' || a.status === 'interrupted')) a.error = errorLine(job);
+  }
+  // 7.0.2 (A6, the Duo audit): the line on a failed card says why and what to do, by the server's error.code. On 11/07
+  // Codex was out of usage until Nov 13 and the card said only "COS could not finish this answer". The reset time comes
+  // from the provider's own words in error.message when they carry one, else from retryAfterMs, else it is left out.
+  var GENERIC_FAIL = 'COS could not finish this answer. Ask again when you are ready.';
+  var PROVIDER_NAME = { claude: 'Claude', codex: 'Codex', cursor: 'Cursor', ollama: 'Ollama' };
+  function providerName(job) {
+    if (job && PROVIDER_NAME[job.provider]) return PROVIDER_NAME[job.provider];
+    var m = String((job && (job.resolvedModel || job.requestedModel)) || '');
+    if (/^codex/.test(m)) return 'Codex';
+    if (/^cursor/.test(m)) return 'Cursor';
+    if (/^ollama/.test(m)) return 'Ollama';
+    if (/^(opus|fable|sonnet|haiku)/.test(m)) return 'Claude';
+    return '';
+  }
+  // "until <when>" or "for <how long>" from the provider's words or retryAfterMs; '' when neither says. A machine time
+  // (ISO 8601, or one that names UTC or GMT) is shown in this browser's own time zone.
+  var RESET_ISO = /\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?(?:Z|[+-]\d{2}:?\d{2})?/;
+  function localWhen(d) {
+    try { return d.toLocaleString(undefined, { month: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit' }); } catch (_e) { return ''; }
+  }
+  function resetTime(err) {
+    var msg = String((err && err.message) || '').slice(0, 2000);
+    var m = /\b(?:try again|available again|resets?)\s+(at|on|after|in)?\s*([^.!\n·(]{2,48})/i.exec(msg), prep = m ? String(m[1] || '').toLowerCase() : '';
+    if (!m) { m = /\buntil\s+()([^.!\n·(]{2,48})/i.exec(msg); prep = ''; }
+    if (m) {
+      var iso = RESET_ISO.exec(msg.slice(m.index));
+      var when = iso && iso.index < 24 ? new Date(iso[0].replace(' ', 'T')) : /\b(?:UTC|GMT)\b/.test(m[2]) ? new Date(m[2].trim()) : null;
+      if (when && !isNaN(when.getTime())) { var local = localWhen(when); if (local) return 'until ' + local; }
+      var t = m[2].replace(/[\s,;:]+$/, '').trim();
+      if (/\d/.test(t)) return (prep === 'in' ? 'for ' : 'until ') + t;
+    }
+    var ms = err && Number(err.retryAfterMs);
+    if (ms > 0 && isFinite(ms)) { var later = localWhen(new Date(Date.now() + ms)); return later ? 'until ' + later : ''; }
+    return '';
+  }
+  function errorLine(job) {
+    var err = (job && job.error) || {}, code = String(err.code || ''), who = providerName(job);
+    if (code === 'provider_limit') {
+      var until = resetTime(err);
+      return (who || 'This model') + ' is out of usage ' + (until || 'for now') + '. Pick another model under Model and ask again.';
+    }
+    if (code === 'provider_auth') return (who || 'This model') + ' is not signed in on your Mac. Sign in there, or pick another model under Model and ask again.';
+    if (code === 'provider_context_too_long') return 'This conversation is too long for ' + (who || 'this model') + '. Start a new chat, or pick a model with a larger context under Model.';
+    if (code === 'provider_timeout') return 'The model took longer than the time limit, so COS stopped waiting. Ask again, or pick a lower Effort for a faster answer.';
+    if (code === 'interrupted' || (job && job.status === 'interrupted' && !code)) {
+      if (err.cause === 'server_shutdown') return 'COS on your Mac shut down before this answer finished. When it is back, ask again.';
+      if (err.cause === 'crash_loop_parked') return 'COS on your Mac stopped after crashing several times, so it set this question aside. Open COS Control on the Mac, then ask again.';
+      return 'COS on your Mac restarted before this answer finished. Ask again when you are ready.';
+    }
+    return GENERIC_FAIL;
+  }
+  // Ask again: the same words and files as a new Ask (a new client job id), with the model and effort picked now, to the
+  // SAME conversation as the first try. If that conversation has moved on (New thread, another thread now current, the
+  // chat on another session, thread mode switched), nothing is sent: the button stays, disabled, with why (skeptic,
+  // 7.0.2). A Reply goes to its turn's session as before. The failed card keeps its line and, once resent, loses the
+  // button. Resolves to the new Ask, or null.
+  var MOVED_ON = 'This conversation has moved on. Copy your words into a new Ask.';
+  // Whether the Ask `a` (being sent now) resolved to the conversation `c`: the same thread, the chat's same session, or
+  // the same Reply session. Read after the send's own plan, so it sees the thread that send will really use.
+  function sameConversation(c, a) {
+    if (!c || !a.conv || c.kind !== a.conv.kind) return false;
+    if (c.kind === 'thread') return threadOn() && !!c.threadId && a.conv.threadId === c.threadId;
+    return a.conv.sessionId === c.sessionId;
+  }
+  function conversationGone(a) {
+    var c = a.conv;
+    if (!c || c.kind === 'reply') return Promise.resolve('');
+    if (c.kind === 'chat') {
+      var now = C.session && C.session.id ? String(C.session.id) : '';
+      return Promise.resolve(threadOn() || now !== c.sessionId ? MOVED_ON : '');
+    }
+    if (!threadOn() || !c.threadId) return Promise.resolve(MOVED_ON);
+    return loadThread().then(function (t) { return threadIdOf(t) === c.threadId ? '' : MOVED_ON; });
+  }
+  function askAgain(cid) {
+    var a = C.asks.filter(function (x) { return x.cid === cid; })[0];
+    // A Prep card is never resent as a plain Ask (QA W4): Prep has its own Run.
+    if (!a || a.retried || a.checking || a.againBlocked || a.prepDraftId || !(a.status === 'failed' || a.status === 'interrupted') || !a.jobId) return Promise.resolve(null);
+    a.checking = true;
+    return conversationGone(a).then(function (why) {
+      a.checking = false;
+      if (why) { a.againBlocked = why; if (a.replyKey) paintReplyFeed(a.replyKey); else paintFeed(false); return null; }
+      a.retried = true;
+      var g = a.again || {}, o = {};
+      if (g.attachmentIds && g.attachmentIds.length) { o.attachmentIds = g.attachmentIds.slice(0, MAX_ATTS); o.atts = (g.atts || []).slice(0, MAX_ATTS); }
+      if (g.replyKey) { o.replyKey = g.replyKey; o.sessionId = g.sessionId; }
+      if (g.context) o.context = g.context;
+      o.reask = true;
+      if (a.conv) { o.expect = a.conv; o.retryOf = a; }
+      return submitAsk(a.query, null, null, o);
+    });
   }
   function poll(a) {
     var started = Date.now();
@@ -1091,6 +1261,7 @@
   }
   function finished(a) {
     postTurn(a);
+    refreshDefault();
     if (a.replyKey) paintReplyFeed(a.replyKey); else paintFeed(false);
     if (C.onAnswered) C.onAnswered();
     // A drop that became a question gets its answer as a follow-up: read the chat again.
@@ -1811,6 +1982,7 @@
       return;
     }
     if (what === 'cancel') return cancel(t.getAttribute('data-cid'));
+    if (what === 'again') return askAgain(t.getAttribute('data-cid'));
     if (what === 'att-remove') return removeAtt(kOf(t), t.getAttribute('data-att'));
     if (what === 'att-retry') {
       var k = kOf(t);
@@ -1826,7 +1998,7 @@
   }
   function isComposerInput(el) { return !!(el && el.classList && el.classList.contains('cc-input')); }
   function onKey(e) {
-    if (!isComposerInput(e.target) || e.key !== 'Enter' || e.isComposing || e.shiftKey) return;
+    if (!isComposerInput(e.target) || e.key !== 'Enter' || e.isComposing || e.keyCode === 229 || e.shiftKey) return;
     e.preventDefault();
     var k = kOf(e.target);
     if (e.altKey) { if (k === CHAT && dropOn()) doDrop(); return; }
@@ -1880,6 +2052,85 @@
     form.classList.remove('dragging');
     if (e.type === 'drop') addFiles(composer(form.getAttribute('data-cos-form')), e.dataTransfer.files);
   }
+  // 7.0.2 (A2, the Duo audit): after the keyboard closes on the chat (one column, the page scrolls), iOS can leave the
+  // page scrolled past its end, which showed as blank page under Model and Effort. Once it has closed (app.js
+  // COSWeb.onKeyboard 'after'), scrollY comes back inside the page's range, and when the chat's own box had the
+  // keyboard the composer goes back to the bottom of the screen.
+  var LAST = { composer: false };
+  document.addEventListener('focusin', function (e) {
+    var f = e && e.target && e.target.closest ? e.target.closest('[data-cos-form]') : null;
+    LAST.composer = !!(f && f.getAttribute('data-cos-form') === CHAT.name);
+  });
+  function settleAfterKeyboard() {
+    var r = W.parseRoute();
+    if (wide() || r.pane !== 'messages' || r.args[0] !== 'cos') return false;
+    var se = document.scrollingElement || document.documentElement;
+    if (!se) return false;
+    var max = Math.max(0, Math.round((se.scrollHeight || 0) - (window.innerHeight || 0))), y = Math.round(window.scrollY || 0);
+    if (y > max) { window.scrollTo(0, max); return true; }
+    var form = formOf(CHAT);
+    if (LAST.composer && form && form.getBoundingClientRect && (window.innerHeight || 0) - form.getBoundingClientRect().bottom > 1) { window.scrollTo(0, max); return true; }
+    return false;
+  }
+  // 7.0.2 (A4): two columns (860 px and up, the unfolded Duo) with the keyboard up for a field in the chat column.
+  // cos-chat.css makes the column the visible box (html.kb-chat), but a sticky column only reaches its top once the page
+  // has scrolled to it, so on open the page scrolls it there, and where the page is too short to, the column is capped
+  // to what is left above the keyboard. The cap follows each change of the visible box while the keyboard is up (a
+  // keyboard rising in steps, QA W6) and goes when it closes, when focus leaves the column, or below 860 px (a fold
+  // with the keyboard up never keeps it).
+  var DOCK_MIN_PX = 120;
+  function dockWide(what, v) {
+    var mr = C.host;
+    if (!mr || !mr.style) return false;
+    var a = document.activeElement;
+    var keep = (what === 'open' || what === 'move') && wide() && !!a && !!mr.contains && mr.contains(a) && W.parseRoute().pane === 'messages';
+    v = v || (W.viewportFit ? W.viewportFit() : null);
+    if (!keep || !v || !mr.getBoundingClientRect) { mr.style.maxHeight = ''; return false; }
+    var want = v.top + 8, top = mr.getBoundingClientRect().top;
+    // On open, and on any later move that left the column's top too low to fit a usable column (an unfold with the
+    // keyboard up, canary 7.0.2 WARNING 2), the page scrolls the column up to the visible box.
+    var low = top > v.top + v.height - DOCK_MIN_PX - 8;
+    if ((what === 'open' || low) && top > want + 1) { window.scrollBy(0, Math.round(top - want)); top = mr.getBoundingClientRect().top; }
+    mr.style.maxHeight = Math.max(DOCK_MIN_PX, Math.round(v.top + v.height - Math.max(top, v.top) - 8)) + 'px';
+    return true;
+  }
+  // 7.0.2 (QA W7): which composer the keyboard is for. html.kb-up (app.js) says only that a keyboard is up on the page;
+  // html.kb-chat says it is for a field in the chat column (cos-chat.css docks the column and the one-column composer on
+  // it), and .cc-kb marks the one composer that has it (only that one turns compact). The Messages search box at 860 px
+  // and up, or a field in another pane, leaves the chat as it is.
+  function markKeyboard(up) {
+    var a = up ? document.activeElement : null, de = document.documentElement;
+    var form = a && a.closest ? a.closest('[data-cos-form]') : null;
+    document.querySelectorAll('.cc-composer.cc-kb').forEach(function (f) { if (f !== form) f.classList.remove('cc-kb'); });
+    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);
+    return inChat;
+  }
+  // The composer that has the keyboard, brought into view on open and on every later change of the visible box (a fold
+  // or an unfold with the keyboard up, canary 7.0.2). Only while the keyboard is for the chat, and only for a composer
+  // (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;
+    var form = a.closest ? a.closest('[data-cos-form]') : null;
+    if (!form || !form.scrollIntoView) return false;
+    form.scrollIntoView({ block: 'nearest' });
+    return true;
+  }
+  if (W.onKeyboard) W.onKeyboard(function (what, v) {
+    if (what === 'after') { settleAfterKeyboard(); return; }
+    markKeyboard(what !== 'close');
+    dockWide(what, v);
+    if (what !== 'close') revealComposer();
+  });
+  // Focus moving between fields while the keyboard stays up: mark (and dock) for the new one.
+  document.addEventListener('focusin', function () {
+    if (!W.keyboardUp || !W.keyboardUp()) return;
+    markKeyboard(true);
+    dockWide('move');
+  });
+
   // Crossing 860 px shows the chat beside the list: load it then.
   window.matchMedia('(min-width: 860px)').addEventListener('change', function (m) {
     if (m.matches && on() && C.host && W.parseRoute().pane === 'messages') mount(C.host, true);
@@ -1942,6 +2193,7 @@
     prepInstance: function () { return PREP_INST; }, notePrepInstance: function (id) { if (typeof id === 'string' && id) PREP_INST = id; },
     _prep: function () { return P; }, _openPrep: openPrep, _prepHtml: function () { return P ? prepPanelHtml(P) : ''; }, _addPrepFiles: addPrepFiles,
     _runPrep: function () { runPrep(P); }, _sha256Js: sha256Js, _closePrep: closePrep, _onPrepInput: onPrepInput, _savePrepSteer: function () { return P ? savePrepSteer(P) : null; },
+    _errorLine: errorLine, _askAgain: askAgain, _askHtml: askHtml, _settle: settleAfterKeyboard, _dockWide: dockWide, _revealComposer: revealComposer, _markKeyboard: markKeyboard, _refreshDefault: refreshDefault, _defaultLabel: defaultLabel, _modelMenuHtml: modelMenuHtml,
     _state: C, _composer: composer, _classify: classify, _modelsFrom: modelsFrom, _addFiles: addFiles, _itemHtml: itemHtml, _setCaps: setCaps, _threadLine: threadLine, _postTurn: postTurn
   };
 })();

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

@@ -21,7 +21,10 @@
 .mt-wd { text-align: center; font: 600 10px/1 var(--mono); letter-spacing: 0.04em; color: var(--tertiary); padding: 2px 0 4px; }
 .mt-day, .mt-blank { min-height: 42px; }
 .mt-day { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border-radius: 8px; color: var(--ink); font: 400 14px/1 var(--body); }
-.mt-day:disabled { opacity: 0.38; }
+.mt-day:disabled { opacity: 1; }
+/* 6.99.30 (design QA): a day with nothing to open read at 2.35:1 at 38% ink; the secondary colour keeps it quiet and
+   readable. */
+.mt-day:disabled .mt-dnum { color: var(--sub); }
 .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; }
@@ -158,9 +161,12 @@
 .md-check { display: inline-block; width: 12px; height: 12px; border: 1.5px solid var(--sub); border-radius: 3px; margin-right: 7px; vertical-align: -1px; }
 .md-check.on { background: var(--green); border-color: var(--green); }
 .md-table-wrap { overflow-x: auto; margin: 0 0 1em; -webkit-overflow-scrolling: touch; }
-.md-table { border-collapse: collapse; font-size: 14px; border: 1px solid var(--panel-border); border-radius: 6px; min-width: 60%; }
+/* Duo tables: separated borders so the held first column (control.css table.tf) keeps its line; the same look. */
+.mt-md { --tf-bg: var(--page); }
+.mt-answer .mt-md { --tf-bg: var(--qopen); }
+.md-table { border-collapse: separate; border-spacing: 0; font-size: 14px; border: 1px solid var(--panel-border); border-radius: 6px; min-width: 60%; }
 .md-table th, .md-table td { padding: 6px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hairline); }
-.md-table th { font-weight: 600; background: var(--qopen); }
+.md-table th, .md-table.tf thead tr > :first-child { font-weight: 600; background: var(--qopen); }
 .md-table tr:last-child td { border-bottom: 0; }
 .md-table .md-key { color: var(--sub); white-space: nowrap; }
 .md-code { overflow-x: auto; font: 400 12.5px/1.45 var(--mono); background: var(--qopen); border: 1px solid var(--panel-border); padding: 10px; border-radius: 8px; margin: 0 0 1em; }
@@ -353,5 +359,18 @@
 @media (min-width: 860px) {
   .mt-turns { height: clamp(320px, calc(100dvh - 400px), 1100px); }
   .mt-lgrid { grid-template-columns: minmax(0, 1fr) minmax(280px, min(380px, 38%)); align-items: start; column-gap: 24px; }
-  .mt-lgrid > .mt-side-panel { position: sticky; top: calc(62px + var(--safe-top, 0px)); max-height: calc(100vh - 80px - var(--safe-top, 0px)); overflow: auto; }
+  .mt-lgrid > .mt-side-panel { position: sticky; top: calc(62px + var(--safe-top, 0px)); max-height: calc(100vh - 80px - var(--safe-top, 0px)); max-height: calc(100dvh - 80px - var(--safe-top, 0px)); overflow: auto; }
+}
+
+/* Duo tables: the divider between the notes or live transcript and the Ask panel (app.js splitKit, styled in app.css;
+   meetings.js SPLIT). From 860 px only, where both show. Its 24 px column is the old gap, so the default layout is
+   unchanged; a dragged width sizes the Ask panel, clamped so it keeps 280 px and the notes 380 px. */
+@media (min-width: 860px) {
+  .mt-detail .mt-dbody.split-side { grid-template-columns: minmax(0, 1fr) 24px minmax(280px, min(380px, 38%)); column-gap: 0; }
+  .mt-detail .mt-dbody.split-side.split-sized { grid-template-columns: minmax(0, 1fr) 24px clamp(280px, var(--split-side-share, 30%), calc(100% - 404px)); }
+  .mt-detail .mt-dbody.split-side > .split-handle { display: flex; grid-column: 2; grid-row: 1 / span 20; top: calc(62px + var(--safe-top, 0px)); height: calc(100dvh - 80px - var(--safe-top, 0px)); }
+  .mt-detail .mt-dbody.split-side > :not(.mt-doc):not(.split-handle) { grid-column: 3; }
+  .mt-lgrid.split-side { grid-template-columns: minmax(0, 1fr) 24px minmax(280px, min(380px, 38%)); column-gap: 0; }
+  .mt-lgrid.split-side.split-sized { grid-template-columns: minmax(0, 1fr) 24px clamp(280px, var(--split-side-share, 30%), calc(100% - 404px)); }
+  .mt-lgrid.split-side > .split-handle { display: flex; top: calc(62px + var(--safe-top, 0px)); height: calc(100dvh - 80px - var(--safe-top, 0px)); }
 }

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

@@ -102,7 +102,7 @@
   // "2026-11-03 · 9:05 PM · P · 60 minutes · Mac System Audio"
   function subtitle(m) {
     var parts = [];
-    if (m.date) parts.push(m.date);
+    if (m.date) parts.push(W.plainDay ? W.plainDay(m.date) : m.date);   // "Today" or "Nov 7", never 2026-11-07 (6.99.30)
     if (m.time) parts.push(fmtTime(m.time));
     var d = domainLabel(m); if (d) parts.push(d);
     if (m.duration) parts.push(m.duration); else if (num(m.durationMinutes) > 0) parts.push(num(m.durationMinutes) + ' min');
@@ -391,13 +391,18 @@
           case 'table': {
             var kv = b.header.length === 2 && b.rows.length && b.rows.every(function (r) { return r.length === 2 && r[0].indexOf('**') === 0; });
             var cols = Math.max(b.header.length, b.rows.reduce(function (m, r) { return Math.max(m, r.length); }, 0));
-            function row(r, tag, key) {
+            // Duo tables: the shared column floors (app.js tableFit), measured on the rows that show.
+            var fit = W.tableFit(kv ? b.rows : [b.header].concat(b.rows));
+            function row(r, tag, key, first) {
               var h = '<tr>';
-              for (var c = 0; c < cols; c++) h += '<' + tag + (key && c === 0 ? ' class="md-key"' : '') + '>' + inline(r[c] || '') + '</' + tag + '>';
+              for (var c = 0; c < cols; c++) {
+                var w = fit.width(c, first);
+                h += '<' + tag + (key && c === 0 ? ' class="md-key"' : '') + (w ? ' style="' + w + '"' : '') + '>' + fit.cell(c, inline(r[c] || ''), first) + '</' + tag + '>';
+              }
               return h + '</tr>';
             }
-            return '<div class="md-table-wrap"><table class="md-table' + (kv ? ' kv' : '') + '">' + (kv ? '' : '<thead>' + row(b.header, 'th') + '</thead>') +
-              '<tbody>' + b.rows.map(function (r) { return row(r, 'td', kv); }).join('') + '</tbody></table></div>';
+            return '<div class="md-table-wrap tf-wrap"><table class="md-table ' + fit.tableClass + (kv ? ' kv' : '') + '">' + (kv ? '' : '<thead>' + row(b.header, 'th', false, true) + '</thead>') +
+              '<tbody>' + b.rows.map(function (r, n) { return row(r, 'td', kv, kv && n === 0); }).join('') + '</tbody></table></div>';
           }
           case 'details': {
             var sp = b.blocks.filter(function (x) { return x.t === 'speakers'; })[0];
@@ -1245,7 +1250,9 @@
     else if (!d) body = '<p class="cx-note mt-wait">Loading meeting…</p>' + W.skeletonRows(5);
     else {
       var sessions = detailSessions();
-      body = detailBarHtml(row, d) + '<div class="mt-dbody">' +
+      // Duo tables: the line between the notes and the Ask panel drags where both show (860 px and up).
+      var divider = sessions.length ? SPLIT_KIT.handle({ id: 'mt-dhandle', controls: 'mt-ask-' + safeId(sessions[0]), label: SPLIT.label }) : '';
+      body = detailBarHtml(row, d) + '<div class="mt-dbody' + (divider ? ' split-side' : '') + '" id="mt-dbody">' + divider +
         (row.sourceSessionId && sessions.length ? '<p class="mt-note-line">Ask history covers the whole original capture, including its other split pieces.</p>' : '') +
         sessions.map(function (sid, i) {
           A(sid).ctx = { saved: true, meeting: row, captureLabel: 'Original recording ' + (i + 1) + '. Questions use its saved cutoff; each recording keeps its own history.' };
@@ -1255,7 +1262,14 @@
         '<article class="mt-doc">' + documentHtml(d) + '</article></div>';
     }
     pane.innerHTML = '<div class="cx mt mt-detail" data-tint="meetings">' + head + body + '</div>';
-  }
+    SPLIT_KIT.mount($('mt-dbody'), $('mt-dhandle'), SPLIT);
+  }
+  // Duo tables: the divider between a meeting's notes or live transcript and its Ask panel (app.js splitKit, 860 px and
+  // up), one width for both views. The Ask panel is the column on the right, so it grows as the line moves left; it keeps
+  // 280 px and the notes 380 px, past a 24 px divider that is the old gap.
+  // A page without the kit (a test's stand-in W) draws no divider and keeps working.
+  var SPLIT_KIT = W.splitKit || { handle: function () { return ''; }, mount: function () { return null; } };
+  var SPLIT = { key: 'cos_web_meetings_split', label: 'Ask panel', side: 'end', sized: '.mt-side-panel', cssVar: '--split-side-share', media: '(min-width: 860px)', listMin: 280, readerMin: 380, handleW: 24 };
   // ── Prep in a saved meeting (6.99.19) ─────────────────
   // GET /api/prep/by-session/:sessionId for each of the meeting's recordings: what the prep focused on and its files,
   // each opening from the Prep store. Nothing shows when there is no prep, or on a server without Prep.
@@ -2001,12 +2015,14 @@
     // 6.99.14: the transcript scrolls inside its own box, as Control's does, so a new line never moves the page: the
     // title, the recording bar, the files and the Ask panel stay where the reader left them. Everything that changes
     // height while it records (the stop line, the files, the confirm card) sits under the box, never above it.
-    pane.innerHTML = '<div class="cx mt mt-livev" data-tint="meetings"><div id="mt-lhead"></div><div class="mt-lgrid"><div class="mt-lmain" id="mt-lmain">' +
+    var divider = SPLIT_KIT.handle({ id: 'mt-lhandle', controls: 'mt-ask-' + safeId(sid), label: SPLIT.label });
+    pane.innerHTML = '<div class="cx mt mt-livev" data-tint="meetings"><div id="mt-lhead"></div><div class="mt-lgrid' + (divider ? ' split-side' : '') + '" id="mt-lgrid"><div class="mt-lmain" id="mt-lmain">' +
       '<div class="mt-tbox"><div id="mt-turns" class="mt-turns" tabindex="0" role="log" aria-live="polite" aria-label="Live transcript"></div>' +
       '<button type="button" class="cx-btn quiet mt-jump" id="mt-jump" data-mt="jump" hidden>Jump to live</button></div>' +
       '<div id="mt-lbar" class="mt-lbarslot"></div><div id="mt-lfiles"></div><div id="mt-lprep"></div><div id="mt-lfoot"></div>' +
-      '<input type="file" id="mt-lpick" class="mt-pick" multiple accept="' + esc(LIVE_ACCEPT) + '" tabindex="-1" aria-hidden="true"></div>' +
+      '<input type="file" id="mt-lpick" class="mt-pick" multiple accept="' + esc(LIVE_ACCEPT) + '" tabindex="-1" aria-hidden="true"></div>' + divider +
       '<aside class="mt-side-panel" id="mt-ask-' + safeId(sid) + '" data-sid="' + esc(sid) + '">' + sidePanelHtml(sid) + '</aside></div></div>';
+    SPLIT_KIT.mount($('mt-lgrid'), $('mt-lhandle'), SPLIT);
     S.headHtml = S.footHtml = S.barHtml = S.filesHtml = S.prepHtml = null;
     paintLiveHead(); paintTurns(true); paintLiveFoot();
     clearInterval(S.liveTimer); clearInterval(S.clockTimer);

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

@@ -28,6 +28,18 @@
 .mm-warn { color: var(--amber); font-size: 13px; }
 .mm-split { margin-top: 2px; }
 .mm-split, .mm-list, .mm-reader { min-width: 0; }
+/* Duo tables: the divider between the list and the reader (app.js splitKit, styled in app.css), from 760 px only. Its
+   18 px column replaces the split's 18 px gap, so the default layout is unchanged; a dragged width is a share of the
+   split, clamped so the list keeps 240 px and the reader 380 px (memories.js SPLIT), like Sessions. */
+@media (min-width: 760px) {
+  .split.mm-split { grid-template-columns: minmax(260px, 340px) 18px minmax(0, 1fr); column-gap: 0; }
+  .split.mm-split.split-sized { grid-template-columns: clamp(240px, var(--split-list-share, 30%), calc(100% - 398px)) 18px minmax(0, 1fr); }
+  .split.mm-split > .split-handle { display: flex; }
+  .mm-reader .split-full-btn { display: inline-flex; }
+  /* Full width: the reader takes the split; the list and the divider come back with Show list. */
+  .split.mm-split.split-full.mm-fullable:not(.solo) { grid-template-columns: minmax(0, 1fr); }
+  .split.mm-split.split-full.mm-fullable:not(.solo) > .split-list, .split.mm-split.split-full.mm-fullable:not(.solo) > .split-handle { display: none; }
+}
 
 /* A reader on a narrow screen is a pushed page: the header, views and counts step aside. */
 @media (max-width: 759px) {
@@ -128,14 +140,16 @@
 .mm-try { margin: 8px 0 2px; }
 .mm-tries { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; }
 .mm-tries .mm-link { font-size: 13.5px; overflow-wrap: anywhere; }
-.mm-answer { margin: 12px 0 8px; padding: 12px 14px; border-radius: 10px; background: var(--qopen); font-size: 14.5px; line-height: 1.55; overflow-wrap: anywhere; max-height: 60vh; overflow-y: auto; }
+.mm-answer { margin: 12px 0 8px; padding: 12px 14px; border-radius: 10px; background: var(--qopen); font-size: 14.5px; line-height: 1.55; overflow-wrap: anywhere; max-height: 60vh; max-height: 60dvh; overflow-y: auto; }
 .mm-answer h4 { margin: 10px 0 4px; font: 600 14.5px/1.3 var(--body); }
 .mm-answer p { margin: 0 0 8px; }
 .mm-answer ul { margin: 0 0 8px; padding-left: 1.2em; }
 .mm-answer code { font: 400 13px/1.4 var(--mono); background: var(--panel); padding: 0 3px; border-radius: 4px; }
 .mm-table { overflow-x: auto; max-width: 100%; }
-.mm-answer table { border-collapse: collapse; font-size: 13px; }
-.mm-answer th, .mm-answer td { border: 1px solid var(--panel-border); padding: 4px 8px; text-align: left; vertical-align: top; }
+/* Duo tables: grid lines and the held first column are control.css (table.tf-grid), in this pane's border colour. */
+.mm-answer { --tf-bg: var(--qopen); --tf-line: var(--panel-border); }
+.mm-answer table { font-size: 13px; }
+.mm-answer th, .mm-answer td { padding: 4px 8px; text-align: left; vertical-align: top; }
 .mm-refs ol { margin: 0; padding-left: 1.4em; font-size: 13px; line-height: 1.45; }
 .mm-refs li { margin-bottom: 4px; overflow-wrap: anywhere; }
 .mm-ref { color: var(--accent); font-variant-numeric: tabular-nums; }
@@ -259,6 +273,7 @@ body.mm-modal-open { overflow: hidden; }
 .split.mm-split.solo { display: block; }
 .split.mm-split.solo .split-list { position: static; max-height: none; overflow: visible; max-width: 820px; }
 .split.mm-split.solo .reader { display: none; }
+.split.mm-split.solo > .split-handle { display: none; }
 .mm-cue-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 6px 2px 12px; }
 .mm-cue-head p { margin: 3px 0 0; }
 .mm-cue-title { margin: 0; font: 500 24px/1.15 var(--display); color: var(--ink); letter-spacing: -0.01em; }