Files
cameleer-server/ui/README.md
hsiegeln 726e77bb91
Some checks failed
CI / build (push) Successful in 2m2s
CI / cleanup-branch (push) Has been skipped
CI / docker (push) Has been cancelled
CI / deploy (push) Has been cancelled
CI / deploy-feature (push) Has been cancelled
docs: update all documentation for session changes
CLAUDE.md:
- Agent registry auto-heal note (in-memory, JWT fallback)
- Usage analytics (ClickHouse usage_events table)

HOWTO.md:
- Architecture diagram: added deploy-demo (NodePort 30092) and cameleer-demo namespace
- Access URLs: added Deploy Demo
- Agent registry: server restart resilience documentation
- Route control: CommandGroupResponse note

ui/README.md:
- Fixed outdated generate-api command
- Added DS version (v0.1.26)
- Fixed VITE_API_TARGET (30081 not 30090)
- Added key features section (cmd-k, LIVE mode, route control, event icons)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-03 11:22:44 +02:00

41 lines
1.1 KiB
Markdown

# Cameleer3 UI
React SPA built with [@cameleer/design-system](https://gitea.siegeln.net/cameleer/design-system) v0.1.26, TanStack Query, and Zustand.
## Development
```bash
npm install
npm run dev
```
By default the dev server proxies `/api/*` to `http://localhost:8081`. To proxy to a remote server instead:
```bash
VITE_API_TARGET=http://192.168.50.86:30081 npm run dev
```
No CORS issues — Vite's proxy makes API calls server-side.
## Build
```bash
npm run build
```
## API Types
Regenerate TypeScript types from a running backend:
```bash
npm run generate-api # Requires backend running on :8081
```
## Key Features
- **Composable sidebar** with accordion behavior (Applications / Starred / Admin sections)
- **Context-aware cmd-k search**: shows apps/routes/exchanges on operational pages, users/groups/roles on admin pages
- **LIVE mode toggle**: when ON, queries poll at intervals (5s-30s); when OFF, sidebar clicks trigger manual refresh
- **Route control bar** with state-aware buttons (start/stop/suspend/resume) and confirmation dialogs
- **Event-type icons** in agent timeline with severity-based coloring