mirror of
https://github.com/AgentSeal/codeburn.git
synced 2026-07-31 03:44:59 +00:00
015a1a069a
D1 one shared EmptyNote (7 copies removed); CliErrorPanel on canonical tokens; dead code deleted (CapsuleChart, stale SERIES_HEX palette, Stat tone API, unused rail/doc-chrome CSS) D2 type ladder tokens (--fs-*/--fw-*); panel titles unified 13/600/ink; high-visibility sizes/weights snapped to rungs D3 contrast: --mut2 5.00:1 light / 5.74:1 dark (was 2.37/3.11); new --accent-text 5.07:1 + persistent underline on text links; last prose em-dash removed D4 'See all' and 'Most expensive sessions' navigate to Sessions; 'add alias' jumps to Settings/Aliases; chevrons only on clickable rows; inline confirm replaces window.confirm; default-period setting honored at boot; Sankey caption no longer promises a click; Optimize 'improving' trend badges; cursor + Space-key fixes D5 aria-current on nav, SegTabs as real tablist, aria-pressed toggles, ProviderPop rebuilt on Dropdown (one tab stop, arrow keys, focus ring) 191/191, typecheck + build green. Contrast ratios independently recomputed. Net -93 lines.
22 lines
493 B
TypeScript
22 lines
493 B
TypeScript
import type { ReactNode } from 'react'
|
|
|
|
/** A `.panel.stat` metric card: label strip + big value + delta line. */
|
|
export function Stat({
|
|
label,
|
|
value,
|
|
delta,
|
|
}: {
|
|
label: ReactNode
|
|
value: ReactNode
|
|
delta?: ReactNode
|
|
}) {
|
|
return (
|
|
<div className="panel stat">
|
|
<div className="phead"><b>{label}</b></div>
|
|
<div className="pbody">
|
|
<div className="v">{value}</div>
|
|
{delta !== undefined && <div className="d">{delta}</div>}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|