Compound layout for wizard steps. Used in onboarding (centered, full-screen) and embedded inline in panels like the surface details events tab.

Centered variant — fills available height, center-aligns the title, and binds Enter to Continue. This is the default and matches today's onboarding.

Create your workspace

A workspace groups your team's surfaces and integrations.

Step content

Embedded variant — left-aligned title, no flex-1 sizing, and Enter is not bound. Use inside scrollable panels.

Connect your code repository

Step content

Pass `pending` to render a spinner inside the Continue button while a mutation is in flight.

Step content

Pass `disabled` until the step's input requirements are met.

Nothing selected

Filter Bar

Event Icon Badge