Atrium 2.2.2

The parts

Every part Atrium ships, on one page: sixteen sections, nine primitives, fifty-four tokens in both modes. Every section here is live, on the same console state the app runs on.

Sections: 16
Primitives: 9
Tokens: 54, both modes
Pages: 9

Tokens

Every swatch reads from src/theme.css, so a rebrand recolours this page too.

Colour

--backgroundpage ground
--foregroundbody text
--cardpanels and rows
--card-foregroundtext on panels
--primarythe one saturated hue
--primary-hoverhover step, ΔL 0.06
--primary-activepress step, ΔL 0.12
--primary-foregroundtext on primary
--secondarythe rail, segment tracks
--secondary-foregroundtext on secondary
--mutedin-card recess: heads, footers, hover
--muted-foregroundsupporting copy
--accentthe amber spot: target
--accent-foregroundtext on the spot
--borderhairlines
--ringfocus rings
--surface-tintactive nav, selected row
--control-borderinput and select edges
--shadow-colorthe one shadow's ink
--positiveon track, status only
--positive-foregroundtext on positive
--warningwatch, status only
--warning-foregroundtext on warning
--criticalat risk, status only
--critical-foregroundtext on critical
--chart-1chart series one

Type

--text-d4the hero figure, once per viewPipeline closes Friday
--text-d3the styleguide specimenPipeline closes Friday
--text-d2this page's titlePipeline closes Friday
--text-d1KPI valuesPipeline closes Friday
--text-bodypage title in the consolePipeline closes Friday
--text-smallpanel titles, column totalsPipeline closes Friday
--text-densethe console tier, set once on the shellPipeline closes Friday
--text-captionmeta, axis ticksPipeline closes Friday
--tracking-labelcolumn heads, group labelsPipeline closes Friday
--font-monoD-0901 · $184,000 · 28 Aug 2026 · 09:12

Shape

rounded-themedpanels, controls, inputs
rounded-fullpills, status dots, avatars

Sections

Sixteen files, no cross-imports: take one section or take the folder.

app-shellsrc/components/app-shell.tsx

The shell is this page: sidebar, top bar and status bar are the frame you are reading inside.

page-headingsrc/components/page-heading.tsxheadingLevel title lede view

Overview

Where the quarter stands, before Monday's pipeline review.

Open pipeline$1,284,500

Quarter: Q3 2026
Open deals: 12
Reps: 5

filter-barsrc/components/filter-bar.tsxvariant="pipeline"

All deals12

My deals2

Closing this month4

New deal

kpi-rowsrc/components/kpi-row.tsx

Key numbers

Trends cover the last 12 weeks

Weighted forecast

$618,350

69%of the $900,000 Q3 2026 target

Win rate

31%

−2 ptsvs Q2

Median cycle

47 days

−6 daysvs Q2

bookings-chartsrc/components/bookings-chart.tsx

Bookings against target

Closed won by month

Q3 2026 target $900,000

August is 13 days in, so its column is month to date. Targets step at the quarter: July, August and September total $900,000.

Show bookings as a table

Month	Closed won	Target
Jan	$214,000	$240,000
Feb	$268,000	$240,000
Mar	$231,000	$250,000
Apr	$296,000	$255,000
May	$254,000	$260,000
Jun	$312,000	$265,000
Jul	$289,000	$290,000
Aug	$178,000	$300,000

stage-breakdownsrc/components/stage-breakdown.tsx

Open pipeline by stage

12 deals, US$

Weighted applies the odds Torrey closes at: 10, 30, 55, 70, 80 percent.

Show stages as a table

Stage	Deals	Open	Weighted
Discovery	4	$112,500	$11,250
Evaluation	2	$550,000	$165,000
Proposal	3	$222,000	$122,100
Legal review	0	$0	$0
Contract	3	$400,000	$320,000

deal-tablesrc/components/deal-table.tsx

Closing this month

4 deals, sorted by close date

Open the board

Deal	Owner	Value	Closes	Health
Mercer WholesaleContract	Tom Ihara	$88,000	15 Aug	On track
Kessler Dairy GroupContract	Tom Ihara	$128,000	21 Aug	On track
Brightwater GrocersContract	Maya Okonkwo	$184,000	28 Aug	On track
Cortell FoodsProposal	Danny Reyes	$96,500	29 Aug	Watch

Cortell Foods has gone longest without contact.Total $496,500

forecast-tablesrc/components/forecast-table.tsxbleed

Forecast by rep

Q3 2026 · weighted at the stage odds

Torrey Cold Chain Q3 2026 forecast by rep, with open pipeline, weighted value and contract-stage commit, sorted by weighted value
Rep	Deals	Open	Weighted	Commit
Maya Okonkwo	3	$491,500	$256,325	$184,000
Tom Ihara	3	$240,000	$175,200	$216,000
Danny Reyes	2	$406,500	$146,075	–
Priya Raman	2	$100,000	$36,100	–
Elena Vos	2	$46,500	$4,650	–
All reps	12	$1,284,500	$618,350	$400,000

Commit counts contract-stage deals only, so 3 reps show none.

activity-timelinesrc/components/activity-timeline.tsx

Activity

Torrey Cold Chain, this week

Maya Okonkwo logged a call with Brightwater Grocers
09:12
Security review cleared. Legal has the master agreement.
Marlow flagged Cortell Foods
08:40
Fourteen days without contact while a proposal is open.
Danny Reyes moved Alderton Markets
Yesterday
Discovery to Evaluation after 34 days and a second site visit.
Priya Raman sent a proposal to Verdant Produce
Yesterday
$58,000 across nine depots, valid until 12 September.
Tom Ihara got approval on Kessler Dairy Group
Tuesday
Renewal quote signed off by finance at $128,000.
Elena Vos created Quill Fine Foods
Monday
Inbound from the pricing page, two chillers in Savannah.

Notes, calls and stage moves land here within a minute.

pipeline-boardsrc/components/pipeline-board.tsx

Deals by stage

5 stages, 12 deals

Discovery

4$112,500

Northbay Seafood

$42,000

D-1042 · New business

Priya RamanOn track

Closes 30 Sep9 days in stage

Halloway Bakeries

$31,000

D-1051 · New business

Elena VosOn track

Closes 25 Sep4 days in stage

Sable Cold Storage

$24,000

D-0987 · Expansion

Tom IharaWatch

Closes 26 Sep21 days in stage

Three weeks without a next step

Quill Fine Foods

$15,500

D-1068 · New business

Elena VosOn track

Closes 30 Sep3 days in stage

Evaluation

2$550,000

Alderton Markets

$310,000

D-0912 · New business

Danny ReyesAt risk

Closes 11 Sep1 day in stage

Stalled 34 days in Discovery

Ferrand Pharma

$240,000

D-1004 · New business

Maya OkonkwoOn track

Closes 4 Sep12 days in stage

Proposal

3$222,000

Cortell Foods

$96,500

D-0958 · New business

Danny ReyesWatch

Closes 29 Aug18 days in stage

14 days without contact

Gramercy Meats

$67,500

D-1033 · Expansion

Maya OkonkwoOn track

Closes 5 Sep7 days in stage

Verdant Produce

$58,000

D-1019 · New business

Priya RamanWatch

Closes 12 Sep1 day in stage

Proposal out, no procurement contact

Legal review

0$0

Drop a deal here to put it in legal review

Contract

3$400,000

Brightwater Grocers

$184,000

D-0901 · Expansion

Maya OkonkwoOn track

Closes 28 Aug6 days in stage

Kessler Dairy Group

$128,000

D-0930 · Renewal

Tom IharaOn track

Closes 21 Aug3 days in stage

Mercer Wholesale

$88,000

D-0944 · Renewal

Tom IharaOn track

Closes 15 Aug5 days in stage

accounts-tablesrc/components/accounts-table.tsx

Accounts

12 accounts · 5 customers · $341,000 ARR

Torrey Cold Chain accounts with owner, revenue, open pipeline, health, last contact and renewal date, sorted by open pipeline
Account	Owner	ARR	Open pipeline	Health	Last touch	Renewal
Grocery retail · Baltimore	Danny Reyes	–	$310,000	At risk	1 day	–
Pharma logistics · Hartford	Maya Okonkwo	–	$240,000	On track	4 days	–
Grocery retail · Sacramento	Maya Okonkwo	$96,000	$184,000	On track	Today	12 Jan 2027
Dairy · Madison	Tom Ihara	$112,000	$128,000	On track	2 days	21 Aug 2026
Food service · Charlotte	Danny Reyes	–	$96,500	Watch	14 days	–
Wholesale · Columbus	Tom Ihara	$74,000	$88,000	On track	3 days	15 Aug 2026
Protein · Newark	Maya Okonkwo	$38,000	$67,500	On track	5 days	3 Mar 2027
Produce · Fresno	Priya Raman	–	$58,000	Watch	1 day	–
Seafood · Astoria	Priya Raman	–	$42,000	On track	6 days	–
Bakery · Tulsa	Elena Vos	–	$31,000	On track	2 days	–
Third-party logistics · Denver	Tom Ihara	$21,000	$24,000	Watch	11 days	30 Nov 2026
Specialty food · Savannah	Elena Vos	–	$15,500	On track	3 days	–

1 selected · 12 rowsOpen pipeline $1,284,500

record-panelsrc/components/record-panel.tsx

Brightwater Grocers

Grocery retail · Sacramento · customer

Email Call

Details

Owner: Maya Okonkwo
ARR: $96,000
Open pipeline: $184,000
Renewal: 12 Jan 2027
Sites: 38 depots
Region: Pacific

Contacts

Ines Alvarez
Ines Alvarez
VP supply chain
ines.alvarez@brightwater.example
Rob Deverell
Rob Deverell
Head of cold chain
rob.deverell@brightwater.example
Sana Qureshi
Sana Qureshi
Procurement
sana.qureshi@brightwater.example

Next steps

Move D-0901 out of contract$184,000 · closes 28 Aug

Next: D-0901 closes 28 Aug

Last contact today · owned by Maya Okonkwo

calendar-viewsrc/components/calendar-view.tsx

August 2026

4 deals close

Q3 2026

August 2026, with the deals closing on each day
Mon	Tue	Wed	Thu	Fri	Sat	Sun
					1	2
31 log entry	41 log entry	51 log entry	61 log entry	71 log entry	8	9
101 log entry	111 log entry	122 log entries	132 log entries	14	15 $88k Mercer Wholesale	16
17	18	19	20	21 $128k Kessler Dairy Group	22	23
24	25	26	27	28 $184k Brightwater Grocers	29 $96.5k Cortell Foods	30
31

In date order

15 AugMercer WholesaleContractOn track$88,000
21 AugKessler Dairy GroupContractOn track$128,000
28 AugBrightwater GrocersContractOn track$184,000
29 AugCortell FoodsProposalWatch$96,500

The calendar runs to the end of Q3 2026 on 30 September, which is the quarter every number in this console is measured against.

funnel-chartsrc/components/funnel-chart.tsx

Stage funnel

12 deals, open value reaching each stage

Each band is the open value that has reached that stage or gone past it, so it falls by construction. Of $1,284,500 open, $400,000 is already at the contract stage. It is a standing total, not a conversion rate.

Show the funnel as a table

Stage	Deals reached	Reached	In this stage	Odds
Discovery	12	$1,284,500	$112,500	10%
Evaluation	8	$1,172,000	$550,000	30%
Proposal	6	$622,000	$222,000	55%
Legal review	3	$400,000	$0	70%
Contract	3	$400,000	$400,000	80%

coverage-mapsrc/components/coverage-map.tsx

Coverage by region

12 accounts across 8 regions

Schematic

Accounts and open pipeline by region
Region	Accounts	Open pipeline
Mid-Atlantic	1	$310,000
Northeast	2	$307,500
Pacific	2	$242,000
Midwest	2	$216,000
Southeast	2	$112,000
Northwest	1	$42,000
South Central	1	$31,000
Mountain	1	$24,000

Regions are arranged by position, not drawn to scale. Tile area carries no meaning; the numbers do.

record-formsrc/components/record-form.tsxvariant="deal" bleed

Value

Marlow assigns the deal ref on save

Draft

US dollars, hardware and first year of monitoring

Account

Not in Marlow yet, saving creates it

Deal name

Owner

Deal type

New business

Expansion

Renewal

On save

Open deals: 12 → 13
Open pipeline: $1,284,500 → $1,338,500
Weighted: $618,350 → $623,750

Discovery closes at 10 percent, so the draft carries $5,400 of weighted value.

Stage odds

The weighting Marlow applies

Discovery: 10%
Evaluation: 30%
Proposal: 55%
Legal review: 70%
Contract: 80%

Step 1 of 3Discard draft

Primitives

Nine shared files that every section above is built from.

ui/buttonsrc/components/ui/button.tsx

ButtonLink

ui/badgesrc/components/ui/badge.tsx

On trackWatchAt riskRenewalExpansionQ3 targetContract

Open pipeline

ui/panelsrc/components/ui/panel.tsx

Panel

Header, body, footer

One container, one hairline, one radius. Every screen in Atrium is panels on the page ground.

The quiet strip for totals and notes.

ui/avatarsrc/components/ui/avatar.tsx

Priya Raman

ui/controlsrc/components/ui/control.tsxField TextField TextArea Select SegmentedControl

Account

Native input, one edge

Stage

Close date

Q3 runs to 30 September

Scope

All deals12

Mine2

ui/mode-togglesrc/components/ui/mode-toggle.tsx

Flips the mode class on the nearest theme wrapper, or on the document when the theme is the whole app. It remembers.

ui/iconssrc/components/ui/icons.tsx

The brand mark, and the only hand-drawn SVG in Atrium

ui/chartsrc/components/ui/chart.tsxCHART_1 CHART_TARGET ChartTooltip ChartTable

The chart chrome the four recharts sections share: series variables, axis styling, the tooltip and the table twin under every chart. Shown in place above.

ui/console-statesrc/components/ui/console-state.tsxConsoleProvider useConsole money shortDate

The spine: twelve deals, twelve accounts, ten contacts and the log, declared once and read by every section on this page. No component holds a total. Sections render the seed outside a provider, so one file pasted into your app works before it is wired up.