Files
cameleer-server/ui
hsiegeln 67df61e044 docs: scrub siegeln.net and LAN IPs from customer-facing docs
Replace personal-infra references with brand-aligned placeholders so
the public-facing setup docs no longer leak the user's home lab.

- HOWTO.md: cameleer.siegeln.net OIDC example → cameleer.example.com;
  loader-image default in env-var table → registry.cameleer.io (matches
  the production default flipped in the previous commit); k3s service-URL
  table 192.168.50.86 → <your-cluster-host>
- ui/README.md: dev-server VITE_API_TARGET example LAN IP → host placeholder
- ui/vite.config.ts: api.cameleer.siegeln.net comment → api.cameleer.example.com

Out of scope (intentionally kept on internal infra):
- ui/package.json dev:remote and generate-api:live LAN IPs (dev-team
  convenience scripts)
- pom.xml, .npmrc, ui/Dockerfile (buildtime registry)
- deploy/* manifests (internal k3s)
- CLAUDE.md and .claude/rules/cicd.md (handled in the next commit, which
  also adds the buildtime/public split clarification)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-28 16:49:34 +02:00
..
2026-04-15 15:28:42 +02:00
2026-04-15 15:28:42 +02:00

Cameleer UI

React SPA built with @cameleer/design-system v0.1.28, TanStack Query, and Zustand.

Development

npm install
npm run dev

By default the dev server proxies /api/* to http://localhost:8081. To proxy to a remote server instead:

VITE_API_TARGET=http://your-backend-host:8081 npm run dev

No CORS issues — Vite's proxy makes API calls server-side.

Build

npm run build

API Types

Regenerate TypeScript types from a running backend:

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