Aller au contenu

🌉 Pont Éditeur en Direct (Live Workspace Bridge)

Le Live Workspace Bridge d'Instatic est l'innovation majeure qui réconcilie l'édition assistée par IA et la création visuelle humaine sans risque de conflit ou d'écrasement de données.


🎯 Le Problème de l'Édition Headless Concurrente

Dans les CMS classiques, lorsqu'un agent IA modifie des pages via une API backend pendant qu'un designer a la même page ouverte dans son navigateur : - Le designer écrase les modifications de l'IA lorsqu'il clique sur "Enregistrer". - Ou bien l'IA écrase les modifications en cours non enregistrées du designer.


💡 La Solution Instatic : Single Source of Truth

Dans Instatic, l'arbre de nœuds visualisé dans le navigateur ouvert du propriétaire de la connexion est l'unique source de vérité pour les modifications de brouillon :

Agent IA (MCP Tool Call: replace_node_html)
serveur /_instatic/mcp
server/ai/mcp/editorBridge.ts (Canal WebSocket / SSE)
Navigateur Admin Actif (Zustand Store)
       ├── 1. Validation du schéma TypeBox (InputSchema)
       ├── 2. Application du patch dans le store via Mutative
       ├── 3. Mise à jour instantanée du canevas visuel sous les yeux du designer
       └── 4. Notification du relais de collaboration serveur (Collab Relay)

⚡ Propriétés Remarquables

  • Zéro Étape de Sauvegarde Manuelle : Dès que l'outil IA s'exécute, le store propage la mutation. Les lectures suivantes (read_document, get_context) ainsi que la commande de publication (site_publish) observent toujours l'état le plus récent.
  • Précondition Déclarée : Si le designer n'a pas ouvert la page cible dans son navigateur, la méthode tools/list de MCP signale explicitement la condition requise et renvoie une erreur informative plutôt qu'une écriture aveugle en base de données.
  • Annulation Instantanée (Undo/Redo) : Chaque action exécutée par l'agent IA génère un patch différentiel dans l'historique de l'éditeur : le designer peut annuler l'action de l'IA d'un simple Cmd+Z.