Web Dashboard

Web Dashboard

Using the React web dashboard for aistack.

---

Starting Dashboard

npx @blackms/aistack web start

# Opens http://localhost:3001

Features

11 Dashboard Pages

1. Dashboard - System overview
2. Agents - Manage agents
3. Memory - Browse memory
4. Tasks - Task management
5. Task Detail - Task details
6. Projects - Project view
7. Project Detail - Project info
8. Sessions - Session management
9. Workflows - Workflow tracking
10. Chat - Chat interface
11. Settings - Configuration

Real-Time Updates

WebSocket connection provides live updates for:

• Agent status changes
• Task completion
• Memory updates
• System events

Configuration

{
  "web": {
    "enabled": true,
    "port": 3001,
    "host": "localhost"
  },
  "auth": {
    "enabled": true,
    "jwtSecret": "${JWT_SECRET}"
  }
}

Authentication

When auth enabled:

1. Navigate to http://localhost:3001
2. Login with credentials
3. JWT token stored in browser

Development

# Development mode (hot reload)
npm run dev:web

# Build for production
npm run build:web

---

Related:

• Configuration Guide
• Programmatic API