feat(web-dashboard): add rest api and real-time sync

REST API & CRUD:
- Add REST API routes for profiles, cliproxy, accounts
- Integrate React Query with data fetching hooks
- Create API client wrapper with TypeScript types
- Add shadcn/ui components (dialog, input, label, table)
- Build profiles table with edit/delete actions
- Create profile form dialog with zod validation
- Mount QueryClientProvider in App

Real-time Sync & WebSocket:
- Implement file watcher with chokidar for config changes
- Create WebSocket server with broadcast capability
- Add client auto-reconnect with exponential backoff
- Integrate React Query cache invalidation on WS messages
- Add connection status indicator in header
- Implement heartbeat keepalive (30s interval)
- Add graceful cleanup on server shutdown
- Show toast notifications for external config changes

Dependencies:
- Add @tanstack/react-query, react-table, react-hook-form, zod
- Add chokidar for file watching
This commit is contained in:
kaitranntt committed 2025-12-07 12:00:56 -05:00
1 parent 6a6f2a2463
commit 56502ab6a8
25 files changed
+2230 -5024

No files matched your search

+2 -1
View File
@@ -27,8 +27,9 @@ yarn-error.log*
dist/
*.tsbuildinfo
# Package lock files (keep package-lock.json but ignore others)
# Package lock files (use bun.lock only)
yarn.lock
pnpm-lock.yaml
package-lock.json
.claude/active-plan