Platform & Hub
Hub Control Plane
VaakLoom Hub provides an intuitive web interface for managing workflows, visualizing real-time trace telemetry, configuring RBAC, and running Snapline test suites.
Hub Overview
The Hub is built as a single-page application (React + Vite) that communicates directly with the VaakLoom Platform API over authenticated HTTP:
- Low-Code Workflow Studio: Drag-and-drop visual DAG designer with palette ribbon (Data Transform, REST APIs, Batch Jobs, Mock Stubs, Rate Delays, Custom Handlers).
- Dual-Runtime Switcher: Toggle between TypeScript / Node.js and Python (asyncio) with live generated production code export.
- cURL & OpenAPI Import Wizard: Paste raw cURL commands or OpenAPI JSON/YAML specifications to automatically configure API steps, headers, methods, and payload templates.
- Visual Data Mapper: Zero-code inter-API connections. Click-to-insert template tokens (e.g.
{{steps.step1.output.id}},{{input.userId}},{{attrs.tenantId}}) between step inputs and downstream requests. - Dead-Letter Queue (DLQ) Console: Inspect isolated batch and async failure snapshots with payload inspection, diagnostic error traces, single-click replay, and bulk replay.
- Live Telemetry Stream: Real-time Server-Sent Events (SSE) stream capturing 100% of engine lifecycle transitions and throttles with zero missed events.
- Resource Governor Dashboard: Live visual gauges for CPU & Memory usage vs 75% limit, 25% GC headroom gauge, and manual proactive GC trigger.
- Deploy & Autoscaling Hub: Customer-driven deployment packaging for Kubernetes (HPA + KEDA ScaledObject), AWS Lambda Serverless, and Docker containers.
- Snapline Tests & RBAC: Deterministic snapshot regression testing and fine-grained API key permission scoping.
Low-Code Studio Capabilities
No Deep Coding Required: Build end-to-end API workflows and high-throughput batch pipelines visually without writing boilerplate. When complex proprietary logic is needed, developers can use the Custom Step editor to write native TypeScript or Python handlers inline.
Hub Pages & Navigation
| Page | Route | Primary Function |
|---|---|---|
| Home | / | Overview of active services, recent invocations, system health, and quick links. |
| APIs | /apis | Service catalog with OpenAPI schemas, path parameters, and search fields. |
| Builder | /builder | Low-Code drag-and-drop workflow studio, cURL / OpenAPI importer, visual data mapper, and TypeScript/Python code exporter. |
| DLQ Replay | /dlq | Dead-letter queue inspection console with diagnostic traces and 1-click single/bulk replay. |
| Live Events | /events | Zero-missed real-time Server-Sent Events (SSE) observability stream. |
| Traces | /traces | Searchable execution logs with duration waterfalls and step error inspect. |
| Tests | /tests | Snapline regression test suite execution and snapshot diff inspector. |
| Metrics | /metrics | Real-time charts of requests/sec, error rate %, latency percentiles, and Resource Governor 75% guardrails. |
| Deploy | /deploy | Kubernetes (HPA + KEDA), AWS Lambda serverless, and Docker artifact export. |
| RBAC | /rbac | API key generation, permission scoping, and user role management. |
Connecting Hub to Platform
The Hub UI uses Vite's proxy during local development to route /hub/* requests directly to the platform backend running on port 8787:
# Start Hub with your API key
VITE_API_KEY=adm_secret_key_123 pnpm --filter @vaakloom/hub dev