{/* Segmented bar — 25 cells, one per verifier. Cells fill in left-to-right
as votes resolve. A vertical PASS BAR line sits between cells 17 and 18,
with a labeled flag above. Universal vote-count pattern. */}
{/* Decision + latency */}
);
}
Object.assign(window, { ConsensusGate, TX_ORDERS, decisionFor });
// ── SegBar — 25-cell verifier vote bar with a hard PASS BAR line ─
function SegBar({ votes, shown, ys, ns, as, finalShown, pass, ratio }) {
// Position of the PASS BAR boundary: exactly between cell 17 and 18.
// With 25 equal cells the boundary sits at 17/25 of the bar width.
const passBarPct = (17 / 25) * 100;
const pct = Math.round(ratio * 100);
return (
{/* HEADER ROW — running count on the left, verdict stamp on the right */}
{/* PASS BAR flag — floats above the bar at the 17/25 boundary */}
PASS BAR · 17 OF 25
{/* tick connecting flag to bar */}
{/* SEGMENTED BAR — 25 cells, fill in left-to-right */}
{votes.map((v, i) => {
const visible = i < shown;
const baseColor = v === 'y' ? T.allow : v === 'n' ? T.refuse : T.caution;
// Pull agent metadata from council-data (loaded ahead of this script).
const ag = (typeof AGENTS !== 'undefined') ? AGENTS[i] : null;
const specLabel = ag ? (SPEC[ag.specialty]?.label || '') : '';
const voteLabel = !visible ? 'pending'
: v === 'y' ? 'agrees'
: v === 'n' ? 'disagrees'
: 'abstains';
const tip = ag
? `#${String(ag.id).padStart(2,'0')} · Agent ${ag.name} · ${specLabel} · ${voteLabel}`
: `Verifier ${i + 1} · ${voteLabel}`;
return (
{/* Pre-fill tick — subtle counter so you know which cell is up next */}
{!visible && (
{i + 1}
)}
);
})}
{/* Hard vertical PASS BAR line — sits between cells 17 and 18 */}
{/* Soft glow on the pass-side of the bar once cleared */}
{finalShown && pass && (
)}
{/* TICK ROW — verifier indices, with 17 highlighted */}
{Array.from({ length: 25 }).map((_, i) => {
const n = i + 1;
const showLabel = n === 1 || n === 17 || n === 25 || n % 5 === 0;
return (
{showLabel ? n : ''}
);
})}
{/* LEGEND */}
Pass bar — clears at 17 of 25 (68%)
);
}
function LegendChip({ color, label }) {
return (
One verifier {label}
);
}