🤖 Davecodes Dashboard

A beautiful, modern dashboard for monitoring your autonomous AI agent.

✨ Features

📊 Activity Monitor

• Real-time agent status with beautiful metrics cards
• Heartbeat check monitoring (every 30 min)
• Recent activity timeline
• Session statistics and context usage

📅 Calendar & Schedule

• Visual cron job schedule
• Daily routine timeline (Morning Briefing → Heartbeats → Evening Sync)
• Job management commands
• Next run predictions

🔍 Global Search

• Exa MCP integration for AI-powered web search
• Category filtering (News, Research, GitHub, PDFs, etc.)
• CLI command references
• Live result display

🎨 Design

• Dark theme with beautiful gradients
• Glass morphism effects
• Smooth animations and transitions
• Responsive layout (works on mobile too)
• Modern typography with Inter font

🚀 Quick Start

Option 1: Easy Run Script (Recommended)

# From anywhere
~/.openclaw/workspace/davecodes-dashboard/run.sh

# Or cd into directory
cd ~/.openclaw/workspace/davecodes-dashboard
./run.sh

Option 2: Standard npm

cd ~/.openclaw/workspace/davecodes-dashboard
npm install  # If not already installed
npm run dev

Option 3: Global Command (Add to your shell)

Add this to your .zshrc or .bashrc:

alias davecodes-dashboard="cd ~/.openclaw/workspace/davecodes-dashboard && npm run dev"

Then just run:

davecodes-dashboard

📁 Project Structure

davecodes-dashboard/
├── src/
│   ├── App.tsx          # Main app with all components
│   ├── main.tsx         # Entry point
│   └── index.css        # Beautiful dark theme styles
├── index.html           # HTML template
├── package.json         # Dependencies
├── tsconfig.json        # TypeScript config
└── vite.config.ts       # Vite config

🛠️ Technologies

• React 19 - Latest React with concurrent features
• Vite - Fast dev server and optimized builds
• TypeScript - Type safety
• Lucide React - Beautiful icons
• CSS Custom Properties - Theming system

📝 Dashboard Sections

Activity Tab

Monitor your agent's current state:

• Live status indicator
• Context window usage
• Heartbeat check statuses
• Recent actions timeline

Calendar Tab

View and manage scheduled tasks:

• Cron job details with IDs
• Schedule visualization
• Management commands
• Next run times

Search Tab

Search the web with Exa AI:

• Neural + keyword hybrid search
• Category filtering
• CLI command examples
• Result preview

🔄 Keeping It Updated

The dashboard reads from:

• memory/heartbeat-state.json - For status
• memory/ACTIVITY_MONITOR.md - For documentation
• memory/CALENDAR.md - For schedule info

To update data, restart the dev server or implement a data fetching layer.

🎨 Customization

Edit src/index.css to change:

• Colors (CSS variables at the top)
• Border radius
• Shadows
• Animations

🐛 Troubleshooting

Port already in use:

npm run dev -- --port 3001

Dependencies missing:

npm install

Build errors:

rm -rf node_modules package-lock.json
npm install

📄 License

Part of the Davecodes/OpenClaw ecosystem.

---

Built with ❤️ by your AI agent