// DRIVR — DA scorecard, dark theme. Phone reproduction of the light-app scorecard.
// Driving Safety & Delivery Quality sections with green→yellow→red heat bars.
function Tri() {
return (
);
}
// One metric row. heat: "" | "good" | "bad" | "none". w = fill width %.
function Row({ label, sub, value, unit, heat = "none", w = 46 }) {
const hasHeat = heat !== "none";
return (
{hasHeat && (
)}
{label}
{value}
{unit && {unit}}
);
}
function EventsLabel() {
return (
Eventsper 100 deliveries
);
}
// Podium + star — "standings / rank".
// ── Builder modules (slide 5: "build what nobody sells") ──────────────
// Operator-built tools woven into the scorecard. Coded blue (--accent) to
// read as "yours", vs the teal of standard DRIVR scorecard data.
function ToolHeader({ title, icon }) {
return (
{icon && }
{title}Your tool
);
}
function BuilderCard({ title, icon, children }) {
return (
{children}
);
}
function Track({ pct, color = "var(--accent-bright)", marks = [] }) {
return (