@claudecam/dashboard 0.1.10 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +52 -0
- package/package.json +2 -2
package/README.md
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
# @claudecam/dashboard
|
|
2
|
+
|
|
3
|
+
React dashboard for [Claude Agent Monitor (CAM)](https://github.com/pedropauloai/claude-agent-monitor) -- Mission Control for Claude Code agents.
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/@claudecam/dashboard)
|
|
6
|
+
[](https://github.com/pedropauloai/claude-agent-monitor/blob/main/LICENSE)
|
|
7
|
+
|
|
8
|
+
## What This Package Does
|
|
9
|
+
|
|
10
|
+
Real-time monitoring dashboard that visualizes Claude Code agent activity. Built with React 19, Vite, Tailwind CSS, and Zustand.
|
|
11
|
+
|
|
12
|
+
**Key features:**
|
|
13
|
+
- **3 Themes** -- Modern (clean dark UI), Terminal (green-on-black), Pixel Art (retro RPG)
|
|
14
|
+
- **Agent Map** -- 3D robot visualization with Spline models on a "Mission Floor"
|
|
15
|
+
- **Real-time Activity Feed** -- Every tool call, file edit, and command streamed via SSE
|
|
16
|
+
- **Kanban Board** -- Auto-updating task board synced with sprint tracking
|
|
17
|
+
- **Burndown Chart** -- Sprint progress with ideal vs actual lines
|
|
18
|
+
- **Multi-project sidebar** -- Switch between projects
|
|
19
|
+
- **Resizable panels** -- Customizable layout with drag-to-resize
|
|
20
|
+
|
|
21
|
+
## Tech Stack
|
|
22
|
+
|
|
23
|
+
| Technology | Purpose |
|
|
24
|
+
|-----------|---------|
|
|
25
|
+
| React 19 | UI framework |
|
|
26
|
+
| Vite 6 | Build tool |
|
|
27
|
+
| Tailwind CSS 4 | Styling |
|
|
28
|
+
| Zustand 5 | State management |
|
|
29
|
+
| Recharts | Charts and graphs |
|
|
30
|
+
| Framer Motion | Animations |
|
|
31
|
+
| Spline | 3D robot models |
|
|
32
|
+
| React Three Fiber | 3D indicator overlays |
|
|
33
|
+
|
|
34
|
+
## Usage
|
|
35
|
+
|
|
36
|
+
This package is served automatically by `@claudecam/cli`. You typically don't install it directly.
|
|
37
|
+
|
|
38
|
+
```bash
|
|
39
|
+
# Recommended: use the CLI
|
|
40
|
+
npx @claudecam/cli start
|
|
41
|
+
# Dashboard opens at http://localhost:7890
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Links
|
|
45
|
+
|
|
46
|
+
- [GitHub Repository](https://github.com/pedropauloai/claude-agent-monitor)
|
|
47
|
+
- [Full Documentation](https://github.com/pedropauloai/claude-agent-monitor#readme)
|
|
48
|
+
- [CLI Package](https://www.npmjs.com/package/@claudecam/cli)
|
|
49
|
+
|
|
50
|
+
## License
|
|
51
|
+
|
|
52
|
+
[MIT](https://github.com/pedropauloai/claude-agent-monitor/blob/main/LICENSE)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@claudecam/dashboard",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.11",
|
|
4
4
|
"description": "React dashboard for Claude Agent Monitor",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"recharts": "^2.15.0",
|
|
20
20
|
"three": "^0.183.0",
|
|
21
21
|
"zustand": "^5.0.0",
|
|
22
|
-
"@claudecam/shared": "0.1.
|
|
22
|
+
"@claudecam/shared": "0.1.1"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@types/react": "^19.0.0",
|