create-snapify-app 0.0.0-stage → 1.1.1

package/template/src/admin/editor/blockSchemas.ts

@@ -0,0 +1,699 @@
+/**
+ * Snapify
+ * © 2026 NOVALABS WEB DESIGN — Tunisie
+ * Contact : contact@novalabs.tn · +216 24 734 647
+ * Tous droits réservés. Toute reproduction, modification ou diffusion sans autorisation écrite est interdite.
+ */
+import {
+  BarChart3,
+  Briefcase,
+  Calculator,
+  Camera,
+  CheckSquare,
+  Code2,
+  Columns2,
+  FileText,
+  Grid3x3,
+  HelpCircle,
+  Image,
+  Images,
+  Layers,
+  LayoutTemplate,
+  List,
+  Mail,
+  Megaphone,
+  Minus,
+  PanelsTopLeft,
+  Quote,
+  Repeat,
+  Route,
+  Puzzle,
+  Sparkles,
+  Table,
+  Video,
+  type LucideIcon,
+} from 'lucide-react';
+import type { BlockKind } from '../../../server/cms/blocks';
+import type { FieldDef } from './fields';
+
+type Data = Record<string, unknown>;
+export interface FieldGroup {
+  title: string;
+  fields: FieldDef[];
+}
+
+export const BLOCK_ICONS: Record<string, LucideIcon> = {
+  sparkles: Sparkles,
+  layout: LayoutTemplate,
+  'file-text': FileText,
+  columns: Columns2,
+  list: List,
+  image: Image,
+  video: Video,
+  images: Images,
+  camera: Camera,
+  repeat: Repeat,
+  grid: Grid3x3,
+  layers: Layers,
+  route: Route,
+  'bar-chart': BarChart3,
+  panels: PanelsTopLeft,
+  'check-square': CheckSquare,
+  help: HelpCircle,
+  quote: Quote,
+  table: Table,
+  megaphone: Megaphone,
+  briefcase: Briefcase,
+  calculator: Calculator,
+  mail: Mail,
+  minus: Minus,
+  code: Code2,
+  puzzle: Puzzle,
+};
+
+const o = (...pairs: [string, string][]) => pairs.map(([value, label]) => ({ value, label }));
+
+/** En-tête de section commun (sur-titre, titre, mot en couleur, introduction, alignement, lien). */
+const heading = (withLink = true): FieldGroup => ({
+  title: 'En-tête de section',
+  fields: [
+    { t: 'text', key: 'eyebrow', label: 'Sur-titre', placeholder: 'Ex. Notre méthode' },
+    { t: 'text', key: 'title', label: 'Titre' },
+    { t: 'text', key: 'highlight', label: 'Partie colorée du titre', hint: 'Ajoutée après le titre, dans la couleur principale.' },
+    { t: 'textarea', key: 'intro', label: 'Introduction', rows: 2 },
+    { t: 'segmented', key: 'align', label: 'Alignement', options: o(['left', 'Gauche'], ['center', 'Centré']) },
+    ...(withLink
+      ? ([
+          { t: 'text', key: 'headerLinkLabel', label: 'Lien d’en-tête', placeholder: 'Tout voir', half: true },
+          { t: 'link', key: 'headerLink', label: 'Destination', half: true, placeholder: '/expertises/' },
+        ] as FieldDef[])
+      : []),
+  ],
+});
+
+const SECTORS = o(['', 'Tous'], ['Industrie', 'Industrie'], ['Tertiaire', 'Tertiaire'], ['Résidentiel collectif', 'Résidentiel collectif']);
+
+export const BLOCK_SCHEMAS: Record<BlockKind, FieldGroup[]> = {
+  hero: [
+    {
+      title: 'Textes',
+      fields: [
+        { t: 'segmented', key: 'layout', label: 'Mise en page', options: o(['split', 'Texte + visuel'], ['centered', 'Centrée']) },
+        { t: 'text', key: 'badgeTag', label: 'Pastille', placeholder: 'Nouveau', half: true },
+        { t: 'text', key: 'badgeText', label: 'Texte du badge', half: true },
+        { t: 'textarea', key: 'title', label: 'Titre principal', rows: 2 },
+        { t: 'tags', key: 'rotatingWords', label: 'Mots animés en fin de titre', placeholder: 'Ajouter un mot puis Entrée', hint: 'Les mots défilent l’un après l’autre. Laissez vide pour un titre fixe.' },
+        { t: 'text', key: 'highlight', label: 'Partie colorée du titre', show: (d) => !(d.rotatingWords as string[])?.length },
+        { t: 'textarea', key: 'subtitle', label: 'Sous-titre', rows: 3 },
+      ],
+    },
+    { title: 'Boutons', fields: [{ t: 'buttons', key: 'buttons', max: 3 }] },
+    {
+      title: 'Bandeau de confiance',
+      fields: [
+        { t: 'text', key: 'liveText', label: 'Indicateur « en direct »', placeholder: 'Réponse sous {{delai}}' },
+        { t: 'tags', key: 'trustItems', label: 'Arguments de confiance' },
+        { t: 'tags', key: 'marquee', label: 'Mots du bandeau défilant (bas de bannière)' },
+      ],
+    },
+    {
+      title: 'Visuel',
+      fields: [
+        { t: 'select', key: 'media', label: 'Type de visuel', options: o(['composition', 'Composition animée (images + cartes)'], ['image', 'Image seule'], ['video', 'Vidéo'], ['none', 'Aucun']) },
+        { t: 'image', key: 'mainImage', label: 'Image principale', altKey: 'mainImageAlt', show: (d) => d.media === 'image' || d.media === 'composition' },
+        { t: 'video', key: 'video', label: 'Vidéo (fichier ou YouTube / Vimeo)', show: (d) => d.media === 'video' },
+        { t: 'image', key: 'videoPoster', label: 'Image d’attente de la vidéo', show: (d) => d.media === 'video' },
+        { t: 'image', key: 'secondaryImage', label: 'Photo secondaire (polaroïd)', altKey: 'secondaryImageAlt', aspect: 'aspect-[4/3]', show: (d) => d.media === 'composition' },
+        { t: 'text', key: 'secondaryCaption', label: 'Légende manuscrite', show: (d) => d.media === 'composition' },
+        { t: 'text', key: 'statValue', label: 'Carte chiffre : valeur', half: true, show: (d) => d.media === 'composition' },
+        { t: 'text', key: 'statLabel', label: 'Carte chiffre : libellé', half: true, show: (d) => d.media === 'composition' },
+        { t: 'text', key: 'badgeCardTitle', label: 'Carte sombre : titre', half: true, show: (d) => d.media === 'composition' },
+        { t: 'text', key: 'badgeCardText', label: 'Carte sombre : texte', half: true, show: (d) => d.media === 'composition' },
+        { t: 'text', key: 'chipText', label: 'Étiquette sur l’image', show: (d) => d.media === 'composition' },
+        { t: 'switch', key: 'parallax', label: 'Effet de profondeur au survol de la souris', show: (d) => d.media === 'composition' || d.media === 'image' },
+      ],
+    },
+  ],
+
+  pageHeader: [
+    {
+      title: 'Textes',
+      fields: [
+        { t: 'text', key: 'eyebrow', label: 'Sur-titre' },
+        { t: 'textarea', key: 'title', label: 'Titre', rows: 2 },
+        { t: 'text', key: 'highlight', label: 'Partie colorée du titre' },
+        { t: 'textarea', key: 'intro', label: 'Introduction', rows: 3 },
+      ],
+    },
+    { title: 'Boutons', fields: [{ t: 'buttons', key: 'buttons', max: 3 }] },
+    { title: 'Image', fields: [{ t: 'image', key: 'image', label: 'Image à droite (facultative)', altKey: 'imageAlt' }] },
+    {
+      title: 'Navigation',
+      fields: [
+        { t: 'switch', key: 'breadcrumb', label: 'Afficher le fil d’Ariane' },
+        { t: 'text', key: 'parentLabel', label: 'Page parente', half: true, show: (d) => !!d.breadcrumb },
+        { t: 'link', key: 'parentLink', label: 'Lien parent', half: true, show: (d) => !!d.breadcrumb },
+        { t: 'text', key: 'backLabel', label: 'Lien retour', placeholder: 'Toutes les réalisations', half: true },
+        { t: 'link', key: 'backLink', label: 'Destination', half: true },
+      ],
+    },
+  ],
+
+  richText: [
+    {
+      title: 'Contenu',
+      fields: [
+        { t: 'rich', key: 'html' },
+        { t: 'segmented', key: 'size', label: 'Taille du texte', options: o(['normal', 'Normale'], ['large', 'Grande']) },
+      ],
+    },
+  ],
+
+  textMedia: [
+    heading(false),
+    {
+      title: 'Texte',
+      fields: [
+        { t: 'rich', key: 'html', label: 'Paragraphes', minimal: true },
+        { t: 'tags', key: 'bullets', label: 'Points clés (puces)' },
+      ],
+    },
+    { title: 'Boutons', fields: [{ t: 'buttons', key: 'buttons', max: 3 }] },
+    {
+      title: 'Image ou vidéo',
+      fields: [
+        { t: 'segmented', key: 'mediaType', label: 'Média', options: o(['image', 'Image'], ['video', 'Vidéo']) },
+        { t: 'image', key: 'image', label: 'Image', altKey: 'imageAlt', show: (d) => d.mediaType !== 'video' },
+        { t: 'segmented', key: 'videoSource', label: 'Source', options: o(['file', 'Fichier'], ['embed', 'YouTube / Vimeo']), show: (d) => d.mediaType === 'video' },
+        { t: 'video', key: 'video', label: 'Vidéo', embed: (d) => d.videoSource === 'embed', show: (d) => d.mediaType === 'video' },
+        { t: 'image', key: 'poster', label: 'Image d’attente', show: (d) => d.mediaType === 'video' && d.videoSource !== 'embed' },
+        { t: 'switch', key: 'autoplay', label: 'Lecture automatique en boucle (sans son)', show: (d) => d.mediaType === 'video' && d.videoSource !== 'embed' },
+        { t: 'segmented', key: 'mediaPosition', label: 'Position', options: o(['left', 'À gauche'], ['right', 'À droite']) },
+        { t: 'select', key: 'mediaStyle', label: 'Habillage', options: o(['rounded', 'Arrondi'], ['polaroid', 'Polaroïd'], ['framed', 'Cadre décalé']), half: true },
+        { t: 'select', key: 'ratio', label: 'Format', options: o(['landscape', 'Paysage'], ['square', 'Carré'], ['portrait', 'Portrait']), half: true },
+        { t: 'text', key: 'caption', label: 'Légende' },
+      ],
+    },
+  ],
+
+  details: [
+    {
+      title: 'Sections',
+      fields: [
+        {
+          t: 'list',
+          key: 'sections',
+          item: 'Section',
+          create: () => ({ title: 'Nouvelle section', text: '', bullets: [] }),
+          fields: [
+            { t: 'text', key: 'title', label: 'Titre' },
+            { t: 'textarea', key: 'text', label: 'Texte', rows: 4 },
+            { t: 'tags', key: 'bullets', label: 'Puces' },
+          ],
+        },
+      ],
+    },
+    {
+      title: 'Encadré',
+      fields: [
+        { t: 'text', key: 'sideTitle', label: 'Titre de l’encadré' },
+        {
+          t: 'list',
+          key: 'facts',
+          label: 'Informations',
+          item: 'Information',
+          create: () => ({ label: 'Libellé', value: '' }),
+          summary: (it) => `${it.label || ''} : ${it.value || ''}`,
+          fields: [
+            { t: 'text', key: 'label', label: 'Libellé', half: true },
+            { t: 'text', key: 'value', label: 'Valeur', half: true },
+          ],
+        },
+        { t: 'button', key: 'sideButton', label: 'Bouton de l’encadré' },
+      ],
+    },
+  ],
+
+  image: [
+    {
+      title: 'Image',
+      fields: [
+        { t: 'image', key: 'url', label: 'Image', altKey: 'alt' },
+        { t: 'text', key: 'caption', label: 'Légende' },
+        { t: 'segmented', key: 'width', label: 'Largeur', options: o(['normal', 'Normale'], ['wide', 'Large'], ['full', 'Pleine']) },
+        { t: 'switch', key: 'rounded', label: 'Coins arrondis' },
+      ],
+    },
+  ],
+
+  video: [
+    {
+      title: 'Vidéo',
+      fields: [
+        { t: 'segmented', key: 'source', label: 'Source', options: o(['file', 'Fichier'], ['embed', 'YouTube / Vimeo']) },
+        { t: 'video', key: 'url', label: 'Vidéo', embed: (d) => d.source === 'embed' },
+        { t: 'image', key: 'poster', label: 'Image d’attente', show: (d) => d.source !== 'embed' },
+        { t: 'text', key: 'title', label: 'Titre (accessibilité)' },
+        { t: 'switch', key: 'autoplay', label: 'Lecture automatique en boucle (sans son)' },
+        { t: 'segmented', key: 'width', label: 'Largeur', options: o(['normal', 'Normale'], ['wide', 'Large'], ['full', 'Pleine']) },
+      ],
+    },
+  ],
+
+  slides: [
+    {
+      title: 'Diapositives',
+      fields: [
+        {
+          t: 'list',
+          key: 'slides',
+          item: 'Diapositive',
+          create: () => ({ image: '', title: 'Nouvelle diapositive', text: '' }),
+          fields: [
+            { t: 'image', key: 'image', label: 'Image', altKey: 'alt' },
+            { t: 'text', key: 'title', label: 'Titre' },
+            { t: 'textarea', key: 'text', label: 'Texte', rows: 2 },
+            { t: 'link', key: 'link', label: 'Lien (facultatif)' },
+          ],
+        },
+      ],
+    },
+    {
+      title: 'Réglages',
+      fields: [
+        { t: 'switch', key: 'autoplay', label: 'Défilement automatique' },
+        { t: 'number', key: 'interval', label: 'Durée par diapositive (s)', min: 2, max: 30, half: true, show: (d) => !!d.autoplay },
+        { t: 'select', key: 'height', label: 'Hauteur', options: o(['md', 'Moyenne'], ['lg', 'Grande'], ['xl', 'Très grande']), half: true },
+      ],
+    },
+  ],
+
+  gallery: [
+    heading(),
+    {
+      title: 'Photos',
+      fields: [
+        { t: 'select', key: 'style', label: 'Présentation', options: o(['polaroid', 'Polaroïds défilants'], ['grid', 'Grille'], ['masonry', 'Mosaïque']) },
+        { t: 'text', key: 'handNote', label: 'Note manuscrite', show: (d) => d.style === 'polaroid' },
+        { t: 'text', key: 'note', label: 'Note sous la galerie' },
+        {
+          t: 'list',
+          key: 'items',
+          item: 'Photo',
+          create: () => ({ image: '', caption: '' }),
+          fields: [
+            { t: 'image', key: 'image', label: 'Photo', aspect: 'aspect-[4/3]' },
+            { t: 'text', key: 'caption', label: 'Légende' },
+          ],
+        },
+      ],
+    },
+  ],
+
+  marquee: [
+    {
+      title: 'Bandeau',
+      fields: [
+        { t: 'segmented', key: 'speed', label: 'Vitesse', options: o(['slow', 'Lente'], ['normal', 'Normale'], ['fast', 'Rapide']) },
+        {
+          t: 'list',
+          key: 'items',
+          item: 'Élément',
+          create: () => ({ text: 'Mot-clé' }),
+          fields: [
+            { t: 'text', key: 'text', label: 'Texte' },
+            { t: 'image', key: 'logo', label: 'ou logo', aspect: 'aspect-[3/1]' },
+          ],
+        },
+      ],
+    },
+  ],
+
+  cards: [
+    heading(),
+    {
+      title: 'Présentation',
+      fields: [
+        { t: 'select', key: 'style', label: 'Style des cartes', options: o(['card', 'Cartes blanches'], ['hoverDark', 'Cartes qui s’assombrissent au survol'], ['image', 'Cartes avec photo'], ['minimal', 'Minimal'], ['numbered', 'Numérotées']) },
+        { t: 'segmented', key: 'columns', label: 'Colonnes', numeric: true, options: o(['2', '2'], ['3', '3'], ['4', '4']) },
+        { t: 'text', key: 'textPrefix', label: 'Préfixe en gras du texte', placeholder: 'Ex. Réponse Snapify —', half: true },
+        { t: 'text', key: 'tagsLabel', label: 'Titre des étiquettes', half: true },
+      ],
+    },
+    {
+      title: 'Cartes',
+      fields: [
+        {
+          t: 'list',
+          key: 'items',
+          item: 'Carte',
+          create: () => ({ icon: 'zap', title: 'Nouvelle carte', text: '', tags: [] }),
+          fields: [
+            { t: 'icon', key: 'icon', label: 'Icône' },
+            { t: 'image', key: 'image', label: 'Photo', aspect: 'aspect-[4/3]' },
+            { t: 'text', key: 'title', label: 'Titre' },
+            { t: 'textarea', key: 'text', label: 'Texte', rows: 3 },
+            { t: 'tags', key: 'tags', label: 'Étiquettes' },
+            { t: 'text', key: 'linkLabel', label: 'Texte du lien', half: true },
+            { t: 'link', key: 'link', label: 'Lien', half: true },
+          ],
+        },
+      ],
+    },
+  ],
+
+  showcase: [
+    heading(),
+    {
+      title: 'Onglets',
+      fields: [
+        { t: 'number', key: 'interval', label: 'Changement automatique (s)', min: 0, max: 60, hint: '0 = pas de défilement automatique.' },
+        {
+          t: 'list',
+          key: 'items',
+          item: 'Onglet',
+          create: () => ({ icon: 'zap', title: 'Nouvel onglet', text: '', image: '', chips: [] }),
+          fields: [
+            { t: 'icon', key: 'icon', label: 'Icône' },
+            { t: 'text', key: 'title', label: 'Titre' },
+            { t: 'textarea', key: 'text', label: 'Texte', rows: 3 },
+            { t: 'image', key: 'image', label: 'Image' },
+            { t: 'tags', key: 'chips', label: 'Points clés' },
+            { t: 'text', key: 'buttonLabel', label: 'Texte du bouton', half: true },
+            { t: 'link', key: 'link', label: 'Lien', half: true },
+          ],
+        },
+      ],
+    },
+  ],
+
+  steps: [
+    heading(),
+    {
+      title: 'Étapes',
+      fields: [
+        { t: 'select', key: 'style', label: 'Présentation', options: o(['timeline', 'Frise animée'], ['list', 'Liste détaillée'], ['compact', 'Compacte']) },
+        { t: 'text', key: 'deliverableLabel', label: 'Libellé « livrable »' },
+        {
+          t: 'list',
+          key: 'items',
+          item: 'Étape',
+          create: () => ({ num: '', title: 'Nouvelle étape', text: '' }),
+          fields: [
+            { t: 'text', key: 'num', label: 'Numéro', half: true },
+            { t: 'text', key: 'title', label: 'Titre', half: true },
+            { t: 'textarea', key: 'text', label: 'Texte', rows: 3 },
+            { t: 'text', key: 'deliverable', label: 'Livrable' },
+          ],
+        },
+      ],
+    },
+    { title: 'Boutons', fields: [{ t: 'buttons', key: 'buttons', max: 2 }] },
+  ],
+
+  stats: [
+    heading(),
+    {
+      title: 'Chiffres',
+      fields: [
+        { t: 'segmented', key: 'style', label: 'Présentation', options: o(['cards', 'Cartes'], ['inline', 'En ligne'], ['strip', 'Bandeau']) },
+        { t: 'switch', key: 'countUp', label: 'Compteur animé à l’apparition' },
+        {
+          t: 'list',
+          key: 'items',
+          item: 'Chiffre',
+          create: () => ({ value: '10', suffix: '', label: 'Libellé' }),
+          summary: (it) => `${it.prefix || ''}${it.value || ''}${it.suffix || ''} ${it.label || ''}`,
+          fields: [
+            { t: 'text', key: 'prefix', label: 'Avant', half: true, placeholder: '+' },
+            { t: 'text', key: 'value', label: 'Valeur', half: true },
+            { t: 'text', key: 'suffix', label: 'Après', half: true, placeholder: ' %' },
+            { t: 'text', key: 'label', label: 'Libellé', half: true },
+            { t: 'text', key: 'hint', label: 'Précision' },
+          ],
+        },
+      ],
+    },
+  ],
+
+  panels: [
+    heading(),
+    {
+      title: 'Panneaux',
+      fields: [
+        {
+          t: 'list',
+          key: 'items',
+          item: 'Panneau',
+          create: () => ({ image: '', title: 'Nouveau panneau', bullets: [] }),
+          fields: [
+            { t: 'image', key: 'image', label: 'Image de fond' },
+            { t: 'icon', key: 'icon', label: 'Icône' },
+            { t: 'text', key: 'title', label: 'Titre' },
+            { t: 'textarea', key: 'text', label: 'Texte', rows: 3 },
+            { t: 'tags', key: 'bullets', label: 'Puces' },
+            { t: 'text', key: 'linkLabel', label: 'Texte du lien', half: true },
+            { t: 'link', key: 'link', label: 'Lien', half: true },
+          ],
+        },
+      ],
+    },
+  ],
+
+  checklist: [
+    heading(),
+    {
+      title: 'Cartes',
+      fields: [
+        {
+          t: 'list',
+          key: 'cards',
+          item: 'Carte',
+          create: () => ({ icon: 'shieldCheck', title: 'Nouvelle carte', entries: [] }),
+          fields: [
+            { t: 'icon', key: 'icon', label: 'Icône', half: true },
+            { t: 'text', key: 'tag', label: 'Étiquette', half: true },
+            { t: 'text', key: 'title', label: 'Titre' },
+            {
+              t: 'list',
+              key: 'entries',
+              label: 'Points',
+              item: 'Point',
+              create: () => ({ title: 'Nouveau point', text: '' }),
+              fields: [
+                { t: 'text', key: 'title', label: 'Titre' },
+                { t: 'textarea', key: 'text', label: 'Texte', rows: 2 },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+
+  faq: [
+    heading(false),
+    {
+      title: 'Questions',
+      fields: [
+        { t: 'segmented', key: 'layout', label: 'Mise en page', options: o(['split', 'Deux colonnes'], ['stacked', 'Une colonne']) },
+        { t: 'switch', key: 'showContactCard', label: 'Carte « Une autre question ? »' },
+        { t: 'text', key: 'contactLabel', label: 'Texte de la carte', show: (d) => !!d.showContactCard },
+        {
+          t: 'list',
+          key: 'items',
+          item: 'Question',
+          create: () => ({ question: 'Nouvelle question ?', answer: '<p>Réponse.</p>' }),
+          fields: [
+            { t: 'text', key: 'question', label: 'Question' },
+            { t: 'rich', key: 'answer', label: 'Réponse', minimal: true },
+          ],
+        },
+      ],
+    },
+  ],
+
+  testimonials: [
+    heading(false),
+    {
+      title: 'Témoignages',
+      fields: [
+        {
+          t: 'list',
+          key: 'items',
+          item: 'Témoignage',
+          create: () => ({ quote: '', author: 'Nom', role: '' }),
+          summary: (it) => String(it.author || ''),
+          fields: [
+            { t: 'textarea', key: 'quote', label: 'Citation', rows: 3 },
+            { t: 'text', key: 'author', label: 'Auteur', half: true },
+            { t: 'text', key: 'role', label: 'Fonction', half: true },
+            { t: 'image', key: 'image', label: 'Photo', aspect: 'aspect-square' },
+          ],
+        },
+      ],
+    },
+  ],
+
+  table: [
+    heading(false),
+    {
+      title: 'Tableau',
+      fields: [
+        { t: 'switch', key: 'searchable', label: 'Champ de recherche' },
+        { t: 'text', key: 'searchPlaceholder', label: 'Texte du champ de recherche', show: (d) => !!d.searchable },
+        { t: 'table' },
+      ],
+    },
+  ],
+
+  cta: [
+    {
+      title: 'Textes',
+      fields: [
+        { t: 'text', key: 'eyebrow', label: 'Sur-titre', half: true },
+        { t: 'text', key: 'badge', label: 'Badge', half: true },
+        { t: 'textarea', key: 'title', label: 'Titre', rows: 2 },
+        { t: 'text', key: 'highlight', label: 'Partie colorée du titre' },
+        { t: 'textarea', key: 'text', label: 'Texte', rows: 3 },
+      ],
+    },
+    { title: 'Boutons', fields: [{ t: 'buttons', key: 'buttons', max: 3 }] },
+    {
+      title: 'Apparence',
+      fields: [
+        { t: 'select', key: 'variant', label: 'Fond du bandeau', options: o(['gradient', 'Dégradé de marque'], ['dark', 'Sombre'], ['light', 'Clair'], ['image', 'Photo']), half: true },
+        { t: 'select', key: 'layout', label: 'Mise en page', options: o(['split', 'Texte + visuel'], ['centered', 'Centrée']), half: true },
+        { t: 'image', key: 'backgroundImage', label: 'Photo de fond', show: (d) => d.variant === 'image' },
+        { t: 'image', key: 'image', label: 'Image (polaroïd)', altKey: 'imageAlt', aspect: 'aspect-[4/3]', show: (d) => d.layout === 'split' },
+        { t: 'text', key: 'imageCaption', label: 'Légende manuscrite', show: (d) => d.layout === 'split' && !!d.image },
+        { t: 'text', key: 'bigNumber', label: 'Grand chiffre', half: true, show: (d) => d.layout === 'split' && !d.image },
+        { t: 'text', key: 'bigNumberStrong', label: 'Texte en gras', half: true, show: (d) => d.layout === 'split' && !d.image },
+        { t: 'text', key: 'bigNumberLabel', label: 'Texte du chiffre', show: (d) => d.layout === 'split' && !d.image },
+      ],
+    },
+  ],
+
+  projects: [
+    heading(),
+    {
+      title: 'Réalisations',
+      fields: [
+        { t: 'select', key: 'layout', label: 'Présentation', options: o(['featured', 'Une grande + trois compactes'], ['grid', 'Grille avec filtres'], ['compact', 'Liste compacte']) },
+        { t: 'switch', key: 'showFilters', label: 'Onglets de filtre par secteur', show: (d) => d.layout === 'grid' },
+        { t: 'segmented', key: 'filter', label: 'Sélection', options: o(['all', 'Toutes'], ['sector', 'Un secteur']) },
+        { t: 'select', key: 'sector', label: 'Secteur', options: SECTORS.slice(1), show: (d) => d.filter === 'sector' },
+        { t: 'number', key: 'limit', label: 'Nombre maximum', min: 0, max: 50, hint: '0 = toutes les réalisations publiées.' },
+      ],
+    },
+  ],
+
+  simulator: [heading(false)],
+
+  contactForm: [
+    {
+      title: 'Formulaire',
+      fields: [
+        { t: 'form', key: 'formId', label: 'Formulaire', hint: 'Les champs se gèrent dans Contacts › Formulaires.' },
+        { t: 'text', key: 'title', label: 'Titre' },
+        { t: 'textarea', key: 'intro', label: 'Introduction', rows: 2 },
+        { t: 'text', key: 'submitLabel', label: 'Texte du bouton d’envoi' },
+      ],
+    },
+    {
+      title: 'Colonne de coordonnées',
+      fields: [
+        { t: 'text', key: 'phoneLabel', label: 'Titre du téléphone', half: true },
+        { t: 'text', key: 'phoneHint', label: 'Précision', half: true },
+        { t: 'text', key: 'listTitle', label: 'Titre de la liste' },
+        { t: 'tags', key: 'listItems', label: 'Éléments de la liste' },
+      ],
+    },
+  ],
+
+  spacer: [
+    {
+      title: 'Espace',
+      fields: [
+        { t: 'range', key: 'height', label: 'Hauteur', min: 0, max: 240, step: 4, suffix: ' px' },
+        { t: 'switch', key: 'divider', label: 'Ligne de séparation' },
+      ],
+    },
+  ],
+
+  html: [
+    {
+      title: 'Code',
+      fields: [{ t: 'textarea', key: 'html', label: 'HTML', rows: 12, hint: 'Les balises <script> ne sont pas exécutées : utilisez une iframe pour intégrer un widget ou une carte.' }],
+    },
+  ],
+
+  columns: [
+    {
+      title: 'Grille',
+      fields: [
+        {
+          t: 'select',
+          key: 'columns',
+          label: 'Nombre de colonnes',
+          options: [
+            { value: '2', label: '2 colonnes' },
+            { value: '3', label: '3 colonnes' },
+            { value: '4', label: '4 colonnes' },
+          ],
+          half: true,
+        },
+        {
+          t: 'select',
+          key: 'gap',
+          label: 'Espacement',
+          options: [
+            { value: 'sm', label: 'Serré' },
+            { value: 'md', label: 'Moyen' },
+            { value: 'lg', label: 'Large' },
+          ],
+          half: true,
+        },
+      ],
+    },
+    {
+      title: 'Cellules',
+      fields: [
+        {
+          t: 'list',
+          key: 'cells',
+          label: 'Colonnes',
+          item: 'Cellule',
+          max: 4,
+          create: () => ({ title: 'Nouvelle colonne', body: '<p></p>' }),
+          summary: (it) => String(it.title || 'Sans titre'),
+          fields: [
+            { t: 'text', key: 'title', label: 'Titre' },
+            { t: 'rich', key: 'body', label: 'Contenu' },
+          ],
+        },
+      ],
+    },
+  ],
+
+  module: [{ title: 'Contenu du module', fields: [{ t: 'moduleWidget' }] }],
+};
+
+/** Champs de la fiche réalisation (template « project »). */
+export const PROJECT_FIELDS: FieldDef[] = [
+  { t: 'text', key: 'client', label: 'Client' },
+  { t: 'text', key: 'location', label: 'Ville', half: true },
+  { t: 'text', key: 'department', label: 'Département', half: true },
+  { t: 'select', key: 'sector', label: 'Secteur', options: SECTORS.slice(1), half: true },
+  { t: 'text', key: 'ceeSheet', label: 'Fiche CEE', half: true },
+  { t: 'text', key: 'solution', label: 'Solution' },
+  { t: 'textarea', key: 'summary', label: 'Résumé', rows: 3 },
+  { t: 'image', key: 'image', label: 'Image de couverture' },
+  { t: 'tags', key: 'results', label: 'Résultats clés' },
+  { t: 'switch', key: 'featured', label: 'Mettre en avant' },
+];
+
+export const blockSummary = (d: Data): string => {
+  const pick = ['title', 'badgeText', 'eyebrow', 'html', 'url', 'caption'].map((k) => d[k]).find((v) => typeof v === 'string' && v.trim()) as string | undefined;
+  return (pick || '').replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim().slice(0, 60);
+};