Aylian StudiosAylianStudios
Back to Projects
Web AppIn DevelopmentSince Feb 2025

Aylian BOSS

Drag-and-drop mission control dashboard for visualizing and controlling the entire Aylian Studios ecosystem live.

Next.js 16React 19TypeScriptReact FlowPostgreSQLDrizzle ORMBetter AuthRechartsTailwind CSS

Overview

BOSS (Business Operating System & Services) is a component-driven, drag-and-drop web application that visualizes and controls the entire Aylian Studios ecosystem in real time. A personal mission control dashboard built with React Flow, it consolidates server health, git activity, deployment triggers, quick links, and analytics into a single interactive canvas.

Architecture

Built on a React Flow-based canvas where each widget is a draggable node with independent state. The system uses a PRD-driven development process with three core component types: DraggableNode (base wrapper with x/y positioning), LiveFeedWidget (real-time API data display), and ControlPanelWidget (server-side action triggers like deployments).

Current Progress

Phase 1 and Phase 2 are complete (~40% overall). Core infrastructure is in place including the canvas, widget registry, and three widget types. The system connects to the Aylian Studios ecosystem through quick links to GitHub, Discord, n8n, Shopify, PEARL, Analytics, AylaniBot, and Docs.

Key Features

  • React Flow canvas with drag-and-drop widget positioning
  • Real-time server health monitoring (CPU, memory, disk, uptime)
  • Git commit feed showing activity across all studio repos
  • Deploy trigger widget for PEARL, BOSS, and AylaniBot environments
  • Quick links to all ecosystem services
  • Real-time analytics with Recharts data visualization
  • Passkey authentication through Better Auth
  • n8n workflow integration for automation

Related Projects