Éditeur 3 modes
Le builder propose un toggle [Visuel | IA | Code] dans la toolbar. Visuel = drag-drop + inspecteur. IA = chat + textarea pour générer une page complète from prompt. Code = éditeur Monaco sur les blocs HTML personnalisés. Les 3 modes partagent le même AST de blocs (un seul state, undo/redo continu).
Mode IA : génération from prompt
Décris la page que tu veux (ex: 'page de vente pour mon coaching 6 000€'), l'IA génère 6-12 blocs avec copy prêt à éditer. La sortie est structurée automatiquement. Disponible aussi via /pages/new path 'IA' pour créer une page de zéro.
Mode Code : HTML custom
Bloc rawHtml accessible à tous les owners (avant : super_admin only). Éditeur Monaco avec syntax highlight. Sanitize-html au save + au render : <script>, on* handlers et javascript: URLs strippés. Iframes whitelist YouTube/Vimeo/Spotify/Google Docs. Variables Liquid : {{ workspace.name }}, {{ page.title }}.
/pages/new : 3 chemins
Page picker avec 3 cartes : Vide (form classique), Template (5 templates curated : landing coaching, à propos, pricing 3 tiers, contact, blog post), IA (prompt -> page générée directement). Chaque chemin redirige direct dans l'éditeur.
Blocs typés
47 types : hero, piliers, founder, ctaFinal, pricing, FAQ, testimonials, rawHtml, container, columns, etc. Chaque bloc a son schema Zod et son rendu Astro.
Versioning git-like
Chaque page a un historique de révisions. Tu publies une révision donnée. Tu peux revenir, comparer, brancher.
Variables prospect
Tu insères {{var}} dans le content. Tu crées une session par prospect: à l'ouverture, les variables sont résolues. Parfait pour les présentations 1:1.
Sessions de présentation
/p/<session_token> sert une version unique de la page pour un prospect. Tracking de la visite, du temps, des sections vues.
SaaS theme engine + wizard
Tokens design (couleurs, fonts, radius, spacings) appliqués par workspace. Le wizard /settings/brand/wizard les fixe en 5 étapes (voir module Theme). Override directement dans /pages/[id]/theme.
Per-workspace branding et SEO
Member app + Pages + Blog rendent le branding et le SEO du workspace en cours. Bucket page-assets, og_image_path par page.
Domaines custom
Ajout de domaine en quelques clics. Vérification automatique, certificat géré.