Admin UI Pages

The Admin UI contains 17+ pages organized into seven navigation sections. This guide covers every page and its capabilities.

Overview

Three metric panels showing real-time platform health:

Realtime Delivery — Active WebSocket connections, reconnect rate, events in/out per second, fanout latency p50/p95/p99
Database Pipeline — CDC lag, outbox lag, events captured/routed per second, mapping and schema failures
Async Reliability — BullMQ queue depth, retry counts, DLQ size, webhook success/failure rates

Plus a Hot Topics table showing the most active topics with events/sec, subscriber counts, and p95 fanout latency.

Overall system health and individual service statuses. Shows backend API, workers, Redis, and PostgreSQL connectivity.

System alerts filterable by severity. Environment-aware — shows alerts scoped to the currently selected environment.

Full CRUD for the topic registry:

Schema version browser and registration:

Database-to-topic mapping editor:

Create mappings with table, trigger columns, payload field mapping, and conditions
Visual rule builder for mapping conditions (no raw JSON required)
Version history for each mapping
Promote mappings between environments
Preview the emitted event payload

Multi-environment overview of all mappings:

Grid view showing Development, Staging, and Production columns
Color-coded sync status (green = synced, yellow = newer version available, red = missing)
Batch promotion across environments
Click any cell to see version details

Deployment management for promoting configuration across environments:

Browse and manage sync documents by registered service:

Service selector — dropdown populated from registered services (via Services API)
Manage Services — gear icon opens inline CRUD dialog for creating, editing, and deleting service namespaces
View all documents for the selected service with data, revision, and timestamps
Edit document data with a JSON editor
Delete documents
Auto-loads documents when a service is selected
Scoped by current application and environment

Inspect and modify individual documents:

Three-tab WebSocket inspection dashboard:

Connections — expandable table of all active connections showing: transport (Socket.IO/WebSocket), remote address, auth subject, channel count, subscription count (with returnMode if set), and uptime. Expand to see user agent, joined channels, and full subscription details.
Channels — list all active channels with member counts, inspect members, and broadcast events from the UI
Live Traffic — SSE-powered real-time event stream showing connect/disconnect, subscribe/unsubscribe, and broadcast events with pause/resume and clear controls

Webhook endpoint management:

Webhook delivery history:

Event trace timeline and routing inspection:

Timeline view of all events with topic filtering
Click any event to see routing details (subscribers matched, filters applied, delivery status)
Replay dialog for re-processing events