Epic: Frontend-Backend Equalization — Align Angular UI with Full Backend API

[ElioNeto]

Epic: Frontend-Backend Equalization

Align the Angular frontend with ALL backend API capabilities. The current frontend was built against an older API contract and is missing ~80% of the backend functionality.

Current Coverage

Backend: 37+ infra modules, ~30 REST endpoints, GraphQL schema, auth, admin, health, etc.
Frontend before: 5 pages — many calling wrong/missing endpoints.
Frontend after: 30+ pages covering ALL backend modules.

---

📋 Phase 1 — Fix API Mismatches (Critical)

• Fix API Endpoint Mismatches Between Frontend and Backend #291 — Fix API Endpoint Mismatches Between Frontend and Backend
• Register Missing Backend API Routes for Frontend #292 — Register Missing Backend API Routes for Frontend

📋 Phase 2 — Core Admin Pages

• Compaction & Memtable Flush Management Page #293 — Compaction & Memtable Flush Management Page
• Health Probes & System Status Dashboard #294 — Health Probes & System Status Dashboard
• Rate Limiting Dashboard #295 — Rate Limiting Dashboard
• Backup & Restore Management Page #296 — Backup & Restore Management Page
• Time Travel / Snapshot Browser Page #297 — Time Travel / Snapshot Browser Page
• CDC (Change Data Capture) Configuration Page #311 — CDC (Change Data Capture) Configuration Page
• Server Configuration Viewer Page #313 — Server Configuration Viewer Page

📋 Phase 3 — Integration & Advanced

• Webhook Management Page #298 — Webhook Management Page
• Pub/Sub Topic Inspector Page #299 — Pub/Sub Topic Inspector Page
• SQL Query Runner Page #300 — SQL Query Runner Page
• Resilience Dashboard — Circuit Breaker, Degradation & System Health #301 — Resilience Dashboard (Circuit Breaker, Degradation, Memory, Disk)
• Access Control Policies Page #302 — Access Control Policies Page
• Replication Topology & Status Page #303 — Replication Topology & Status Page
• Vector Index & Semantic Search Page #304 — Vector Index & Semantic Search Page
• Data Sync & Multi-Model Management Page #305 — Data Sync & Multi-Model Management Page
• Bulk Import / Export Page #312 — Bulk Import / Export Page
• Chaos Engineering & Fault Injection Page #314 — Chaos Engineering & Fault Injection Page
• Log Level & Telemetry Configuration Page #315 — Log Level & Telemetry Configuration Page
• Tenant Quotas & Query Budget Management Page #316 — Tenant Quotas & Query Budget Management Page
• Data Scrubber & Idempotency Key Management Page #317 — Data Scrubber & Idempotency Key Management Page
• Backpressure & Retry Configuration Page #318 — Backpressure & Retry Configuration Page
• WASM Plugin Manager Page #319 — WASM Plugin Manager Page
• CI/CD Fixtures & Test Data Management Page #320 — CI/CD Fixtures & Test Data Management Page

📋 Phase 4 — Infrastructure

• WebSocket Integration for Real-Time Frontend Updates #306 — WebSocket Integration for Real-Time Frontend Updates
• GraphQL Client Integration for Angular Frontend #307 — GraphQL Client Integration for Angular Frontend
• Frontend Testing Infrastructure — Unit, Integration & E2E Tests #308 — Frontend Testing Infrastructure (Unit, Integration & E2E)
• Theming System — Dark/Light Mode & Responsive Layout #309 — Theming System — Dark/Light Mode & Responsive Layout
• Sidebar Navigation & App Shell Improvements #310 — Sidebar Navigation & App Shell Improvements

---

💥 Breaking Changes (API Contract)

Current Frontend	Target Backend	Action
POST /keys	Must become PUT /keys/{key} or register POST /keys	#291
GET /keys/search?q=	Register or use GET /keys?prefix=	#291
POST /keys/batch	Register new endpoint	#292
GET /scan	Register new endpoint	#292
GET /stats/all	Change to GET /stats	#291
GET /health	Aggregate `/health/liveness	readiness

📊 Coverage Map: Backend Module → Frontend Issue

Backend Module	Frontend Issue	Status
api/auth (tokens)	#291, #292	🔧 Fix
api/features	#292	🔧 Fix
infra/access_control	#302	✅
infra/backpressure	#318	✅
infra/backup_scheduler	#296	✅
infra/blob_store	#285 (drag-drop) / #281 (attachments)	✅
infra/bulk_io	#312	✅
infra/cdc	#311	✅
infra/chaos	#314	✅
infra/cicd	#320	✅
infra/circuit_breaker	#301	✅
infra/config	#313	✅
infra/crdt	#284 (Obsidian) / #305	✅
infra/data_sync	#305	✅
infra/data_tiering	#305	✅
infra/degradation	#301	✅
infra/disk_monitor	#301	✅
infra/idempotency	#317	✅
infra/log	#315	✅
infra/memory_limiter	#301	✅
infra/metrics	#294	✅
infra/multi_model	#305	✅
infra/panic_recovery	#301	✅
infra/pubsub	#299	✅
infra/query_budget	#316	✅
infra/quotas	#316	✅
infra/replication	#303	✅
infra/retry	#318	✅
infra/schema_validation	#288 (Obsidian)	✅
infra/scrubber	#317	✅
infra/sql	#300	✅
infra/telemetry	#315	✅
infra/time_travel	#297	✅
infra/vector_index	#304	✅
infra/wasm_plugin	#319	✅
infra/watchdog	#294	✅
infra/webhook_triggers	#298	✅
infra/compaction	#293	✅

Total: 37/37 infra modules covered ✅

🧪 Acceptance Criteria

• All existing frontend pages work against actual backend endpoints
• No 404/405 errors in frontend network requests
• Every backend feature has at least a basic management page
• Real-time updates via WebSocket where applicable
• Dark/light mode theming
• Responsive on tablet and desktop
• All pages have loading, empty, error states
• Frontend tests run in CI