Workers · navigation

Three redesigns for the Workers detail nav.

The current top tabs (Overview · Metrics · Deployments · Bindings · Observability · Settings) work but flatten very different kinds of tasks. Three directions for adding shape without breaking the muscle memory.

CF Acme Org Ask AI Support
Workers & Pages / your-worker
Variant 01 · Sectioned tabs

Group tabs into Monitor / Configure under labeled sections.

Same six tabs, same order, same click depth. A 10.5px mono label above each cluster turns the row from a flat list into a visual hierarchy: "where do I go to look at health" vs "where do I go to change things."

Trade Costs vertical height. Adds ~16px of chrome to the page. Section labels invite bikeshedding ("is Observability really Monitor or Configure?"). Best for users who reach for tabs by category — worst for muscle-memory users who already know the order.
CF Acme Org Ask AI Support
Workers & Pages / your-worker
Variant 02 · Tabs with status

Each tab carries the live state of its section.

Bindings shows 3, Deployments shows the current version, Observability flips amber when alerts fire. Glance-readable without clicking through.

Trade Density inflation. Each badge is another thing to render and keep accurate. Stale badges erode trust faster than absent ones. Best for users who babysit a worker; overkill for someone just opening it to read the code.
CF Acme Org Ask AI Support
Workers & Pages / your-worker
Variant 03 · Vertical sidebar

Tabs become a left rail; content gets the full top.

Trades horizontal real estate for vertical real estate. Sections are stacked, the active item gets a card treatment, and the top of the page is freed for context (worker name, status, primary actions).

Trade Departs from the rest of the dashboard. Other Workers & Pages pages use top tabs; introducing a left rail just inside this detail page breaks consistency. Pays off if you also redesign the surrounding pages — otherwise it's an island.