Nexus

Managing multiple businesses (restaurants, clinics, agencies) from a single control plane requires real-time visibility into AI calls, workflows and lead pipelines across all organizations — while maintaining strict data isolation between them.

• Fragmented oversight — each organization has its own dashboard, forcing context-switching between separate admin panels
• No live AI supervision — when AI agents handle phone calls autonomously, there's no way to listen in, whisper instructions or take over mid-call
• Cross-org blind spots — aggregating analytics, leads and workflow performance across organizations requires manual data exports
• Scaling beyond headcount — vision of a 3-person company with the capacity of 300 demands AI-augmented decision making at every level

Build a React 18 SPA (~6.5K lines, 33 files) as a centralized command center that consumes Cadences' API through 9 typed API modules and a WebSocket client handling 11 real-time event types — all with custom Tailwind dark-theme UI components and Zustand state management.

• Real-time architecture — NexusWebSocket class (321 lines) with auto-reconnect, exponential backoff (max 5 retries), 30s ping/pong heartbeat, and event handler registration via on()/off() pattern
• 2 Zustand stores — authStore (persisted JWT) + nexusStore (31 state fields, 28 actions) managing orgs, calls, workflows, leads, metrics and UI state
• Custom component library — 7 handcrafted UI components (Avatar, Card, Badge with pulse animation, Button with loading states, Input, Loading) — no shadcn/MUI dependency
• 4 dedicated backend endpoints — 1,030 lines of Cloudflare Workers (auth with HMAC-SHA256 JWT, organizations CRUD, cross-org analytics aggregation)

Nexus provides 7 pages across 5 core modules, backed by 4 Cloudflare Workers endpoints and 11 real-time WebSocket event types:

• Command Center — 4 KPI cards (active calls, running workflows, new leads, conversion rate), 3-column live panel (calls with pulse badges, workflow executions with progress bars, activity feed), 4 quick-stat row at bottom
• God Mode — live AI call supervision with grid/list views, real-time transcript (chat-style), sentiment tracking (positive/neutral/negative), whisper input (silent AI instructions), takeover button (human replaces AI), 3 AI modes (autonomous/assisted/human)
• Lead DNA — 7 pipeline statuses (new → won/lost), 0-100 AI scoring with color coding, 7-field enrichment (LinkedIn, Twitter, website, company size, industry, location, revenue), star toggle, tag management, action grid (email, call, schedule, note)
• Workflow Studio — workflow cards with run count and success rate, execution monitor (live/completed/failed), AI workflow builder from natural language prompts, broadcast deploy to multiple organizations simultaneously
• Analytics Engine — 6-step conversion funnel (visits → closed won), 5 channel performance metrics, 5 attribution models (first/last touch, linear, position-based, time decay), 9 metric types with period-over-period comparison, date range selector (7d/30d/90d/1y)
• Multi-Org — unlimited connected orgs with 7 permission types, consolidated vs isolated view modes, per-org color coding from 8-color palette, owner/admin access control
• Settings — 6 tabs: profile, organizations, notifications (email + push + Slack), security (2FA, sessions), appearance (theme + 6 accent colors), API keys