Wrap N children in .og-stagger to slide them in with escalating animation-delay (0ms → 420ms in 60ms steps).

The same primitive used by the onboarding stock picker. Click to toggle selection — the whole card is the hit target.

Glass shell · commandk-enter motion · 2-px left-edge accent on the active row · group labels in tracked-out tertiary mono · ↑ ↓ to navigate · ↵ to select · ESC to close.

Two-column hero: gradient headline + sub-line + chip strip on the left, glass sign-in (or primary CTA) card on the right. The card shares its shell with the Cmd+K palette and Modal so the motion + chrome read as one family across the app.

The hero ships a faked-but-realistic KPI strip whose numbers jitter every 2.4s so the surface reads as “live” without becoming distracting. Use it on public surfaces where you want to hint at the real product's motion without exposing live user data.

Six (or fewer) raised cards in a 3-col responsive grid. Each row opens with an IconTile, ends with a dotted-divider meta footer in mono. Wrap the grid in og-stagger to slide cards in with escalating delays on first paint.

Three solid-surface cards with floating gradient number pills. Use sparingly — the cards work best as the “and now what?” beat between the hero and the bottom CTA.

The closer for marketing pages. Gradient backdrop, large headline + sub-line, primary action paired with a ghost alternative. Stretches full-width inside the page shell.

What it is: the persistent top bar. Anatomy: brand wordmark (trd · candle · fun) · underlined tabs where active = primary text + 600 weight + a 2px --blue underline · a right utility cluster (live status dot, bells, sign-out, theme toggle) split by 1px dividers · an inline search field that opens the Cmd+K palette. Composes from the Kbd primitive (⌘K) and lucide icons. Source: app/components/DashboardNav.tsx.

What it is: two independent flat segmented controls under the nav. GROUP picks how rows are bucketed (Sections · None · Themes); SHOW picks which asset kinds appear (All · Stocks · Crypto). They are orthogonal — any Group combines with any Show. Active segment lifts to --bg-surface with a soft shadow. Source: app/components/WatchlistViewBar.tsx.

Click either control to cycle it — Group and Show move independently. When Group = Themes the bar grows a green-washed “Discover” promo panel plus a horizontally-scrollable sector chip row (documented on the Themes surfaces).

What it is: the single priority dot + short label that replaced the old activity + IBKR-sync badges. Anatomy: one dot whose color/label resolves by priority — IBKR error → stale → IBKR syncing → live / polling — with a soft pulse while active. Verbose detail (ago timestamp, IBKR fetch time, “Data HH:MM”) lives in a hover/focus tooltip. Source: app/components/StatusCluster.tsx.

What it is: the page masthead — identity, live quote, actions, and a cached one-line TLDR. Used on: /stock/<symbol>.

What it is: a slim figure strip under the hero. Tiles are omitted (not dashed) when a value is missing. Momentum chips colour by sign.

What it is: the cache-shared AI brief. Its header badge encodes one of four states. Stale shows the SAME content (never hidden) with an amber badge; only none swaps in a teaser / generating notice.

What it is: the right-hand rail — valuation + momentum key/value cards and blue theme chips. Each card hides entirely when its data is empty.

Mono eyebrow (EyebrowLabel) → oversized title (clamp(40px,6vw,62px), weight 800, letter-spacing -.03em) → bold sub-headline (the AI headline) → an intro overview paragraph as prose (not bullets) → a N stocks · curated/AI theme meta line. Used on: /theme/<slug>.

A full-width strip of seven KPI tiles: 1D basket move, real 1-yr growth, aggregate cap, company count, median P/E, and 30D / 90D basket moves. Momentum / valuation figures are computed client-side from the loaded fundamentals. Signed values colour via var(--green) / var(--red). Composes the shared StatTile primitive. Used on: /theme/<slug>.

A full-width synthesis of the brief's whyItMatters / overview: a mono section label, a bold lead line, and a bulleted body. The editorial anchor of the page. Used on: /theme/<slug>.

Three raised cards (Card variant="raised"): the bull case (green, TrendingUp), the catch (amber, AlertTriangle), and outlook · 12mo (blue, Compass). Each = a tinted IconTile with a monochrome lucide line icon → heading → bullets → a dashed-divider mono keyword footer tinted to the card's tone. One tone per card (DS §5). Used on: /theme/<slug>.

Selectable cards (toggle into the watchlist). The big-player card is dense — symbol, live price, 1D chip, 1D/30D/90D momentum strip, market cap + sector role chip, and a USP tagline. The rising-star card is a compact two-momentum-cell variant. Selection affordance is BLUE (DS §5), never green. Used on: /theme/<slug>.

The "More in this theme" roster folds two card kinds into one dense grid. Public names render as selectable, solid-border roster cards (left). Private / pre-IPO names are info-only — a gold status badge flags the stage and the figure is a last-round valuation (dotted underline), not a live price. Used on: /theme/<slug>.

Header (ticker + company + live price + refresh/expand/close icons) → provider chips → meta line → synthesis rows → sources drawer → follow-up chips → ask box. Live: ResearchView (variant="panel").

The synthesis bar, type chip, send button, and follow-up borders all read from --rv-accent, which defaults to the gold --rp-accent (#d8b765). A call site can re-tint an entire instance — e.g. an embedded variant — by setting --rv-accent once on the wrapper, with no component fork.

The pulsing market pill (phase-aware), the recompute / updated / universe meta line, the H1 headline, the AI subhead, and the four verdict tally tiles (Long / Exit / Short / Wait).

The “Ready to buy” title + “N firing now” bull chip, the [Watched | All universe] segmented control with the theme dropdown, and the tape itself. Click a row to expand its drill-down; the theme menu and scope toggle are live.

The expanded accordion: large VerdictPill + confidence, the three traffic lights, the LABELED 2×2 quadrant matrix with its guidance line, the two link-out buttons, and the left-aligned “Why — engine verdict” reasons list (leading › marker).

The reusable atoms the row and drill-down compose from. The quadrant matrix labels its axes (Oversold→Overbought, Bullish→Bearish) and fills the active named cell in its tone color.

“Heating up · 30D momentum” — ranked theme chips (name + signed % + arrow), each a link to its /theme/<slug> AI deck.

The five research sources — news · x · reddit · fundamentals · portfolio — in canonical order. Each chip carries a colored provider icon, an uppercase label, an age figure (tabular-nums), and a status dot: fresh · stale · tertiary empty · failed · pulsing gold loading. Live: ProviderChipStrip.

One row per provider section: a 2-px left-edge gradient bar in that provider's accent fades from solid to transparent, a heading + a tinted tag, and a body paragraph (sans prose, not mono). The first row is always the cross-source Synthesis · Overview, tagged gold. Live: SynthesisBlock.

Left rail of past runs grouped by recency (Today / Yesterday / This week). Each card: a status dot (complete / partial / failed), a when · cost meta row (mono figures), a 2-line query, and a sources count. The active card gets a gold-tinted fill + ring. Live: SessionRail.

A compact run-metadata strip — run age · model · sources loaded · cost · tokens as label/value cells (mono) — with export actions pushed right. Below it, the sticky input dock: a row of quick-prompt pills over a composer with a gold send button. Live: BundleMetaStrip + QuickPrompts.

The flat system reserves var(--blue) for primary accents. The research workspace is the one documented exception: it scopes a warm gold accent (--rp-accent: #d8b765) behind .research-root for the active session ring, synthesis tag, send button, and quick-prompt borders. It never leaks out of the route. Light-theme darkens it to #806000 for WCAG AA.

<OperatorSurface/> with no props: it provides its own .lab-op root, a horizontal bar of five real buttons in DashboardNav's idiom carrying aria-current="page", and one identity strip holding the two-word Paper only marker. Click a tab — it is the only way between sections, and only the active one exists in the DOM.

The count lives inside the tab. “Strategies 14/16” and “Experiments 9” are written where you choose the view, exactly as the dashboard writes “ACTIVE 26” beside a section name; the bare number is always paired with a screen-reader sentence. That is what let the eight stat tiles go — a count belongs next to the thing it counts, not in a grid of bordered boxes that leaves the reader working out which numbers relate. The bar scrolls sideways rather than wrapping, so it is one line at 1440px and at 390px alike.

One thing. A headline sentence coloured by its own tone, then exactly two standing lines — the safety disclosure said ONCE in full, and the price feed with its provider and age — then the attention list: blocking first, each row stating what it is, why it matters, a NEXT action, and a control that jumps to the section that fixes it. Hairline-separated rows at table density, not bordered cards.

The eight stat tiles are gone. Four LIVE/PAUSED/FINISHED/NOT-STARTED tiles beside four CONFIGURED/REPORTING/NEED-ATTENTION/CADENCE tiles was eight numbers with no hierarchy — and nothing told the reader that “9 comparison groups” and “14 of 16 strategies” were two unrelated things. Every one of those counts now lives where it belongs: the totals in the tab labels, the live/paused/finished split in the Experiments table's Status column, and reporting, attention and cadence in the Strategies table's own columns.

Sixteen stacked cards replaced by a nine-column sortable table. All eight data columns sort, and the sorts are semantic rather than alphabetical: state sorts by real session lifecycle order, health worst-first, and rows that have reported nothing sink to the bottom in BOTH directions instead of topping a descending sort. Numeric columns are tabular, money is formatted from lossless decimal strings, and an absent value is an em-dash plus a spoken “not reported” — never a zero.

The same table with two rows opened via initialExpanded — member 1 reporting normally and member 7, the specimen's unhealthy one (paused for safety, prices fifteen minutes stale, positions mismatched, day report incomplete). Expanding is a genuine detail view, not a repeat of the row: newest bar, newest decision, newest simulated fill with its modelled cost, account value split into booked and open, the day report, price-data age, paper account, settings, then plain-language “what this means” notes. Every toggle carries aria-expanded and aria-controls.

Groups keyed by comparability_hash, with a status pill that finally separates live from finished. Where members disagree the row states the split (“18 live · 3 paused · 3 finished”), and a group that finished without producing an ordering says exactly that rather than showing a blank placing. Expanding gives the fingerprint and its help text, when it ran, capital, trading assumption, evidence and placing counts, then the member runs in a nested table capped at six with a control for the rest. Where every member is outstanding for the same reason the sentence is stated once above the table and rows read “As above”, so forty identical sentences cannot bury the one that differs. The seven runs in no comparison group get their own labelled panel — never hidden.

The audit found a <ol> of <li> that looked like navigation and moved nothing, above four stages all rendering their forms at once while stage 1 still read NOT CONNECTED. Here the stage nav is four real buttons with aria-current="step"; exactly one stage renders its form and the others collapse to a single line — done stages recap what you chose, blocked stages state their prerequisite and the action that clears it. “Tenant identifier” and “Lab identifier” became Workspace and Lab, with placeholders, a <datalist> of the values that exist, and help text saying where each comes from. Editing either drops the downstream selection and returns you to step 1.

Step 1 of 4 — the two fields the audit called out. Both are pre-filled with a real value rather than presented blank, and the help text under each says where the value comes from (the Workspace is shown at the top of Advanced; the Lab is picked from the ones that workspace already holds). Note that revisiting a finished step does not lie about where you are: step 1 is expanded but still badged Done, and Now stays on step 2 — the step you have left to do.

The default mount — step 1 recapped, step 2 active, steps 3 and 4 blocked with their prerequisites showing. Nothing is chosen yet, so the count pill is amber and the forward control states exactly how many more runs are needed rather than simply refusing.

The same panel mounted at the last step via initialStage / initialSelectedRunIds / initialEvidenceReviewed, so the end of the flow is judgeable without clicking through it. Steps 1–3 are recapped in one line each and the start control is the only live thing on screen — pressing it prints an explicit “nothing was started” receipt, because this is a prototype. Step 3, the evidence review, is one click away in this specimen: every step behind you stays reachable.

Everything precise lives here and nowhere else. The four identifiers an operator must physically copy keep their exact values but gain plain labels and help text — change counter, stop count, comparison reference, comparison fingerprint — and the fingerprint is cross-referenced to the name Experiments gives the same group, so the two sections agree. Receipts are a newest-first table. Both destructive paths read as destructive and neither fires on one click: the armed one needs a typed STOP plus a recorded reason before its button enables (shown open here via initialOpenAction), and the blocked one shows a disabled control with the prerequisite that would arm it.

The audit found armed, running, paused, stopped, active, complete and killed printed straight to the operator. Every state word the console can show is defined once in vocabulary.ts as a Record<Union, StateCopy>, so adding a database state and forgetting its label is a compile error rather than a raw token on screen. Each pill below shows the human label, the raw wire value it translates, and the one-line meaning used for its hover title and its accessible description. A pill is never colour-only: the label always carries the meaning and the dot only reinforces it.

SPEC_EMPTY_VIEW is the same shape with nothing in it, so the day-one lab is judgeable without a second fixture. Each empty state says what is missing, why nothing can happen yet, and where to go — and none of them lies: a 0-of-0 family never claims to be fully comparable, and an unknown price feed never reads as healthy.

<TournamentSurface/> with no props: its own .tour root, an identity strip carrying the standing Research only marker, a headline band that names both systems and rules one out, and three real tabs in the dashboard's idiom with aria-current="page". Click a tab — it is the only way between sections, and only the active one exists in the DOM. The count lives inside the tab label, exactly as the dashboard writes “ACTIVE 26”, and each bare number is paired with a screen-reader sentence.

The answer to “the new different stocks that we can choose from” — MU, SNDK, NVDA, GOOGL and TSLA by name, fourteen more liquid single names, SPY as an explicit control, and three leveraged products that belong to different comparability classes. A picker that only picked would be the wrong answer, so the consequence sits above the control that causes it and moves as you tick: attempts, the ceiling, the headroom left for every later wave, and the basis points this selection would cost.

The default selection is wave 1's twenty on the M15 grid — 160 attempts against a ceiling of 500, so it is accepted, with one warning about the two instruments whose sealed corpus is below the 126-session floor. Tick a leveraged product, or turn on a second bar grid, and watch the readouts move.

Every unlevered instrument in the catalogue, on all three bar grids: 552 attempts against a ceiling of 500. This does not merely render red. At 10,000 bootstrap resamples the smallest p-value the test can ever report is 1/(R+1); Holm's strictest step needs one below alpha/n; past the ceiling the floor sits above the threshold and the family cannot produce a significant result at any effect size. So the verdict is a refusal with the reason, and three remedies that are each a real number: how many instruments to drop, what a grid costs, and the resample count that would make this count resolvable.

The wave-1 twenty plus SSO, a 2x daily-reset product. A daily reset compounds the multiple rather than the return, so its multi-day payoff is path dependent with a volatility-decay drag that scales with the square of the ratio and flips sign below zero — a −2x, a +2x and an unlevered 1x are three different processes and may not share one significance claim. The class is derived from the mechanism and cannot be relabelled, so the selection is refused and the row carries a red identity rule. Note that the control is shown, not hidden: hiding it teaches nothing, and refusing it with a reason teaches the rule in one click.

A wave is one preregistered run: its variants, its universe, its attempt count and its share of a cumulative alpha budget fixed at 500 basis points for the whole series. That is why the panel leads with the budget and not with the list. The honest argument for letting an operator test new variants later — after seeing what the last wave produced — rests entirely on the budget being fixed in advance: reading a result and choosing what to test next is itself a look at the data, and under a cumulative budget that look is paid for.

So the runway has to be visible, and it has to shrink. 320 bp spent across 2 sealed waves, 72 bp reserved by the one preregistered wave, 108 bp uncommitted — and 1 further wave of the reference size that still fits. The meter is the one place in this surface where a fill is spent, because a meter is a chart: a quantity drawn as a length.

The same table with the running wave and the preregistered one opened via initialExpanded. Expanding is a genuine detail view rather than a repeat of the row: what the status means, the declared universe and its provenance, when it was preregistered and when it was sealed, work units as a count and a share, the control held out of the cross-section, the fingerprint, why the wave exists — then the preregistered variants with their three settings each, and the full symbol list. Note the preregistered wave says its alpha has not left the budget, because it has not: until a wave is sealed it is a plan.

One row per variant, sortable on every column and on each of the four components individually — the header for the component strip is four sort controls sitting in the same four columns as the values beneath them. The composite is the minimum of hit rate, regime breadth, stability across time blocks and instrument breadth, each credited at min(measured, evidence ratio) so thin evidence downgrades rather than inflates. A mean would let a strong component pay for a failed one, which is exactly how a regime bet acquires a consistency score.

The components travel with the composite in every row. A component drawn in red contains a partition that came out strictly negative — a regime, a time block or an instrument the variant actually lost in — and it is marked whether or not it is the one doing the binding, because a strong composite hiding a failed component is the precise failure a minimum exists to prevent. 6 of 8 variants below have one, and 6 are rankable.

Two rows opened via initialExpanded: stack4-touch-relvol100, the rankable leader with no failed partition anywhere, and stack5-touch-relvol100, which one instrument carries entirely — NVDA held up and 16 instruments failed, so its instrument breadth is 1/19 and its composite collapses to that. The per-instrument table is what makes the question answerable at a glance, and the eight regime cells are listed whether or not they were observed: a denominator of “the cells we happened to see” is how a regime bet passes for a consistent strategy.