Enterprise MSP Platform

The XN360 Ecosystem

A complete enterprise platform built for Managed Service Providers — from CRM and sales, to IT monitoring, security scanning, analytics tracking, QA automation, developer tools, and call center operations. Every app purpose-built, every system interconnected.

9
Applications
50+
Feature Modules
React
TypeScript + Vite
Laravel
API Backend

Platform Applications

Each app is independently deployable, sharing a common Laravel API backend with role-based access, real-time events, and unified authentication.

Core Platform

XN360 Frontend

The main CRM and operations hub for MSP business management. Handles sales orders, client management, ticketing, proposals, dispatch scheduling, equipment tracking, knowledge base, reporting, and more — with 40+ feature modules powering day-to-day MSP operations.

  • Sales orders with portal generation and order templates
  • Client management with MSA hours tracking and reporting
  • Dispatch calendar with drag-and-drop scheduling
  • Ticketing system with SLA tracking and escalation
  • Proposals, leads, and sales opportunity pipeline
  • Knowledge base, skill matrix, and onboarding workflows
  • Built-in softphone with voice control integration
React 19 TypeScript Flowbite Tailwind CSS 4 Vite
xn360.com/dashboard
Dashboard
Sales Orders
Clients
Tickets
Dispatch
Proposals
Reports
Knowledge Base
📊 Dashboard Overview + New Order
247
Active Clients
$184K
Revenue MTD
38
Open Tickets
12
Pending Orders
OrderClientStatusAmount
SO-2847Acme CorpCompleted$12,400
SO-2846TechFlow IncIn Progress$8,750
SO-2845Nexus LabsPending$23,100
Developer Tools

XN360 Developer Suite

Centralized developer tools and documentation portal for the entire XN360 platform. Features a database explorer with data dictionary and schema viewer, AI systems overview, cross-system global search, build insights, infrastructure monitoring for Docker and Nginx environments, and comprehensive technical documentation.

  • Centralized docs for CRM, Tracking, Security, and API
  • Database explorer with data dictionary and relationships
  • AI systems overview with prompt management and usage stats
  • Cross-system global search exploration
  • Infrastructure monitoring for Docker and Nginx
  • Build insights and deployment tracking
React 19 TypeScript Vite 7 Tailwind CSS 4 React Router 7
xn360.com/developers
Dashboard
Documentation
Database
AI Systems
Build Insights
Infrastructure
Global Search
🛠️ Developer Portal 🔍 Search
📖 Docs
45 articles across CRM, Tracking, Security
🗄️ Database
Schema viewer, data dictionary, relationships
🤖 AI Systems
Prompts, usage statistics, model configs
ModuleTablesStatus
Sales Orders12Documented
Tracking8Documented
Security6In Progress
Quality Assurance

XN360 QA Runner

Automated end-to-end testing platform powered by Playwright that covers every XN360 application. Runs cross-browser tests against the main app, security suite, tracking suite, Skyvue, developer suite, call ops, and API endpoints. Features a headless test runner service, run history tracking, visual regression testing, and automated tutorial video generation.

  • Playwright E2E tests for all 8 XN360 projects
  • Cross-browser testing (Chromium, Firefox, WebKit)
  • Visual regression testing with snapshot comparison
  • API endpoint test suite with automated validation
  • Automated tutorial video generation from scenarios
  • HTTP server for CI/CD integration (port 9876)
Playwright TypeScript Node.js Cross-browser Video Gen
xn360.com/qa/runs
🧪 QA Test Runner ▶ Run All
487
Tests Passed
3
Failed
8
Projects
2m 14s
Run Time
ProjectBrowserTestsStatus
main-appChromium142✓ Passed
security-suiteChromium67✓ Passed
tracking-suiteChromium53✓ Passed
call-opsChromium89⚠ 2 Failed
api-tests76✓ Passed
visual-regressionChromium60✓ Passed
Security

XN360 Security Suite

Enterprise security scanning and vulnerability management dashboard. Features real-time vulnerability scanning, security findings with severity classification, threat intelligence feeds, compliance reports, and voice-controlled security operations. Provides a centralized view of the security posture across all XN360 infrastructure.

  • Vulnerability scanning dashboard with severity ratings
  • Security findings with detailed issue tracking
  • Threat intelligence feeds and anomaly detection
  • Compliance reports and audit trail generation
  • Voice-controlled security operations
  • Configurable security settings and scan policies
React 19 TypeScript Security Tailwind CSS Vite
xn360.com/security/dashboard
Dashboard
Scans
Findings
Intelligence
Reports
Issues
🛡️ Security Overview 🔍 New Scan
4
Critical
12
High
28
Medium
156
Resolved
FindingSeverityAssetStatus
CVE-2026-1234CriticalAPI ServerReviewing
SSL Cert ExpiryHighPortalResolved
Open Port 8080MediumWorker NodeResolved
IT Monitoring

XN360 Skyvue

The MSA client monitoring and IT service management interface within the XN360 platform. Provides dashboard views for managed clients, real-time notifications, MSA client management with contract tracking, and configurable service settings. Built with shared XN360 components and route-level permissions for granular access control.

  • Client dashboard with real-time monitoring overview
  • MSA client management with contract and SLA tracking
  • Real-time notification system with push alerts
  • Route-level permissions (dashboard, settings, MSA clients)
  • Voice control integration for hands-free operations
  • Shared XN360 component library (@xn360/shared)
React 19 TypeScript Tailwind CSS 4 Vite @xn360/shared
xn360.com/skyvue/dashboard
Dashboard
Clients
MSA Clients
Notifications
Settings
📡 Skyvue Monitoring 🔔 3 Alerts
94
Clients Online
3
Alerts
99.8%
Uptime
12
MSA Active
Analytics

XN360 Tracking Suite

A comprehensive, privacy-respecting analytics and tracking solution for the XN360 MSP platform. Provides real-time visitor tracking, sales rep attribution, event monitoring, AI-powered insights with anomaly detection, and multi-platform support via a JavaScript collector and WordPress plugin. GDPR-compliant with cookieless tracking and HMAC authentication.

  • Real-time analytics with live visitor tracking
  • Sales rep attribution for conversion tracking
  • AI-powered insights and anomaly detection
  • JavaScript collector for any website (collector.min.js)
  • WordPress plugin with WooCommerce tracking
  • GDPR-compliant, cookieless, HMAC-secured
React TypeScript Analytics WordPress Plugin HMAC Auth
xn360.com/tracking/analytics
Analytics
Events
Sites
Reports
AI Insights
Documentation
📈 Analytics Dashboard Last 30 Days
24.3K
Page Views
8,412
Unique Visitors
3m 42s
Avg Session
4.2%
Conversion
Call Center

Xobee Call Ops

Full-featured call center operations platform with AI-powered conversational agents, multi-tenant support, and enterprise telephony integration. Features live call monitoring, caller identity verification with progressive authentication (PIN → SMS/Email OTP → WebAuthn/Passkeys → human handoff), knowledge base with RAG retrieval, NLU intent classification, speech-to-text/text-to-speech, fraud detection, billing, white-label theming, and a TypeScript SDK.

  • AI conversational engine with NLU intent classification
  • Live call monitoring with WebSocket real-time events
  • Progressive authentication (PIN → OTP → WebAuthn → Agent)
  • Knowledge base with RAG vector search and auto-suggest
  • Fraud detection with 6-signal analysis engine
  • Twilio/Vonage/Bandwidth telephony integration
  • TypeScript SDK (@xobee/callops-sdk) with zero dependencies
React TypeScript Twilio AI/NLU WebAuthn SDK
callops.xobee.com/dashboard
Dashboard
Live Calls
Tenants
Knowledge Base
AI & Prompts
Analytics
Auth Policy
SLA Monitor
📞 Call Center Ops 🔴 3 Live
3
Live Calls
847
Calls Today
96.2%
Auth Rate
1.8s
AI Latency
Call IDTenantDurationAuthStatus
C-4821Acme Corp4:23L3🔴 Live
C-4820TechFlow2:10L2🔴 Live
C-4819Nexus Ltd8:45L3Completed
Client Portal

Skyvue Web

A comprehensive IT infrastructure monitoring web portal designed as the client-facing companion to the Skyvue mobile app. Features secure authentication with 2FA verification and PIN login, real-time dashboards with WebSocket-powered live updates, multi-client switching, and a professional dark-themed interface for desktop IT monitoring and management.

  • Secure authentication with email/phone, 2FA, and PIN
  • Real-time dashboard with WebSocket live updates
  • Multi-client switching for managed service accounts
  • IT infrastructure component monitoring
  • Professional dark theme matching mobile app design
React 18 TypeScript Tailwind CSS WebSocket Axios
skyvue.xobee.com/portal
Dashboard
Monitoring
Services
Settings
🖥️ Infrastructure Monitor Switch Client ▾
24
Devices Online
1
Alerts
99.9%
Uptime
8
Services
🟢 Firewall
Active — SonicWall TZ670
🟢 Backup
Last: 4h ago — Datto BCDR
🔴 Antivirus
2 endpoints need update
🟢 Email
Exchange Online — Healthy
AI-Powered Service Requests

SSRP — Self-Service Request Portal

An AI-first, fully automated self-service request portal that transforms client meetings and form submissions into an end-to-end managed workflow — zero manual handoff required. AI ingests requests from meetings or form submissions, automatically generates structured service tickets, routes them for approval, and upon sign-off, creates corresponding tickets in the internal dev ticketing system. From there, AI monitors progress and automatically updates ticket status, sends branded email notifications to the client at every stage, and auto-closes tickets upon resolution — delivering a seamless, hands-free service request lifecycle from first contact to completion.

  • AI-powered ticket generation from meetings & form submissions
  • Automated approval workflow with AI-structured proposals
  • Auto-sync to internal dev ticketing board on approval
  • Automated email notifications to clients at every status change
  • AI-driven status tracking with auto-close on resolution
  • End-to-end zero-touch workflow — submission to completion
AI-First React TypeScript Laravel Automated Workflow Email Notifications
ssrp.xobee.com/dashboard
🤖 AI Service Request Pipeline + New Request
24
AI Generated
7
Pending Approval
12
In Dev Board
189
Auto-Closed
TicketSourceSubjectAI Status
SR-1042🤖 MeetingNetwork upgrade Phase 2→ Dev Board
SR-1041📋 FormNew user onboarding × 3⏳ Approval
SR-1040🤖 MeetingFirewall rule changes✓ Auto-Closed
SR-1039📋 FormVPN access for remote team✓ Auto-Closed

Platform Architecture

Built with modern tooling and best practices — every app independently deployable yet seamlessly integrated.

⚛️

React 19 + TypeScript

Every frontend built on React 19 with strict TypeScript, leveraging the latest concurrent features, server components patterns, and type-safe architecture.

🔴

Laravel API Backend

Unified Laravel API serving all frontends with Sanctum authentication, role-based access, real-time broadcasting via WebSockets, and queue-driven job processing.

Vite Build System

Lightning-fast development with Vite HMR, optimized production builds, path aliases, and independent deployment pipelines for each application.

🎨

Tailwind CSS 4

Utility-first styling with Tailwind CSS 4 and Flowbite components, ensuring consistent design language across all applications with dark mode support.

🧪

Playwright E2E Testing

Comprehensive automated testing across all apps with cross-browser coverage, visual regression snapshots, API tests, and CI/CD integration.

🔐

Route-Level Permissions

Granular access control with per-route permissions, shared auth tokens, and role-based UI rendering across the entire platform ecosystem.