@gotcos/glasses-server 6.99.33 → 7.0.18

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

@@ -161,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; }
@@ -358,3 +361,16 @@
   .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)); 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

@@ -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) {
@@ -134,8 +146,10 @@
 .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; }

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

@@ -19,9 +19,19 @@
 (function () {
   'use strict';
   var W = window.COSWeb;
+  // What counts as Needs review: one predicate, shared with the server's count (memory-review.js, loaded by index.html).
+  var R = window.COSMemoryReview || null;
   var esc = W.esc;
   var pane = W.$('pane-memories');
   if (!pane) return;
+  // 7.0.4 QA: a tab opened before the update has the old index.html, which never loaded memory-review.js, and fetches
+  // this pane fresh. Load the predicate here; until it arrives, review rows and counts read as not yet known.
+  if (!R) {
+    var reviewScript = document.createElement('script');
+    reviewScript.src = '/control/memory-review.js';
+    reviewScript.onload = function () { R = window.COSMemoryReview || null; if (R && !pane.classList.contains('hidden')) { try { paint(); } catch (_e) { /* the next paint draws it */ } } };
+    document.head.appendChild(reviewScript);
+  }
 
   // ── vocabulary (plain words for the store and event names Control's page shows) ──
   var KIND = { captured: 'Captured', proposed: 'Proposed', promotable: 'Suggested rule', saved: 'Saved', retrieved: 'Recalled',
@@ -31,7 +41,8 @@
     review_ledger: 'Your review decisions', git_versions: 'Skill versions', eval_scores: 'Run checks', reflect_log: 'Daily reflection',
     capture_ledger: 'Capture record', memory_trace: 'Recall record', retrieval_log: 'Recall record', used: 'Use record',
     memory: 'Saved memory', occurrence: 'When it happened', assistant_turn: 'An answer' };
-  var GATE = { attribution: 'Who said it is unclear', low_confidence: 'Low confidence', prune_ready: 'Ready to quarantine', contradiction: 'Contradicts another memory' };
+  var GATE = { attribution: 'Who said it is unclear', rule_ready: 'Ready to become a rule', low_confidence: 'Ready to become a rule', prune_ready: 'Ready to quarantine',
+    contradiction: 'Contradicts another memory', scope: 'No area set', candidate: 'Waiting for your acceptance' };
   var VIEWS = [['recent', 'Recent learning'], ['applied', 'Applied this week'], ['memories', 'All memories'], ['review', 'To review'], ['knowledge', 'Knowledge']];
   // Control's cue review (MeetingAsk.swift CueReviewPane): shown beside the views once the server's cue history answers.
   var CUE_VIEWS = [['cues', 'Cues to rate'], ['rated', 'Rated cues']];
@@ -132,7 +143,7 @@
     graph: null, graphError: '', setup: null, setupError: '', setupLoading: false, setupBusy: '', progress: null,
     ingest: null, ingestLimit: 10, building: '', folderDraft: '',
     detail: {}, memDetail: {}, passages: {}, loading: {},
-    decisions: {}, decisionTs: {}, decided: {},
+    decisions: {}, decisionTs: {}, decided: {}, history: {},
     armed: '', reviewBusy: '', reviewIntent: null, bulk: null,
     ask: { q: '', busy: false, answer: null, error: '', cards: [], cardsBusy: false, startedAt: 0, message: '', pending: null },
     focus: null, focusChosen: false, focusResolved: false, knowledgeFocus: null, neighbors: [], graphVisible: null,
@@ -142,7 +153,7 @@
     owner: null, ownerError: '', ownerBusy: false,
     policy: null, policyError: '', policyBusy: false, policyIntent: null, policyLoading: false,
     guard: null, guardError: '', guardBusy: '', guardRun: null, guardLines: 0, guardLoading: false,
-    steward: { tab: 'rules', rows: [], cursor: null, busy: false, error: '', intent: null, outcomes: null, serial: 0 }
+    steward: { tab: 'rules', rows: [], cursor: null, busy: false, error: '', intent: null, outcomes: null, serial: 0, loaded: false }
   };
   function persist() { W.writeStore(STORE_KEY, { view: S.view, ktab: S.ktab }); }
   var serials = {};
@@ -385,7 +396,16 @@
     var o = outcomeText(e);
     if (o) { var r = typeof e.outcome === 'object' ? e.outcome.result : e.outcome; return { text: 'Checked: ' + o, tone: /^(pass|passed|success)$/.test(r) ? 'ok' : /^(fail|failed)$/.test(r) ? 'bad' : '' }; }
     if (e.needs) return { text: (GATE[e.needs.gate] || 'Needs you') + (e.needs.reason ? '. ' + e.needs.reason : ''), tone: 'warn' };
-    if (isProposal(e) || isPattern(e)) return { text: decisionFor(e) === 'dismissed' ? 'Dismissed' : 'Needs your review', tone: decisionFor(e) === 'dismissed' ? '' : 'warn' };
+    if (e.learning) return { text: 'Learning. ' + (e.learning.reason || 'Not a rule yet'), tone: '' };
+    if (isProposal(e) || isPattern(e)) {
+      // Needs review only when the predicate says so (a suggested rule at its bar, in the needs list); a suggestion
+      // with no next step but Dismiss is listed calmly.
+      if (closedHere(e)) return { text: 'Dismissed', tone: '' };
+      if (needsLesson(e.lesson_id)) return { text: 'Needs your review', tone: 'warn' };
+      var lr = learningFor(e.lesson_id);
+      if (lr) return { text: 'Learning. ' + lr.learning.reason, tone: '' };
+      return { text: isProposal(e) ? 'Suggested by a scheduled task' : 'Watching. Not a rule yet', tone: '' };
+    }
     if (e.event_type === 'dismissed') return { text: 'Dismissed', tone: '' };
     if (e.event_type === 'retrieved') return { text: 'Recalled. Not yet shown to be used.', tone: '' };
     if (e.event_type === 'included') return { text: 'Included in context. Not yet shown to be used.', tone: '' };
@@ -410,38 +430,65 @@
   function plainReason(r) {
     var t = String(r || ''), m;
     if ((m = /^promotable at confidence ([\d.]+) \(< ([\d.]+)\)$/.exec(t))) return 'Confidence ' + m[1] + ', under the ' + m[2] + ' bar for a rule';
+    if ((m = /^promotable at confidence ([\d.]+) \(>= ([\d.]+)\)$/.exec(t))) return 'Confidence ' + m[1] + ', at or over the ' + m[2] + ' bar for a rule';
+    if (/^promotable at confidence unknown/.test(t)) return 'Confidence not known yet, so it cannot become a rule';
     if ((m = /^names (.+?) near '(.+?)' with no attribution field$/.exec(t))) return 'Mentions ' + m[1].replace(/\b\w/g, function (c) { return c.toUpperCase(); }) + ' near "' + m[2] + '" without saying who said it';
     return t;
   }
-  function needsItems() {
+  function needsBlock() {
     var ny = (S.recent.info && S.recent.info.needs_you) || (S.status && S.status.needs_you) || null;
-    return ny && Array.isArray(ny.items) ? ny.items : [];
+    return R && ny && Array.isArray(ny.items) ? R.normalizeBlock(ny) : null;
+  }
+  function needsItems() { return R ? R.openItems(needsBlock(), S.decisions) : []; }
+  function needsLesson(id) { return !!id && needsItems().some(function (it) { return it.lesson_id === id; }); }
+  // An item's latest decision closes it (accepted, dismissed, pruned): it leaves To review for history.
+  function closedHere(e) { return !!R && R.reviewState(null, null, decisionFor(e)) === R.HISTORY; }
+  function itemRow(it, extra) {
+    var fromList = S.review.rows.filter(function (r) { return r.event_id === it.event_id; })[0] ||
+      S.recent.rows.filter(function (r) { return r.event_id === it.event_id; })[0];
+    var mem = /^mem_/.test(str(it.lesson_id));
+    var base = fromList || { event_id: it.event_id, lesson_id: it.lesson_id, ts: it.ts, title: it.title, category: it.category,
+      store: it.store || (mem ? 'bot_memory' : null), event_type: mem ? 'captured' : 'promotable', scope: 'unknown', engine: 'unknown',
+      target: { kind: mem ? 'memory' : 'pattern', id: it.lesson_id }, source_refs: [], applies_to: [] };
+    return Object.assign({}, base, extra);
+  }
+  // Below-bar suggestions: listed under Learning with their confidence, never counted, no warning tone.
+  function learningRows() {
+    if (!R) return [];
+    return R.learningItems(needsBlock(), S.decisions).filter(function (it) { return it && it.event_id; }).map(function (it) {
+      return itemRow(it, { learning: { reason: plainReason(it.reason), confidence: it.confidence, bar: it.bar } });
+    });
   }
+  function learningFor(id) { return id ? learningRows().filter(function (r) { return r.lesson_id === id; })[0] || null : null; }
   function needsRows() {
-    // A row decided here stays listed (its reader offers Restore); only the count leaves it out.
+    // Only what still needs review: a row decided here leaves the list for history (its reader stays open on it).
     return needsItems().map(function (it) {
-      var fromList = S.review.rows.filter(function (r) { return r.event_id === it.event_id; })[0] ||
-        S.recent.rows.filter(function (r) { return r.event_id === it.event_id; })[0];
-      var mem = /^mem_/.test(str(it.lesson_id));
-      var base = fromList || { event_id: it.event_id, lesson_id: it.lesson_id, ts: it.ts, title: it.title, category: it.category,
-        store: it.store || (mem ? 'bot_memory' : null), event_type: mem ? 'captured' : 'promotable', scope: 'unknown', engine: 'unknown',
-        target: { kind: mem ? 'memory' : 'pattern', id: it.lesson_id }, source_refs: [], applies_to: [] };
-      return Object.assign({}, base, { needs: { gate: it.gate, reason: plainReason(it.reason) } });
+      return itemRow(it, { needs: { gate: it.gate, reason: plainReason(it.reason) } });
     });
   }
+  // The same count the server hands Today and the rail (memory-review.js count), less what was decided on this page.
   function needsCount() {
     var s = S.status || {}, ny = (S.recent.info && S.recent.info.needs_you) || s.needs_you;
-    if (ny && Array.isArray(ny.items)) return ny.items.filter(function (it) { return !S.decided[it.lesson_id]; }).length;
-    if (ny && ny.count != null) return ny.limit != null ? Math.min(Number(ny.count), Number(ny.limit)) : Number(ny.count);
+    var n = ny && R ? R.count(R.normalizeBlock(ny), S.decisions) : null;
+    if (n != null) return n;
     if (typeof s.learningToReview === 'number') return s.learningToReview;
     return null;
   }
+  // To review's other rows: proposed changes still open, and suggested rules only once the predicate counts them.
+  function reviewRestRows(seen) {
+    var learn = {};
+    learningRows().forEach(function (r) { learn[r.lesson_id] = 1; });
+    return S.review.rows.filter(function (e) { return !seen[e.event_id] && !closedHere(e) && !(isPattern(e) && learn[e.lesson_id]); });
+  }
   function findRow(id) {
-    var all = needsRows().concat(S.review.rows, S.recent.rows, S.applied.rows);
+    var all = needsRows().concat(learningRows(), S.review.rows, S.recent.rows, S.applied.rows);
     for (var i = 0; i < all.length; i++) if (all[i].event_id === id) return all[i];
+    if (S.history[id]) return S.history[id];
     var d = S.detail[id];
     return d && !d._error && d.event_id ? d : null;
   }
+  // A row decided here leaves the lists; its reader keeps it so Restore stays one tap away.
+  function keepForReader(e) { if (e && e.event_id) S.history[e.event_id] = e; }
   function fullRow(e) { var d = S.detail[e.event_id]; return Object.assign({}, e, d && !d._error ? d : {}); }
   function rewardOn() { return !!(S.status && S.status.learningRewardEnabled === true); }
   function rankingSentence() { return rewardOn() ? '<p>This lesson now ranks ahead of unused memories like it in later recall.</p>' : ''; }
@@ -801,17 +848,20 @@
       (L.cursor ? moreBtn('more-recent', 'Load more', L.loading) : '') + coverageNote(L.coverage);
   }
   function reviewListHtml() {
-    var L = S.review, sel = selectedId(), needs = needsRows(), seen = {};
+    var L = S.review, sel = selectedId(), needs = needsRows(), learning = learningRows(), seen = {};
     needs.forEach(function (e) { seen[e.event_id] = 1; });
-    var rest = L.rows.filter(function (e) { return !seen[e.event_id]; });
+    learning.forEach(function (e) { seen[e.event_id] = 1; });
+    var rest = reviewRestRows(seen);
     var other = rest.filter(function (e) { return !isPruneReady(e); }), ready = rest.filter(isPruneReady);
     var out = '';
-    var openNeeds = needsCount();
-    if (needs.length) out += groupHead('Needs you now', openNeeds ? fmt(openNeeds) + ' open' : 'All decided') + '<div class="cx-list">' + needs.map(function (e) { return rowHtml(e, e.event_id === sel); }).join('') + '</div>';
-    if (!L.loaded && L.loading) return out + groupHead('Proposed changes') + loadingBox('Reading the changes waiting for you');
-    if (L.error && !L.rows.length) return out + groupHead('Proposed changes') + stateBox('The review list did not load.', L.error, 'refresh');
-    if (!needs.length && !rest.length) return groupHead('To review') + stateBox('You are up to date.', 'No proposed changes are waiting for review.');
-    if (other.length) out += groupHead('Proposed changes', L.total != null ? fmt(L.total) + ' in all' : '') + '<div class="cx-list">' + other.map(function (e) { return rowHtml(e, e.event_id === sel); }).join('') + '</div>';
+    if (needs.length) out += groupHead('Needs you now', fmt(needsCount() || needs.length) + ' open') + '<div class="cx-list">' + needs.map(function (e) { return rowHtml(e, e.event_id === sel); }).join('') + '</div>';
+    var learnHtml = learning.length ? groupHead('Learning', fmt(learning.length) + ' ' + plural(learning.length, 'suggestion', 'suggestions')) +
+      '<p class="mm-group-note">Suggested rules still gathering evidence. They cannot become a rule until their confidence reaches the bar, and move to Needs you now on their own when it does.</p>' +
+      '<div class="cx-list">' + learning.map(function (e) { return rowHtml(e, e.event_id === sel); }).join('') + '</div>' : '';
+    if (!L.loaded && L.loading) return out + groupHead('Proposed changes') + loadingBox('Reading the changes waiting for you') + learnHtml;
+    if (L.error && !L.rows.length) return out + groupHead('Proposed changes') + stateBox('The review list did not load.', L.error, 'refresh') + learnHtml;
+    if (!needs.length && !rest.length) return groupHead('To review') + stateBox('You are up to date.', 'Nothing is waiting for your decision.') + learnHtml;
+    if (other.length) out += groupHead('Proposed changes', fmt(other.length) + ' open') + '<div class="cx-list">' + other.map(function (e) { return rowHtml(e, e.event_id === sel); }).join('') + '</div>';
     if (ready.length) {
       var open = ready.filter(function (e) { return !decisionFor(e); }).length, b = S.bulk;
       out += groupHead('Ready to quarantine', open ? fmt(open) + ' open' : 'All decided') +
@@ -821,7 +871,7 @@
         '<div class="cx-list">' + ready.map(function (e) { return rowHtml(e, e.event_id === sel); }).join('') + '</div>';
     }
     if (L.cursor) out += moreBtn('more-review', 'Load more to review', L.loading);
-    return out;
+    return out + learnHtml;
   }
   function memSearchHtml() {
     return '<form class="cx-search mm-search" data-mm-form="mem-search" role="search"><input class="field" type="search" id="mm-mem-q" placeholder="Search topics, ideas…" value="' + esc(S.mem.q) + '" autocomplete="off" enterkeyhint="search" aria-label="Search memories">' +
@@ -864,7 +914,7 @@
     if (!isWide() || S.view === 'cues' || S.view === 'rated') return '';
     if (S.view === 'knowledge') return S.ktab;
     if (S.view === 'memories') { var m = S.mem.hits != null ? S.mem.hits : S.mem.rows; return m[0] ? m[0].id : ''; }
-    var rows = S.view === 'applied' ? S.applied.rows : S.view === 'review' ? needsRows().concat(S.review.rows) : S.recent.rows;
+    var rows = S.view === 'applied' ? S.applied.rows : S.view === 'review' ? needsRows().concat(reviewRestRows({}), learningRows()) : S.recent.rows;
     return rows[0] ? rows[0].event_id : '';
   }
 
@@ -874,8 +924,9 @@
   }
   function quote(text) { return '<blockquote class="mm-quote">' + esc(text) + '</blockquote>'; }
   function readerHead(title, facts, actions) {
+    var full = SPLIT_KIT.fullButton(SPLIT.key, SPLIT.controls);
     return '<div class="mm-reader-head"><h2 class="mm-title">' + esc(title) + '</h2>' + (facts ? '<p class="mm-sub">' + facts + '</p>' : '') +
-      (actions ? '<div class="mm-actions">' + actions + '</div>' : '') + '</div>';
+      (actions || full ? '<div class="mm-actions">' + (actions || '') + full + '</div>' : '') + '</div>';
   }
   function eventReader(id) {
     var base = findRow(id);
@@ -894,7 +945,8 @@
     var facts = ['<span class="mm-kind">' + esc(o ? 'Checked: ' + o : kindLabel(e)) + '</span>', esc(storeName(e.store)), esc(known(e.scope)), esc(known(e.engine) !== known(e.scope) ? known(e.engine) : ''), esc(when(e.ts))].filter(function (x) { return x && x !== '<span class="mm-kind"></span>'; }).join(' · ');
     var actions = btn('open-sources', 'Open sources', { id: e.event_id }) + btn('explore', 'Explore in graph', { id: e.event_id }) + btn('copy-open', 'Copy context', { id: e.event_id, cls: 'primary' });
     var note = '';
-    if (e.needs) note += '<div class="cx-notice warn">' + esc((GATE[e.needs.gate] || 'Needs you') + (e.needs.reason ? ': ' + e.needs.reason : '') + '.') + '</div>';
+    if (e.needs && !closedHere(e)) note += '<div class="cx-notice warn">' + esc((GATE[e.needs.gate] || 'Needs you') + (e.needs.reason ? ': ' + e.needs.reason : '') + '.') + '</div>';
+    else if (e.learning || learningFor(e.lesson_id)) note += '<div class="cx-notice">' + esc('Learning: ' + ((e.learning || learningFor(e.lesson_id).learning).reason || 'not a rule yet') + '. It moves to Needs you now on its own once its confidence reaches the bar.') + '</div>';
     if (full && full._error && !(e.store === 'bot_memory')) note += '<div class="cx-notice">' + esc(full._error) + '</div>';
     else if (!full && !(e.store === 'bot_memory' && e.lesson_id) && S.loading[e.event_id]) note += '<p class="cx-note">Reading the full record…</p>';
     if (e.detail && e.detail.truncated) note += '<div class="cx-notice">The record was shortened to fit. Your Mac holds more than shown here.</div>';
@@ -1069,7 +1121,15 @@
   function renderMarkdown(md) {
     var lines = esc(md || '').split('\n'), out = [], ul = null, table = null;
     function inline(s) { return s.replace(/`([^`]+)`/g, '<code>$1</code>').replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>'); }
-    function flush() { if (ul) { out.push('<ul>' + ul.join('') + '</ul>'); ul = null; } if (table) { out.push('<div class="mm-table"><table>' + table.join('') + '</table></div>'); table = null; } }
+    function flush() { if (ul) { out.push('<ul>' + ul.join('') + '</ul>'); ul = null; } if (table) { out.push(tableHtml(table)); table = null; } }
+    // Duo tables: the first row is the header; the shared column floors (app.js tableFit) set how far each column shrinks.
+    function tableHtml(rows) {
+      var fit = W.tableFit(rows);
+      return '<div class="mm-table tf-wrap"><table class="' + fit.tableClass + ' tf-grid">' + rows.map(function (cells, n) {
+        var tag = n ? 'td' : 'th';
+        return '<tr>' + cells.map(function (c, k) { var w = fit.width(k, !n); return '<' + tag + (w ? ' style="' + w + '"' : '') + '>' + fit.cell(k, inline(c), !n) + '</' + tag + '>'; }).join('') + '</tr>';
+      }).join('') + '</table></div>';
+    }
     lines.forEach(function (raw) {
       var line = raw.replace(/\s+$/, '');
       if (!line.trim()) { flush(); return; }
@@ -1080,9 +1140,8 @@
       if (/^\s*\|.*\|\s*$/.test(line)) {
         if (/^\s*\|[\s:|-]+\|\s*$/.test(line)) return;
         if (ul) flush();
-        var cells = line.trim().replace(/^\||\|$/g, '').split('|').map(function (c) { return inline(c.trim()); });
-        var tag = table ? 'td' : 'th'; table = table || [];
-        table.push('<tr>' + cells.map(function (c) { return '<' + tag + '>' + c + '</' + tag + '>'; }).join('') + '</tr>'); return;
+        table = table || [];
+        table.push(line.trim().replace(/^\||\|$/g, '').split('|').map(function (c) { return c.trim(); })); return;
       }
       flush(); out.push('<p>' + inline(line) + '</p>');
     });
@@ -1324,7 +1383,7 @@
   function closeModal() {
     var m = S.modal; if (!m) return;
     if (m.kind === 'merge' && S.merge && (S.merge.phase === 'preview' || S.merge.phase === 'loading')) { var pend = S.merge; S.merge = null; if (pend.resolve) pend.resolve(false); W.toast('Nothing was changed.'); }
-    if (m.kind === 'steward') S.steward.serial++;
+    if (m.kind === 'steward') S.steward.serial++;   // supersedes the read in flight; the next open starts its own (stewardLoad)
     S.modal = null; paintModal(); if (m.opener && m.opener.focus) { try { m.opener.focus({ preventScroll: true }); } catch (_e) {} }
   }
   function modalHtml() {
@@ -1430,16 +1489,28 @@
         '<ul class="mm-log">' + flagged.concat(review).slice(0, 60).map(function (x) { return '<li><b class="' + (x.verdict === 'prune' ? 'mm-bad' : '') + '">' + (x.verdict === 'prune' ? (x.applied ? 'Quarantined' : 'Would quarantine') : 'For you') + '</b> <span>' + esc(clip(x.excerpt || x.id, 160)) + '</span><span class="mm-muted">' + esc((x.reasons || []).join('; ')) + (x.by === 'model' ? ' (model)' : '') + '</span></li>'; }).join('') + '</ul>' : '') + '</section>';
   }
   // Stewardship (memories/memory-stewardship.js, ported): standing rules, current sources and outcome evidence.
+  // A read never waits on an older one: each takes a new serial and only the newest may answer. Closing the sheet or
+  // switching tabs supersedes the read in flight, and every read ends (an answer, an error, or STEWARD_READ_MS) so
+  // "Working…" can never outlive it. 7.0.2 kept `busy` set when a read was superseded, and the next open or tab
+  // switch returned early on it: Outcome evidence read "Working…" for good.
+  var STEWARD_READ_MS = 30000;
   function stewardLoad(more) {
-    var T = S.steward; if (T.busy) return;
-    T.busy = true; T.error = ''; var serial = ++T.serial;
+    var T = S.steward; if (T.intent) return;
+    T.busy = true; T.error = ''; T.loaded = false; var serial = ++T.serial;
     var action = T.tab === 'rules' ? 'rule_page' : T.tab === 'sources' ? 'source_status' : 'trace_summary', body = { action: action };
     if (action === 'rule_page') { body.limit = 25; body.cursor = more ? T.cursor : null; }
     paintModal();
-    call('workspace.request', body).then(function (d) {
+    var timer = null;
+    var late = new Promise(function (_ok, fail) { timer = setTimeout(function () { fail(new Error('Your Mac did not answer in ' + (STEWARD_READ_MS / 1000) + ' seconds. Reload to try again.')); }, STEWARD_READ_MS); });
+    Promise.race([call('workspace.request', body), late]).then(function (d) {
       if (serial !== T.serial) return;
+      d = d || {};
       if (action === 'trace_summary') T.outcomes = d; else { T.rows = more ? T.rows.concat(d.items || []) : d.items || []; T.cursor = d.next_cursor || null; }
-    }, function (e) { if (serial !== T.serial) return; T.error = e.message; }).then(function () { if (serial === T.serial) T.busy = false; paintModal(); });
+    }, function (e) { if (serial !== T.serial) return; T.error = e.message; }).then(function () {
+      clearTimeout(timer);
+      if (serial !== T.serial) return;
+      T.busy = false; T.loaded = true; paintModal();
+    });
   }
   function stewardMutate(body) {
     var T = S.steward; if (T.busy) return;
@@ -1479,8 +1550,9 @@
       body += T.rows.length ? T.rows.map(function (r) { return '<section class="cx-card mm-card"><h4>' + esc(r.title || r.id) + '</h4><p class="mm-muted">Revision ' + esc(r.revision) + ' · ' + esc(when(r.captured_at)) + ' · ' + esc(r.projection) + '</p>' + sbtn('steward-refresh', 'Refresh this document', r.id) + '</section>'; }).join('') :
         (!T.busy ? '<p>No granted documents right now. The owner grants documents on the Mac.</p>' : '');
     } else {
-      var d = T.outcomes;
-      body += d ? '<dl class="mm-grid"><dt>Observed runs</dt><dd>' + fmt(d.unique_runs || 0) + '</dd><dt>Checked runs that count</dt><dd>' + fmt(d.checked_eligible_runs || 0) + '</dd><dt>Not conclusive</dt><dd>' + fmt(d.inconclusive_runs || 0) + '</dd><dt>Days observed</dt><dd>' + fmt(d.observation_days || 0) + '</dd><dt>Evidence bar</dt><dd>' + (d.evidence_gate_met ? 'Met' : 'Not met yet') + (d.rate_limit_reason ? '. ' + esc(d.rate_limit_reason) : '') + '</dd></dl>' +
+      var d = T.outcomes, none = d && !(Number(d.unique_runs) > 0) && !(Number(d.checked_eligible_runs) > 0) && !(Number(d.inconclusive_runs) > 0);
+      if (!T.busy && !T.error && T.loaded && (!d || none)) body += '<p>No outcome evidence yet.</p>';
+      body += d && !none ? '<dl class="mm-grid"><dt>Observed runs</dt><dd>' + fmt(d.unique_runs || 0) + '</dd><dt>Checked runs that count</dt><dd>' + fmt(d.checked_eligible_runs || 0) + '</dd><dt>Not conclusive</dt><dd>' + fmt(d.inconclusive_runs || 0) + '</dd><dt>Days observed</dt><dd>' + fmt(d.observation_days || 0) + '</dd><dt>Evidence bar</dt><dd>' + (d.evidence_gate_met ? 'Met' : 'Not met yet') + (d.rate_limit_reason ? '. ' + esc(d.rate_limit_reason) : '') + '</dd></dl>' +
         '<details><summary>Show the raw numbers</summary><pre class="mm-pre">' + esc(JSON.stringify(d, null, 2)) + '</pre></details>' : '';
       body += '<p class="mm-muted">Being recalled, being included in context, a model saying it applied something and an independently checked result are four different things. Too little evidence does not mean things improved.</p>';
     }
@@ -1489,7 +1561,7 @@
   function stewardAct(act, id) {
     var T = S.steward, dr = S.drafts;
     if (act === 'steward-retry') return stewardMutate(T.intent);
-    if (act === 'steward-tab') { if (T.intent) return; T.tab = id; T.rows = []; T.cursor = null; T.outcomes = null; return stewardLoad(false); }
+    if (act === 'steward-tab') { if (T.intent) return; T.tab = id; T.rows = []; T.cursor = null; T.outcomes = null; T.loaded = false; return stewardLoad(false); }
     if (act === 'steward-reload') return stewardLoad(false);
     if (act === 'steward-more') return stewardLoad(true);
     if (act === 'steward-propose') {
@@ -1801,6 +1873,7 @@
     // Restore is Accept on the wire: the bridge returns a quarantined memory to recall before marking it accepted.
     call('memory.review', { id: id, decision: decision === 'restore' ? 'accept' : decision }).then(function (d) {
       var row = d.decision || {};
+      S.review.rows.concat(needsRows(), S.recent.rows).forEach(function (r) { if (r.lesson_id === id) keepForReader(r); });
       S.decisions[id] = row.decision || (decision === 'prune' ? 'pruned' : 'accepted'); S.decisionTs[id] = new Date().toISOString(); S.decided[id] = 1;
       if (decision === 'prune') { S.mem.rows = S.mem.rows.filter(function (m) { return m.id !== id; }); }
       W.toast(decision === 'prune' ? 'Memory quarantined.' : decision === 'restore' ? 'Memory restored to recall.' : 'Memory accepted.');
@@ -1829,6 +1902,7 @@
   function decide(eventId, decision) {
     var e = findRow(eventId); if (!e) return;
     call('learning.decide', { id: e.lesson_id, decision: decision }).then(function () {
+      keepForReader(e);
       S.decisions[e.lesson_id] = decision; if (decision === 'dismissed') S.decided[e.lesson_id] = 1; else delete S.decided[e.lesson_id];
       W.toast(decision === 'dismissed' ? 'Suggestion dismissed.' : 'Suggestion restored.');
       loadReview(false); afterWrite();
@@ -1972,8 +2046,15 @@
   }
 
   // ── painting ─────────────────────────────────────────────
+  // Duo tables: the divider between the list and the reader from 760 px (app.js splitKit; the same limits as Sessions),
+  // with its own remembered width, and Full width in a reader's header.
+  var SPLIT = { key: 'cos_web_memories_split', label: 'Memories list', controls: 'mm-list-col', media: '(min-width: 760px)', listMin: 240, readerMin: 380, handleW: 18 };
+  // 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; }, fullButton: function () { return ''; } };
+  var SPLIT_HANDLE = SPLIT_KIT.handle({ id: 'mm-handle', controls: SPLIT.controls, label: SPLIT.label });
   var SKELETON = '<div class="cx mm" data-tint="memories" id="mm-root"><div id="mm-hero"></div><div class="mm-controls" id="mm-views"></div><p class="mm-counts" id="mm-counts"></p>' +
-    '<div class="split mm-split" id="mm-split"><div class="split-list mm-list" id="mm-list-col"><div id="mm-tools"></div><div id="mm-list"></div></div><div class="reader mm-reader" id="mm-reader"></div></div>' +
+    '<div class="split mm-split" id="mm-split"><div class="split-list mm-list" id="mm-list-col"><div id="mm-tools"></div><div id="mm-list"></div></div>' +
+    SPLIT_HANDLE + '<div class="reader mm-reader" id="mm-reader"></div></div>' +
     '<p class="mm-foot" id="mm-foot"></p></div><div id="mm-modal-host"></div>';
   function write(node, html) { if (!node || node.__mm === html) return false; node.innerHTML = html; node.__mm = html; return true; }
   var paintTimer = null;
@@ -1982,6 +2063,7 @@
     var r = W.parseRoute(); if (r.pane !== 'memories') return;
     if (!el('mm-root')) pane.innerHTML = SKELETON;
     var reading = readerArgs(r).length > 0, split = el('mm-split');
+    SPLIT_KIT.mount(split, el('mm-handle'), SPLIT);
     pane.classList.toggle('reading', reading); if (split) split.classList.toggle('reading', reading);
     // The cue views are one column at every width, like Control's cue review (a card, not a list beside a reader).
     if (split) split.classList.toggle('solo', !reading && (S.view === 'cues' || S.view === 'rated'));
@@ -2007,6 +2089,9 @@
     var html = readerHtml(r);
     if (readerArgs(r).length && W.crumb && W.crumb() !== S.crumbText) W.setCrumb(S.crumbText);
     if (write(node, html) && el('mm-graph-host')) mountGraph();
+    // Full width hides the list only while a reader with the button is open, so the list is never hidden behind a
+    // placeholder with no way back.
+    var split = el('mm-split'); if (split) split.classList.toggle('mm-fullable', !!(node.querySelector && node.querySelector('[data-split-full]')));
     document.body.classList.toggle('mm-graph-open', S.graphFull && !!el('mm-graph-host'));
   }
   function crumb(t) { S.crumbText = String(t || ''); }

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

@@ -401,15 +401,34 @@
       }).join('') + '</div>';
   }
   // Drop it on: the list column and the chat column. Built once; each column then paints only itself.
+  // Duo tables: the divider between the two columns from 860 px (app.js splitKit), with its own remembered width. Its
+  // 24 px column replaces the split's 24 px gap, so the default layout is unchanged. The list keeps 240 px like Sessions;
+  // the chat keeps 440, not 380, because its composer (text box, camera, file, Ask, Drop) squeezes the text box to about
+  // 90 px at 380 (headless render at 1000x703).
+  // 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_messages_split', label: 'Message list', controls: 'msg-left', sized: '.msg-left', media: '(min-width: 860px)', listMin: 240, readerMin: 440, handleW: 24 };
   function splitHost() {
     var split = pane.querySelector('.msg-split');
     if (!split) {
-      pane.innerHTML = '<div class="msg-split"><div class="msg-left" id="msg-left"></div><div class="msg-right" id="msg-right"></div></div>';
+      pane.innerHTML = '<div class="msg-split"><div class="msg-left" id="msg-left"></div>' +
+        SPLIT_KIT.handle({ id: 'msg-handle', controls: SPLIT.controls, label: SPLIT.label }) + '<div class="msg-right" id="msg-right"></div></div>';
       split = pane.querySelector('.msg-split');
     }
+    SPLIT_KIT.mount(split, $('msg-handle'), SPLIT);
     split.setAttribute('data-show', current[0] === 'cos' ? 'chat' : 'list');
+    chatRoute(current[0] === 'cos');
     return split;
   }
+  // 7.0.2 (A2, the Duo audit): the workspace's bottom padding (app.css, +96 px folded and +40 px from 600 px) is room for
+  // a bottom bar that no longer exists. Under the chat's sticky composer it was blank page: focusing the box scrolled to
+  // it, and after the keyboard closed it stayed as a band under Model and Effort. On the COS chat route the workspace
+  // carries ws-chat, and app.css drops that padding. Any other route takes the class off.
+  function chatRoute(on) {
+    var ws = $('workspace');
+    if (ws && ws.classList) ws.classList.toggle('ws-chat', !!on);
+  }
+  if (W.onRoute) W.onRoute(function (r) { if (!r || r.pane !== 'messages' || r.args[0] !== 'cos') chatRoute(false); });
   function renderList() {
     var focus = document.activeElement && document.activeElement.id === 'msg-q';
     var caret = focus ? document.activeElement.selectionStart : null;
@@ -452,7 +471,7 @@
     var a = atts(t);
     return '<div class="cx-card you"><div class="cx-card-label">YOU</div><div class="cx-card-body" data-hl>' + esc(String(t.query || '').trim() || '(empty query)').replace(/\n/g, '<br>') + '</div></div>' +
       stripHtml(a.filter(isUserAtt), true, msgKey) +
-      '<div class="cx-card"><div class="cx-card-label">COS</div><div class="cx-card-body md" data-hl>' + W.md(String(t.text || '')) + '</div></div>' +
+      '<div class="cx-card"><div class="cx-card-label">COS</div><div class="cx-card-body md" data-hl>' + W.md(W.structureLensAnswer(String(t.text || ''))) + '</div></div>' +
       stripHtml(a.filter(function (x) { return !isUserAtt(x); }), false, msgKey);
   }
   function copyTurnText(t) {