Dashboard Roadmap

✅ Completed (2026-02-25)

Foundation

• React + Vite + TypeScript setup
• Tailwind CSS + shadcn/ui components
• Project cards: System, OpenClaw, Piewell, Futures Screener
• KPI modals with full details
• Kanban task board
• Dark/light theme toggle
• Auto-refresh (30s)
• Responsive design

---

🚧 Phase 1: Core Features (Week 1-2)

AI Team Card

• Agent status monitoring (online/working/idle/error)
• Token usage per agent
• Task progress visualization
• Start/stop/restart actions
• Real-time log viewing

Enhanced Cards

• Task badges (red/yellow/green) on project cards
• Progress bars for completion
• Quick actions: "View Tasks", "Health Check", "Open Logs"
• Drag-and-drop card reordering (@dnd-kit/sortable)

Notifications

• Toast alerts (sonner)
• Critical events: context >90%, service down
• Priority levels: Info, Warning, Critical
• Notification history with filtering

---

📊 Phase 2: Advanced Metrics (Week 3-4)

OpenClaw Deep Dive

• /api/status/openclaw endpoint
• Gateway version & uptime
• Token usage per model
• Cost projections & trends
• Active sessions count
• Response time tracking

Project KPIs

• Piewell.com:

  • Alt-text percentage
  • Organic traffic (Google Analytics)
  • Pinterest engagement

• Futures Screener:

  • Signal accuracy tracking
  • User growth metrics
  • Revenue indicators

Visualization

• Full recharts integration
• CPU/RAM history (7 days)
• Token usage trends
• Heatmaps for agent activity
• PDF/CSV export for reports

---

🔧 Phase 3: Technical Excellence (Month 2)

Performance

• Code splitting with dynamic imports
• Service Worker for offline caching
• PWA capabilities
• Bundle size optimization (<150KB)

Backend

• /api/agent/metrics endpoint
• /api/team/status endpoint
• /api/notifications management
• Rate limiting
• Caching layer (Redis)

Infrastructure

• Auto-restart on failure
• Automated backups
• Uptime monitoring
• Error tracking (Sentry)

---

🚀 Phase 4: Integrations (Month 3+)

Immediate

• WordPress REST API health
• Binance balance (optional)
• Weather widget (Vancouver)
• Time tracking widget

Future

• GitHub integration (commits, PRs)
• Google Calendar
• Email monitoring
• Social media metrics

---

📈 Success Metrics

Metric	Current	Week 2	Month 1	Month 3
Load time	<2s	<1.5s	<1s	<0.8s
Uptime	99.9%	99.95%	99.99%	99.99%
Bundle size	169KB	150KB	130KB	100KB
AI Team card	❌	✅	Enhanced	Advanced
Charts	Sparkline	Basic	Full	Advanced

---

📝 Notes

Priority: Phase 1 → Phase 2 → Phase 3 → Phase 4

Blockers:

• Need Rick approval for notification channels
• Piewell Lead needed for WordPress metrics
• Screener Lead needed for trading signals

Resources:

• /home/app/dashboard-old/TASKS.md — legacy planning doc
• /home/app/dashboard/MIGRATION.md — migration history
• /home/app/dashboard/TECHNICAL.md — tech docs

---

Owner: Dashboard Lead (Sub-Agent) Supervisor: Morty Last Updated: 2026-02-25 Status: 🟡 Phase 1 in progress