Edron Showcase¶

Meet Edron through the complete operations console authored with its class-oriented API. The showcase source uses only edron: no direct Hedron imports, native escape hatches, or component tree authoring are required. The interactive preview below is generated by edron-sim from that same runnable source, so its pages, fragments, actions, and styling stay reproducible.

Explore the same app without a server¶

The preview dispatches the real Edron callbacks at documentation-build time. It uses bounded, synthetic data and the same Edron-rendered HTML that the runnable app produces.

Command center

A complete operations workspace composed from Edron page methods.

Everything is operating normally. The transform pipeline is the only active change.

Monthly volume: 1.28M; +18.4%

Successful runs: 98.7%; +2.1%

Open incidents: 7; −3

Time to deploy: 11m; −24%

Pipeline visibility

Release gate

Checklist: 64%; 42 checks passed

Owner approval required before production publish.

Recent runs

Bounded result set
run	status	duration	rows
nightly-warehouse	Running	18m	1,284,012
crm-backfill	Succeeded	42m	96,410
events-replay	Failed	4m	0
lookup-refresh	Queued	—	—

Run volume

Seven-day throughput — Synthetic daily run volume for the current workspace.

line mark with x=day, y=runs

day	runs
Mon	42
Tue	58
Wed	51
Thu	74
Fri	68
Sat	39
Sun	47

What this showcases

Pages, layouts, fragments, actions, metrics, tables, charts, and outcomes.

Every surface in this example is authored through Edron.

Data release pipeline

Transform in progress · 18 of 24 partitions applied

Compose → validate → transform → publish

Run the real Edron app¶

From a repository checkout:

uv sync
uv run uvicorn --app-dir examples/edron-showcase app:app --reload

Open http://127.0.0.1:8000/. The data is synthetic and local, but the Edron page lifecycle, sidebar composition, layouts, fragments, actions, charts, tables, tabs, theme, CSRF boundary, and native lowering are real.

The complete source is examples/edron-showcase/app.py. Edron's generated theme includes coordinated light/dark tokens that follow the browser preference, and the request-local shell stacks its layouts for narrow screens.

What this showcases¶

Surface	Edron API
Application shell	`App`, `Page`, sidebar composition, named theme
Layout and content	`columns`, `card`, `metric`, `heading`, `tabs`
Data and visuals	`table`, `line_chart`, bounded synthetic data
Server interaction	`@ed.fragment`, `@ed.action`, `ed.refresh`, `ed.success`
Public boundary	Edron-only source with no Hedron escape hatches

For the lower-level component version, see the Hedron Showcase. For the Edron programming model, continue to the Edron user guide.