Navigation & Interface

Last updated 11 days ago

Dashboard Layout

The Analytics dashboard is organized into three main areas:

  1. Header — Top bar with global controls

  2. Sidebar — Left navigation menu

  3. Main Content Area — Charts, tables, and KPIs

Header Components

The top bar contains the following elements (from left to right):

Language Selector

Switch between English 🇬🇧 and French 🇫🇷

Organization Picker

Select which organization to view (if multi-org)

Connection Status

🟢 Green dot = connected / 🔴 Red dot = disconnected

User Menu

Your avatar/name with "Sign out" option

Connection Status Indicator

The connection status dot shows the real-time connection to the analytics backend:

  • 🟢 Green (Connected) — Data is live and up-to-date

  • 🔴 Red (Disconnected) — Cannot reach the backend

If you see a red dot:

  1. Refresh the page

  2. Check your internet connection

  3. If the issue persists, the backend may be temporarily unavailable

Sidebar Navigation

The left sidebar provides access to all dashboard pages, organized into two sections:

📊 Dashboards (Strategic Views)

  1. Overview — High-level snapshot of AI usage

  2. Engagement — User adoption and behavior patterns

  3. Mates — AI assistant performance metrics

  4. Usage — Token consumption and cost tracking

🔍 Details (Operational Views)

  1. Tools — Tool usage and performance

  2. Attachments — File upload and processing analytics

  3. Errors — Error monitoring and diagnostics

  4. Credits — Polar quota and native connection costs

  5. User Activity — Individual user deep-dive

Sidebar Behavior

  • Desktop: The sidebar can be collapsed to show only icons (click the hamburger menu)

  • Mobile: The sidebar slides in as a drawer from the left

Period Selector

Every page includes a period selector in the top-right corner of the main content area.

Available Periods

Last 7 days

Previous 7 calendar days

Last 30 days

Previous 30 calendar days (default)

Last 90 days

Previous 90 calendar days

This month

From the 1st of the current month to today

Last month

Full previous calendar month

This year

From January 1st of the current year to today

Default selection: Last 30 days

Chart Granularity

The time granularity of charts automatically adjusts based on the selected period:

7 days or less

Daily data points

30–90 days

Daily data points

Full year

Monthly data points

This ensures charts remain readable and performant.

Trend Badges

Every KPI card displays a trend badge that compares the current period to the previous equivalent period.

Badge Colors

  • 🟢 Green arrow up — Value increased (positive for most metrics)

  • 🔴 Red arrow down — Value decreased (negative for most metrics)

  • ⚪ Gray dash — No change or no previous data available

Inverted Colors

For metrics where lower is better (e.g., error rate, cost per user), the colors are inverted:

  • 🟢 Green = decrease (good)

  • 🔴 Red = increase (bad)