Operator App — UI Kit
Components used in the authenticated dashboard. White surfaces on slate-50 page background, slate-200 hairline borders, indigo only for primary actions and the booked-status dot. Sourced from src/components/shadcn/ui/*.
Buttons
Variants — default size (h-9, 14px)
Sizes
States
Badges & Status
Soft semantic variants
Booked
Paid
Pending
Failed
Sent
Awaiting reply
Draft
Optional
Status dots — quote lifecycle
Draft
Sent
Booked
Expired
Awaiting payment
Counters
3
12 new
+$1,240
Inputs & Forms
Used on the quote and contract.
Enter a number between 1 and 1,000.
Cards
Booked this month
$48,920
Sarah Chen
Wedding · Sat, May 17
Total$2,840.00
Deposit paid$852.00
Balance due May 10$1,988.00
Tasks
3 due today
Navigation
Sidebar items
Breadcrumbs
Tabs
Overview
Quote
Contract
Payments
Activity
Page header
Quote for Sarah Chen
Booked
Tables & Lists
Recent Bookings
Last 30 days
| Customer | Event | Date | Total | Status | |
|---|---|---|---|---|---|
SCSarah Chen |
Garden wedding · 80 guests | Sat, May 17 | $2,840.00 | Booked | |
MDMark Davis |
Corporate offsite | Fri, May 23 | $1,420.00 | Sent | |
JPJules Park |
Birthday party | Sun, Jun 1 | $680.00 | Draft | |
RTRachel Tan |
Engagement dinner | Apr 12 | $1,950.00 | Expired |
Events today
Tue, May 13 · 2 events
Hayes anniversary
Booked
Wong corporate happy hour
Sent
Feedback States
No new inquiries
When a lead submits the booking form, it'll show up here.
Quote sent to Sarah Chen
She'll receive an email with the booking link.
Failed to update expiration date
Try again, or contact support if the issue continues.
Link expires in 3 days
Extend it before May 16 to keep the booking open.
Avatars, Keys & Signature
Avatars (rounded-lg, not circular)
SC
SC
SC
MK
AL
Keyboard shortcuts
⌘+K
Quick search
⌘+Enter
Save and send
Signature block (TipTap)
Sarah Chen — Customer signature
Search input with shortcut
⌘K