Dashboard Overview

Overview

The Elemm Gateway Dashboard is an optional, standalone observability and management UI. It consists of two parts:

1. Backend — FastAPI server (dashboard_server.py) for telemetry aggregation and REST+WebSocket API
2. Frontend — React SPA that connects to the backend and renders the UI

Feature Highlights

The Dashboard is divided into several powerful modules designed to give you complete control and visibility over your agent infrastructure:

• Manifest Debugger: The "Swagger UI" for Elemm. Connect to any API (OpenAPI, GraphQL, MCP) and interactively test tools, inspect lazy-loaded schemas, and simulate LLM requests.
• Token Analyzer: A live business-logic simulator. Maps entire APIs and simulates conversation turns to prove Elemm's token savings (up to 90%) compared to legacy MCP servers.
• Observability Console: Real-time telemetry and sequence debugging. Offers a live activity stream, step-by-step sequence drill-downs, and a visual Data Piping Map to trace variables across multi-step executions.
• MCP Server Configurator: Visually mount external MCP servers via stdio or sse. Supports bulk config migration (e.g., Claude Desktop) and allows you to attach custom "Smart Remedies" (on-error prompts) to individual tools for automatic agent recovery.
• Secure Vault Manager: A visual credential manager. Safely store API keys and map them directly into MCP configurations or HTTP headers without ever exposing plaintext secrets in your config files.

Starting the Dashboard

Standard Execution (No Build Required)

# Via CLI script
elemm-dashboard

# Or as a Python module
python3 -m elemm_gateway.ui_backend.dashboard_server

Default URL: http://127.0.0.1:8090

WebSocket Real-Time Stream

The frontend connects via WebSocket to ws://127.0.0.1:8090/ws/trace and receives two event types:

• status_update: Cyclic system state packets (uptime, sessions, metrics)
• activity: Live execution events from tool/sequence actions

The connection is automatically restored every 3 seconds if dropped.