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 + VITE• Streaming delle risposte• Interfaccia Tailwind Premium• Gestore dello Stato ClientCONSOLE CLIENT V1.3GATEWAY SICURO PKCE• Protezione PKCE S256• Discovery Automatico• Ciclo Refresh dei TokenOAuth 2.0 PKCE SicuroSCUDO CLOUDFLARE• Nessuna porta pubblica• Handshake SSL Dinamico• Protezione DDoS AttivaTRAMPOLINO SICURO CLOUDFLAREPOLICY ACCESSO OTP• Autenticazione Monouso• Verifica in Whitelist• Geoblocking e RestrizioniSICUREZZA ZERO-TRUSTORCHESTRATORE CORE MCP• Espone 58 tool locali attivi• Orchestra agenti cognitivi• Esecuzione Python/Node custom• Routing e mappatura sicura• Audit dei log in tempo realeDEMONE CORE CENTRALEPOOL INTEGRATO API• Triage Mail Gmail & IMAP• Sync Note Google Keep• Controllo Google Calendar• Esplorazione Google Drive• Accesso File System localeINTEGRAZIONI ESTERNECONTAINER COOLIFY & DOCKER• Containerizzato in Docker• Gestione via Coolify• Pipeline GitOps Automatica• Build automatica Nixpacks• Deploy a zero downtimeRUNTIME CONTAINERVM ORACLE + CLOUDFLARE R2• Istanza VM OCI Ampere A1• Processore ARM64 high-speed• Backup Cloudflare R2• Snapshot periodici del DB• Sicurezza 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.