@giamme/forge 0.10.0 → 0.11.1

package/ui/forge_ui/static/scene3d.js

@@ -89,12 +89,13 @@ export async function createStage(host, cb = {}) {
     el.col = col || E.statusColor(el.status);
     el.pulse = el.status === 'RUNNING';
   }
-  const PLAIN = new Set(['PENDING', 'NONE', 'UNKNOWN']);
+  const PLAIN = new Set(['PENDING', 'NONE', 'UNKNOWN', 'OUTDATED']);   // unlit: no glow and no tint
   function baseTargets(el) {
     const T = el.tgt, s = el.status, light = E.theme === 'light';
     T.lit = PLAIN.has(s) ? 0 : .32;
     T.tint = PLAIN.has(s) ? 0 : light ? .34 : .1;          // a pale panel shows a lit section by its colour: no glow to carry it
     T.vis = 1; T.op = 1; T.opB = 1;
+    // Not started yet. OUTDATED is a finished review that is no longer current, so it stays solid.
     if (s === 'PENDING' || s === 'NONE') { T.opB = .55; T.op = .8; }
     // parts are small: their status has to read from the colour of the whole piece
     if (el.kind === 'part' && !PLAIN.has(s)) { T.tint = light ? .5 : .32; T.lit = .55; }
@@ -166,7 +167,8 @@ export async function createStage(host, cb = {}) {
     const parts = [r.kind === 'solo' ? (Object.keys(c)[0] || 'solo') : `${merged}/${total} done`];
     if (running) parts.push(`${running} running`);
     if (bad) parts.push(`${bad} failed`);
-    if (r.final_review) parts.push(`review ${r.final_review}`);
+    const reviewStatus = RM.runReviewStatus(r);
+    if (reviewStatus) parts.push(`review ${reviewStatus}`);
     else if (r.verification_status) parts.push(`verify ${r.verification_status}`);
     return parts.join(' · ');
   }
@@ -191,7 +193,7 @@ export async function createStage(host, cb = {}) {
         cx.fillText(E.ellipsis(`${RM.basename(r.repo)} · ${r.run_id || ''}${r.kind === 'solo' ? ' · solo' : ''}`, Math.floor((w - 30) / (7 * E.CW))), 2 * s, 44 * s);
       }, 'cover', { x: x + 12, y: y + 8, z: h });
       leds(el, Math.min(60, m.tasks.length), x + 17, y + d - 14, h + .16, { step: 8, s: 2.4, perRow: Math.max(4, Math.floor((w - 30) / 8)) });
-      setLeds(el, m.tasks.map(t => t.status));
+      setLeds(el, m.tasks.map(t => RM.taskStatus(t)));
       display(el, e => runInfo(e.data.run), { w: w - 24, x: x + 12, y: y + d, z: h - 8 });
       halo(el);
     }
@@ -206,17 +208,28 @@ export async function createStage(host, cb = {}) {
       const el = EL.get('r:' + m.id); if (!el) continue;
       el.data.run = m.run; el.data.module = m;
       setStatus(el, STATE_STATUS[m.state]); halo(el);
-      setLeds(el, m.tasks.map(t => t.status));
-      const sig = JSON.stringify([m.run.goal, m.run.counts, m.run.final_review, m.run.verification_status]);
+      setLeds(el, m.tasks.map(t => RM.taskStatus(t)));
+      const sig = JSON.stringify([m.run.goal, m.run.counts, m.run.final_review, m.run.final_review_outdated, m.run.verification_status]);
       if (sig !== el.sig) { el.sig = sig; redraw(el); }
     }
     retarget();
   }
 
   /* ---------- plan: waves, tasks, the finish line ---------- */
-  function taskStatus(t) {
-    if (st.replay !== null && st.replayState) { const s = st.replayState.tasks[t.id]; return s ? s.status : 'PENDING'; }
-    return t.status || 'PENDING';
+  // During a replay the recorded status is what it was then; acceptance shows only once that status is MERGED.
+  function shownTask(t) {
+    if (t && st.replay !== null && st.replayState) {
+      const s = st.replayState.tasks[t.id];
+      return Object.assign({}, t, { status: s ? s.status : 'PENDING' });
+    }
+    return t;
+  }
+  function taskStatus(t) { return RM.taskStatus(shownTask(t)); }
+  function attemptLamps(t) {
+    const shown = shownTask(t);
+    const rows = list(t.attempts).map(a => RM.attemptStatus(shown, a.attempt, a.status));
+    if (st.replay === null && t.status === 'RUNNING') rows.push('RUNNING');
+    return rows;
   }
   function taskLine(el) {
     const t = el.data.task, s = el.status;
@@ -256,6 +269,7 @@ export async function createStage(host, cb = {}) {
     const tries = Math.max(1, list(t.attempts).length);
     leds(el, Math.min(20, tries), x + 17, y + d - 13, h + .16, { step: 9, s: 2.8 });
     el.ledCount = tries;
+    setLeds(el, attemptLamps(t).slice(-el.ledCount));
     display(el, taskLine, { w: w - 24, x: x + 12, y: y + d, z: h - 8 });
     // the Clef ring: how likely the first try was to pass, in the colour of what happened
     const p0 = t.clef && t.clef.first_pass && num(t.clef.first_pass.p);
@@ -276,9 +290,12 @@ export async function createStage(host, cb = {}) {
     const F = st.plan && st.plan.finish, run = st.run; if (!F) return {};
     if (id === 'f:integration') return { title: 'INTEGRATION', sub: `${F.integration.merged}/${F.integration.total} merged`, status: F.integration.status, line: F.integration.accepted ? 'at ' + String(F.integration.accepted).slice(0, 10) : 'into forge/' + (run.run_id || '…') + '-integration' };
     if (id === 'f:verification') return { title: 'VERIFICATION', sub: F.verification.command || 'no command recorded', status: F.verification.status, line: F.verification.runs ? `${F.verification.runs} run${F.verification.runs > 1 ? 's' : ''}` : 'not run yet' };
+    const status = finishStatus(id, { status: F.final.status });
+    const src = status === 'OUTDATED' && st.replay !== null ? (RM.reviewAt(run, st.replay) || F.final) : F.final;
     const f = F.final.findings;
-    return { title: 'FINAL REVIEW', sub: F.final.requested ? (F.final.spec || 'reviewer not chosen') : 'not requested', status: F.final.status, findings: f,
-      line: F.final.status === 'NONE' ? 'opt-in: forge review <plan>' : F.final.count > 1 ? `${F.final.count} reviews` : F.final.status };
+    const line = status === 'OUTDATED' ? RM.reviewSinceLine(src)
+      : F.final.status === 'NONE' ? 'opt-in: forge review <plan>' : F.final.count > 1 ? `${F.final.count} reviews` : status;
+    return { title: 'FINAL REVIEW', sub: F.final.requested ? (F.final.spec || 'reviewer not chosen') : 'not requested', status, findings: f, line };
   }
   function buildFinish(m, p, g) {
     const [x, y, w, d, h] = p;
@@ -308,7 +325,7 @@ export async function createStage(host, cb = {}) {
   }
   function finishLeds(el) {
     if (el.id === 'f:final') { const f = finishInfo(el.id).findings || {}; setLeds(el, ['P0', 'P1', 'P2', 'P3'].map(s => f[s] ? E.sevColor(s) : null)); }
-    else if (el.id === 'f:integration') setLeds(el, list(st.run.tasks).map(t => taskStatus(t) === 'MERGED' ? 'MERGED' : null));
+    else if (el.id === 'f:integration') setLeds(el, list(st.run.tasks).map(t => { const s = taskStatus(t); return s === 'MERGED' || s === 'ACCEPTED' ? s : null; }));
     else setLeds(el, list(st.run.verification && st.run.verification.runs).map(r => r.exit === 0 ? 'PASS' : 'FAIL'));
   }
   function buildPlan(g) {
@@ -954,7 +971,7 @@ export async function createStage(host, cb = {}) {
       if (c.tint > .001) el.M.body.color.lerp(TMP2.copy(col), c.tint * c.vis);
       if (el.tintMat) { el.tintMat.color.copy(col); el.tintMat.opacity = (c.tint * (E.theme === 'light' ? 1.45 : 1.1) + .08 * c.sel) * ob * gf * c.vis; }
       if (el.haloMat) el.haloMat.uniforms.opacity.value = (c.halo + (el.pulse ? .12 * pulseK : 0)) * gf * c.vis;
-      if (el.clef) el.clef.fgM.color.copy(E.statusColor(['MERGED', 'PASS'].includes(el.status) ? 'pass' : ['FAIL', 'ERROR', 'CONFLICT'].includes(el.status) ? 'fail' : 'pending'));
+      if (el.clef) el.clef.fgM.color.copy(E.statusColor(['MERGED', 'PASS', 'ACCEPTED'].includes(el.status) ? 'pass' : ['FAIL', 'ERROR', 'CONFLICT'].includes(el.status) ? 'fail' : 'pending'));
       if (el.inner) {
         const p = pr ? pr.p : 0, vis = p > .002;
         if (!vis && el.inner.visible) { E.release(el.inner); }
@@ -1239,6 +1256,7 @@ export async function createStage(host, cb = {}) {
     const lamps = { title: 'Lamps', rows: [
       { sw: { lamp: 'st-merged' }, label: 'merged · passed · accepted' }, { sw: { lamp: 'st-running' }, label: 'running · interrupted' },
       { sw: { lamp: 'st-fail' }, label: 'failed · conflict · infra · timeout' }, { sw: { lamp: 'st-pending' }, label: 'pending, not started' },
+      { sw: { lamp: 'st-outdated' }, label: 'outdated review' },
       { sw: { route: true }, label: st.view === 'atlas' ? 'chosen run' : 'chosen task' + (L.route ? ' and its route' : '') }] };
     if (st.view === 'atlas') {
       out.push({ title: 'Map', rows: [], note: 'Each block is a run, each district a repository. The lamps on a block are its tasks; the block stands taller the more tasks it has.' }, lamps);
@@ -1318,8 +1336,7 @@ export async function createStage(host, cb = {}) {
         if (el.kind === 'task') {
           const t = byId.get(el.data.task.id); if (!t) continue;
           el.data.task = t; setStatus(el, taskStatus(t)); halo(el);
-          const rows = list(t.attempts).map(a => a.status);
-          if (st.replay === null && t.status === 'RUNNING') rows.push('RUNNING');
+          const rows = attemptLamps(t);
           if (rows.length > el.ledCount) { /* more tries than lamps: the newest show */ }
           setLeds(el, rows.slice(-el.ledCount));
           const sig = JSON.stringify([t.status, t.findings, t.gate, list(t.shadow).map(s => s.agreement), t.dwarf, t.accepted_by, el.status]);
@@ -1385,7 +1402,7 @@ export async function createStage(host, cb = {}) {
       E.invalidate(100);                                    // marks a replay reaches drop in
       st.replayState = st.replay !== null ? RM.stateAt(st.run, st.replay) : null;
       for (const el of EL.values()) {
-        if (el.kind === 'task') setStatus(el, taskStatus(el.data.task));
+        if (el.kind === 'task') { setStatus(el, taskStatus(el.data.task)); setLeds(el, attemptLamps(el.data.task).slice(-el.ledCount)); }
         else if (el.kind === 'finish') setStatus(el, finishStatus(el.id, finishInfo(el.id)));
         else if (el.data && el.data.item) setStatus(el, st.replay !== null ? replayItemStatus(el.data.item) : el.data.item.status);
         else continue;

package/ui/forge_ui/static/settings.js

@@ -85,13 +85,25 @@
     return { editor: { base: fresh, draft: e.draft }, dirty: true, moved: norm(fresh) !== norm(e.base) };
   }
   const edited = (editor, draft) => ({ base: editor.base, draft: text(draft) });
+  // The editor after typing in a textarea drawn from the file text `from`. When a read moved `base` on since the textarea
+  // was drawn (a held body is not redrawn), the typing sits on the old text, so the save would overwrite the new file.
+  function typed(editor, draft, from) {
+    const e = edited(editor, draft), dirty = isDirty(e);
+    return { editor: e, dirty, moved: dirty && norm(from) !== norm(e.base) };
+  }
   const shown = editor => editor.draft !== null ? editor.draft : editor.base;
+  // What a failed GET /api/config does: with a good read of this run on the page, it stays and a note names the
+  // failure; with none yet, the message replaces the page. Status 0 is no answer at all.
+  function readFailure(res, hasData) {
+    const message = (res && res.status !== 0 && (res.detail || res.error)) || 'could not reach forge-ui';
+    return { keep: !!hasData, message };
+  }
 
   /* ---------- DOM ---------- */
   function render(host, ctx) {
     const UI = root.ForgeUI, c = ctx || {};
     const el = (tag, t, cls) => UI.el(tag, t, cls);
-    const s = { run: null, data: null, dataText: null, error: null, writes: false, loading: true, editors: {}, moved: {}, hold: 0, redraw: false, seq: 0, gen: 0, runsSig: null, ready: false, loadedAt: 0, repo: null, gone: false };
+    const s = { run: null, data: null, dataText: null, error: null, writes: false, loading: true, editors: {}, moved: {}, hold: 0, redraw: false, seq: 0, gen: 0, runsSig: null, ready: false, loadedAt: 0, repo: null, gone: false, asking: 0, asks: 0, pickerLate: false };
     const key_ = (label, cls, onclick) => { const b = el('button', label, cls); b.type = 'button'; if (onclick) b.addEventListener('click', onclick); return b; };
 
     const head = el('header', undefined, 'set-head');
@@ -101,10 +113,17 @@
     const body = el('div', undefined, 'set-body');
     const note = el('p', 'This page is read-only: this server has no write token, or has controls off.', 'muted set-readonly');
     note.hidden = true;
-    host.replaceChildren(head, picker, note, body);
+    // A failed read over a good one: the page stays, and this says the shown values may be old. Outside the body, so a
+    // held body (an open confirm) still gets it.
+    const stale = el('p', undefined, 'warn set-problem set-stale'); stale.setAttribute('role', 'status');
+    stale.hidden = true;
+    host.replaceChildren(head, picker, note, stale, body);
+    const staleNote = msg => { stale.hidden = !msg; stale.textContent = msg ? `The last read of the configuration failed: ${msg}. This shows the read before it; the next refresh tries again.` : ''; };
 
     /* the repository picker */
     function drawPicker() {
+      // The switch confirm lives in the picker: while it is open the rebuild waits, and runs when it is answered.
+      if (s.asking) { s.pickerLate = true; return; }
       const runs = c.runs ? c.runs() : [];
       const groups = groupRuns(runs);
       const before = s.run, usable = withRepo(runs);
@@ -138,7 +157,14 @@
       }
       sel.addEventListener('change', async () => {
         const unsaved = FILES.filter(n => s.editors[n] && isDirty(s.editors[n]));
-        if (unsaved.length && !(await UI.confirmInline(picker, `Switch repository and discard the unsaved edits to ${unsaved.map(n => '.forge/' + n).join(', ')}?`, { danger: true }))) { sel.value = s.gone ? '' : s.run; return; }
+        if (unsaved.length) {
+          const ask = s.asking = ++s.asks;
+          const yes = await UI.confirmInline(picker, `Switch repository and discard the unsaved edits to ${unsaved.map(n => '.forge/' + n).join(', ')}?`, { danger: true });
+          if (s.asking !== ask) return;                           // a later change asked again, and that confirm decides
+          const late = s.pickerLate;
+          s.asking = 0; s.pickerLate = false;
+          if (!yes) { sel.value = s.gone ? '' : s.run; if (late) drawPicker(); return; }
+        }
         pick(sel.value);
       });
       const lab = el('label', undefined, 'set-field'); lab.htmlFor = 'set-run';
@@ -151,11 +177,13 @@
     }
     // A new run: nothing of the old one stays, and confirms of the old body (now detached) no longer hold a redraw.
     function resetRun() {
+      staleNote(null);
       s.data = null; s.dataText = null; s.error = null; s.editors = {}; s.moved = {}; s.loading = s.run != null;
       s.gen++; s.hold = 0; s.redraw = false;
     }
     function pick(key) {
       s.run = key; resetRun();
+      s.asking = 0; s.pickerLate = false;                         // a switch confirm still open goes with the old picker
       s.runsSig = null; drawPicker(); drawBody();
       if (c.onPick) c.onPick(key);
       load();
@@ -171,12 +199,12 @@
       if (seq !== s.seq || run !== s.run) return;                 // a later pick or load answered
       s.loading = false;
       if (!res.ok) {
-        const msg = res.status === 0 ? null : res.detail || res.error;
-        if (msg === null && s.data) return;                       // a poll that did not reach the server keeps the last good page
+        const failed = readFailure(res, s.data);
+        if (failed.keep) { staleNote(failed.message); return; }   // the last good page, its editors and their unsaved text stay
         if (s.hold > 0) return;                                   // a confirm or a write is open: its strip must not be torn down
-        s.error = msg || 'could not reach forge-ui'; s.data = null; s.dataText = null; drawBody(); return;
+        s.error = failed.message; s.data = null; s.dataText = null; drawBody(); return;
       }
-      s.error = null;
+      s.error = null; staleNote(null);
       const files = object(object(res.data.repo).files);
       for (const name of FILES) {
         const next = dirtyState(s.editors[name], object(files[name]).content);
@@ -305,7 +333,9 @@
       const top = el('div', undefined, 'set-file-head'); top.append(h, status);
       art.append(top, el('p', blurb, 'muted set-file-blurb'));
       if (file.note) art.append(el('p', text(file.note), 'warn set-file-note'));
-      if (isDirty(ed) && s.moved[name]) art.append(el('p', 'The file changed on disk after you began editing; saving replaces it with your text.', 'warn set-file-note'));
+      const movedNote = el('p', 'The file changed on disk after you began editing; saving replaces it with your text.', 'warn set-file-note');
+      movedNote.hidden = !(isDirty(ed) && s.moved[name]);              // sync() keeps it current as the text is typed
+      art.append(movedNote);
       if (!s.writes) {
         status.replaceChildren(el('i', undefined, 'lamp ' + (file.exists ? 'st-pass' : '')), el('span', file.exists ? (unreadable ? 'present, not shown' : 'present') : 'absent'));
         art.append(unreadable ? el('p', file.exists ? 'The content is not shown.' : 'Not set.', 'muted') : el('pre', text(file.content), 'set-pre'));
@@ -316,6 +346,7 @@
       ta.dataset.editor = name; ta.rows = Math.max(3, Math.min(14, shown(ed).split('\n').length + 1));
       ta.spellcheck = false; ta.setAttribute('autocapitalize', 'off'); ta.setAttribute('autocomplete', 'off');
       ta.value = shown(ed);
+      let from = ed.base;                                         // the file text this textarea was drawn from
       if (unreadable && file.exists) { ta.disabled = true; ta.placeholder = 'The content is not shown, so it cannot be edited here.'; }
       const problem = el('p', undefined, 'warn set-problem'); problem.hidden = true; problem.id = id + '-problem';
       const result = el('div', undefined, 'set-result');
@@ -328,10 +359,15 @@
         if (bad) { ta.setAttribute('aria-invalid', 'true'); ta.setAttribute('aria-describedby', problem.id); }
         else { ta.removeAttribute('aria-invalid'); ta.removeAttribute('aria-describedby'); }
         save.disabled = !dirtyNow || !!bad;
+        movedNote.hidden = !(dirtyNow && s.moved[name]);
         status.replaceChildren(el('i', undefined, 'lamp ' + (dirtyNow ? 'set-amber' : file.exists ? 'st-pass' : '')),
           el('span', dirtyNow ? 'unsaved edits' : file.exists ? (unreadable ? 'present, not shown' : 'present') : 'absent'));
       };
-      ta.addEventListener('input', () => { s.editors[name] = edited(s.editors[name], ta.value); sync(); });
+      ta.addEventListener('input', () => {
+        const next = typed(s.editors[name], ta.value, from);
+        s.editors[name] = next.editor; s.moved[name] = next.moved || (next.dirty && !!s.moved[name]);
+        sync();
+      });
       remove.disabled = !file.exists;
       save.addEventListener('click', async () => {
         const cur = s.editors[name], bad = valueProblem(name, cur.draft);
@@ -342,7 +378,7 @@
         if (!yes) { ta.readOnly = false; remove.disabled = !file.exists; release(); sync(); save.focus({ preventScroll: true }); return; }
         const res = await UI.post('/api/config', configBody(s.run, repoKey(name), cur.draft));
         UI.outcome(result, res, `Saved ${target}.`);
-        if (res.ok && gen === s.gen) s.editors[name] = editorOf(cur.draft.endsWith('\n') ? cur.draft : cur.draft + '\n');
+        if (res.ok && gen === s.gen) { s.editors[name] = editorOf(cur.draft.endsWith('\n') ? cur.draft : cur.draft + '\n'); s.moved[name] = false; from = s.editors[name].base; }
         ta.readOnly = false; remove.disabled = !file.exists; release(); sync();
         if (res.ok && gen === s.gen) await reload();
       });
@@ -353,7 +389,7 @@
         if (!yes) { ta.readOnly = false; release(); sync(); remove.disabled = !file.exists; remove.focus({ preventScroll: true }); return; }
         const res = await UI.post('/api/config', configBody(s.run, repoKey(name), null, true));
         UI.outcome(result, res, `Removed ${target}.`);
-        if (res.ok && gen === s.gen) s.editors[name] = editorOf('');
+        if (res.ok && gen === s.gen) { s.editors[name] = editorOf(''); s.moved[name] = false; from = ''; }
         ta.readOnly = false; release();
         if (res.ok && gen === s.gen) await reload(); else if (!res.ok) { remove.disabled = !file.exists; sync(); }
       });
@@ -395,5 +431,5 @@
   }
 
   return { render, configBody, repoKey, targetPath, subsetOk, valueProblem, pickDefault, groupRuns, optionLabel,
-    editorOf, isDirty, dirtyState, edited, shown, FILES, VALUE_MAX };
+    editorOf, isDirty, dirtyState, edited, typed, shown, readFailure, FILES, VALUE_MAX };
 });

package/ui/forge_ui/static/style.css

@@ -91,13 +91,14 @@
 :root[data-theme=dark] { color-scheme: dark; }
 
 /* status: the lamp behind each forge state. Five lamps, one meaning each (--st; --st-lit on the 3D plate);
-   a hollow lamp is that lamp's family but not its plain case: passed without a merge, stopped, failed outside the code */
+   a hollow lamp is that lamp's family but not its plain case: passed without a merge, stopped, failed outside the code,
+   an outdated review */
 .st-merged, .st-pass, .st-accepted, .st-nochanges { --st: var(--lamp-green); --st-lit: var(--lit-green); }
 .st-running, .st-interrupted { --st: var(--lamp-amber); --st-lit: var(--lit-amber); }
-.st-pending, .st-none, .st-unknown, .st-invalidated { --st: var(--lamp-off); --st-lit: var(--lamp-off); }
+.st-pending, .st-none, .st-unknown, .st-invalidated, .st-outdated { --st: var(--lamp-off); --st-lit: var(--lamp-off); }
 .st-fail, .st-error, .st-conflict, .st-infra, .st-timeout, .st-blocked { --st: var(--lamp-red); --st-lit: var(--lit-red); }
 [class^="st-"], [class*=" st-"] { --st-fill: var(--st); --st-ring: var(--lamp-edge); }
-.st-accepted, .st-nochanges, .st-interrupted, .st-infra, .st-timeout, .st-blocked { --st-fill: transparent; --st-ring: var(--st); }
+.st-accepted, .st-nochanges, .st-interrupted, .st-infra, .st-timeout, .st-blocked, .st-outdated { --st-fill: transparent; --st-ring: var(--st); }
 /* review severity is a shape (P0 spike, P1 diamond, P2 cone, P3 pin) on a ramp of its own, never a status lamp */
 .sev-P0 { --sev: var(--sev-p0); --sev-shape: polygon(50% 0, 100% 100%, 0 100%); }
 .sev-P1 { --sev: var(--sev-p1); --sev-shape: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
@@ -152,6 +153,7 @@ kbd { font-family: var(--mono); font-size: var(--t-xs); padding: 0 5px; border:
 .chip { display: inline-flex; align-items: center; gap: 5px; padding: 1px 7px 0 6px; border: 1px solid var(--rule); border-radius: var(--r-small); background: var(--key); color: var(--ink); white-space: nowrap;
   font-family: var(--font-plate); font-weight: 700; font-size: .857rem; letter-spacing: .05em; text-transform: uppercase; line-height: 1.5; font-variant-numeric: tabular-nums; }
 .chip::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--st-fill, var(--lamp-off)); box-shadow: inset 0 0 0 1.5px var(--st-ring, transparent); flex: none; }
+a.chip, a.chip:hover { color: inherit; text-decoration: none; }
 .chips { display: flex; gap: var(--s-1); flex-wrap: wrap; }
 .sev-chip { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: var(--t-xs); white-space: nowrap; }
 .sev-chip::before { content: ''; width: 9px; height: 9px; clip-path: var(--sev-shape, circle(30%)); background: var(--sev, var(--muted)); flex: none; }
@@ -683,6 +685,7 @@ th:hover .th-sort, .th-sort.on { color: var(--ink); }
 .fg-bar { fill: var(--st, var(--lamp-off)); }
 .fg-verdict { stroke: var(--lamp-red); }
 .fg-verdict.fg-pass { stroke: var(--st, var(--lamp-green)); }
+.fg-node.st-accepted .fg-box { fill: transparent; }
 .fg-empty { color: var(--muted); padding: var(--s-3) 0; }
 .gantt, .strip { display: block; font-family: var(--mono); }
 .gt-lane { fill: var(--module-2); }
@@ -693,6 +696,7 @@ th:hover .th-sort, .th-sort.on { color: var(--ink); }
 .gt-tick-label { fill: var(--muted); font-size: 10px; }
 .gt-item { cursor: pointer; }
 .gt-box { fill: var(--st, var(--lamp-off)); fill-opacity: .2; stroke: var(--st, var(--lamp-off)); stroke-width: 1.2; }
+.gt-item.st-accepted .gt-box { fill: transparent; }
 .gt-item:hover .gt-box, .gt-item:focus .gt-box { fill-opacity: .35; }
 .gt-item:focus { outline: none; }
 .gt-item.gt-sel .gt-box { stroke: var(--route); stroke-width: 2.5; }