Admin UI¶

Acteon ships with a built-in web-based admin dashboard for monitoring, inspecting, and managing your action gateway in real time. The UI connects to the same REST API used by the client SDKs.

Dashboard

Features¶

Dashboard ¶

Real-time metrics, action throughput charts, provider health, and recent activity feed.

Operations ¶

Dispatch actions, browse rules, inspect the audit trail, manage approvals, and monitor chains.

Templates ¶

Manage payload templates and profiles for reusable, parameterized content rendering.

Settings ¶

View server configuration, manage providers and circuit breakers, and toggle dark mode.

Quick Start¶

The admin UI is served by the Acteon server. No separate installation is required.

Development Mode¶

To run the UI locally with hot-reload for development:

# Terminal 1: Start the Acteon server
cargo run -p acteon-server -- -c examples/simulation.toml

# Terminal 2: Start the Vite dev server (proxies API to port 8080)
cd ui
npm install
npm run dev

The dev server starts at http://localhost:5173 and proxies all API calls to the backend on port 8080.

Production Mode¶

In production, build the UI as static assets and serve them with the Acteon server or behind a reverse proxy:

cd ui
npm run build        # Outputs to ui/dist/

Tip

The dev server proxy is configured in ui/vite.config.ts. All /v1/*, /admin/*, /health, and /metrics paths are forwarded to the backend.

Dark Mode¶

The UI supports system-detected, light, and dark color schemes. Toggle between them on the Settings > Server Config page.

Dashboard in dark mode

Keyboard Shortcuts¶

Shortcut	Action
`Cmd`+`K`	Open command palette
`Esc`	Close dialogs and drawers

The command palette provides quick navigation to any page by typing its name.