Torna ai Progetti

Dashboard Professionale

Kybertropia Workboard è una piattaforma web-agentica ad altissime prestazioni per la gestione orchestrata dei task e l'automazione dei flussi aziendali. Interamente ospitata in un ambiente self-hosted, integra in un'unica interfaccia reattiva un server di autorizzazione OAuth 2.0 sicuro ed un backend Model Context Protocol (MCP) in grado di esporre 58 tool intelligenti e connettere in tempo reale l'AI a servizi come Gmail, Google Calendar, Google Keep, Google Drive e posta IMAP. L'intero sistema è isolato all'interno di una rete Zero-Trust.

CARATTERISTICHE CHIAVE

  • Interfaccia unificata e reattiva per il tracciamento dei task in tempo reale
  • OAuth 2.0 Autodiscovery e Gatekeeper PKCE S256 per l'autenticazione sicura dei client (es. Cowork/Claude)
  • Backend MCP con 58 tool attivi e sincronizzazione Google Keep/Gmail/Calendar integrata
  • Deploy automatico tramite pipeline GitOps gestita da Coolify su VPS Oracle Cloud
  • Schermatura di rete completa e sicura tramite Cloudflare Tunnels con policy OTP Zero-Trust

TECNOLOGIE

React + ViteTailwind CSSOAuth 2.0 PKCEModel Context Protocol (MCP)Coolify + DockerCloudflare TunnelsOCI VPS
Dashboard Professionale
Mappa Architetturale

Flussi Logici & Integrazione

Clicca sull'infografica sottostante per ingrandirla a schermo intero ed esplorare l'interazione tra i moduli agentici, il server OAuth 2.0 e la rete protetta.

Kybertropia Workboard Architecture
Ingrandisci Architettura
Architettura Reattiva

Mappa dell'Infrastruttura e dei Servizi

Esplora lo schema logico e i flussi di dati dell'applicazione. Passa con il mouse o tocca ciascun blocco per visualizzare le specifiche dei componenti in tempo reale dal terminale client fino ai nodi cloud.

LIVELLO FRONTEND & CLIENTLIVELLO ZERO-TRUST & PROTEZIONELIVELLO DI COORDINAMENTO & ORCHESTRAZIONE MCPLIVELLO INFRASTRUTTURA & DOCKERAPP REACT + VITEStreaming delle risposteInterfaccia Tailwind PremiumGestore dello Stato ClientCONSOLE CLIENT V1.3GATEWAY SICURO PKCEProtezione PKCE S256Discovery AutomaticoCiclo Refresh dei TokenOAuth 2.0 PKCE SicuroSCUDO CLOUDFLARENessuna porta pubblicaHandshake SSL DinamicoProtezione DDoS AttivaTRAMPOLINO SICURO CLOUDFLAREPOLICY ACCESSO OTPAutenticazione MonousoVerifica in WhitelistGeoblocking e RestrizioniSICUREZZA ZERO-TRUSTORCHESTRATORE CORE MCPEspone 58 tool locali attiviOrchestra agenti cognitiviEsecuzione Python/Node customRouting e mappatura sicuraAudit dei log in tempo realeDEMONE CORE CENTRALEPOOL INTEGRATO APITriage Mail Gmail & IMAPSync Note Google KeepControllo Google CalendarEsplorazione Google DriveAccesso File System localeINTEGRAZIONI ESTERNECONTAINER COOLIFY & DOCKERContainerizzato in DockerGestione via CoolifyPipeline GitOps AutomaticaBuild automatica NixpacksDeploy a zero downtimeRUNTIME CONTAINERVM ORACLE + CLOUDFLARE R2Istanza VM OCI Ampere A1Processore ARM64 high-speedBackup Cloudflare R2Snapshot periodici del DBSicurezza dati crittografatiMACCHINA HOST CLOUDAPIHTTPS CRITTOGRAFATOOTPCANALE ZERO-TRUST INGRESSOSTATO DEPLOY
Architettura Tecnica & Componenti

Specifiche di Integrazione

Clicca sulle varie componenti dell'architettura per esplorare le specifiche d'integrazione, i flussi di dati e la logica implementata nel dettaglio.

1

Dashboard coordinata

Visualizzazione in tempo reale di task, note e scadenze aziendali con un layout responsive avanzato.

2

Original UX/UI Restoration

Ripristino del look-and-feel originale del Workboard e dell'esperienza di scrolling flessibile.

3

Multi-Account Flow

Gestione dei flussi di login, logout e cambio sessione rapido per supportare account primari e secondari.

4

Zero-Trust Access Gateway

Interfaccia protetta e conforme, abilitata per il dialogo diretto con le API protette dell'orchestratore.

1

RFC 6749 & 8414 Compliance

Implementazione nativa del protocollo OAuth 2.0 con autodiscovery e registrazione dinamica dei client.

2

PKCE Gatekeeper (RFC 7636)

Protezione aggiuntiva contro gli attacchi d'intercettazione dei codici di autorizzazione tramite cifratura S256.

3

Persistent Token Store

Gestione sicura del ciclo di vita dei token d'accesso e refresh (persistenze fisiche su disco in /app/tokens).

4

Google OAuth Integrator

Integrazione diretta con i flussi OAuth di Google per ciascun account del network (google_auth_get_token).

1

Keep Synchronization Engine

Sincronizzazione automatica e bidirezionale con Google Keep, convertendo note grezze in task strutturati.

2

Omni-Channel Connectors

Accesso diretto e programmatico a Gmail, Google Calendar, Google Drive, Google Tasks e caselle IMAP esterne.

3

Flexible Execution Pipeline

Orchestrazione e instradamento delle richieste degli agenti AI verso le funzioni native del sistema.

4

System & Logs Monitor

Controllo in tempo reale dei flussi di dati e delle invocazioni dei tool per una tracciabilità totale degli accessi.

1

Coolify Deployment (Oracle VM)

Esecuzione all'interno di container Docker leggeri configurati via Nixpacks su Oracle Free Tier.

2

Cloudflare Zero-Trust Tunnel

Esposizione sicura dell'applicazione sul web senza porte aperte sull'host, protetta da OTP Access.

3

Continuous Integration & Deploy

Sincronizzazione automatica ad ogni push su GitHub (GitOps) con build deterministiche.

4

Backup automatici R2

Salvataggio periodico e cifrato del database e dei token OAuth su bucket Cloudflare R2 con policy di conservazione.