### **2. Architecture Globale du Système**

#### **2.1. Les 3 Piliers du Produit**
L'écosystème Circuy repose sur trois composants interconnectés partageant une base technique commune en **TypeScript**.

*   **SDK JavaScript Client :** Un script "interprète" léger intégré au site hôte. Il est chargé de récupérer les scénarios, de gérer l'isolation via le **Shadow DOM** et de piloter le moteur d'affichage **Shepherd.js**.
*   **Extension Chrome (Éditeur No-Code) :** L'outil de création destiné aux administrateurs. Elle permet de capturer visuellement les éléments du DOM, de configurer les étapes et de publier les parcours sans modifier le code source du site.
*   **Dashboard Backend :** La tour de contrôle de la solution. Il assure le stockage des données (PostgreSQL), la gestion du versionnage, les règles de ciblage et la distribution des fichiers via **CDN**.

#### **2.2. Flux de Données Type**
Le cycle de vie d'un parcours d'onboarding suit un flux linéaire de la création à l'exécution :

1.  **Capture (Extension) :** L'utilisateur crée un guide via l'extension. Celle-ci génère une structure de données au format **JSON** contenant les sélecteurs (CSS, ARIA, texte) et le contenu des étapes.
2.  **Publication et Stockage (Backend) :** Le JSON est envoyé au backend via une requête sécurisée et enregistré en base de données.
3.  **Distribution (CDN) :** Pour garantir une performance maximale (latence < 20ms), les scénarios sont mis à disposition sur un **CDN (Edge Cache)**. Toute nouvelle publication déclenche une purge instantanée du cache (**Zero Redeploy**).
4.  **Exécution (SDK Client) :** Le SDK chargé sur le site final effectue un **fetch asynchrone** du JSON depuis le CDN. Il interprète ensuite ces données pour instancier dynamiquement le tour dans le moteur **Shepherd.js**.