@gotcos/glasses-server 6.99.12 → 6.99.16

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

@@ -11,14 +11,24 @@
      Steer and Cancel are the existing query-job routes. The Model and Effort menus come from /api/models (6.99.12).
    - Drop (outlined, Drop it on only): POST /api/drops, then the receipt with Undo and Move. A drop the server reads as a
      question runs the Ask the same way and is linked back (POST /api/drops/:id/ask), as COS Control does.
+     6.99.13: Drop takes the composer's files too (up to capabilities.dropIt.attachments, 5), as attachmentIds. The
+     server keeps them with the drop; the receipt lists each one with Open, and Undo removes them. A drop read as a
+     question sends its files with the Ask. An older server without that field keeps the words-only note.
    - The clip (6.99.12) attaches photos, PDF, TXT, MD, CSV, JSON, XLSX, MP4 and MOV, as the Even app does: photos are
      resized to a 1024 px JPEG and posted to /api/media, other files go raw to /api/media/file, and the Ask carries up to
-     five attachmentIds. Paste and drag-drop add files too.
+     five attachmentIds. Paste and drag-drop add files too. Drop sends them too where the server says it takes them.
    With a keyboard, Return asks and Option-Return drops; Shift-Return is a new line.
 
    The same composer answers in the message reader (6.99.12): Reply sends that turn's sessionId, so the answer continues
    that conversation when it is still live (lib/web-ask-admission.ts).
 
+   6.99.16, the COS thread (capabilities.dropIt.thread, routes/cos-thread.ts): each Ask from the chat's own composer
+   reads GET /api/cos-thread first. `continue` sends that sessionId; `fresh` sends none and carries the server's digest
+   as the Ask's `reference` (the query-jobs field for quoted context, so the Messages row shows only the question).
+   While an Ask in the thread is still answering, the next one continues its conversation without asking. When an Ask
+   finishes, POST /api/cos-thread/turn once with its answer. "New thread" in the header posts /api/cos-thread/new.
+   Without the capability, the old rule stands: one conversation per day, kept in this browser.
+
    The rail badge on Messages is a number for `waiting` (GET /api/inbox/summary) and a dot for unread only. It is read
    with the shell's existing status read (shell.js checkServer), never on a timer of its own, and painting it touches
    only the badge, never the pane. */
@@ -41,7 +51,10 @@
     models: null,           // [{ value, label, available }]
     host: null,
     onChange: null,         // messages.js: re-render when Drop it or Ask turns on or off
-    onAnswered: null        // messages.js: re-read Recent when a web Ask lands
+    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
   };
   var saved = W.readStore(STORE);
   C.model = typeof saved.model === 'string' ? saved.model : '';
@@ -76,20 +89,30 @@
   // ── capabilities and the rail badge ───────────────────
   // Drop it on: the pinned COS chat. Ask on (durable query jobs): the composer, with or without Drop it.
   function dropOn() { return !!(C.caps && C.caps.dropIt); }
+  function dropFiles() { return C.caps && C.caps.dropIt && C.caps.dropFiles > 0 ? C.caps.dropFiles : 0; }
   function askOn() { return !!(C.caps && C.caps.jobs); }
   function on() { return dropOn() || askOn(); }
+  // 6.99.16: the COS thread, advertised inside dropIt while Drop it is on.
+  function threadOn() { return !!(C.caps && C.caps.dropIt && C.caps.thread); }
   function setCaps(h) {
     var caps = (h && h.capabilities) || {};
     var drop = caps.dropIt;
     var next = {
       dropIt: !!(drop && drop.enabled === true),
-      jobs: caps.durableQueryJobs === true || h && h.durableQueryJobs === true || !!(caps.durableQueryJobs && caps.durableQueryJobs.enabled),
-      steer: !!(C.caps && C.caps.steer)
+      // 6.99.13: how many files a drop takes. 0 (an older server): Drop is words only and says so.
+      dropFiles: drop && drop.enabled === true && Number.isInteger(drop.attachments) && drop.attachments > 0 ? Math.min(drop.attachments, MAX_ATTS) : 0,
+      // 6.99.16: /api/health carries it at features.durableQueryJobs (a boolean); /api/models at capabilities.durableQueryJobs.enabled.
+      jobs: caps.durableQueryJobs === true || h && h.durableQueryJobs === true || !!(caps.durableQueryJobs && caps.durableQueryJobs.enabled) ||
+        !!(h && h.features && h.features.durableQueryJobs === true),
+      steer: !!(C.caps && C.caps.steer),
+      thread: !!(drop && drop.enabled === true && drop.thread && drop.thread.protocol === 1)
     };
-    var changed = !C.caps || C.caps.dropIt !== next.dropIt || C.caps.jobs !== next.jobs;
+    var changed = !C.caps || C.caps.dropIt !== next.dropIt || C.caps.jobs !== next.jobs || C.caps.thread !== next.thread;
+    var filesChanged = !!C.caps && C.caps.dropFiles !== next.dropFiles;
     C.caps = next;
     if (!next.dropIt) { clearRail(); C.summary = null; }
     if (changed && C.onChange) C.onChange();
+    else if (filesChanged) paintButtons(CHAT);
     if (next.dropIt) refreshSummary();
   }
   // The shell's status read (shell.js checkServer) hands its /api/health answer here.
@@ -260,14 +283,16 @@
   }
 
   // ── the chat ──────────────────────────────────────────
-  function chatMode() { return dropOn() ? 'drop' : 'ask'; }
+  function chatMode() { return dropOn() ? (threadOn() ? 'drop-thread' : 'drop') : 'ask'; }
   function chatSkeleton() {
     var drop = dropOn();
     return '<section class="cc" data-cos-chat data-mode="' + chatMode() + '" data-tint="messages" aria-label="' + (drop ? 'COS chat' : 'Ask COS') + '">' +
       '<header class="cc-head"><span class="cc-avatar big">' + MARK + '</span><div class="cc-head-text"><h2 class="cc-title">' + (drop ? 'COS' : 'Ask COS') + '</h2>' +
         '<p class="cc-sub">' + (drop ? 'Text it anything: a thought, an ask, a reminder. It texts back.' : 'Ask anything, with photos or files. Each answer lands in Messages with its number, here and on the glasses.') + '</p></div>' +
         '<div class="cc-head-acts"><button type="button" class="link-btn cc-all" data-cos="all">All messages</button>' +
-        (drop ? '<button type="button" class="link-btn" data-cos="read-all">Mark all read</button>' : '') + '</div></header>' +
+        (drop ? '<button type="button" class="link-btn" data-cos="read-all">Mark all read</button>' : '') +
+        (threadOn() ? '<button type="button" class="link-btn" data-cos="new-thread">New thread</button>' : '') + '</div>' +
+        (threadOn() ? '<p class="cc-thread" data-cos-thread role="status">' + esc(threadLine()) + '</p>' : '') + '</header>' +
       '<div class="cc-feed" data-cos-feed aria-live="polite"></div>' +
       composerHtml(CHAT, { drop: drop, placeholder: drop ? 'Ask COS, or drop a thought, a task, a reminder' : 'Ask COS anything', label: 'Message to COS' }) +
       '</section>';
@@ -283,6 +308,7 @@
     }
     if (!visible) return;
     loadModels();
+    if (threadOn()) loadThread();
     // Ask only: no inbox to read; the chat holds this page's Asks. Inbox lines from a Drop it session are not shown.
     if (!dropOn()) { if (C.feedMode !== 'ask') { C.items = []; C.feedState = 'ready'; C.feedMode = 'ask'; } paintFeed(true); return; }
     if (C.items === null || C.feedState === 'error' || C.feedMode !== 'drop') loadFeed(); else paintFeed(true);
@@ -338,7 +364,8 @@
       }).join('') + '</ol>';
     }
     var rest = acts.filter(function (a) { return !/^choose:/.test(a.id); });
-    if (item.needsReply) rest.push({ id: 'dismiss', label: 'Dismiss' });
+    // A P2 follow-up already carries its own Dismiss (6.99.11); add one only to an item that does not (6.99.15: it showed twice).
+    if (item.needsReply && !rest.some(function (a) { return a.id === 'dismiss'; })) rest.push({ id: 'dismiss', label: 'Dismiss' });
     if (rest.length) {
       html += '<div class="cc-acts">' + rest.map(function (a) {
         var cls = PRIMARY[a.id] ? 'cx-btn primary' : 'link-btn cc-text-btn';
@@ -360,16 +387,30 @@
       return '<button type="button" class="cc-choice" data-cos="move-to" data-item="' + esc(item.id) + '" data-dest="' + o.dest + '"' + (o.domain ? ' data-domain="' + esc(o.domain) + '"' : '') + '>' + esc(o.label) + '</button>';
     }).join('') + '<button type="button" class="link-btn cc-text-btn" data-cos="move-cancel">Keep it where it is</button></div>';
   }
+  // 6.99.13: a drop's files, each opening from the media store in a new tab. Under your words they are what you sent;
+  // on a receipt each says Open. Undo takes the links away with the files. The classes are cc-dfile*, never cc-file:
+  // .cc-file is the clip's invisible file input (opacity 0, absolute), and a link wearing it does not show.
+  function fileLinksHtml(item, mine) {
+    var files = (item.links || []).filter(function (l) { return l.kind === 'file' && MEDIA_ID.test(String(l.id)); });
+    if (!files.length) return '';
+    return '<div class="cc-dfiles' + (mine ? ' mine' : '') + '">' + files.map(function (f) {
+      var url = '/api/media/' + encodeURIComponent(f.id) + '/content';
+      var photo = /\.(jpe?g|png|gif|webp|heic|heif)$/i.test(String(f.label)) || f.label === 'Photo';
+      return '<a class="cc-dfile" href="' + esc(url + '?variant=phone') + '" target="_blank" rel="noopener" aria-label="Open ' + esc(f.label) + '">' +
+        '<span class="cc-dfile-thumb">' + (photo ? '<img src="' + esc(url + '?variant=thumb') + '" alt="" loading="lazy">' : '<svg class="icon" aria-hidden="true"><use href="#i-doc"/></svg>') + '</span>' +
+        '<span class="cc-dfile-name">' + esc(f.label) + '</span>' + (mine ? '' : '<span class="cc-dfile-open">Open</span>') + '</a>';
+    }).join('') + '</div>';
+  }
   function itemHtml(item) {
     if (item.kind === 'drop' || item.kind === 'answer') {
       return '<div class="cc-line you' + (item.kind === 'answer' ? ' answer' : '') + '"' + (item.kind === 'drop' ? ' data-drop-thread="' + esc(item.threadId) + '"' : '') + '><div class="cc-bubble">' + esc(item.line) + '</div>' +
-        (item.kind === 'drop' ? '<div class="cc-src">' + esc(SOURCE[item.source] || '') + '</div>' : '') + '</div>';
+        (item.kind === 'drop' ? fileLinksHtml(item, true) + '<div class="cc-src">' + esc(SOURCE[item.source] || '') + '</div>' : '') + '</div>';
     }
     var quote = item.kind === 'followup' ? (function () { var d = dropOf(item); return d ? '<button type="button" class="cc-quote" data-cos="quote" data-thread="' + esc(item.threadId) + '">Re: ' + esc(clip(d.line, 70)) + '</button>' : ''; })() : '';
     return '<div class="cc-line cos' + (item.state !== 'live' ? ' done' : '') + (item.needsReply && item.state === 'live' ? ' waits' : '') + '" data-item-id="' + esc(item.id) + '">' +
       '<span class="cc-avatar">' + MARK + '</span><div class="cc-card">' + quote +
       (item.title ? '<p class="cc-card-title">' + esc(item.title) + '</p>' : '') +
-      '<p class="cc-card-line">' + esc(item.line) + '</p>' + actionsHtml(item) + '</div></div>';
+      '<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.
   function answerHtml(a) {
@@ -458,7 +499,13 @@
     var jobs = !C.caps || C.caps.jobs;
     var waiting = uploadsPending(k), failed = uploadsFailed(k);
     if (ask) { ask.disabled = !text || !!k.busy || !jobs || waiting || failed; ask.textContent = k.busy === 'ask' ? 'Asking…' : waiting ? 'Uploading…' : (k.name === 'chat' ? 'Ask' : 'Reply'); }
-    if (drop) { drop.disabled = !text || !!k.busy; drop.textContent = k.busy === 'drop' ? 'Dropping…' : 'Drop'; }
+    if (drop) {
+      // 6.99.13: with files on a server that takes them, Drop waits for the uploads as Ask does. Files with no words keep
+      // Drop tappable so the tap can say what is missing.
+      var withFiles = k.atts.length > 0 && dropFiles();
+      drop.disabled = !!k.busy || (!text && !withFiles) || (withFiles && (waiting || failed));
+      drop.textContent = k.busy === 'drop' ? 'Dropping…' : withFiles && waiting ? 'Uploading…' : 'Drop';
+    }
     var attach = form.querySelector('.cc-attach'), picker = form.querySelector('[data-cos-file]');
     if (attach) attach.classList.toggle('full', k.atts.length >= MAX_ATTS);
     if (picker) picker.disabled = k.atts.length >= MAX_ATTS || !!k.busy;
@@ -476,6 +523,7 @@
 
   // ── attachments (6.99.12, the Even app's composer) ────
   var MAX_ATTS = 5;                       // MAX_ATTACHMENTS_PER_PROMPT
+  var MEDIA_ID = /^m_[a-f0-9]{24}$/;      // shared/media-attachment.ts MEDIA_ID_RE
   var MAX_PHOTO = 2 * 1024 * 1024;        // MAX_IMAGE_BYTES, after the resize
   var MAX_DOC = 64 * 1024 * 1024;         // MAX_OTHER_MEDIA_BYTES
   var MAX_VIDEO = 100 * 1024 * 1024;      // MAX_VIDEO_MEDIA_BYTES
@@ -618,32 +666,47 @@
       k.signedOut = true;
       setNote(k, 'This browser was signed out. Your message and files are kept. Sign in, then tap Retry on each file.');
     } else {
-      t.error = UPLOAD_COPY[err && err.code] || (err && err.status === 413 ? 'Too large for COS.' : 'Did not upload');
+      t.error = uploadErrorText(err);
     }
     paintChips(k); paintButtons(k);
   }
-  function startUpload(k, t) {
-    t.state = 'reading'; t.progress = 0; t.error = '';
+  /**
+   * One file to the media store, the way every web upload goes: a photo resized to a 1024 px JPEG and posted to /api/media,
+   * any other file raw to /api/media/file. Resolves with the media ref ({ id }). `t` is the upload's record ({ file, name,
+   * kind, mime }); it gets `xhr` while sending (Remove aborts it) and `thumb` for a photo. hooks.uploading() runs once the
+   * bytes start, hooks.progress(0..1) as they go. 6.99.14: the live meeting view's Add file uses this too.
+   */
+  function uploadMedia(t, hooks) {
     var at = new Date(t.file.lastModified || Date.now()).toISOString();
-    var step;
     if (t.kind === 'photo') {
-      step = resizePhoto(t.file).then(function (dataUrl) {
+      return resizePhoto(t.file).then(function (dataUrl) {
         var data = dataUrl.slice(dataUrl.indexOf(',') + 1);
         var bytes = Math.floor(data.length * 3 / 4);
         if (bytes > MAX_PHOTO) { var big = new Error('Over 2 MB even after resizing.'); big.code = 'photo_too_large'; throw big; }
-        t.thumb = dataUrl; t.state = 'uploading'; paintChips(k); paintButtons(k);
+        t.thumb = dataUrl; hooks.uploading();
         var body = JSON.stringify({ images: [{ data: data, label: t.name.slice(0, 120), capturedAt: at }], kind: 'user_photo' });
-        return uploadRequest('/api/media', body, { 'Content-Type': 'application/json' }, function (p) { t.progress = p; paintProgress(k, t); }, t);
+        return uploadRequest('/api/media', body, { 'Content-Type': 'application/json' }, function (p) { hooks.progress(p); }, t);
       }).then(function (d) { return d && d.attachments && d.attachments[0]; });
-    } else {
-      t.state = 'uploading';
-      step = uploadRequest('/api/media/file', t.file, {
-        'Content-Type': t.mime || 'application/octet-stream',
-        'X-COS-Filename': encodeURIComponent(t.name),
-        'X-COS-Captured-At': at
-      }, function (p) { t.progress = p; paintProgress(k, t); }, t).then(function (d) { return d && d.attachment; });
-      paintChips(k);
     }
+    hooks.uploading();
+    return uploadRequest('/api/media/file', t.file, {
+      'Content-Type': t.mime || 'application/octet-stream',
+      'X-COS-Filename': encodeURIComponent(t.name),
+      'X-COS-Captured-At': at
+    }, function (p) { hooks.progress(p); }, t).then(function (d) { return d && d.attachment; });
+  }
+  /** The chip's words for a failed upload (never the sign-in case, which each caller says its own way). */
+  function uploadErrorText(err) {
+    if (err && err.code === 'photo_too_large') return 'Over 2 MB even after resizing';
+    if (err && !err.status && !err.code) return err.message || 'Did not upload';
+    return UPLOAD_COPY[err && err.code] || (err && err.status === 413 ? 'Too large for COS.' : 'Did not upload');
+  }
+  function startUpload(k, t) {
+    t.state = 'reading'; t.progress = 0; t.error = '';
+    var step = uploadMedia(t, {
+      uploading: function () { t.state = 'uploading'; paintChips(k); paintButtons(k); },
+      progress: function (p) { t.progress = p; paintProgress(k, t); }
+    });
     step.then(function (ref) {
       if (!findAtt(k, t.id)) return;
       if (!ref || !ref.id) { var e = new Error('The Mac did not keep the file.'); e.code = ''; throw e; }
@@ -651,8 +714,8 @@
       paintChips(k); paintButtons(k);
     }).catch(function (err) {
       if (!findAtt(k, t.id)) return;
-      if (err && err.code === 'photo_too_large') { t.state = 'failed'; t.error = 'Over 2 MB even after resizing'; paintChips(k); paintButtons(k); return; }
-      if (err && !err.status && !err.code) { t.state = 'failed'; t.error = err.message || 'Did not upload'; paintChips(k); paintButtons(k); return; }
+      if (err && err.code === 'photo_too_large') { t.state = 'failed'; t.error = uploadErrorText(err); paintChips(k); paintButtons(k); return; }
+      if (err && !err.status && !err.code) { t.state = 'failed'; t.error = uploadErrorText(err); paintChips(k); paintButtons(k); return; }
       uploadError(k, t, err);
     });
   }
@@ -663,13 +726,20 @@
   function doDrop() {
     var k = CHAT;
     var input = inputOf(k); var text = input ? input.value.trim() : '';
-    if (!text || k.busy) return;
-    // A drop files words. Files go with an Ask (a drop takes no attachments yet).
-    if (k.atts.length) { setNote(k, 'Drop takes words only for now. Ask sends the files with your words, or remove them to drop.'); return; }
+    if (k.busy) return;
+    // An older server files words only (no capabilities.dropIt.attachments): say so, and send nothing.
+    if (k.atts.length && !dropFiles()) { setNote(k, 'Drop takes words only on this Mac. Ask sends the files with your words, or remove them to drop.'); return; }
+    if (!text) { if (k.atts.length) setNote(k, 'Add a few words with the files so COS knows where they go.'); return; }
+    if (uploadsPending(k)) return;
+    if (uploadsFailed(k)) { setNote(k, 'A file did not upload. Retry it or remove it, then Drop.'); return; }
+    // What is shown as sent is exactly what is sent: never more than the server takes.
+    var ready = readyAtts(k).slice(0, dropFiles() || 0);
     var dropId = uuid();
+    var body = { dropId: dropId, text: text, source: 'web' };
+    if (ready.length) body.attachmentIds = ready.map(function (t) { return t.mediaId; });
     k.busy = 'drop'; setNote(k, ''); paintButtons(k);
     var send = function (retry) {
-      return api('/api/drops', { method: 'POST', body: { dropId: dropId, text: text, source: 'web' }, timeoutMs: 30000 }).catch(function (err) {
+      return api('/api/drops', { method: 'POST', body: body, timeoutMs: 30000 }).catch(function (err) {
         // The same dropId is safe to send again: the server answers the first result.
         if (retry && err && err.code === 'timeout') return send(false);
         throw err;
@@ -678,14 +748,78 @@
     send(true).then(function (ans) {
       k.busy = ''; k.draft = ''; saveDraft(k);
       var box = inputOf(k); if (box) { box.value = ''; W.autoGrow(box); }
+      if (ready.length) clearAtts(k);
       mergeItems(ans.items);
       paintFeed(true); paintButtons(k);
-      if (ans.next && ans.next.kind === 'ask' && C.caps && C.caps.jobs) submitAsk(ans.next.prompt, ans.drop.id);
+      if (ans.next && ans.next.kind === 'ask' && C.caps && C.caps.jobs) submitAsk(ans.next.prompt, ans.drop.id, null, askFilesOf(ans.next));
       refreshSummary();
     }, function (err) {
       k.busy = ''; paintButtons(k);
-      // The words stay in the box until the server has them.
-      setNote(k, err && err.code === 'drop_it_off' ? 'Drop it is off on this Mac.' : 'Not dropped: ' + ((err && err.message) || 'the Mac did not answer') + ' Your words are still here.');
+      // The words and the files stay in the box until the server has them.
+      var kept = ready.length ? ' Your words and files are still here.' : ' Your words are still here.';
+      // A refused file says why in the server's own words (attachment_expired, too_many_attachments, words_needed...).
+      setNote(k, err && err.code === 'drop_it_off' ? 'Drop it is off on this Mac.' : 'Not dropped: ' + ((err && err.message) || 'the Mac did not answer.') + kept);
+    });
+  }
+
+  // A drop read as a question runs the Ask with the drop's files (the server names them in next.attachmentIds).
+  function askFilesOf(next) {
+    var ids = next && Array.isArray(next.attachmentIds) ? next.attachmentIds.filter(function (id) { return MEDIA_ID.test(String(id)); }).slice(0, MAX_ATTS) : [];
+    return ids.length ? { attachmentIds: ids } : undefined;
+  }
+
+  // ── the COS thread (6.99.16) ──────────────────────────
+  var THREAD_REF = 'Summary carried over from earlier in this COS thread';
+  function threadLine() {
+    var t = C.thread && C.thread.thread, n = C.thread && C.thread.next;
+    var carried = C.threadCarried || (n && n.reason === 'manual' ? (n.digest ? 'summary' : 'plain') : '');
+    if (carried) return carried === 'summary' ? 'New thread. It carries a short summary of the last one.' : 'New thread.';
+    var asks = t && Number(t.asks) > 0 ? Number(t.asks) : 0;
+    return asks ? 'Continues your COS thread · ' + asks + (asks === 1 ? ' ask' : ' asks') : '';
+  }
+  function paintThread() {
+    var line = threadLine();
+    document.querySelectorAll('[data-cos-thread]').forEach(function (el) { el.textContent = line; });
+  }
+  function loadThread() {
+    return api('/api/cos-thread').then(function (t) { C.thread = t; paintThread(); 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() {
+    // An Ask in the thread still answering: the next one continues its conversation (its turn is not recorded yet).
+    var live = C.asks.filter(function (x) { return x.threaded && x.sessionId && x.turnState !== 'done' && Date.now() - x.at < 20 * 60000; });
+    if (live.length) return Promise.resolve({ sessionId: live[live.length - 1].sessionId, digest: null });
+    return loadThread().then(function (t) {
+      var n = t && t.next;
+      if (n && n.mode === 'continue' && n.sessionId) return { sessionId: n.sessionId, digest: null };
+      if (n && n.mode === 'fresh') return { sessionId: '', digest: typeof n.digest === 'string' && n.digest ? n.digest : null };
+      // The thread could not be read: continue the session it last named, if any.
+      var last = C.thread && C.thread.thread && C.thread.thread.sessionId;
+      return { sessionId: last || '', digest: null };
+    });
+  }
+  // Once per Ask, when it has finished: the thread records it, with the answer when there is one.
+  function postTurn(a) {
+    if (!a.threaded || !a.sessionId || a.turnState) return;
+    a.turnState = 'posting';
+    var body = { clientId: a.cid, sessionId: a.sessionId, query: String(a.query).slice(0, 20000) };
+    if (a.status === 'completed' && typeof a.response === 'string' && a.response) body.answer = a.response.slice(0, 40000);
+    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(); }
+    }, function () { a.turnState = 'done'; });
+  }
+  function newThread() {
+    if (C.threadBusy) return;
+    C.threadBusy = true;
+    api('/api/cos-thread/new', { method: 'POST', body: {} }).then(function (t) {
+      C.threadBusy = false;
+      C.thread = t; C.threadCarried = '';
+      paintThread();
+    }, function (err) {
+      C.threadBusy = false;
+      W.toast((err && err.message) || 'New thread did not go through.');
     });
   }
 
@@ -713,7 +847,9 @@
     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;
-    if (C.session && C.session.id) body.sessionId = C.session.id;
+    // 6.99.16: an Ask from the chat's own composer belongs to the COS thread (a Reply keeps its turn's conversation).
+    a.threaded = threadOn() && !opts.replyKey;
+    if (!a.threaded && 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;
     if (opts.attachmentIds && opts.attachmentIds.length) body.attachmentIds = opts.attachmentIds.slice(0, MAX_ATTS);
@@ -727,10 +863,16 @@
         throw err;
       });
     };
-    admit(true).then(function (d) {
+    var prepare = a.threaded ? threadPlan().then(function (plan) {
+      if (plan.sessionId) body.sessionId = plan.sessionId;
+      else if (plan.digest) body.reference = { query: THREAD_REF, response: plan.digest };
+      a.carried = plan.sessionId ? '' : plan.digest ? 'summary' : 'plain';
+    }) : Promise.resolve();
+    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 (job.sessionId && !a.replyKey) { C.session = { id: job.sessionId, day: today() }; save(); }
+      if (a.threaded) { C.threadCarried = a.carried; paintThread(); }
+      else if (job.sessionId && !a.replyKey) { C.session = { id: job.sessionId, day: today() }; save(); }
       if (dropId) api('/api/drops/' + encodeURIComponent(dropId) + '/ask', { method: 'POST', body: { clientJobId: a.cid, generation: 1 } }).catch(function () {});
       if (done) done(true);
       poll(a);
@@ -767,6 +909,7 @@
     setTimeout(tick, 600);
   }
   function finished(a) {
+    postTurn(a);
     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.
@@ -847,7 +990,7 @@
       if (ans && ans.item) mergeItems([ans.item]);
       // A reminder action answers the finished item itself (merged above); dismiss answers counts only.
       if (action === 'dismiss') item.state = 'done';
-      if (ans && ans.next && ans.next.kind === 'ask' && C.caps && C.caps.jobs) submitAsk(ans.next.prompt, ans.drop.id);
+      if (ans && ans.next && ans.next.kind === 'ask' && C.caps && C.caps.jobs) submitAsk(ans.next.prompt, ans.drop.id, null, askFilesOf(ans.next));
       paintFeed(false); refreshSummary();
     }, function (err) { W.toast((err && err.message) || 'That did not go through.'); });
   }
@@ -883,6 +1026,7 @@
     if (what === 'drop') return doDrop();
     if (what === 'all') return W.go('messages');
     if (what === 'read-all') return markReadIfShown(true);
+    if (what === 'new-thread') return newThread();
     if (what === 'retry') { C.feedState = 'idle'; return loadFeed(); }
     if (what === 'act') return act(t.getAttribute('data-item'), t.getAttribute('data-act'));
     if (what === 'move-to') return moveTo(t.getAttribute('data-item'), t.getAttribute('data-dest'), t.getAttribute('data-domain'));
@@ -968,6 +1112,7 @@
     onClick: onClick, onKey: onKey, onInput: onInput, onChange: onChangeEvent, onSubmit: onSubmit, onPaste: onPaste, onDrag: onDrag,
     setOnChange: function (fn) { C.onChange = fn; }, setOnAnswered: function (fn) { C.onAnswered = fn; },
     // Test and render hooks: what the chat holds right now.
-    _state: C, _composer: composer, _classify: classify, _modelsFrom: modelsFrom, _addFiles: addFiles
+    classify: classify, uploadMedia: uploadMedia, uploadErrorText: uploadErrorText, uuid: uuid,
+    _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

@@ -226,10 +226,13 @@
 /* ── live transcript view ─────────────────────────────── */
 .mt-lhead { display: grid; gap: 4px; }
 .mt-ltitle { display: flex; align-items: center; gap: 10px; min-width: 0; }
+.mt-ltitle .mt-dtitle { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+/* 6.99.14: each header line is one line whatever it says (a quiet label, a longer minute count), so the header never
+   changes height while it records and the transcript box under it never moves. */
+.mt-lstatus, .mt-lsub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
 .mt-lstatus { font-weight: 500; font-size: 13.5px; color: var(--ink); margin: 4px 0 0; }
 .mt-lsub { font-size: 13px; color: var(--tertiary); margin: 0; }
-.mt-handoff { font-size: 13px; margin: 2px 0 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
-.mt-lhead .mt-bar { border-bottom: 0; margin-top: 6px; }
+.mt-handoff { font-size: 13px; margin: 2px 0 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-height: 50px; }
 /* Control's LiveMeetingFilesRow: one collapsed "Files · N" row; open, the names and the note. */
 .mt-files { border: 1px solid var(--hairline); border-radius: 9px; margin: 6px 0 4px; max-width: 520px; min-width: 0; }
 .mt-files-head { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 36px; padding: 0 12px; font-size: 13px; font-weight: 600; color: var(--ink); text-align: left; }
@@ -243,15 +246,69 @@
 .mt-files-note { padding: 8px 12px 10px; font-size: 12px; }
 @media (prefers-reduced-motion: reduce) { .mt-files-head .icon:last-child { transition: none; } }
 .mt-lgrid { display: grid; gap: 16px; }
-.mt-lmain { min-width: 0; }
-.mt-turns { display: grid; gap: 22px; padding: 16px 0 14px; border-top: 1px solid var(--hairline); max-width: 700px; }
+.mt-lmain { min-width: 0; position: relative; border-radius: 12px; }
+/* 6.99.14: the transcript scrolls in its own box of fixed height (Control's ScrollView), so a new line moves only the
+   text inside it. overflow-anchor: none: the pane anchors the reader itself on every browser (iOS Safari has none), and
+   Chrome's own anchoring would correct a second time. */
+.mt-tbox { position: relative; margin-top: 12px; }
+.mt-turns { display: grid; gap: 22px; align-content: start; position: relative; padding: 16px 6px 14px 0; border-top: 1px solid var(--hairline);
+  height: clamp(240px, 52dvh, 640px); overflow-y: auto; overscroll-behavior: contain; overflow-anchor: none; -webkit-overflow-scrolling: touch; }
+.mt-turns:focus { outline: none; }
+.mt-turns:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
+.mt-lturn { max-width: 700px; }
 .mt-lwho { display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px; }
 .mt-lname { font-weight: 600; font-size: 12.5px; color: var(--sub); }
 .mt-lstamp { font: 400 11px/1 var(--mono); color: var(--tertiary); }
 .mt-lturn p { margin: 0 0 0.6em; font-size: 15px; line-height: 1.6; color: var(--ink); overflow-wrap: anywhere; }
 .mt-lturn p:last-child { margin-bottom: 0; }
 .mt-lempty { color: var(--sub); text-align: center; font-size: 14px; padding: 26px 8px; margin: 0; }
+.mt-jump { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); box-shadow: var(--shadow); background: var(--panel); }
+.mt-jump[hidden] { display: none; }
+/* The recording bar (Control's LiveRecordingBar): one row, 50 px, never wraps. Under 560 px of bar Add file is the
+   paperclip alone; under 340 px the still glyph takes the strip's place. */
+.mt-lbarslot { container-type: inline-size; min-height: 50px; margin-top: 8px; }
+.mt-lbar { display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 8px 0 14px; border: 1px solid var(--panel-border);
+  border-radius: 11px; background: color-mix(in srgb, var(--panel) 70%, var(--page)); min-width: 0; }
+.mt-lbar .mt-livedot { width: 9px; height: 9px; }
+/* A fixed width (h:mm:ss in the mono face), so Starting, 9:59 and 1:00:00 never move the strip beside it. */
+.mt-ltime { font: 500 12.5px/1 var(--mono); font-variant-numeric: tabular-nums; color: var(--ink); white-space: nowrap; width: 7ch; flex: none; overflow: hidden; }
+.mt-ltime.starting { font: 400 12px/1 var(--body); color: var(--sub); }
+.mt-meterwrap { position: relative; flex: 1 1 auto; min-width: 40px; height: 22px; display: flex; align-items: center; }
+.mt-meter { display: block; width: 100%; height: 22px; --mt-bar: color-mix(in srgb, var(--accent) 85%, transparent); --mt-dot: color-mix(in srgb, var(--sub) 70%, transparent); }
+/* The still glyph sits over the strip's box (no levels yet, or too narrow): shown and hidden by visibility, never by
+   display, so the switch moves nothing. */
+.mt-glyph { position: absolute; left: 0; top: 6px; display: inline-flex; visibility: hidden; align-items: center; gap: 1.5px; height: 10px; }
+.mt-glyph i { display: block; width: 2px; border-radius: 1px; background: color-mix(in srgb, var(--rec) 85%, transparent); }
+.mt-glyph i:nth-child(1) { height: 6px; } .mt-glyph i:nth-child(2) { height: 9px; } .mt-glyph i:nth-child(3) { height: 7px; }
+.mt-meterwrap.mt-nolevels .mt-meter { visibility: hidden; }
+.mt-meterwrap.mt-nolevels .mt-glyph { visibility: visible; }
+.mt-addfile, .mt-stopbtn { flex: none; white-space: nowrap; }
+.mt-addfile { display: inline-flex; align-items: center; gap: 6px; }
+.mt-addfile .icon { width: 14px; height: 14px; }
+.mt-lbar .mt-side-note { flex: none; }
+@container (max-width: 559px) { .mt-addlabel { display: none; } .mt-addfile { padding-left: 10px; padding-right: 10px; } }
+@container (max-width: 339px) { .mt-meter { visibility: hidden; } .mt-glyph { visibility: visible; } .mt-meterwrap { flex: 0 0 40px; } }
+.mt-lbarslot > .mt-stopline { margin: 8px 4px 0; }
+.mt-lbarslot > .mt-confirm { margin-top: 8px; }
+/* A file dragged over the pane: the column is outlined. Drawn only, so it moves nothing. */
+.mt-lmain.dropping { outline: 2px dashed var(--accent); outline-offset: 4px; }
+.mt-pick { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden; clip: rect(0 0 0 0); }
+#mt-lfiles:empty { display: none; }
+#mt-lfiles { margin-top: 8px; }
+.mt-files.live { max-width: none; }
+.mt-files-head.quiet { color: var(--sub); font-weight: 500; cursor: default; }
+.mt-files-head > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.mt-files-list li.mt-up { position: relative; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; overflow: hidden; }
+.mt-up .mt-files-name, .mt-up-meta { grid-column: 1; }
+.mt-up-meta { font-size: 13px; line-height: 1.45; margin: 0; }
+.mt-up-acts { grid-column: 2; grid-row: 1 / span 2; display: flex; gap: 6px; align-items: center; }
+.mt-up-acts .mt-link { min-height: 28px; }
+.mt-up-bar { position: absolute; left: 0; bottom: 0; height: 2px; background: var(--accent); transition: width 0.2s ease; }
+@media (prefers-reduced-motion: reduce) { .mt-up-bar { transition: none; } }
+#mt-lfiles .mt-files { margin-top: 0; }
+#mt-lfoot .mt-bar { border-top: 0; }
 @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; }
 }