00 / Source of truthOverview Telemetry Audit Agent guide QA matrix Production

01 / Shared DNAFoundations Wireframes Layouts Sizing Section patterns Surfaces Typography Icons Theming Actions Forms Selection Navigation Feedback Overlays Data display Search File browser Motion Mobile shell

02 / Website systemForms gallery Marketing Emails Maps Blog system News system

03 / Parts systemParts commerce Parts catalog Parts webpage

04 / Workshop managementWorkshop UX Workshop scenes CRM Sales leads Calendar Print docs

05 / Hermes dashboardsPersona dashboards Hermes mirror

06 / Muffler PulseNotifications Muffler Pulse

07 / CMS primitivesKYC Auth Account Permissions Onboarding System states Help & docs Page builder Section library

08 / Agent UI primitivesInbox AI assistant Hermes agent Torque Torque channels Torque analytics Torque files Torque logs Torque models Torque mobile Torque notifications Torque profile Torque jobs Torque terminal Torque states Workflows Torque mascot

09 / Marketing assetsVideos Video heroes Audio 3D scenes Brand assets

10 / LabSandbox

ThemeDark mode

Coverage77 routes · registry-backed primitive catalogue

UI Primitives
Booking widget
Full booking flow

22 / Booking widget — composition

Full booking flow

The 14 booking widget primitives stitched into a single five-step booking journey, with the no-show policy as the footer.

00 Source 01 Shared DNA Buttons Cards

Production answer

Full booking flow is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Full booking flow states

Generative search brief

Full booking flow: The 14 booking widget primitives stitched into a single five-step booking journey, with the no-show policy as the footer.

Step 1 · Service

What can we book?

Step 2 · When

Pick a date and time

Time slots

AM

PM

Step 3 · Configure

How long and what extras

Duration

Optional add-onsTotal add-ons: +$65

Pre-inspectionWe scan under-car before quote.+$65Loaner carManual Hilux ute, half-day.+$95Sound demoRecord before + after audio clip.FreeDetail washWheels + sills clean on collection.+$50

Step 4 · Customer

Your details

Your details

Full name

Mobile

EmailWe send the booking confirmation here.

Vehicle — rego or make & model

Notes for the bay

Step 5 · Confirm

Booking confirmed

Booking confirmed

You're in. We'll see you at the bay.

Reference: MM-26-00417
Service: Custom exhaust install
When: Thursday 4 Jun 202608:00 AM6h hold
Bay: Bay 2
Customer: Brett Anderson0412 345 678

Scan at the bay

No-show policy

What happens if you don't turn up

Arrive within the 15-minute grace window or the bay is released.
A no-show inside the free-cancel window is a $0 reschedule.
A no-show outside the window incurs a $45 missed-slot fee.
Two no-shows in 90 days require deposit on the next booking.

Cancel by 24h beforeReschedules 1 free reschedule

Call the workshop (02) 4232 9988

Composition

Step 1 — service. Step 2 — date + time. Step 3 — duration + add-ons. Step 4 — customer details. Step 5 — confirmation. The no-show policy card pinned underneath for transparency before submit.