Timeline UI & Shift Management

Grid vs Smart Density View

Toggle between two timeline perspectives:

• Grid View: Fixed uniform time slots (e.g. 15-minute columns), ideal for booking new reservations and checking slot availability.

• Smart Density View: Compact proportional timeline that highlights busy rushes, table turnover gaps, and available gaps at a glance.

Sticky Time Ruler Navigation

During high-volume service with 50+ tables, the timeline header and time scale stay pinned at the top while you scroll vertically through your table list. You never lose time context during a rush.

Live Table Status Colors

Table blocks on the timeline and canvas update their status colors dynamically:

• 🟩 Green (Available): Free and ready for walk-ins or immediate seating.

• 🟨 Yellow (Reserved): An upcoming booking is arriving soon; table is reserved.

• 🟦 Blue (Occupied): Guests are currently seated and dining.

• 🟥 Red (Blocked): Table is held off by staff for maintenance, VIP hold, or private hire.