91 lines
2.8 KiB
Markdown
91 lines
2.8 KiB
Markdown
# Clawd Agent Dashboard
|
|
|
|
> A premium, dark-mode "Command Center" for the Clawd AI Agent.
|
|
|
|
|
|
|
|
## Overview
|
|
|
|
The **Clawd Dashboard** is a centralized interface designed to monitor and interact with the Clawd AI agent. It provides real-time visibility into the agent's memory, logs, scheduled tasks (cron jobs), and capabilities (skills), all wrapped in a sleek, responsive UI.
|
|
|
|
## Features
|
|
|
|
- **📊 System Status**: Real-time heartbeat monitoring of the `clawdbot` process.
|
|
- **🧠 Memory Management**: View and edit the agent's core memory (`MEMORY.md`) and daily logs.
|
|
- **🛠️ Skills Registry**: Browse, edit, and manage the agent's capabilities and MCP tools.
|
|
- **⏱️ Cron Jobs**: detailed view and control over scheduled background tasks.
|
|
- **💬 Chat Interface**: Integrated chat window to communicate directly with the agent.
|
|
- **🌗 Dark Mode**: Built with a "Slate & Violet" aesthetic optimized for low-light environments.
|
|
|
|
## Tech Stack
|
|
|
|
- **Framework**: [Next.js 14](https://nextjs.org/) (App Router)
|
|
- **UI Components**: [Shadcn/UI](https://ui.shadcn.com/) (Radix Primitives)
|
|
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
|
|
- **Icons**: [Lucide React](https://lucide.dev/)
|
|
- **State Management**: [SWR](https://swr.vercel.app/) / React Query
|
|
- **Backend**: Next.js API Routes (Serverless)
|
|
|
|
## Getting Started
|
|
|
|
### Prerequisites
|
|
|
|
- Node.js 18+
|
|
- npm or pnpm
|
|
|
|
### Installation
|
|
|
|
1. Clone the repository:
|
|
```bash
|
|
git clone https://github.com/manohar6839/clawd-dashboard.git
|
|
cd clawd-dashboard
|
|
```
|
|
|
|
2. Install dependencies:
|
|
```bash
|
|
npm install
|
|
cd dashboard && npm install
|
|
```
|
|
|
|
3. Configure Environment:
|
|
- Copy example configs:
|
|
```bash
|
|
cp config/mcporter.example.json config/mcporter.json
|
|
cp config/cron.example.json config/cron.json
|
|
```
|
|
|
|
### Running the Dashboard
|
|
|
|
Start the development server:
|
|
|
|
```bash
|
|
npm run dashboard
|
|
```
|
|
|
|
The dashboard will be available at [http://localhost:3000](http://localhost:3000).
|
|
|
|
## Project Structure
|
|
|
|
```
|
|
clawd/
|
|
├── .agent/ # Agent self-knowledge & documentation
|
|
├── dashboard/ # Next.js Application
|
|
│ ├── src/app/ # App Router Pages (Memory, Skills, Cron, Chat)
|
|
│ └── src/components/ # Shared UI Components
|
|
├── config/ # Agent configuration (Cron, MCP)
|
|
├── memory/ # Agent daily logs
|
|
├── tools/ # External tool scripts
|
|
└── MEMORY.md # Core Agent Memory
|
|
```
|
|
|
|
## Contributing
|
|
|
|
1. Fork the repository.
|
|
2. Create a feature branch (`git checkout -b feature/amazing-feature`).
|
|
3. Commit your changes (`git commit -m 'feat: Add amazing feature'`).
|
|
4. Push to the branch (`git push origin feature/amazing-feature`).
|
|
5. Open a Pull Request.
|
|
|
|
## License
|
|
|
|
MIT © [Manohar Air](https://github.com/manohar6839)
|