@gotcos/glasses-server 6.99.12 → 6.99.16

package/server/routes/transcribe-stream.ts

@@ -2331,6 +2331,14 @@ function emptyChunkResponse(
   }
 }
 
+/**
+ * 6.99.16: an iPhone recording's live lines come from the same server Whisper as a G2 meeting,
+ * prompted with the profile vocabulary, so the dictionary shows while recording (Miles,
+ * 2026-11-05: "as close to the g2 stack as possible"). Parakeet takes no prompt. The saved
+ * transcript is unchanged: strict Parakeet, as the capability's asrModel says.
+ */
+export const PHONE_LIVE_ENGINE: 'server-whisper' | 'parakeet-ultra' = 'server-whisper'
+
 async function transcribeWithServerWhisper(audioBuffer: Buffer, whisperAudio: Buffer, whisperContext: string, isQuiet: boolean): Promise<{ text: string; words?: WhisperWord[]; backend: string }> {
   // The worker owns reconciliation of stale health. Always attempt local ASR
   // once; an availability snapshot must not divert meeting audio to cloud.
@@ -2639,7 +2647,7 @@ async function processStreamChunk(opts: {
     model = candidate.model
     mode = candidate.mode
     latencyMs = candidate.latencyMs
-  } else if (phoneCapture) {
+  } else if (phoneCapture && PHONE_LIVE_ENGINE === 'parakeet-ultra') {
     const result = await transcribePhoneParakeet(whisperAudio, quiet.speechSec)
     rawText = result.text; words = result.words; backend = result.backend; asrProvider = result.asrProvider; model = result.model; latencyMs = result.latencyMs
   } else if (MAC_CAPTURE_ID.test(sessionId) && stt.hq === 'parakeet-ultra') {

package/server/scripts/web-live-cls/cdp.mjs

@@ -0,0 +1,57 @@
+// Minimal CDP driver over the Playwright-cached headless Chromium. No dependencies (Node 24 has WebSocket).
+import { spawn } from 'node:child_process'
+import { mkdtempSync } from 'node:fs'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+
+export const CHROME = process.env.CHROME || '/Users/ukaoma/Library/Caches/ms-playwright/chromium_headless_shell-1194/chrome-mac/headless_shell'
+const sleep = ms => new Promise(r => setTimeout(r, ms))
+
+export async function launch(port = 9333) {
+  const dir = mkdtempSync(join(process.env.SCRATCH || tmpdir(), 'chr-'))
+  const proc = spawn(CHROME, [`--remote-debugging-port=${port}`, `--user-data-dir=${dir}`, '--no-first-run', '--hide-scrollbars', '--font-render-hinting=none', 'about:blank'], { stdio: 'ignore' })
+  let ver = null
+  for (let i = 0; i < 50 && !ver; i++) { await sleep(150); try { ver = await (await fetch(`http://127.0.0.1:${port}/json/version`)).json() } catch {} }
+  if (!ver) throw new Error('chromium did not start')
+  const list = await (await fetch(`http://127.0.0.1:${port}/json/list`)).json()
+  const page = list.find(t => t.type === 'page')
+  const ws = new WebSocket(page.webSocketDebuggerUrl)
+  await new Promise((r, j) => { ws.onopen = r; ws.onerror = j })
+  let id = 0
+  const waiting = new Map()
+  const listeners = []
+  ws.onmessage = ev => {
+    const m = JSON.parse(ev.data)
+    if (m.id && waiting.has(m.id)) { const w = waiting.get(m.id); waiting.delete(m.id); m.error ? w.j(new Error(m.error.message)) : w.r(m.result) }
+    else if (m.method) listeners.forEach(l => l(m))
+  }
+  const send = (method, params = {}) => new Promise((r, j) => { const i = ++id; waiting.set(i, { r, j }); ws.send(JSON.stringify({ id: i, method, params })) })
+  const evaluate = async (expr) => {
+    const out = await send('Runtime.evaluate', { expression: expr, awaitPromise: true, returnByValue: true })
+    if (out.exceptionDetails) throw new Error('page: ' + (out.exceptionDetails.exception?.description || out.exceptionDetails.text))
+    return out.result.value
+  }
+  await send('Page.enable'); await send('Runtime.enable')
+  const logs = []
+  listeners.push(m => { if (m.method === 'Runtime.consoleAPICalled') logs.push(m.params.type + ': ' + m.params.args.map(a => a.value ?? a.description).join(' ')); if (m.method === 'Runtime.exceptionThrown') logs.push('EXC: ' + (m.params.exceptionDetails.exception?.description || m.params.exceptionDetails.text)) })
+  return {
+    send, evaluate, logs,
+    async viewport(width, height, scheme) {
+      await send('Emulation.setDeviceMetricsOverride', { width, height, deviceScaleFactor: 2, mobile: width < 500 })
+      await send('Emulation.setEmulatedMedia', { features: [{ name: 'prefers-color-scheme', value: scheme }, { name: 'prefers-reduced-motion', value: 'no-preference' }] })
+    },
+    async goto(url) {
+      // A fresh document every time: the same URL with a hash would otherwise be a same-document navigation.
+      await send('Page.navigate', { url: 'about:blank' }); await sleep(150)
+      await send('Page.navigate', { url })
+      for (let i = 0; i < 60; i++) { await sleep(100); if (await evaluate('document.readyState') === 'complete') break }
+    },
+    async shot(path) {
+      const { data } = await send('Page.captureScreenshot', { format: 'png' })
+      const { writeFileSync } = await import('node:fs')
+      writeFileSync(path, Buffer.from(data, 'base64'))
+    },
+    async close() { try { ws.close() } catch {} proc.kill('SIGTERM') },
+  }
+}
+export { sleep }

package/server/scripts/web-live-cls/measure.mjs

@@ -0,0 +1,80 @@
+// 6.99.14: the harness behind the CHANGELOG numbers. Start node mock.mjs <web-control dir> <port> 150 (HISTORY_DELAY_MS=1500
+// for scenario D), then node measure.mjs <port> <width> <height> 20. CHROME= overrides the headless Chromium path.
+// node measure.mjs <mockPort> <width> <height> [N]
+// Two scenarios on the live meeting view, N appended transcript lines each (one per poll):
+//  A following: the reader is at the newest line. Measures how far the page around the transcript moves
+//    (the title and the Ask panel, in CSS px, summed over updates) and the layout-shift total.
+//  B reading: the reader scrolled up into the middle. Measures the drift of the first visible line (CSS px, summed)
+//    and the layout-shift total.
+import { launch, sleep } from './cdp.mjs'
+const [port, width, height, N] = [process.argv[2] || 4517, Number(process.argv[3] || 390), Number(process.argv[4] || 844), Number(process.argv[5] || 20)]
+const SID = 'meeting_1762349349000_g2demo'
+const URL = `http://127.0.0.1:${port}/control/#/meetings/live/${SID}`
+const OBS = `(() => { window.__cls = 0; window.__shifts = 0; try { new PerformanceObserver(l => { for (const e of l.getEntries()) { if (!e.hadRecentInput) { window.__cls += e.value; window.__shifts++ } } }).observe({ type: 'layout-shift', buffered: true }) } catch (e) {} })()`
+const append = n => fetch(`http://127.0.0.1:${port}/__mock/append?n=${n}`, { method: 'POST' })
+const browser = await launch(9300 + Math.floor(Math.random() * 500))
+try {
+  await browser.viewport(width, height, 'light')
+  await browser.send('Page.addScriptToEvaluateOnNewDocument', { source: OBS })
+  const probe = `(() => {
+    const t = document.querySelector('.mt-dtitle'), side = document.querySelector('.mt-side-panel');
+    const box = document.getElementById('mt-turns');
+    const last = box && box.lastElementChild, lr = last && last.getBoundingClientRect();
+    return { title: t ? t.getBoundingClientRect().top : null, side: side ? side.getBoundingClientRect().top : null, y: scrollY,
+      newestShowing: !!(lr && lr.bottom <= Math.min(innerHeight, (getComputedStyle(box).overflowY !== 'visible' ? box.getBoundingClientRect().bottom : innerHeight)) + 2 && lr.bottom > 0),
+      turns: box ? box.children.length : 0, cls: window.__cls, shifts: window.__shifts };
+  })()`
+  // A: following
+  await browser.goto(URL); await sleep(3500)
+  await browser.evaluate(`window.__cls = 0; window.__shifts = 0`)
+  let prev = await browser.evaluate(probe), moved = 0, sideMoved = 0, scrolled = 0
+  const start = prev
+  for (let k = 0; k < N; k++) {
+    await append(1); await sleep(1700)
+    const now = await browser.evaluate(probe)
+    moved += Math.abs(now.title - prev.title); sideMoved += Math.abs((now.side ?? 0) - (prev.side ?? 0)); scrolled += Math.abs(now.y - prev.y)
+    prev = now
+  }
+  console.log(JSON.stringify({ scenario: 'A following', width, height, N, turnsBefore: start.turns, turnsAfter: prev.turns, titleDriftPx: Math.round(moved), askPanelDriftPx: Math.round(sideMoved), pageScrollPx: Math.round(scrolled), newestLineShowing: prev.newestShowing, layoutShift: +prev.cls.toFixed(4), shiftEntries: prev.shifts }))
+  // B: reading in the middle
+  await browser.goto(URL); await sleep(3500)
+  const pick = await browser.evaluate(`(() => {
+    const box = document.getElementById('mt-turns'), kids = [...box.children], mid = kids[Math.floor(kids.length / 2)];
+    const inner = getComputedStyle(box).overflowY !== 'visible' && box.scrollHeight > box.clientHeight + 4;
+    if (inner) box.scrollTop = mid.offsetTop - box.offsetTop - 40; else window.scrollTo(0, mid.getBoundingClientRect().top + scrollY - 160);
+    return { id: mid.getAttribute('data-turn'), inner };
+  })()`)
+  await sleep(900)
+  await browser.evaluate(`window.__cls = 0; window.__shifts = 0`)
+  const line = `(() => { const n = document.querySelector('[data-turn="${pick.id}"]'); return n ? n.getBoundingClientRect().top : null })()`
+  let p0 = await browser.evaluate(line), drift = 0, first = p0
+  for (let k = 0; k < N; k++) {
+    await append(1); await sleep(1700)
+    const p1 = await browser.evaluate(line); drift += Math.abs(p1 - p0); p0 = p1
+  }
+  const tail = await browser.evaluate(probe)
+  console.log(JSON.stringify({ scenario: 'B reading', width, height, N, innerScroller: pick.inner, firstVisibleLineDriftPx: Math.round(drift), netDriftPx: Math.round(p0 - first), layoutShift: +tail.cls.toFixed(4), shiftEntries: tail.shifts }))
+  // C: turns ABOVE the reader are rewritten (the speaker pass sends a full snapshot with longer text).
+  await browser.goto(URL); await sleep(3500)
+  const pickC = await browser.evaluate(`(() => {
+    const box = document.getElementById('mt-turns'), kids = [...box.children], mid = kids[Math.floor(kids.length * 0.6)];
+    const inner = getComputedStyle(box).overflowY !== 'visible' && box.scrollHeight > box.clientHeight + 4;
+    if (inner) box.scrollTop = mid.offsetTop - box.offsetTop - 40; else window.scrollTo(0, mid.getBoundingClientRect().top + scrollY - 160);
+    return { id: mid.getAttribute('data-turn') };
+  })()`)
+  await sleep(900)
+  await browser.evaluate(`window.__cls = 0; window.__shifts = 0`)
+  const lineC = `(() => { const n = document.querySelector('[data-turn="${pickC.id}"]'); return n ? n.getBoundingClientRect().top : null })()`
+  const c0 = await browser.evaluate(lineC)
+  await fetch(`http://127.0.0.1:${port}/__mock/rewrite?upto=40`, { method: 'POST' }); await sleep(2500)
+  const c1 = await browser.evaluate(lineC), tc = await browser.evaluate(probe)
+  console.log(JSON.stringify({ scenario: 'C rewrite above reader', width, firstVisibleLineDriftPx: Math.round(c1 - c0), layoutShift: +tc.cls.toFixed(4) }))
+  // D: a file is already on the meeting and the Ask history answers late (run the mock with HISTORY_DELAY_MS=1500).
+  await fetch(`http://127.0.0.1:${port}/__mock/addfile`, { method: 'POST' })
+  await browser.goto(URL); await sleep(500)
+  const boxTop = `(() => { const b = document.getElementById('mt-turns'); return b ? b.getBoundingClientRect().top + scrollY : null })()`
+  const d0 = await browser.evaluate(boxTop); await sleep(3000)
+  const d1 = await browser.evaluate(boxTop), td = await browser.evaluate(probe)
+  console.log(JSON.stringify({ scenario: 'D files load late', width, transcriptTopMovedPx: Math.round(d1 - d0), layoutShift: +td.cls.toFixed(4), shiftEntries: td.shifts }))
+  const errs = browser.logs.filter(l => /^(error|EXC)/.test(l)); if (errs.length) console.log('console errors:', errs.slice(0, 5))
+} finally { await browser.close() }

package/server/scripts/web-live-cls/mock.mjs

@@ -0,0 +1,97 @@
+// A fake COS server for rendering and measuring COS Control Web's live meeting view.
+// node mock.mjs <web-control dir> <port> [initialChunks]
+// Serves /control/* from the given directory and answers /api/* with a scripted live glasses meeting.
+// POST /__mock/append?n=K adds K transcript chunks (and their levels). Never touches a real COS server.
+import http from 'node:http'
+import { readFileSync, existsSync, statSync } from 'node:fs'
+import { join, extname, normalize } from 'node:path'
+
+const ROOT = process.argv[2]
+const PORT = Number(process.argv[3] || 4517)
+const INITIAL = Number(process.argv[4] || 150)
+const SID = 'meeting_1762349349000_g2demo'
+const START = Date.now() - 15 * 60 * 1000 - 9000
+let seed = 7
+function rnd() { seed = (seed * 1103515245 + 12345) % 2147483648; return seed / 2147483648 }
+const SPEAKERS = ['Miles', 'Gina', 'Graham', 'Speaker 3']
+const BITS = [
+  'the Liquor pacing is ahead of plan for the month', 'Jewelry demo volume dipped after the show', 'we should move the webinar to Thursday',
+  'Thrift leads came in heavier than the forecast said', 'the comparison page needs the new pricing table', 'call-in volume is up about a third',
+  'I want the brief before the board prep', 'that number ties to the MTD dashboard', 'can we get the persona pull for Pet by Friday',
+  'the endcap photo shows the spring set', 'Silas asked for the budget variance by region', 'let us keep the test running another week',
+  'opportunities are the stickler layer here', 'the form conversion moved from four to six percent', 'Ryan has the creative ready for review',
+]
+const chunks = []
+let speaker = 'Miles'
+function addChunk() {
+  const i = chunks.length
+  if (rnd() < 0.55) speaker = SPEAKERS[Math.floor(rnd() * SPEAKERS.length)]
+  const n = 1 + Math.floor(rnd() * 3)
+  const words = []
+  for (let k = 0; k < n; k++) words.push(BITS[Math.floor(rnd() * BITS.length)])
+  const text = words.join(', and ').replace(/^./, c => c.toUpperCase()) + '.'
+  const silent = rnd() < 0.15
+  chunks.push({ i, elapsedMs: i * 6000, speaker, text: silent ? '' : text, level: silent ? 0.12 : 0.35 + rnd() * 0.6, speechSec: silent ? 0.1 : 1 + rnd() * 4.5, at: Date.now() })
+}
+for (let k = 0; k < INITIAL; k++) addChunk()
+let files = []
+let rev = 0
+const HISTORY_DELAY = Number(process.env.HISTORY_DELAY_MS || 0)
+let mediaSeq = 0
+function stamp() { return String(chunks.length) + '.' + files.length + '.' + rev }
+function read(since, known, knownRev) {
+  if (known === stamp() && knownRev === String(rev)) return { sessionId: SID, ended: false, unchanged: true, stamp: stamp() }
+  const full = knownRev !== String(rev)
+  return {
+    sessionId: SID, ended: false, unchanged: false, stamp: stamp(), startTime: START, lastActivityAt: Date.now(),
+    maxIndex: chunks.length - 1, settledThrough: chunks.length - 1,
+    speakerRevision: rev, fullSnapshot: full,
+    turns: chunks.filter(c => (full || c.i > since) && c.text).map(c => ({ i: c.i, elapsedMs: c.elapsedMs, speaker: c.speaker, text: c.text })),
+    levels: chunks.slice(-120).map(c => ({ i: c.i, level: Math.round(c.level * 1000) / 1000, speechSec: Math.round(c.speechSec * 100) / 100 })),
+  }
+}
+const TYPES = { '.html': 'text/html', '.js': 'text/javascript', '.css': 'text/css', '.svg': 'image/svg+xml', '.ttf': 'font/ttf', '.json': 'application/json', '.png': 'image/png' }
+function json(res, code, body) { res.writeHead(code, { 'Content-Type': 'application/json', 'Cache-Control': 'no-store' }); res.end(JSON.stringify(body)) }
+function body(req) { return new Promise(r => { const parts = []; req.on('data', d => parts.push(d)); req.on('end', () => r(Buffer.concat(parts))) }) }
+const server = http.createServer(async (req, res) => {
+  const url = new URL(req.url, 'http://x')
+  const p = url.pathname
+  if (p === '/__mock/append') { const n = Number(url.searchParams.get('n') || 1); for (let k = 0; k < n; k++) addChunk(); return json(res, 200, { count: chunks.length }) }
+  if (p === '/__mock/rewrite') { const upto = Number(url.searchParams.get('upto') || 20); for (const c of chunks.slice(0, upto)) if (c.text) c.text += ' Corrected after the speaker pass, with a longer line than before.'; rev++; return json(res, 200, { rev }) }
+  if (p === '/__mock/addfile') { files = files.concat([{ id: 'phone_m_seed' + files.length, revision: 'r1', name: 'Board deck.pdf', status: 'ready', text: 'x', origin: 'phone' }]); return json(res, 200, { files }) }
+  if (p === '/__mock/state') return json(res, 200, { count: chunks.length, files })
+  if (p.startsWith('/control')) {
+    let rel = p.slice('/control'.length) || '/'
+    if (rel === '/') rel = '/index.html'
+    const full = normalize(join(ROOT, rel))
+    if (!full.startsWith(normalize(ROOT)) || !existsSync(full) || statSync(full).isDirectory()) { res.writeHead(404); return res.end() }
+    res.writeHead(200, { 'Content-Type': TYPES[extname(full)] || 'application/octet-stream', 'Cache-Control': 'no-store' })
+    return res.end(readFileSync(full))
+  }
+  if (!p.startsWith('/api/')) { res.writeHead(302, { Location: '/control/' }); return res.end() }
+  const raw = req.method === 'GET' ? Buffer.alloc(0) : await body(req)
+  let b = {}; try { b = raw.length && /json/.test(req.headers['content-type'] || '') ? JSON.parse(raw.toString('utf8')) : {} } catch { b = {} }
+  if (p === '/api/web-session/status') return json(res, 200, { authenticated: true, owner: 'Miles', version: '6.99.14' })
+  if (p === '/api/health') return json(res, 200, { status: 'ok', version: '6.99.14', capabilities: { liveMeeting: { protocol: 1, chunkLevels: true } } })
+  if (p === '/api/meetings/live-chunks') {
+    const sessions = [{ sessionId: SID, mtimeMs: Date.now(), stamp: stamp() }]
+    const sid = url.searchParams.get('sessionId')
+    if (!sid) return json(res, 200, { sessions })
+    return json(res, 200, { sessions, read: read(Number(url.searchParams.get('since') ?? -1), url.searchParams.get('stamp'), url.searchParams.get('speakerRevision')) })
+  }
+  if (p.startsWith('/api/meeting/sessions/') && p.endsWith('/status')) return json(res, 200, { state: 'active' })
+  if (p === '/api/meeting-ask/config') return json(res, 200, { protocolVersion: 2, serverInstanceId: 'inst-demo-1', selected: { engine: 'claude', model: 'opus' }, cosSearch: 'meaning', publicTopics: false, capabilities: {}, models: [{ engine: 'claude', model: 'opus', available: true }] })
+  if (p === '/api/meeting-ask/history') { if (HISTORY_DELAY) await new Promise(r => setTimeout(r, HISTORY_DELAY)); return json(res, 200, { exchanges: [], nextOffset: null, files }) }
+  if (p === '/api/meeting-ask/context') return json(res, 200, { candidates: [] })
+  if (p === '/api/live-cues/history') return json(res, 200, { cues: [] })
+  if (p === '/api/media/file') { const id = 'm_' + (++mediaSeq).toString(16).padStart(24, '0'); return json(res, 200, { attachment: { id, kind: 'document' } }) }
+  if (p === '/api/media') { const id = 'm_' + (++mediaSeq).toString(16).padStart(24, '0'); return json(res, 200, { attachments: [{ id, kind: 'image' }] }) }
+  if (p === '/api/meeting-ask/files/media') {
+    for (const m of b.media || []) files = files.filter(f => f.id !== 'phone_' + m.id).concat([{ id: 'phone_' + m.id, revision: 'r1', name: m.name || m.id, status: /\.(png|jpe?g|heic)$/i.test(m.name || '') ? 'ready' : 'ready', text: 'x', origin: 'phone', ...(/\.(png|jpe?g)$/i.test(m.name || '') ? { notice: 'Image text is available. Verify small numbers and table columns.' } : {}) }])
+    return json(res, 200, { files })
+  }
+  if (p === '/api/meetings') return json(res, 200, { meetings: [] })
+  if (p === '/api/meeting/orphans') return json(res, 200, { items: [], stranded: [], recovering: [] })
+  return json(res, 200, {})
+})
+server.listen(PORT, '127.0.0.1', () => console.log('mock on', PORT, 'root', ROOT, 'chunks', chunks.length))

package/server/scripts/web-live-cls/render.mjs

@@ -0,0 +1,26 @@
+// node render.mjs <port> <width> <height> <scheme> <out.png> [addFile]
+import { launch, sleep } from './cdp.mjs'
+const [port, w, h, scheme, out, add] = process.argv.slice(2)
+const SID = 'meeting_1762349349000_g2demo'
+const b = await launch(9800 + Math.floor(Math.random() * 150))
+try {
+  await b.viewport(Number(w), Number(h), scheme)
+  await b.goto(`http://127.0.0.1:${port}/control/#/meetings/live/${SID}`)
+  await sleep(3500)
+  if (add === '1') {
+    const r = await b.evaluate(`(() => {
+      const dt = new DataTransfer();
+      dt.items.add(new File(['Q4 price list: Starter is 59 a month.'], 'Q4 pricing.pdf', { type: 'application/pdf' }));
+      const ta = document.querySelector('.mt-lmain');
+      ta.dispatchEvent(new DragEvent('dragenter', { bubbles: true, cancelable: true, dataTransfer: dt }));
+      const ev = new DragEvent('drop', { bubbles: true, cancelable: true, dataTransfer: dt });
+      ta.dispatchEvent(ev);
+      return ev.defaultPrevented;
+    })()`)
+    console.log('drop prevented', r)
+    await sleep(1500)
+  }
+  if (add === 'open') { await b.evaluate(`(() => { const h = document.querySelector('[data-mt="files-toggle"]'); if (h && h.getAttribute('aria-expanded') !== 'true') h.click(); })()`); await sleep(400) }
+  await b.shot(out)
+  const errs = b.logs.filter(l => /^(error|EXC)/.test(l)); if (errs.length) console.log(errs.slice(0, 8).join('\n'))
+} finally { await b.close() }

package/server/web-control/control.css

@@ -195,6 +195,19 @@
 .cx-row-sub.three { -webkit-line-clamp: 3; }
 .cx-id { margin-top: 3px; font: 400 10.5px/1.3 var(--mono); color: var(--tertiary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .cx-row .chev { margin-top: 12px; }
+/* 6.99.15 Messages rows: no glyph column; the ask and its time on one line, the answer, then one quiet line of facts. */
+.cx-msgrow { grid-template-columns: minmax(0, 1fr) 12px; padding: 12px 16px; }
+.cx-row + .cx-msgrow::before { left: 16px; }
+.cx-msg-top { display: flex; align-items: baseline; gap: 12px; }
+.cx-msg-top .cx-row-title { flex: 1 1 auto; min-width: 0; margin-top: 0; font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.cx-msg-top .cx-time { flex: none; font-family: var(--body); font-size: 12px; }
+.cx-msgrow .cx-row-sub { margin-top: 4px; }
+.cx-facts { margin-top: 6px; gap: 2px 12px; }
+.cx-facts .cx-num { font: 500 11.5px/1.3 var(--body); color: var(--tertiary); }
+.cx-facts .cx-tag { font: 500 11.5px/1.3 var(--body); letter-spacing: 0; color: var(--gold); }
+.cx-facts .cx-model, .cx-facts .cx-att { font: 400 11.5px/1.3 var(--body); color: var(--tertiary); }
+.cx-msgrow .chev { margin-top: 8px; }
+.cc-pin .cx-time { font-family: var(--body); font-size: 12px; }
 @media (min-width: 1100px) {
   .cx-row-title { font-size: 13.5px; }
   .cx-row-sub { font-size: 12px; }

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

@@ -155,3 +155,20 @@
 @media (min-width: 1100px) {
   .rail-btn .inbox-count, .rail-btn .inbox-dot { position: static; margin: 2px 0 0 auto; flex: none; }
 }
+
+/* ── 6.99.13: a drop's files, under your words and on its receipt ── */
+.cc-dfiles { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
+.cc-dfiles.mine { align-items: flex-end; max-width: min(80%, 560px); margin-top: 6px; }
+.cc-dfile { display: flex; align-items: center; gap: 10px; min-height: 44px; max-width: 100%; min-width: 0; padding: 4px 12px 4px 4px;
+  border: 1px solid var(--panel-border); border-radius: 12px; background: var(--panel); color: var(--ink); text-decoration: none; }
+.cc-dfile:hover { background: var(--qopen); }
+.cc-dfile:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.cc-dfile-thumb { flex: none; width: 36px; height: 36px; border-radius: 8px; overflow: hidden; display: grid; place-items: center; background: var(--qopen); color: var(--sub); }
+.cc-dfile-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.cc-dfile-thumb .icon { width: 18px; height: 18px; }
+.cc-dfile-name { min-width: 0; flex: 1; font: 500 13.5px/1.3 var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cc-dfile-open { flex: none; font: 600 13px/1 var(--body); color: var(--accent); }
+
+/* 6.99.16: the COS thread's one quiet line, under the title row. */
+.cc-thread { flex-basis: 100%; margin: 0; font-size: 12.5px; line-height: 1.35; color: var(--tertiary); }
+.cc-thread:empty { display: none; }