// Direction C — PROJECT LANES. Swimlane / kanban by property. A decision
// banner spans the top; each project is a lane of stacked stage cards
// (pipeline for in-flight work, shipped/commerce cards for live ones).
// Spend + momentum strip anchors the bottom.
function C_Header() {
const m = WW.meta;
return (
{m.title}
{m.subtitle}
· by property
{WW.kpis.map((k, i) => (
{k.value}
{k.label}
))}
);
}
function C_DecisionBanner() {
return (
Needs you today
{WW.meta.call}
{WW.decisions.map(d => (
{String(d.n).padStart(2, '0')}
{d.area}
{d.title}
{d.rec}
{d.cost}
))}
Ready on your go
{WW.goSignals.map(g => (
{g.ref}
{g.title}
{g.owner}
))}
);
}
// generic stage card in a lane
function C_Card({ tone = 'neutral', children, onLeor }) {
const t = TONE[tone] || TONE.neutral;
return (
{children}
);
}
function C_LaneHead({ p }) {
return (
{p.name}
{p.tagline}
{p.metrics.map(([k, v]) => (
{k} {v}
))}
);
}
function C_Lane({ p, children }) {
return (
);
}
function C_Lanes({ cols = 4 } = {}) {
const byKey = Object.fromEntries(WW.projects.map(p => [p.key, p]));
const winsFor = (tag) => WW.wins.filter(w => w.tag === tag);
return (
{/* COV */}
Shipped
{winsFor('COV').map((w, i) => (
))}
{/* BPC */}
Shipped
{winsFor('BPC').map((w, i) => (
))}
{winsFor('AFF').map((w, i) => (
{w.text}
affiliate · {w.t}
))}
{/* GROPLATE — workstream pipeline */}
Pipeline · 5 workstreams
{WW.groplate.workstreams.map(w => (
{w.onLeor && }
{w.name}
{w.state}
{w.next}
{w.blocker}
))}
{/* PADFOUNDRY — commerce + risks */}
Commerce
{WW.commerce.map(c => (
{c.value}
))}
Critical risks · 4
{WW.risks.map(r => (
{r.level}
{r.title}
{r.ref}
{r.detail}
))}
{s.committedLabel}
{s.caption}
} />
{s.items.map(it => (
{it.item}
{it.range}
{it.status}
))}
} />
7-day count · as of {r.asOf}
);
}
function DirectionC() {
return (
);
}
window.DirectionC = DirectionC;