segreant 0.1.0 → 0.2.0

package/dist/dashboard/web/app/views/workbench.js

@@ -0,0 +1,312 @@
+/**
+ * The Workbench: the Spend page's day-to-day view of where the metered money
+ * went, session by session.
+ *
+ * Every figure here is metered list cost, the same claim as the Metered band
+ * above. Outcomes come from the last value read and are filed by the
+ * Statement's rule; a session reaches a commit only through its own log.
+ * Where the evidence stops (traffic with no session id, a commit never
+ * measured, usage a provider never reported) the view says so beside the
+ * figure instead of filling it in.
+ */
+import { h } from '../core/dom.js';
+import { signal, scopedEffect, onCleanup } from '../core/signal.js';
+import { api } from '../core/api.js';
+import { period } from '../core/period.js';
+import { usd, count, share, isPrecise } from '../core/fmt.js';
+/** Rows shown before "Show all". */
+const FIRST_ROWS = 12;
+const OUTCOME_WORDS = {
+    kept: { label: 'Kept', plain: 'passed every check you track', cls: 'oc-kept' },
+    notKept: { label: 'Not kept', plain: 'a check failed, or a revert names it', cls: 'oc-notkept' },
+    contested: { label: 'Results disagree', plain: 'one check both passed and failed', cls: 'oc-contested' },
+    unknown: { label: 'No signal', plain: 'old enough, but survival was not measured', cls: 'oc-unknown' },
+    maturing: { label: 'Too early to tell', plain: 'the survival check has not come round yet', cls: 'oc-maturing' },
+    unmeasured: { label: 'Not matched', plain: 'no measured commit, or more than one, matches its sha', cls: 'oc-unmeasured' },
+    noCommit: { label: 'No commit linked', plain: 'the session log records no commit', cls: 'oc-none' },
+};
+/** The table's narrow column takes the short word; the full one is in the title and the detail panel. */
+const SHORT_WORDS = {
+    kept: 'Kept', notKept: 'Not kept', contested: 'Disputed', unknown: 'No signal', maturing: 'Too early', unmeasured: 'Not matched',
+};
+const OUTCOME_ORDER = ['kept', 'notKept', 'contested', 'unknown', 'maturing', 'unmeasured', 'noCommit'];
+export function workbench() {
+    const data = signal(null);
+    const error = signal(null);
+    const selected = signal(null);
+    const focusBucket = signal(null);
+    const showAll = signal(false);
+    // Choose a session and make sure its row is on the page: a bar can point at
+    // a session past the first rows, and the costliest session need not be in
+    // them either. Without this the detail opened with no row selected and
+    // nothing to scroll to.
+    const reveal = (sessions, id) => {
+        if (id !== null && sessions.findIndex((s) => s.sessionId === id) >= FIRST_ROWS)
+            showAll.set(true);
+        selected.set(id);
+    };
+    scopedEffect(() => {
+        const r = period();
+        const controller = new AbortController();
+        let current = true;
+        error.set(null);
+        data.set(null);
+        showAll.set(false);
+        focusBucket.set(null);
+        void api.sessions(r, controller.signal)
+            .then((payload) => {
+            if (!current || controller.signal.aborted)
+                return;
+            data.set(payload);
+            // Open on the session that cost the most: the first question on this page.
+            const top = [...payload.sessions].sort((a, b) => b.costUsd - a.costUsd)[0];
+            reveal(payload.sessions, top ? top.sessionId : null);
+        })
+            .catch((e) => {
+            if (!current || controller.signal.aborted)
+                return;
+            error.set(e instanceof Error ? e.message : String(e));
+        });
+        onCleanup(() => { current = false; controller.abort(); });
+    });
+    return h('section', { class: 'wb', 'aria-label': 'Workbench' }, () => {
+        const err = error();
+        if (err)
+            return h('div', { class: 'card' }, h('p', { class: 'drawer-error', role: 'alert', text: `The session read failed: ${err}` }));
+        const d = data();
+        if (!d)
+            return h('div', { class: 'card' }, h('p', { class: 'drawer-muted', role: 'status', 'aria-busy': 'true', text: 'Reading sessions…' }));
+        if (d.totals.requests === 0)
+            return h('div', { class: 'card' }, h('p', { class: 'drawer-muted', role: 'status', text: 'Nothing was metered in this range.' }));
+        const colour = modelColours(d.models);
+        return h('div', { class: 'wb-body' }, tiles(d), h('div', { class: 'wb-pair' }, chart(d, colour, focusBucket, (id) => reveal(d.sessions, id)), outcomes(d)), h('div', { class: 'wb-pair wb-pair-sessions' }, sessionTable(d, colour, selected, showAll), () => {
+            const s = d.sessions.find((x) => x.sessionId === selected());
+            return s ? detail(s, d) : h('aside', { class: 'card wb-detail' }, h('p', { class: 'drawer-muted', text: 'Choose a session to see inside it.' }));
+        }));
+    });
+}
+/* ---------- Figures across the top ------------------------------------- */
+function tiles(d) {
+    const t = d.totals;
+    const sent = t.inputTokens + t.cacheReadTokens + t.cacheWriteTokens;
+    const cacheShare = sent > 0 ? t.cacheReadTokens / sent : null;
+    const tile = (label, value, sub, cls = '') => h('div', { class: `wb-tile ${cls}` }, h('span', { class: 'wb-tile-label', text: label }), h('span', { class: 'wb-tile-value', text: value }), h('span', { class: 'wb-tile-sub', text: sub }));
+    return h('div', { class: 'wb-tiles', role: 'group', 'aria-label': 'This range at a glance' }, tile('List cost', usd(t.costUsd), 'metered, not billed'), tile('Requests', count(t.requests), `${count(t.sessions)} session${t.sessions === 1 ? '' : 's'} · ${count(t.tools)} tool${t.tools === 1 ? '' : 's'}`), tile('Context sent', tokens(sent), `${tokens(t.outputTokens)} written back`), tile('Read from cache', cacheShare === null ? '—' : share(cacheShare), 'of the context sent'), tile('Refused or failed', count(t.refusedReplies + t.failedReplies), `${count(t.refusedReplies)} refused (429) · ${count(t.failedReplies)} failed (5xx)`, t.refusedReplies + t.failedReplies > 0 ? 'wb-tile-caution' : ''), tile('Outside any session', usd(t.unsessionedCostUsd), `${count(t.unsessionedRequests)} requests carry no session id`));
+}
+/* ---------- Cost over time, by model ----------------------------------- */
+/** A named model's series colour; any model outside the five takes the "other" colour. */
+function modelColours(models) {
+    return (model) => {
+        const i = models.indexOf(model);
+        return i < 0 ? 'var(--series-other)' : `var(--series-${i + 1})`;
+    };
+}
+const OTHER_COLOUR = 'var(--series-other)';
+/** A round axis top and its steps, so every gridline names a value the scale really reaches. */
+export function niceScale(max) {
+    if (!(max > 0))
+        return { top: 1, ticks: [0, 1] };
+    // Every round step (1, 2, 2.5, 5 times a power of ten) that gives three to
+    // six intervals; the lowest top wins, so a $40.20 peak gets a $50 axis, not
+    // the $60 a fixed four-step rule gave it (half the plot left empty).
+    const mag = 10 ** Math.floor(Math.log10(max));
+    let best = null;
+    for (const m of [0.1, 0.2, 0.25, 0.5, 1, 2, 2.5, 5]) {
+        const step = m * mag;
+        const top = Math.ceil(max / step - 1e-9) * step;
+        const intervals = Math.round(top / step);
+        if (intervals < 3 || intervals > 6)
+            continue;
+        if (!best || top < best.top - 1e-9 || (Math.abs(top - best.top) < 1e-9 && step > best.step))
+            best = { top, step };
+    }
+    const { top, step } = best ?? { top: Math.ceil(max / mag) * mag, step: mag };
+    const ticks = [];
+    for (let v = 0; v <= top + step / 2; v += step)
+        ticks.push(Number(v.toFixed(10)));
+    return { top: Number(top.toFixed(10)), ticks };
+}
+function bucketLabel(ms, bucketMs) {
+    const d = new Date(ms);
+    if (bucketMs <= 60 * 60 * 1000) {
+        const hh = String(d.getHours()).padStart(2, '0');
+        return { short: hh, long: `${hh}:00 to ${String((d.getHours() + 1) % 24).padStart(2, '0')}:00` };
+    }
+    const day = d.toLocaleDateString(undefined, { weekday: 'short', day: 'numeric', month: 'short' });
+    return bucketMs > 24 * 60 * 60 * 1000
+        ? { short: d.toLocaleDateString(undefined, { day: 'numeric', month: 'short' }), long: `Week from ${day}` }
+        : { short: String(d.getDate()), long: day };
+}
+function chart(d, colour, focusBucket, select) {
+    const max = d.buckets.reduce((m, b) => Math.max(m, b.costUsd), 0);
+    const { top, ticks } = niceScale(max);
+    const every = d.buckets.length > 16 ? Math.ceil(d.buckets.length / 10) : 1;
+    const unit = d.window.bucketMs <= 60 * 60 * 1000 ? 'hour' : d.window.bucketMs > 24 * 60 * 60 * 1000 ? 'week' : 'day';
+    const modelTotal = (m) => d.buckets.reduce((s, b) => s + (b.byModel.find((x) => x.model === m)?.costUsd ?? 0), 0);
+    const otherTotal = d.buckets.reduce((s, b) => s + b.otherUsd, 0);
+    const legend = [
+        ...d.models.map((m) => ({ name: m, colour: colour(m), total: modelTotal(m) })),
+        ...(otherTotal > 0 ? [{ name: 'other models', colour: OTHER_COLOUR, total: otherTotal }] : []),
+    ];
+    // The most expensive session that ran in a bucket: what clicking the bar opens.
+    const sessionIn = (i) => {
+        const start = d.buckets[i].startMs;
+        const end = d.buckets[i + 1]?.startMs ?? d.window.endMs;
+        return d.sessions.filter((s) => s.startMs < end && s.endMs >= start).sort((a, b) => b.costUsd - a.costUsd)[0];
+    };
+    const readout = () => {
+        const i = focusBucket();
+        if (i === null)
+            return `${usd(d.totals.costUsd)} over the range. Point at a ${unit} for its split; choose one to open its costliest session.`;
+        const b = d.buckets[i];
+        const parts = [...b.byModel.map((m) => `${m.model} ${usd(m.costUsd)}`), ...(b.otherUsd > 0 ? [`other models ${usd(b.otherUsd)}`] : [])].join(' · ');
+        return `${bucketLabel(b.startMs, d.window.bucketMs).long}: ${usd(b.costUsd)}, ${count(b.requests)} requests${parts ? ` (${parts})` : ''}`;
+    };
+    return h('div', { class: 'card wb-chart' }, h('div', { class: 'card-head' }, h('h2', { class: 'card-title', text: `List cost by ${unit}, by model` })), h('div', { class: 'wb-legend' }, ...legend.map((m) => h('span', { class: 'wb-legend-item' }, h('span', { class: 'wb-swatch', style: `background:${m.colour}`, 'aria-hidden': 'true' }), h('span', { class: 'wb-legend-name', text: m.name }), h('span', { class: 'wb-legend-value num', text: usd(m.total) })))), h('p', { class: 'wb-readout', role: 'status', text: readout }), h('div', { class: 'wb-plot' }, h('div', { class: 'wb-yaxis', 'aria-hidden': 'true' }, ...ticks.map((v) => h('span', { class: 'wb-ytick', style: `bottom:${(v / top) * 100}%`, text: usd(v) }))), h('div', { class: 'wb-bars', style: `--n:${d.buckets.length}` }, ...ticks.map((v) => h('span', { class: 'wb-grid', style: `bottom:${(v / top) * 100}%`, 'aria-hidden': 'true' })), ...d.buckets.map((b, i) => {
+        const label = bucketLabel(b.startMs, d.window.bucketMs);
+        const target = sessionIn(i);
+        return h('button', {
+            class: () => `wb-bar${focusBucket() === i ? ' is-focus' : ''}`,
+            'aria-label': `${label.long}: ${usd(b.costUsd)}${target ? '. Opens its costliest session' : ''}`,
+            disabled: b.costUsd <= 0 && !target ? true : undefined,
+            onmouseenter: () => focusBucket.set(i),
+            onmouseleave: () => focusBucket.set(null),
+            onfocus: () => focusBucket.set(i),
+            onblur: () => focusBucket.set(null),
+            onclick: () => { if (target) {
+                select(target.sessionId);
+                document.getElementById(rowId(target.sessionId))?.scrollIntoView({ block: 'nearest' });
+            } },
+        }, h('span', { class: 'wb-stack', style: `height:${top > 0 ? (b.costUsd / top) * 100 : 0}%` }, 
+        // Top to bottom: other models, then the named ones from cheapest to costliest.
+        ...[
+            ...(b.otherUsd > 0 ? [{ grow: b.otherUsd, fill: OTHER_COLOUR }] : []),
+            ...[...b.byModel].reverse().map((m) => ({ grow: m.costUsd, fill: colour(m.model) })),
+        ].map((seg) => h('span', { class: 'wb-seg', style: `flex-grow:${seg.grow};background:${seg.fill}` }))), h('span', { class: 'wb-xtick', 'aria-hidden': 'true', text: i % every === 0 ? label.short : '' }));
+    }))), d.totals.unsessionedRequests > 0
+        ? h('p', { class: 'basis', text: `The bars include all ${count(d.totals.requests)} requests. ${count(d.totals.unsessionedRequests)} of them (${usd(d.totals.unsessionedCostUsd)}) carry no session id, so they appear in no session below.` })
+        : h('p', { class: 'basis', text: 'Local list prices from the rate card. Billed is where this is checked against the invoice.' }));
+}
+/* ---------- What the session spend came to ----------------------------- */
+function outcomes(d) {
+    const o = d.outcomes;
+    const parts = OUTCOME_ORDER.map((k) => ({
+        k,
+        cost: k === 'noCommit' ? o.noCommit.costUsd : o[k].costUsd,
+        n: k === 'noCommit' ? o.noCommit.sessions : o[k].commits,
+    }));
+    const total = parts.reduce((s, p) => s + p.cost, 0);
+    return h('div', { class: 'card wb-outcomes' }, h('div', { class: 'card-head' }, h('h2', { class: 'card-title', text: 'What the session spend came to' })), total > 0
+        ? h('div', { class: 'wb-split', 'aria-hidden': 'true' }, ...parts.filter((p) => p.cost > 0).map((p) => h('span', { class: `wb-split-seg ${OUTCOME_WORDS[p.k].cls}`, style: `flex-grow:${p.cost}` })))
+        : null, h('div', { class: 'wb-oc-rows' }, ...parts.filter((p) => p.cost > 0 || p.k === 'kept' || p.k === 'notKept').map((p) => h('div', { class: 'wb-oc-row' }, h('span', { class: `wb-oc-key ${OUTCOME_WORDS[p.k].cls}` }, h('span', { class: 'wb-oc-dot', 'aria-hidden': 'true' }), h('span', { text: OUTCOME_WORDS[p.k].label })), h('span', { class: 'wb-oc-n num', text: p.k === 'noCommit' ? `${count(p.n)} session${p.n === 1 ? '' : 's'}` : `${count(p.n)} commit${p.n === 1 ? '' : 's'}` }), h('span', { class: 'wb-oc-cost num', text: usd(p.cost) }), h('span', { class: 'wb-oc-share num', text: total > 0 ? share(p.cost / total) : '—' })))), h('p', { class: 'basis', text: () => (isPrecise() ? o.basis : `Only sessions are counted here. A session's cost is split evenly across the commits its own log recorded${o.measuredAt === null ? '; no value read has run yet' : ''}. This is cost, not value.`) }));
+}
+/* ---------- Sessions ---------------------------------------------------- */
+function rowId(sessionId) {
+    return `wb-row-${sessionId.replace(/[^A-Za-z0-9_-]/g, '_')}`;
+}
+function tokens(n) {
+    if (n >= 1_000_000)
+        return `${(n / 1_000_000).toFixed(n >= 10_000_000 ? 0 : 1)}M`;
+    if (n >= 1_000)
+        return `${Math.round(n / 1_000)}k`;
+    return String(n);
+}
+function when(ms, bucketMs) {
+    const d = new Date(ms);
+    const time = d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });
+    return bucketMs <= 60 * 60 * 1000 ? time : `${d.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })} ${time}`;
+}
+function duration(ms) {
+    const m = Math.round(ms / 60_000);
+    if (m < 1)
+        return 'under a minute';
+    if (m < 60)
+        return `${m} min`;
+    return `${Math.floor(m / 60)} h ${String(m % 60).padStart(2, '0')} min`;
+}
+function sessionTable(d, colour, selected, showAll) {
+    // One scale for every row's context, so a long session reads as long beside a short one.
+    const scaleMax = d.sessions.reduce((m, s) => Math.max(m, s.contextPeakTokens), 0);
+    const at = (v) => (scaleMax > 0 ? (v / scaleMax) * 100 : 0);
+    const row = (s) => {
+        const lo = Math.min(s.contextStartTokens, s.contextEndTokens);
+        const hi = Math.max(s.contextStartTokens, s.contextEndTokens);
+        const measuredContext = s.profile.length > 0;
+        return h('tr', {
+            id: rowId(s.sessionId),
+            class: () => `wb-row${selected() === s.sessionId ? ' is-selected' : ''}`,
+            'aria-selected': () => (selected() === s.sessionId ? 'true' : 'false'),
+            onclick: () => selected.set(s.sessionId),
+        }, h('td', { class: 'wb-when num' }, h('button', {
+            class: 'link-btn wb-open',
+            'aria-label': `Open the session that started ${when(s.startMs, d.window.bucketMs)}`,
+            onclick: (e) => { e.stopPropagation(); selected.set(s.sessionId); },
+        }, h('span', { class: 'wb-when-day', text: new Date(s.startMs).toLocaleDateString(undefined, { day: 'numeric', month: 'short' }) }), h('span', { class: 'wb-when-time', text: new Date(s.startMs).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' }) }))), h('td', { class: 'wb-who' }, h('span', { class: 'wb-tool', text: s.source ?? 'direct' }), h('span', { class: 'wb-model' }, h('span', { class: 'wb-swatch', style: `background:${colour(s.model)}`, 'aria-hidden': 'true' }), h('span', { text: s.models > 1 ? `${s.model} +${s.models - 1}` : s.model }))), h('td', { class: 'num' }, h('span', { class: 'wb-req', text: count(s.requests) }), s.refusedReplies + s.failedReplies > 0
+            ? h('span', { class: 'wb-req-note', text: [s.refusedReplies > 0 ? `${count(s.refusedReplies)} refused` : '', s.failedReplies > 0 ? `${count(s.failedReplies)} failed` : ''].filter(Boolean).join(', ') })
+            : null), h('td', { class: 'wb-ctx' }, measuredContext
+            ? h('span', { class: 'wb-dumbbell', 'aria-hidden': 'true' }, h('span', { class: 'wb-db-track' }), s.contextPeakTokens > hi ? h('span', { class: 'wb-db-peak', style: `left:${at(s.contextPeakTokens)}%` }) : null, h('span', { class: `wb-db-span${s.contextEndTokens < s.contextStartTokens ? ' is-down' : ''}`, style: `left:${at(lo)}%;width:${Math.max(0, at(hi) - at(lo))}%` }), h('span', { class: 'wb-db-start', style: `left:${at(s.contextStartTokens)}%` }), h('span', { class: 'wb-db-end', style: `left:${at(s.contextEndTokens)}%` }))
+            : null, h('span', { class: 'wb-ctx-text num', text: measuredContext ? `${tokens(s.contextStartTokens)} → ${tokens(s.contextEndTokens)}` : 'not reported' })), h('td', { class: 'num wb-cost', text: usd(s.costUsd) }), h('td', { class: 'wb-commits' }, s.commits.length === 0
+            ? h('span', { class: 'wb-none', text: 'no commit' })
+            : h('span', { class: 'wb-chips' }, ...s.commits.map((c) => h('span', {
+                class: `wb-chip ${OUTCOME_WORDS[c.outcome].cls}`,
+                title: `${c.sha.slice(0, 12)} ${c.subject}: ${OUTCOME_WORDS[c.outcome].label}`,
+                text: SHORT_WORDS[c.outcome],
+            })))));
+    };
+    return h('div', { class: 'card wb-sessions' }, h('div', { class: 'card-head' }, h('h2', { class: 'card-title', text: 'Sessions, newest first' }), h('span', { class: 'wb-head-note', text: `${count(d.totals.sessions)} in this range` })), h('div', { class: 'table-wrap' }, h('table', { class: 'wb-table' }, h('thead', null, h('tr', null, h('th', { text: 'Started' }), h('th', { text: 'Tool · model' }), h('th', { class: 'num', text: 'Requests' }), h('th', { text: 'Context, first → last' }), h('th', { class: 'num', text: 'List cost' }), h('th', { text: 'Outcome' }))), h('tbody', null, () => (showAll() ? d.sessions : d.sessions.slice(0, FIRST_ROWS)).map(row)))), () => (d.sessions.length > FIRST_ROWS && !showAll()
+        ? h('button', { class: 'link-btn wb-more', onclick: () => showAll.set(true), text: `Show all ${count(d.sessions.length)} sessions` })
+        : null), d.sessionsOmitted > 0
+        ? h('p', { class: 'basis', text: `The ${count(d.sessionLimit)} newest are listed; ${count(d.sessionsOmitted)} older sessions are in the totals but not the list.` })
+        : null, h('p', { class: 'basis', text: 'Context is what each request sent: new input plus cached context read and written. The line runs from the first request to the last, on one scale for every row; a tick marks the peak when it came between.' }));
+}
+/* ---------- Inside one session ------------------------------------------ */
+function detail(s, d) {
+    const sent = s.inputTokens + s.cacheReadTokens + s.cacheWriteTokens;
+    const peak = s.profile.reduce((m, v) => Math.max(m, v), 0);
+    const marksAt = new Map();
+    for (const m of s.marks)
+        marksAt.set(m.at, marksAt.has(m.at) && marksAt.get(m.at) !== m.kind ? 'both' : m.kind);
+    const fact = (k, v) => h('div', { class: 'wb-fact' }, h('dt', { text: k }), h('dd', { class: 'num', text: v }));
+    return h('aside', { class: 'card wb-detail', 'aria-label': 'Inside this session' }, h('div', { class: 'card-head' }, h('h2', { class: 'card-title', text: 'Inside this session' }), h('span', { class: 'wb-head-note num', text: usd(s.costUsd) })), h('p', { class: 'wb-detail-who' }, h('strong', { text: s.source ?? 'Direct traffic' }), ` on ${s.project}, ${when(s.startMs, 0)} for ${duration(s.endMs - s.startMs)}.`), s.profile.length > 0
+        ? h('div', { class: 'wb-profile-wrap' }, h('div', { class: 'wb-profile', role: 'img', 'aria-label': `Context per request, rising from ${tokens(s.contextStartTokens)} to ${tokens(s.contextEndTokens)}, peak ${tokens(peak)}` }, ...s.profile.map((v, i) => h('span', {
+            class: `wb-pbar${marksAt.has(i) ? ` has-mark mark-${marksAt.get(i)}` : ''}`,
+            style: `height:${peak > 0 ? Math.max(2, (v / peak) * 100) : 0}%`,
+            title: `${tokens(v)} tokens of context`,
+        }))), h('div', { class: 'wb-profile-axis' }, h('span', { text: `first: ${tokens(s.contextStartTokens)}` }), h('span', { text: `peak: ${tokens(peak)}` }), h('span', { text: `last: ${tokens(s.contextEndTokens)}` })), s.marks.length > 0
+            ? h('p', { class: 'wb-profile-key' }, h('span', { class: 'wb-mark-key mark-refused', 'aria-hidden': 'true' }), ' refused (429)  ', h('span', { class: 'wb-mark-key mark-failed', 'aria-hidden': 'true' }), ' failed (5xx), at the request before it')
+            : null)
+        : h('p', { class: 'drawer-muted', text: 'The tool reported no usage for this session, so its context is not known.' }), h('dl', { class: 'wb-facts' }, fact('Requests', count(s.requests)), fact('Context sent', tokens(sent)), fact('Read from cache', sent > 0 ? share(s.cacheReadTokens / sent) : '—'), fact('Written back', tokens(s.outputTokens)), fact('Refused or failed', `${count(s.refusedReplies)} · ${count(s.failedReplies)}`), fact('Models', s.models > 1 ? `${count(s.models)}, mostly ${s.model}` : s.model)), h('h3', { class: 'wb-sub', text: 'Commits this session made' }), s.commits.length === 0
+        ? h('p', { class: 'drawer-muted', text: 'None linked. A session is linked to a commit only when its own log records making it.' })
+        : h('ul', { class: 'wb-commit-list' }, ...s.commits.map((c) => h('li', { class: 'wb-commit' }, h('span', { class: 'wb-sha', text: c.sha.slice(0, 10) }), h('span', { class: 'wb-subject', text: c.subject }), h('span', { class: `wb-chip ${OUTCOME_WORDS[c.outcome].cls}`, text: OUTCOME_WORDS[c.outcome].label }), c.checkMs !== null
+            ? h('span', { class: 'wb-check', text: `checked ${new Date(c.checkMs).toLocaleDateString(undefined, { day: 'numeric', month: 'short' })}` })
+            : null))), h('h3', { class: 'wb-sub', text: 'Worth a look next time' }), h('ul', { class: 'wb-hints' }, ...hints(s, d).map((t) => h('li', { text: t }))));
+}
+/**
+ * Plain observations drawn only from this session's own figures. Each names the
+ * fact it rests on; none promises a saving the ledger cannot show.
+ */
+export function hints(s, d) {
+    const out = [];
+    const sent = s.inputTokens + s.cacheReadTokens + s.cacheWriteTokens;
+    if (s.profile.length > 1 && s.contextEndTokens >= 2 * Math.max(1, s.contextStartTokens) && s.contextEndTokens >= 40_000) {
+        out.push(`Context grew from ${tokens(s.contextStartTokens)} to ${tokens(s.contextEndTokens)} a request. Every later request paid to resend it; a fresh session for the next task starts small again.`);
+    }
+    if (sent > 0 && s.requests >= 4 && s.cacheReadTokens / sent < 0.3) {
+        out.push(`Only ${share(s.cacheReadTokens / sent)} of the context came from cache. Cached reads are priced well below new input, and a stable opening prompt is what lets a tool reuse them.`);
+    }
+    if (s.refusedReplies > 0)
+        out.push(`${count(s.refusedReplies)} request${s.refusedReplies === 1 ? ' was' : 's were'} refused with a 429. If a Segreant cap refused ${s.refusedReplies === 1 ? 'it' : 'them'}, Protect shows which one.`);
+    if (s.failedReplies > 0)
+        out.push(`${count(s.failedReplies)} request${s.failedReplies === 1 ? '' : 's'} failed (5xx). A failed request that is retried is paid for twice.`);
+    if (s.usageUnknownRequests > 0)
+        out.push(`${count(s.usageUnknownRequests)} request${s.usageUnknownRequests === 1 ? '' : 's'} never reported usage, so this session's cost is a floor.`);
+    if (s.commits.length === 0)
+        out.push('No commit is linked. If this session produced work, its tool did not log the commit, so the outcome stays unknown rather than guessed.');
+    if (s.commits.some((c) => c.outcome === 'notKept'))
+        out.push('A commit from this session was not kept. Its cost is on the Value page under work that did not last.');
+    if (s.commits.some((c) => c.outcome === 'unmeasured') && d.outcomes.measuredAt !== null)
+        out.push('A commit here matches no single measured commit: it is newer than the last value read, or its short sha fits more than one. A value read from the Value page files a new one.');
+    if (out.length === 0)
+        out.push('Nothing stands out: context stayed level, the cache did its work, and nothing was refused.');
+    return out;
+}

package/dist/dashboard/web/classic.html

@@ -4,7 +4,7 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>Segreant — classic dashboard</title>
-<link rel="icon" type="image/png" href="data:image/png;base64,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" />
+<link rel="icon" type="image/png" href="data:image/png;base64,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" />
 <!-- No web fonts. The dashboard makes ZERO external browser requests; this is
      a browser-app property, not a claim that proxy-routed provider traffic is
      offline.
@@ -1052,8 +1052,11 @@ $('#viewnav').addEventListener('click', (e) => {
 // an operator-imported provider report, not verified provider API data or a
 // reconciled mapping to the local request ledger.
 const billingTime = (ms) => {
+  // An absent instant is null/undefined/'' and Number() turns each of them into 0,
+  // which is a finite number: the 1970 epoch. Only a positive instant is a time.
+  if (ms === null || ms === undefined || ms === '') return '—';
   const n = Number(ms);
-  return Number.isFinite(n) ? new Date(n).toLocaleString() : '—';
+  return Number.isFinite(n) && n > 0 ? new Date(n).toLocaleString() : '—';
 };
 const billingUsd = (micros) => {
   const n = Number(micros);
@@ -1761,7 +1764,7 @@ function renderValue(d) {
       if (body.error === 'no-sessions-in-window') {
         out.textContent = `no sessions in the last ${body.windowDays} days for "${body.project}" — run some real traffic through the proxy first`;
       } else if (!res.ok) {
-        out.textContent = `judge failed: ${body.error || res.status}`;
+        out.textContent = `judge failed: ${serverErrorText(body, String(res.status))}`;
       } else {
         const j = body.judgment; const t = body.tier;
         const warn = t && t.sendsContentOffDevice ? '<span style="color:var(--coral)">⚠ sent a transcript excerpt off-device</span> · ' : '';
@@ -2060,10 +2063,19 @@ function showSettingsError(error) {
   });
 }
 
+// Routes answer either { error: 'text' } or { error: { code, message } }.
+// Wrapping the object form in an Error printed "[object Object]".
+function serverErrorText(data, fallback) {
+  const e = data && data.error;
+  if (typeof e === 'string' && e) return e;
+  if (e && typeof e.message === 'string' && e.message) return e.message;
+  return fallback;
+}
+
 async function settingsJson(res) {
   let data = null;
   try { data = await res.json(); } catch (_) { /* use the status below */ }
-  if (!res.ok) throw new Error(data && data.error ? data.error : `Settings request failed (${res.status})`);
+  if (!res.ok) throw new Error(serverErrorText(data, `Settings request failed (${res.status})`));
   return data;
 }
 

package/dist/dashboard/web/index.html

@@ -4,7 +4,7 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>Segreant</title>
-<link rel="icon" type="image/png" href="data:image/png;base64,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" />
+<link rel="icon" type="image/png" href="data:image/png;base64,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" />
 <!--
   DIRECTION CONTRACT