Overview
The Ai Studio Admin Dashboard is a comprehensive management interface that provides real-time control over all aspects of your restaurant operations. Built with React and Firebase, the dashboard offers live data synchronization, ensuring that all changes are instantly reflected across all connected devices.Accessing the Dashboard
Authentication
The admin dashboard requires authenticated access with proper user credentials. Access is restricted to users with Admin or Editor roles.The dashboard implements real-time Firebase listeners that automatically sync data changes across all connected sessions.
Initial Load
When you first access the dashboard, you’ll see a loading screen while the system establishes connection to the Firebase database and loads all necessary data collections.Dashboard Layout
The admin dashboard uses a responsive sidebar layout that adapts to different screen sizes:Desktop View
- Fixed Sidebar (left): Always visible with navigation menu
- Header Bar (top): Shows real-time connection status and notifications
- Main Content Area: Displays the active panel content
Mobile View
- Collapsible Sidebar: Accessed via hamburger menu
- Mobile Header: Quick access to navigation and notifications
- Full-width Content: Optimized for smaller screens
Real-Time Sync
Live connection indicator shows when data is synchronized in real-time across all devices
Notification Center
Centralized hub for new orders, upcoming reservations, and system alerts
Main Navigation Panels
The dashboard provides access to nine core management areas through the sidebar navigation:- Orders
- Reservations
- Tables
- Products
Orders Panel
Manage incoming orders, update order status, and track deliveries. View order details including customer information, items ordered, payment status, and order history.Key Features:- Real-time order notifications
- Status management workflow
- Order filtering and search
- Payment tracking
- Customers
- Users
- Schedule
- Bots
Customers Panel
Track customer information, order history, and manage customer categories. Send bulk messages via WhatsApp to customer groups.Key Features:- Customer database management
- Category-based organization
- Order history tracking
- WhatsApp bulk messaging
Header Features
Real-Time Connection Indicator
The header displays a live connection status with a pulsing green dot, confirming that the dashboard is actively synced with the Firebase database:Notification Center
The notification center provides instant alerts for:New Orders
Alerts when new orders are placed through any channel (Web, WhatsApp, Admin)
Reservations
Notifications for upcoming reservations (within 15 minutes)
System Events
General system notifications and important updates
Common Workflows
Daily Operations
- Check Dashboard Status - Verify real-time connection is active
- Review Notifications - Check for pending orders and upcoming reservations
- Manage Orders - Process new orders and update status as they progress
- Handle Reservations - Confirm bookings and seat customers as they arrive
- Monitor Tables - Track table occupancy and manage availability
Menu Management
- Navigate to Products panel
- Add/edit products and categories
- Create promotional bundles
- Adjust pricing using bulk operations
- Generate updated menu PDFs
Staff Management
- Navigate to Users panel
- Create user accounts with appropriate roles
- Monitor last access times
- Update permissions as needed
Theme Customization
The dashboard supports both light and dark themes. Use the theme toggle in the sidebar footer to switch between modes. Your preference is saved locally and persists across sessions.All timestamps in the dashboard are displayed in Argentine locale format (es-AR) with timezone-aware date formatting.
Data Synchronization
The dashboard implements real-time listeners for all critical data collections:- Orders: Live order updates and status changes
- Reservations: Real-time reservation modifications
- Products: Instant menu updates
- Categories: Category structure changes
- Customers: Customer database updates
- Tables: Live table status updates
- Users: User account changes
- Schedule: Operating hours updates
- Bot Metrics: AI assistant performance data
- Chat History: Conversation logs
The dashboard caches data locally using
localStorage for improved performance and offline resilience. When Firebase is unavailable, cached data is used automatically.Performance Features
Optimistic Updates
Many operations provide immediate visual feedback while Firebase processes changes in the background, ensuring a responsive user experience.Pagination
Large datasets (orders, products, customers) are paginated with 10 items per page to maintain optimal performance.Responsive Tables
All data tables adapt to mobile screens with a card-based layout, ensuring usability on any device.Settings & Configuration
Access the Settings panel to configure:- Location and delivery radius
- Location validation settings
- Reservation duration and timing rules
- Table management preferences
Next Steps
Continue to User Management to learn about role-based access control and user administration.