All atomic components used in the Origin demand.
TopBar.tsx — Schedule selector · Date picker · Add reservation
TabBar.tsx — Status filter tabs with counts
ViewToggle.tsx — Switch between timeline and table view
ReservationCard.tsx — Compact reservation info card
ReservationDetail.tsx — Full reservation detail view
Select a reservation from the cards on the left
TableCard.tsx — Individual table status card with hover details
TableGrid.tsx — Grid of tables with type filtering
TimelineGrid.tsx — Time-based reservation view with schedule
BottomNav.tsx — Mobile-style bottom navigation (self-managed state)
PageHeader.tsx — Page header with back arrow and title
ReservationList.tsx — Reservation list with search and status sorting
GuestList.tsx — Guest list table with detail panel
GuestDetail.tsx — Guest detail panel with tags and notes
CreateReservationModal.tsx — Create reservation entry modal
EditReservationModal.tsx — Edit reservation modal
CancelReservationModal.tsx — Cancel reservation with refund options
BookingHistory.tsx — Booking history timeline popup
ManagerPinModal.tsx — Manager PIN verification modal
TextInputModal.tsx + TextInputTrigger — Tablet-friendly text editing modal
Visit Note (tap to edit)
StepGuestInfo.tsx — Step 1: Guest information search and form
StepReservationDetails.tsx — Step 2: Reservation details (date, party, table, time)
StepPayment.tsx — Step 3: Payment method selection
StepDone.tsx — Step 4: Reservation creation success
ReservationHistory.tsx — Reservation operation history (embedded in detail)
CreateReservation.tsx — Full create reservation flow container
EditReservation.tsx — Full edit reservation flow container
All 25 Peblla Table components displayed