Docs/Admin Dashboard

Admin Dashboard

Session management and analytics platform

Overview

The LogSpace Admin Dashboard is a comprehensive web application for viewing, managing, and analyzing recorded sessions. Built with React and Mantine UI, it features a Vercel-inspired design with dark/light mode support.

Session Replay

Watch DOM recordings with video and audio playback

Analytics

Real-time metrics, trends, and severity distribution

Team Management

Assign sessions, manage permissions, collaborate

Navigation Structure

The dashboard uses a sidebar navigation with the following main sections:

Dashboard

Overview with KPIs, charts, and activity feed

Logs / Sessions

Browse, search, and filter all recorded sessions

Projects

Organize sessions by project and environment

Metrics

Performance charts and error analytics

Notifications

Real-time alerts and activity notifications

Settings

Account, team, integrations, and preferences

Dashboard Overview

KPI Cards

Four key performance indicators at a glance:

📊Total Logs

All-time count with 7-day sparkline

📝Logs Today

Today's count with % change

🔴High Severity

Critical issues requiring attention

👥Active Team

Unique contributors this week

Charts & Visualizations

Activity timeline showing recent events
Severity distribution donut chart
Time-based activity heatmap
Top projects by log count

Logs / Sessions

Search & Filter

Powerful filtering capabilities to find specific sessions:

Filter by severity (low, medium, high)

Filter by project

Filter by environment

Filter by assignee

Filter by date range

Filter by folder

Session Viewer

Each session includes:

Video replay with audio (if recorded)
DOM replay using rrweb
Network request timeline
Console log viewer
Comments and annotations

Session Actions

Assign

Assign session to team member

Comment

Add threaded comments

Organize

Move to folder

Export

Download JSON/video

Settings

The settings page is organized into categories:

Logs

• Retention period (7 days to 1 year or never)
• Automatic cleanup scheduling
• Max upload size configuration

Security

• Max login attempts before lockout
• Session timeout configuration
• Two-factor authentication

Notifications

• Enable/disable in-app notifications
• Notification retention settings
• Sound preferences
• WebSocket reconnection settings

Appearance

• Theme selection ( Light / Dark)
• Language preferences (English, Russian)
• Timezone settings

Deployment

Docker Deployment

# Start production server

docker-compose -f docker-compose.yml up -d

# View logs

docker-compose logs -f admin

✅ Production Ready

Includes Nginx, gzip compression, security headers, and health checks

Environment Variables

PUBLIC_API_BASE_URLBackend API URL

PUBLIC_DEPLOYMENT_MODEself-hosted or cloud

PUBLIC_WS_URLWebSocket URL for notifications

Deployment Modes

Self-Hosted

Single organization. URLs like /dashboard, /logs

Cloud Multi-Tenant

Multiple orgs. URLs like /org-name/~/dashboard

← JavaScript SDK