7 Commits

Author SHA1 Message Date
felix.zoesch
e19f500fb0 Add nginx reverse proxy for VM deployment
Configure nginx to proxy API and WebSocket requests to backend.
This allows the frontend to work on VMs without hardcoded localhost URLs.

Changes:
- nginx.conf: Added proxy rules for /api/, /ws, and /health
- client.ts: Use relative URLs in production mode
- websocket.ts: Dynamically construct WebSocket URL based on current host

This fixes ERR_BLOCKED_BY_CLIENT and connection issues on VMs.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-15 16:03:44 +01:00
felix.zoesch
d842bc02ad Remove unused imports in EventFeed.tsx 2025-12-15 12:14:42 +01:00
felix.zoesch
d9459b1107 Fix duplicate event filtering in EventFeed
The EventFeed component was filtering events twice:
1. First in useEvents hook (backend query with event_types filter)
2. Then again in EventFeed component (client-side filter)

This caused filter issues where switching between filters would show
incorrect events (e.g., switching from SESSIONS to ALL would only show
session events).

Fixed by removing the duplicate client-side filter, as useEvents already
provides correctly filtered events from the backend.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-15 12:10:15 +01:00
felix.zoesch
48d2caf57c Add user prompt text display and agents graph tab
Features:
- User prompt hook now captures and displays actual prompt text
- Added tab switching between Event Feed and Agents Graph
- Created AgentsGraph component with placeholder
- Added CSS styling for agents graph view

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-15 10:51:38 +01:00
felix.zoesch
e8af18114f Fix TypeScript build errors
- Remove unused Event import from client.ts
- Fix fractionalSecondDigits incompatibility in EventCard.tsx
- Manually format milliseconds for timestamp display
2025-12-15 10:04:55 +01:00
felix.zoesch
1328d6287f Add package-lock.json for reproducible builds
- Generated package-lock.json for frontend dependencies
- Fixes Docker build issue with npm ci
- Ensures consistent dependency versions across environments
2025-12-15 10:00:42 +01:00
felix.zoesch
f6ef7ff5d3 Initial commit: Claude Code Monitor v1.0.0
Complete real-time monitoring dashboard for Claude Code

Features:
- FastAPI backend with REST API and WebSocket
- React + TypeScript frontend with dark theme
- SQLite database for event storage
- 6 hook scripts for Claude Code events
- Docker deployment setup
- Real-time event tracking and statistics
- Event filtering (ALL, TOOLS, AGENTS, PROMPTS, SESSIONS)
- Connection status indicator
- Reset stats functionality

Tech Stack:
- Backend: Python 3.11, FastAPI, SQLAlchemy, WebSockets
- Frontend: React 18, TypeScript, Vite
- Database: SQLite
- Deployment: Docker, Docker Compose

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-15 09:49:06 +01:00