Press Race — the same FCA remediation, run by both banks.
}
{albionDone && !traditionalDone && (
Albion: finished — the traditional bank is still ~{Math.max(0, Math.round((model.traditionalMonths - tradMonthsElapsed) * 10) / 10)} months from the board resolution.
)}
{t >= maxFin && (
≈ {model.traditionalMonths} months → {model.albionMinutes} min · {model.fasterPct}% faster
)}
);
}
/* ---------------- State of the Bank (overlay) ---------------- */
function BankBoard({ model, day, onClose }) {
const U = window.AlbionUI;
const HIGHER_WORSE = { provisionsGbp: true, rwaGbp: true };
const d = Math.max(0, Math.min(365, day || 0));
const fmt = (unit, v) => {
if (unit === 'pct') return (Math.round(v * 10) / 10) + '%';
if (unit === 'gbp') return v >= 1e9 ? '£' + (v / 1e9).toFixed(1) + 'bn' : v >= 1e6 ? '£' + (v / 1e6).toFixed(1) + 'm' : '£' + Math.round(v);
return v >= 1e6 ? (v / 1e6).toFixed(2) + 'm' : v >= 1e3 ? Math.round(v / 1e3) + 'k' : Math.round(v).toString();
};
const fmtDelta = (unit, dv) => {
const s = dv >= 0 ? '+' : '−';
const a = Math.abs(dv);
if (unit === 'pct') return s + (Math.round(a * 100) / 100) + 'pp';
if (unit === 'gbp') return s + (a >= 1e9 ? '£' + (a / 1e9).toFixed(1) + 'bn' : '£' + Math.round(a / 1e6) + 'm');
return s + (a >= 1e6 ? (a / 1e6).toFixed(2) + 'm' : Math.round(a / 1e3) + 'k');
};
// Sparkline = deviation from the year's opening value, on a consistent ±15% scale
// (with a dashed baseline at the start level), so the visual swing matches the actual change.
const spark = (pts) => {
const W = 120, H = 30, mid = H / 2, BAND = 0.15;
const open = pts[0] ? pts[0].value : 0;
const vis = pts.slice(0, d + 1);
if (vis.length < 2 || open === 0) return null;
const step = Math.max(1, Math.floor(vis.length / 48));
const pk = vis.filter((_, i) => i % step === 0 || i === vis.length - 1);
const yFor = (v) => { const cl = Math.max(-1, Math.min(1, (v / open - 1) / BAND)); return mid - cl * (mid - 2); };
const path = pk.map((p, i) => {
const x = ((i / (pk.length - 1)) * W).toFixed(1);
return (i === 0 ? 'M' : 'L') + x + ' ' + yFor(p.value).toFixed(1);
}).join(' ');
return (
);
};
const move = [...model.moves].reverse().find(m => m.day <= d);
return (
e.stopPropagation()}>
07
State of the Bank — Albion Financial Groupvital signs · live to the simulated clock · sparklines show deviation from year-start (±15%) · illustrative
The Constitution{version} · the shared charter every agent inherits · governs {n} agents
{active && (
Constitution {version} → {version}.1 · one edit re-deploys all {n} agents
{Array.from({ length: n }).map((_, i) => )}
)}
{articles.map((a, i) => {
const am = amendmentFor(a.id);
const isActive = am && activeId === am.id;
return (
{i + 1}
{a.title}
{isActive ? am.newText : a.text}
{am && (
)}
);
})}
{!active ? (
Apply an amendment to a clause — watch it re-deploy across the whole workforce, then run one agent under the old and new rule to see its judgement shift.
After · amended {preview.live ? ● live : scripted}
{preview.after}
)}
)}
One document governs the entire workforce — total culture change in a single edit, and the bank's single point of failure. Amending it is a board-reserved act.
);
}
/* ---------------- Fork the Bank (overlay) ---------------- */
const FK_HIGHER_WORSE = { provisionsGbp: true, rwaGbp: true };
function forkSpark(baseSeries, shockSeries, fromDay) {
const W = 168, H = 46, n = 366;
let lo = Infinity, hi = -Infinity;
for (let i = 0; i < n; i++) {
const a = (baseSeries[i] && baseSeries[i].value) || 0;
const b = (shockSeries[i] && shockSeries[i].value) || 0;
if (a < lo) lo = a; if (a > hi) hi = a; if (b < lo) lo = b; if (b > hi) hi = b;
}
if (hi === lo) hi = lo + 1;
const pad = (hi - lo) * 0.08; lo -= pad; hi += pad;
const step = Math.max(1, Math.floor(n / 80));
const path = (series) => {
let d = '';
for (let i = 0; i < n; i += step) {
const v = (series[i] && series[i].value) || 0;
const x = (i / (n - 1)) * W, y = H - ((v - lo) / (hi - lo)) * H;
d += (i === 0 ? 'M' : 'L') + x.toFixed(1) + ' ' + y.toFixed(1);
}
const lv = (series[n - 1] && series[n - 1].value) || 0;
d += 'L' + W + ' ' + (H - ((lv - lo) / (hi - lo)) * H).toFixed(1);
return d;
};
const markX = (fromDay / (n - 1)) * W;
return (
);
}
function Fork({ shocks, runId, day, agentConfigs, live, onClose }) {
const U = window.AlbionUI;
const list = shocks || [];
const [selId, setSelId] = React.useState(list[0] ? list[0].id : null);
const [result, setResult] = React.useState(null);
const [loading, setLoading] = React.useState(false);
const sel = list.find(s => s.id === selId) || null;
const fmtVal = (unit, v) => {
if (unit === 'pct') return (Math.round(v * 10) / 10) + '%';
if (unit === 'gbp') return v >= 1e9 ? '£' + (v / 1e9).toFixed(1) + 'bn' : v >= 1e6 ? '£' + (v / 1e6).toFixed(0) + 'm' : '£' + Math.round(v);
return v >= 1e6 ? (v / 1e6).toFixed(2) + 'm' : v >= 1e3 ? Math.round(v / 1e3) + 'k' : Math.round(v).toString();
};
const fmtDelta = (unit, dv) => {
const s = dv >= 0 ? '+' : '−', a = Math.abs(dv);
if (unit === 'pct') return s + (Math.round(a * 100) / 100) + 'pp';
if (unit === 'gbp') return s + (a >= 1e9 ? '£' + (a / 1e9).toFixed(1) + 'bn' : '£' + Math.round(a / 1e6) + 'm');
return s + (a >= 1e6 ? (a / 1e6).toFixed(2) + 'm' : Math.round(a / 1e3) + 'k');
};
async function fork(s) {
if (!s || loading) return;
setLoading(true); setResult(null);
try {
const res = await fetch('/api/fork' + (live ? '?live=1' : ''), {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ shockId: s.id, day }),
}).then(r => r.json());
setResult(res);
} catch (e) {
setResult({ error: true, response: 'Could not reach the bank — is the server running?', divergence: [], live: false });
}
setLoading(false);
}
const headline = result && result.divergence
? [...result.divergence]
.filter(d => Math.abs(d.delta) > 1e-6 && d.baselineValue !== 0)
.sort((a, b) => Math.abs(b.delta / b.baselineValue) - Math.abs(a.delta / a.baselineValue))
.slice(0, 4)
: [];
const responder = result && agentConfigs ? agentConfigs[result.shock.responderId] : null;
return (
e.stopPropagation()}>
11
Fork the Bankbranch the bank's forward model under a shock · run both timelines · illustrative
{list.map(s => (
{ setSelId(s.id); setResult(null); }}>
{s.label}
{s.sub}
{s.narrative}
))}
{!sel ?
Select a shock.
: (
<>
{loading &&
projecting the baseline and the forked timeline…
}
{result && !loading && !result.error && (
<>
— baseline- - forkedforked at day {result.fromDay} · both share history to here