STELLA / SCREEN LIBRARY
Command centres, reports, dense tables, and the four states a gallery usually omits. Each one is a real route running on the palette and mode you are reading in. The data is seeded; nothing here calls a network.
01 / FIND YOUR START
A preview is the actual route in a same-origin frame, not a screenshot — so what you resize, focus and tab through is the screen itself.
The dark rail, a light page, and the one figure the reader came for — with the comparison that makes it mean something.
Pictured · Command centre
Long-form numbers that survive being printed: period pickers, footnotes, units on every axis, and a download that matches what is on screen.
Pictured · Monthly report
Dense rows with aligned figures, sorting that says which column it sorted, and a narrow-screen counterpart that is not a shrug.
Pictured · Datasets
One record, its history as a chart, and the actions that change it — with the state it is in readable before any of them.
Pictured · Metric detail
The rail, the strip above it, and what both do when the window narrows or the section changes.
Pictured · Grouped rail
A first hello with clear validation, invitations, and a way back when access fails.
Pictured · Sign in
Preferences that say what they will change, save without losing work, and admit when they cannot.
Pictured · Workspace settings
Empty, loading, denied, and broken — the four states a gallery usually omits and a real product spends its life in.
Pictured · First run
Assistants and agents held to the same rules as the numbers: every answer shows its sources, every action waits for a person, every run is readable step by step.
Pictured · Ask Stella
Where the year is heading against where we said it would: the landing, the budget lines, and the goals with their dates.
Pictured · Forecast against actual
The page that wakes someone, and what they find when they open it.
Pictured · Alert rules
The documents a finance person files and the comparison they cannot do in their head.
Pictured · Statement
The setup and housekeeping a workspace needs, each with a real consequence on the page.
Pictured · Audit log
02 / 6 SCREENS
The dark rail, a light page, and the one figure the reader came for — with the comparison that makes it mean something.
01 / analytics-001
The reference surface: a collapsing dark rail, four charts that grey the peer series and colour the subject, and a summary row where every figure carries its unit and its comparison.
src/app/(screens)/_components/console/command-centre.tsxdesktop default02 / analytics-002
One figure the reader came for — what a drop costs — then where the money goes, whether it is moving against budget, and which depots carry it. On the top-bar chassis, because the work is wide.
src/app/(screens)/_components/screens/analytics/unit-economics.tsxdesktop default03 / 5 SCREENS
Long-form numbers that survive being printed: period pickers, footnotes, units on every axis, and a download that matches what is on screen.
01 / reporting-001
A report that survives being printed: numbered figures whose captions state the finding, footnotes that link both ways, an outline that follows the reader, and the four key figures in the margin.
src/app/(screens)/_components/screens/reporting/monthly-report.tsxdesktop default02 / reporting-002
The explorer doing its real job: the library on the left, one report open with a chart and a table that total the same, and beside it the schedule and every delivery — including the one that held and why.
src/app/(screens)/_components/screens/reporting/report-library.tsxdesktop default04 / 5 SCREENS
Dense rows with aligned figures, sorting that says which column it sorted, and a narrow-screen counterpart that is not a shrug.
01 / tables-001
A register worked as a table should be: a sort that names its column and direction, a filter that counts what it left, selection with a floating bulk bar, and cards on a phone.
src/app/(screens)/_components/screens/tables/datasets.tsxdesktop default02 / tables-002
The one genuinely two-dimensional table: ten measures in three groups, a frozen depot column inside its own scroll region, figures on one right edge and a network row derived in the footer.
src/app/(screens)/_components/screens/tables/depot-league.tsxdesktop default05 / 5 SCREENS
One record, its history as a chart, and the actions that change it — with the state it is in readable before any of them.
01 / detail-001
One metric read the way its owner reads it: the trend against target with its reasons pinned to the line, eight depots as small multiples on one scale, and its definition, alerts and history alongside.
src/app/(screens)/_components/screens/detail/metric-detail.tsxdesktop default02 / detail-002
A queue worked one item at a time: select, step through, resolve — and take it back from an undo bar over the page. Each item leads with the comparison that made it an exception.
src/app/(screens)/_components/screens/detail/exception-triage.tsxdesktop default06 / 11 SCREENS
The rail, the strip above it, and what both do when the window narrows or the section changes.
01 / shell-001
The reference chassis: a dark rail of destinations, pinned reports and spaces that collapses to icons, beside a sticky strip for the trail and a title block with one primary action.
src/app/(screens)/_components/shells/grouped-rail-shell.tsxdesktop default02 / shell-002
Two levels of navigation on two surfaces — destinations as icons on the ink, the current library as a filterable folder tree on the page — folding in order as the window narrows.
src/app/(screens)/_components/shells/explorer-shell.tsxdesktop default07 / 5 SCREENS
A first hello with clear validation, invitations, and a way back when access fails.
01 / auth-001
The rail's ink as half a page, carrying one number in the serif; the form on paper beside it, with every message's line reserved so a failed attempt never moves the button.
src/app/(screens)/_components/screens/auth/sign-in.tsxdesktop default02 / auth-002
A quiet first hello: who invited you and to what, then a password whose rules are listed before they are broken and tick as they are met.
src/app/(screens)/_components/screens/auth/invitation.tsxdesktop default08 / 5 SCREENS
Preferences that say what they will change, save without losing work, and admit when they cannot.
01 / settings-001
Preferences that say what they will change before you commit — broken links, recomputed reports — and a save bar that floats over the page instead of saving by accident.
src/app/(screens)/_components/screens/settings/workspace-settings.tsxdesktop default02 / settings-002
Seats with their limit, an inline invite that says what it costs, pending invitations, and role changes that apply at once with Undo — plus the one row that cannot change, saying why.
src/app/(screens)/_components/screens/settings/members.tsxdesktop default09 / 5 SCREENS
Empty, loading, denied, and broken — the four states a gallery usually omits and a real product spends its life in.
01 / system-001
An empty workspace designed as carefully as a full one: what is missing, the one action that fixes it, three timed steps — and the overview it is waiting to become, drawn as an outline.
src/app/(screens)/_components/screens/system/first-run.tsxdesktop default02 / system-002
The command centre on a bad morning: current, stale and failed cards that keep their size, a plain-language cause, and a retry that swaps ink without moving the grid.
src/app/(screens)/_components/screens/system/sources-failing.tsxdesktop default10 / 5 SCREENS
Assistants and agents held to the same rules as the numbers: every answer shows its sources, every action waits for a person, every run is readable step by step.
01 / ai-001
A conversation built to be checked: each answer leads with its sentence, then a chart in the system's own rules, then — folded — every call it made and the rows it read, with a projection labelled as one.
src/app/(screens)/_components/screens/ai/ask-stella.tsxdesktop default02 / ai-002
What the agents did unattended, as a queue in four visibly different states, and one run as its steps: plan, each tool call with its tokens, the live step with its clock, and a Stop that says what it keeps.
src/app/(screens)/_components/screens/ai/agent-runs.tsxdesktop default11 / 3 SCREENS
Where the year is heading against where we said it would: the landing, the budget lines, and the goals with their dates.
01 / forecast-001
The full-year landing against plan, then the chart: actuals solid, the forecast dashed inside its 80% range, the plan grey — and the forecast's own track record underneath.
src/app/(screens)/_components/screens/forecast/forecast-vs-actual.tsxdesktop default02 / forecast-002
Every budget line with its budget, its actual and the gap, drawn as a bar from the centre. Over is the one coloured bar; under is grey; a phone gets one card per line.
src/app/(screens)/_components/screens/forecast/budget-variance.tsxdesktop default12 / 3 SCREENS
The page that wakes someone, and what they find when they open it.
01 / monitoring-001
Rules as sentences, and an editor that answers the question before saving: move the threshold and the last eight weeks redraw with a count of how often it would have fired.
src/app/(screens)/_components/screens/monitoring/alert-rules.tsxdesktop default02 / monitoring-002
One alert opened: what happened against what was expected, the causes ranked by points of the drop, and the timeline. The breach point is the only thing drawn in the alert colour.
src/app/(screens)/_components/screens/monitoring/anomaly-detail.tsxdesktop default13 / 2 SCREENS
The documents a finance person files and the comparison they cannot do in their head.
01 / finance-001
A bill that reads as a document: billed to, period, lines with quantity and unit price, one total in the metric face — and the last statement and the row allowance beside it.
src/app/(screens)/_components/screens/finance/statement.tsxdesktop default02 / finance-002
Each plan priced on the reader's own usage rather than a rack rate, with the allowance that would be crossed named in words.
src/app/(screens)/_components/screens/finance/plans.tsxdesktop default14 / 4 SCREENS
The setup and housekeeping a workspace needs, each with a real consequence on the page.
01 / admin-001
Who did what, to what, and when, with a full date on every row. Chips carry their counts; an empty search says what it searched and offers the way back.
src/app/(screens)/_components/screens/admin/audit-log.tsxdesktop default02 / admin-002
The matrix for the question: which roles may do what. Owner is locked, changes stay a draft until saved, and a phone picks one role and lists its permissions.
src/app/(screens)/_components/screens/admin/roles.tsxdesktop default