@gotcos/glasses-server 6.99.29 → 7.0.7

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']];
@@ -109,19 +120,14 @@
     // Copy stays in this browser: the same copy the rest of Control Web uses (plain-http fallback included).
     if (op === 'copy') return W.copyText(String(a.text || '')).then(function () { return {}; });
     var limit = READ_LIMIT[op] != null ? READ_LIMIT[op] : (isRead(op, a) ? 45000 : 0);
-    return W.api('/api/web-bridge/memories', { method: 'POST', body: { id: ++seq, op: op, args: a }, timeoutMs: limit }).then(null, plainNetError).then(function (r) {
+    return W.api('/api/web-bridge/memories', { method: 'POST', body: { id: ++seq, op: op, args: a }, timeoutMs: limit }).then(function (r) {
       if (r && r.ok) return r.details || {};
       var raw = (r && r.message) || 'Your Mac did not answer that.';
       var err = new Error(PLAIN[raw] || raw); err.code = raw; throw err;
     });
   }
-  // No HTTP status means the request never reached COS: the browser's own words ("Failed to fetch", "Load failed") say
-  // nothing to a person, so say what happened and what to do. A timeout already says it in plain words (W.api).
-  var UNREACHABLE = 'Could not reach COS on your Mac. Check that the Mac is awake and on Tailscale, then try again.';
-  function plainNetError(err) {
-    if (err && !err.status && err.code !== 'timeout') { var e = new Error(UNREACHABLE); e.code = 'unreachable'; throw e; }
-    throw err;
-  }
+  // A request that never reached COS is said in plain words by W.api itself (app.js, 6.99.30: code 'unreachable'),
+  // as a timeout is: nothing to translate here.
   function codeOf(e) { return String((e && (e.code || e.message)) || ''); }
 
   // ── state ────────────────────────────────────────────────
@@ -137,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,
@@ -147,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 = {};
@@ -390,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: '' };
@@ -415,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>' : ''; }
@@ -806,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') +
@@ -826,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">' +
@@ -869,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 : '';
   }
 
@@ -879,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);
@@ -899,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>';
@@ -1074,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; }
@@ -1085,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>');
     });
@@ -1329,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() {
@@ -1435,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;
@@ -1484,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>';
     }
@@ -1494,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') {
@@ -1806,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.');
@@ -1834,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();
@@ -1977,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;
@@ -1987,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'));
@@ -2012,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) {