CMS page-builder primitives
Page-builder, content collections, schema designer, locale switcher and publish flow for the Oak Flats Mufflermen workshop. The 14 block-editor primitives are wired into Payload marketing pages and content overrides for production rendering.
CMS page-builder primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
CMS page-builder primitives: Page-builder, content collections, schema designer, locale switcher and publish flow for the Oak Flats Mufflermen workshop. The 14 block-editor primitives are wired into Payload marketing pages and content overrides for production rendering.
Block library panel
Categorised palette across hero, feature, text, media, CTA, form, embed with searchable filter and brand-locked dots.
Page canvas
Drag-and-drop canvas with rulers, grid overlay, zoom 50–150% and a sticky drop zone.
Block card
Single block preview tile reused inside the palette + canvas inserter with selected, grabbed and loading states.
Slot inspector
Right-rail props editor — text, textarea, number, colour, image, select and toggle slots for the focused block.
Page tree
Hierarchical workshop site outline with state chips, owner initials, expand/collapse and page-level create.
Template gallery
Page-template thumbnails across landing, parts, suburb, service and blog categories.
Responsive toolbar
Desktop/tablet/mobile preview switcher with a viewport ruler and animated viewport frame.
Publish flow
Draft → review → scheduled → published state-machine card with action buttons and reviewer meta.
Revision timeline
Vertical version history with author avatars, action tags, live-version pin and per-entry diff buttons.
SEO checklist
Title, meta, OG, schema and accessibility checklist with pass/warn/fail dots and a radial completion gauge.
Collection row
CMS collection entry — parts, suburbs, services, blog, vehicles — with item count, draft count and last edit.
Field builder
Schema field builder — text, rich-text, number, boolean, date, image, reference, JSON, geo and money types.
Media picker
DAM-backed gallery picker with format chip, search filter and focal-point selector.
Locale switcher
Locale tab strip with translation completeness bars, pending counts and last reviewed.
Full studio
Composed live workshop CMS dashboard — page tree, canvas, inspector, publish flow, SEO checklist and revisions.