Back to Projects

Professional Dashboard

Kybertropia Workboard is a high-performance, agentic web platform for orchestrated task management and business workflow automation. Fully self-hosted, it integrates within a single reactive interface a secure OAuth 2.0 authorization server and a Model Context Protocol (MCP) backend exposing 58 intelligent tools, connecting AI in real-time to services like Gmail, Google Calendar, Google Keep, Google Drive, and IMAP mail. The entire system is shielded within a Zero-Trust network.

KEY FEATURES

  • Unified, highly reactive UI for real-time task and deadline tracking
  • OAuth 2.0 Autodiscovery and PKCE S256 Gatekeeper for secure client authentication (e.g. Cowork/Claude)
  • MCP Backend with 58 active tools and native Google Keep/Gmail/Calendar synchronization
  • Automated GitOps pipeline deployment via Coolify on high-performance Oracle Cloud VM
  • Complete secure network isolation via Cloudflare Tunnels with Zero-Trust OTP Access policies

TECHNOLOGIES

React + ViteTailwind CSSOAuth 2.0 PKCEModel Context Protocol (MCP)Coolify + DockerCloudflare TunnelsOCI VPS
Professional Dashboard
Architectural Map

Logical Flows & Integration

Click on the infographic below to enlarge it full-screen and explore the interaction between agentic modules, the OAuth 2.0 server, and the secured network.

Kybertropia Workboard Architecture
Enlarge Architecture
Reactive Architecture

Infrastructure & Services Map

Explore the logical layout and active data flows of the application. Hover over or tap each component box to inspect real-time specs, from the client interface down to the cloud hosting nodes.

FRONTEND & CLIENT LAYERZERO-TRUST & PROTECTION LAYERMCP ORCHESTRATION & DEEP BACKENDINFRASTRUCTURE & DOCKER RUNTIMEREACT + VITE APPResponse streaming (Tokens)Premium Tailwind UIClient State ManagerV1.3 CLIENT CONSOLESECURE PKCE GATEWAYPKCE S256 ProtectionAutomated DiscoveryToken Refresh EngineOAuth 2.0 PKCE SafeCLOUDFLARE SHIELDZero Open Ports PubliclyDynamic SSL HandshakeDDoS Protection ActiveSECURE CLOUDFLARE TRAMPOLINEOTP ACCESS POLICIESOne-Time Password GateWhitelist VerificationGeoblocking Strict RulesZERO-TRUST SECURITYMCP CORE ORCHESTRATORExposes 58 active local toolsOrchestrates cognitive agentsCustom Python/Node executionSecure routing mapping loopsReal-time logs auditingCENTRAL CORE DAEMONINTEGRATED API POOLGmail & IMAP Mail TriagerGoogle Keep SyncGoogle Calendar ControllerGoogle Drive ExplorerLocal File System accessEXTERNAL INTEGRATIONSCOOLIFY & DOCKERDocker containerizedCoolify orchestratorAutomated GitOpsNixpacks builderZero downtime deployCONTAINER RUNTIMEORACLE VM + CLOUDFLARE R2OCI Ampere A1 VM InstanceARM64 high speedCloudflare R2 backupPeriodic DB snapshotsEncrypted securityCLOUD HOST MACHINEAPIHTTPS ENCRYPTEDOTPSECURE TUNNEL ENTERDEPLOY STATUS
Technical Architecture & Components

Integration Specifications

Click on the various architecture components to explore integration details, data flows, and implemented logic in detail.

1

Coordinated Dashboard

Real-time display of tasks, notes, and company deadlines with advanced responsive layouts.

2

Original UX/UI Restoration

Restoration of the Workboard's original look-and-feel and fluid scrolling experience.

3

Multi-Account Flow

Streamlined login, logout, and fast session-switching to support primary and secondary accounts.

4

Zero-Trust Access Gateway

Protected and compliant UI, optimized for direct communication with the orchestrator APIs.

1

RFC 6749 & 8414 Compliance

Native OAuth 2.0 protocol implementation featuring autodiscovery and dynamic client registration.

2

PKCE Gatekeeper (RFC 7636)

Enhanced protection against code interception attacks through SHA-256 (S256) cryptographic challenges.

3

Persistent Token Store

Secure lifecycle management of access and refresh tokens (physical storage on disk in /app/tokens).

4

Google OAuth Integrator

Native integration with Google OAuth flow for every registered account (google_auth_get_token).

1

Keep Synchronization Engine

Bidirectional synchronization with Google Keep, converting raw notes into structured tasks.

2

Omni-Channel Connectors

Direct and programmatic access to Gmail, Google Calendar, Google Drive, Google Tasks, and external IMAP mailboxes.

3

Flexible Execution Pipeline

Orchestrating and routing AI agent requests down to native system functions.

4

System & Logs Monitor

Real-time monitoring of data flows and tool execution for absolute auditability.

1

Coolify Deployment (Oracle VM)

Execution within lightweight Docker containers built via Nixpacks on Oracle Free Tier.

2

Cloudflare Zero-Trust Tunnel

Secure exposure of the application without public ports, protected by OTP Access controls.

3

Continuous Integration & Deploy

Automated deployment on GitHub push (GitOps flow) with automated build process.

4

Automated R2 Backups

Periodic encrypted backups of database and OAuth tokens to Cloudflare R2 bucket with retention policies.