{sw && {sw.t}}
{/* an unspent OFFERING — a real reason to return to a worked perch */}
{intel.offerIcon && intel.offerAvail && (
OFFER
)}
)}
)}
{state === 'reachable' && node.forecast && (
◐ BY {node.forecast}
)}
{state === 'reachable' && (
{hold
? ⧖ HOLD
: spent
? PASS
: OPEN}
)}
);
}
// SVG edges under a layer of GraphNode divs. Coords are raw px in w×h.
function GraphCanvas({ graph, w, h, orient, labelSide }) {
const { nodeState, edgeState } = deriveStates(graph);
const byId = Object.fromEntries(graph.nodes.map(n => [n.id, n]));
const stroke = (s) => {
if (s === 'traveled') return { stroke: 'var(--stamp-amber)', width: 2.4, dash: '', op: 0.9 };
if (s === 'open') return { stroke: 'var(--ink)', width: 1.8, dash: '', op: 0.85 };
return { stroke: 'var(--ink-faded)', width: 1, dash: '4 6', op: 0.65 };
};
return (
{graph.nodes.map(n => (
))}
);
}
// ---- Shared chrome -------------------------------------------------
function ExpHeader({ days = 23, hull = 72, sub }) {
const SEG = 20, filled = Math.ceil((hull / 100) * SEG);
return (
<>
Hull Integrity
{Array.from({ length: SEG }).map((_, i) => (
))}
{hull.toString().padStart(3, '0')}/ 100
Atlas · Run Chart
The Whispering Strata
{sub || 'Choose your bearing · branch resolves on arrival'}
Days Remaining
{days.toString().padStart(2, '0')}DAYS
);
}
// Bearing Inspector — replaces the telemetry log. Shows the open branches
// you're choosing between + detail on the focused one.
function BearingInspector({ depth = 2, total = 5, bearings, focus = 0, dests }) {
const f = bearings[focus];
return (