لوحة التحكم والتنقل
Dashboard & Navigation
Purpose
The Dashboard is your command center in SkyLight Chat. It provides at-a-glance metrics, quick actions, and real-time activity monitoring. The navigation system gives you access to every feature through an organized sidebar and header bar.
Who Can Access
| Role | Access Level |
|---|---|
| Owner | Full access to all dashboard sections |
| Admin | Full access to all dashboard sections |
| Agent | Limited access based on assigned permissions |
Prerequisites
- Active SkyLight Chat account
- Verified email address
- At least one connected channel (recommended)
Full Walkthrough
Accessing the Dashboard
- Navigate to
dashboard.skylightchat.com - Log in with your email and password
- If 2FA is enabled, enter your verification code
- You land on the Dashboard by default
Dashboard Widgets
The main dashboard displays real-time metrics:
Messages Widget
Shows messaging activity for the selected period:
- Click the period selector (Today / 7 Days / 30 Days / Custom)
- View:
- Inbound messages — Messages received from contacts
- Outbound messages — Messages sent by you, your team, or AI
- Failed messages — Delivery failures requiring attention
Contacts Widget
Displays contact database growth:
- Total contacts — All contacts in your database
- New this period — Contacts created in the selected timeframe
- Active conversations — Contacts with recent message activity
Bookings Widget
Summarizes appointment status:
- Pending — Awaiting confirmation
- Confirmed — Scheduled appointments
- Completed — Past appointments
- Cancelled — Cancelled by contact or staff
AI Sessions Widget
Tracks AI Agent activity:
- AI sessions — Conversations handled by AI Agents
- Handoffs — Conversations escalated to human agents
- Satisfaction — Contact satisfaction metrics (if enabled)
Activity Feed
The activity feed shows real-time events:
- New inbound messages
- Contact created events
- Booking confirmations
- Team member actions
- Channel connection status changes
Click any item to navigate directly to the relevant record.
Sidebar Navigation
Collapsing the Sidebar
- Click the hamburger icon (☰) at the top of the sidebar to collapse
- Collapsed mode shows icons only
- Hover over icons to see tooltips
- Click again to expand
Navigation Groups
Main
| Item | Icon | Description |
|---|---|---|
| Dashboard | i-lucide-layout-dashboard | Home screen with metrics |
| Inbox | i-lucide-inbox | Unified conversation view |
| Bookings | i-lucide-calendar | Appointment management |
| Orders | i-lucide-shopping-cart | Order tracking |
| Contacts | i-lucide-users | Contact database |
| Campaigns | i-lucide-megaphone | Outreach sequences |
| Tickets | i-lucide-ticket | Support ticket system |
Channels
| Item | Icon | Description |
|---|---|---|
i-lucide-message-circle | WhatsApp connection & settings | |
| Telegram | i-lucide-send | Telegram connection & settings |
i-lucide-instagram | Instagram DM settings | |
i-lucide-linkedin | LinkedIn messaging | |
| Chat Widget | i-lucide-message-square | Website embed widget |
| Salla | i-lucide-store | Salla e-commerce integration |
AI & Automation
| Item | Icon | Description |
|---|---|---|
| AI Assistant | i-lucide-bot | Knowledge Base & AI Agents |
| SMS Marketing | i-lucide-smartphone | Bulk SMS campaigns |
Administration
| Item | Icon | Description |
|---|---|---|
| Team | i-lucide-users-2 | Team member management |
| Settings | i-lucide-settings | Account configuration |
Header Bar Controls
Logo / Home
Click the SkyLight Chat logo to return to the Dashboard from any screen.
Search
The global search bar allows quick navigation:
- Click the search bar or press
Cmd+K(Mac) /Ctrl+K(Windows) - Type to search:
- Contact names or phone numbers
- Menu items
- Recent conversations
- Press
Enteror click a result to navigate
Inbox Quick Access
The inbox icon in the header provides:
- Badge count — Number of unread messages
- Click — Navigate directly to Inbox
- Red dot — Indicates urgent or unassigned conversations
Language Switcher
Toggle between English and Arabic:
- Click the language icon (
ENorAR) - Select your preferred language
- The interface updates immediately
Interface elements that change:
- All menu labels
- Button text
- Form labels and placeholders
- Error messages
- Help text
The layout switches to RTL (right-to-left) for Arabic.
Profile Menu
Click your avatar to access:
| Option | Description |
|---|---|
| My Profile | Edit your name, email, avatar, password |
| Notifications | Configure notification preferences |
| Subscription | View current plan and billing |
| Language | Switch interface language |
| Help Center | Access documentation and support |
| Logout | End your session |
Profile Settings
Accessing Profile Settings
- Click your avatar in the header
- Select My Profile
Profile Fields
| Field | Description | Required |
|---|---|---|
| First Name | Your given name | Yes |
| Last Name | Your family name | Yes |
| Login email (change requires verification) | Yes | |
| Phone | Contact phone number | No |
| Avatar | Profile picture (JPG, PNG, max 2MB) | No |
| Timezone | Used for scheduling and timestamps | Yes |
Changing Your Password
- Go to My Profile
- Click Change Password
- Enter your current password
- Enter your new password (min 8 characters)
- Confirm the new password
- Click Update Password
Notification Preferences
| Setting | Description |
|---|---|
| Email notifications | Receive digest emails for unread messages |
| Browser notifications | Desktop push notifications |
| Sound alerts | Play sound for new messages |
| Mobile push | Push notifications to mobile app (if installed) |
Field & Control Glossary
Dashboard Controls
| Control | Type | Description |
|---|---|---|
| Period Selector | Dropdown | Filter metrics by time range |
| Refresh | Button | Manually refresh dashboard data |
| Export | Button | Download metrics as CSV |
| Widget Settings | Icon | Configure individual widget display |
Header Controls
| Control | Type | Description |
|---|---|---|
| Search | Input | Global search with keyboard shortcut |
| Inbox | Icon Button | Quick navigation to inbox |
| Language | Dropdown | EN/AR language toggle |
| Profile | Avatar Button | Access profile menu |
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Cmd/Ctrl + K | Open global search |
Cmd/Ctrl + I | Go to Inbox |
Cmd/Ctrl + D | Go to Dashboard |
Cmd/Ctrl + B | Go to Bookings |
Cmd/Ctrl + / | Show keyboard shortcuts help |
Esc | Close modals and dialogs |
Statuses & Badges
Sidebar Badges
| Badge | Meaning |
|---|---|
| Red number | Unread conversations in that section |
| Yellow dot | Pending action required |
| Green dot | Feature is active/connected |
| Gray dot | Feature is inactive/disconnected |
Header Badges
| Badge | Location | Meaning |
|---|---|---|
| Red circle with number | Inbox icon | Total unread messages |
| Green dot | Profile avatar | Online status |
How It Connects
| Feature | Relationship |
|---|---|
| Inbox | Dashboard "Unread" links open the inbox |
| Contacts | Dashboard contact count links to contact list |
| Bookings | Pending bookings link to booking calendar |
| Channels | Channel status affects available features |
| AI Assistant | AI session metrics come from agent activity |
Limits & Plan Behavior
| Aspect | Starter | Pro | Business |
|---|---|---|---|
| Dashboard refresh rate | 60 seconds | 30 seconds | Real-time |
| Historical data | 30 days | 90 days | 1 year |
| Export formats | CSV | CSV, Excel | CSV, Excel, PDF |
| Custom widgets | — | — | ✓ |
Troubleshooting
Dashboard Not Loading
Symptoms: Blank screen, spinning loader, error message
Solutions:
- Clear browser cache and cookies
- Try incognito/private browsing mode
- Disable browser extensions temporarily
- Check your internet connection
- Try a different browser
Metrics Showing Zero
Symptoms: All widgets show 0 despite activity
Solutions:
- Check the selected time period
- Verify channel connections are active
- Wait 1-2 minutes for data sync
- Click the refresh button
Sidebar Menu Items Missing
Symptoms: Expected menu items not visible
Solutions:
- Verify your role has required permissions
- Check if feature requires plan upgrade
- Contact your account admin
Language Not Changing
Symptoms: Interface stays in previous language
Solutions:
- Hard refresh the page (
Cmd+Shift+R/Ctrl+Shift+R) - Clear browser cache
- Log out and log back in
