@jsonpages/cli 3.0.21 → 3.0.22

package/assets/src_tenant_alpha.sh

@@ -29,6 +29,7 @@ echo "Creating src/App.tsx..."
 cat << 'END_OF_FILE_CONTENT' > "src/App.tsx"
 /**
  * Thin Entry Point (Tenant).
+ * Loads from localStorage draft when present (same key as Core autosave), else from file.
  */
 import { useState, useEffect } from 'react';
 import { JsonPagesEngine } from '@jsonpages/core';
@@ -36,10 +37,11 @@ import type { LibraryImageEntry } from '@jsonpages/core';
 import { ComponentRegistry } from '@/lib/ComponentRegistry';
 import { SECTION_SCHEMAS } from '@/lib/schemas';
 import { addSectionConfig } from '@/lib/addSectionConfig';
+import { getHydratedData } from '@/lib/draftStorage';
 import type { JsonPagesConfig } from '@jsonpages/core';
 import type { PageConfig, SiteConfig, ThemeConfig, MenuConfig } from '@/types';
 
-// Tenant data
+// Tenant data (file-backed fallback)
 import siteData from '@/data/config/site.json';
 import themeData from '@/data/config/theme.json';
 import menuData from '@/data/config/menu.json';
@@ -48,15 +50,21 @@ import homeData from '@/data/pages/home.json';
 // Tenant CSS
 import tenantCss from './index.css?inline';
 
-const siteConfig = siteData as unknown as SiteConfig;
 const themeConfig = themeData as unknown as ThemeConfig;
 const menuConfig = menuData as unknown as MenuConfig;
 
-const pages: Record<string, PageConfig> = {
+const TENANT_ID = 'alpha';
+const filePages: Record<string, PageConfig> = {
   home: homeData as unknown as PageConfig,
 };
+const fileSiteConfig = siteData as unknown as SiteConfig;
+
+function getInitialData() {
+  return getHydratedData(TENANT_ID, filePages, fileSiteConfig);
+}
 
 function App() {
+  const [{ pages, siteConfig }] = useState(getInitialData);
   const [assetsManifest, setAssetsManifest] = useState<LibraryImageEntry[]>([]);
 
   // #region agent log
@@ -78,7 +86,7 @@ function App() {
   }, []);
 
   const config: JsonPagesConfig = {
-    tenantId: 'alpha',
+    tenantId: TENANT_ID,
     registry: ComponentRegistry as JsonPagesConfig['registry'],
     schemas: SECTION_SCHEMAS as unknown as JsonPagesConfig['schemas'],
     pages,
@@ -2450,421 +2458,433 @@ END_OF_FILE_CONTENT
 mkdir -p "src/data/pages"
 echo "Creating src/data/pages/home.json..."
 cat << 'END_OF_FILE_CONTENT' > "src/data/pages/home.json"
-{
-  "id": "home-page",
-  "slug": "home",
-  "meta": {
-    "title": "JsonPages — Global Authoring. Global Governance.",
-    "description": "A high-fidelity Site Factory that solves the scalability bottleneck of traditional CMS systems."
-  },
-  "sections": [
-    {
-      "id": "hero-main",
-      "type": "hero",
-      "data": {
-        "badge": "Composable UI Engine ·  v1.0",
-        "title": "Local Authoring",
-        "titleHighlight": "Global Governance",
-        "description": "JsonPages is a high-fidelity Site Factory that solves the scalability bottleneck of traditional CMS systems. Distribute, govern, and render UI components across hundreds of independent sites — without technical drift.",
-        "ctas": [
-          {
-            "label": "Explore Products →",
-            "href": "#products",
-            "variant": "primary"
-          },
-          {
-            "label": "Read the Spec",
-            "href": "#architecture",
-            "variant": "secondary"
-          }
-        ],
-        "metrics": [
-          {
-            "val": "100+",
-            "label": "Pages per tenant"
-          },
-          {
-            "val": "0ms",
-            "label": "Runtime overhead"
-          },
-          {
-            "val": "∞",
-            "label": "Scalable blocks"
-          }
-        ]
-      },
-      "settings": {}
-    },
-    {
-      "id": "problem-statement",
-      "type": "problem-statement",
-      "data": {
-        "siloGroups": [
-          {
-            "blocks": [
-              {
-                "label": "Agency A Stack",
-                "variant": "red"
-              },
-              {
-                "label": "Custom CMS",
-                "variant": "red"
-              },
-              {
-                "label": "PHP Backend",
-                "variant": "red"
-              }
-            ],
-            "label": "Silo #1"
-          },
-          {
-            "blocks": [
-              {
-                "label": "Agency B Tools",
-                "variant": "amber"
-              },
-              {
-                "label": "WordPress",
-                "variant": "amber"
-              },
-              {
-                "label": "LAMP Stack",
-                "variant": "amber"
-              }
-            ],
-            "label": "Silo #2"
-          },
-          {
-            "blocks": [
-              {
-                "label": "Agency C Kit",
-                "variant": "green"
-              },
-              {
-                "label": "React App",
-                "variant": "green"
-              },
-              {
-                "label": "Node.js",
-                "variant": "green"
-              }
-            ],
-            "label": "Silo #3"
-          }
-        ],
-        "title": "Traditional CMS systems create closed silos.",
-        "paragraphs": [
-          {
-            "text": "When global brands delegate web projects to multiple agencies, each agency picks its own stack, its own conventions, its own deployment pipeline. The result is a portfolio of ungovernable sites with inconsistent quality and unpredictable maintenance costs.",
-            "isBold": false
-          },
-          {
-            "text": "JsonPages eliminates this by providing a centralized protocol to distribute, govern, and render UI components — ensuring every site, regardless of who builds it, conforms to a single typed ontology.",
-            "isBold": true
-          }
-        ],
-        "anchorId": "aa"
-      },
-      "settings": {}
-    },
-    {
-      "id": "architecture-pillars",
-      "type": "pillars-grid",
-      "data": {
-        "anchorId": "architecture",
-        "label": "Core Architecture",
-        "title": "Three Pillars of Composability",
-        "description": "A contract-first architecture designed to scale without core refactoring.",
-        "pillars": [
-          {
-            "icon": "box",
-            "iconVariant": "split",
-            "title": "The Machine-Readable Blueprint. 📐",
-            "description": "We enforce a strict file-system ontology that physically separates Global Governance from Local Content. By utilizing \"Dumb Components\" (CIP), we create a deterministic environment where the UI is a predictable function of data. This protocol allows AI agents to understand your site structure instantly, eliminating the \"guessing game\" of traditional web development.",
-            "tag": "The Foundation",
-            "tagVariant": "core"
-          },
-          {
-            "icon": "sparkles",
-            "iconVariant": "registry",
-            "title": "The Semantic Brain. 🧠",
-            "description": "We reject hardcoded Union Types. The Kernel defines an open registry where independent modules inject their DNA via Zod schemas. This provides the AI with a precise, type-safe vocabulary to build brand-compliant interfaces. Because the registry is the Single Source of Truth, the AI knows exactly which components exist and how to configure them without ever touching the core code.",
-            "tag": "The Vocabulary",
-            "tagVariant": "pattern"
-          },
-          {
-            "icon": "zap",
-            "iconVariant": "federation",
-            "title": "The 5-Minute Tenant. 🤖",
-            "description": "AI doesn't guess; it follows the Protocol. Because our ecosystem is governed by 5 deterministic standards, agents like Claude can project a complex, multi-page, brand-compliant tenant in under 5 minutes. The result is 100% Type-Safe JSON that perfectly matches your schemas, delivering a production-ready site with zero technical drift and an instant polymorphic CMS.",
-            "tag": "The Multiplier",
-            "tagVariant": "enterprise"
-          }
-        ]
-      },
-      "settings": {}
-    },
-    {
-      "id": "layered-architecture",
-      "type": "arch-layers",
-      "data": {
-        "anchorId": "layers",
-        "label": "Engineering Layers",
-        "title": "Strict Boundaries. Clean Contracts.",
-        "description": "Three architectural layers maintain the separation between engine and implementation.",
-        "layers": [
-          {
-            "number": "0",
-            "layerLevel": "l0",
-            "title": "The Immutable Kernel",
-            "description": "Defines the base structure of a Section — ID, Type, Payload, Settings — and exports the computed union. Zero knowledge of UI implementation or business logic."
-          },
-          {
-            "number": "1",
-            "layerLevel": "l1",
-            "title": "The Standard Library",
-            "description": "Fundamental components (Hero, Text, Grid) used across 90% of projects. Augments the Kernel's registry while remaining part of the internal ecosystem."
-          },
-          {
-            "number": "2",
-            "layerLevel": "l2",
-            "title": "User-Land Extensions",
-            "description": "The enabling layer. Third-party developers define specialized blocks — StockTickers, CRM Forms — in their own repositories. These extensions plug into the Kernel at compile-time."
-          }
-        ],
-        "codeFilename": "libs/shared-data/src/lib/core.ts",
-        "codeLines": [
-          {
-            "content": "// 🛡️ KERNEL — Single Source of Truth",
-            "tokenType": "comment"
-          },
-          {
-            "content": "",
-            "tokenType": "plain"
-          },
-          {
-            "content": "export interface SectionDataRegistry {",
-            "tokenType": "keyword"
-          },
-          {
-            "content": "  // Open Registry: modules inject here",
-            "tokenType": "comment"
-          },
-          {
-            "content": "}",
-            "tokenType": "plain"
-          },
-          {
-            "content": "",
-            "tokenType": "plain"
-          },
-          {
-            "content": "export interface BaseSection<K extends keyof SectionDataRegistry> {",
-            "tokenType": "keyword"
-          },
-          {
-            "content": "  id: string;",
-            "tokenType": "type"
-          },
-          {
-            "content": "  type: K;",
-            "tokenType": "type"
-          },
-          {
-            "content": "  data: SectionDataRegistry[K];",
-            "tokenType": "type"
-          },
-          {
-            "content": "  settings?: SectionSettings;",
-            "tokenType": "type"
-          },
-          {
-            "content": "}",
-            "tokenType": "plain"
-          },
-          {
-            "content": "",
-            "tokenType": "plain"
-          },
-          {
-            "content": "// Computed Union — built automatically from registry",
-            "tokenType": "comment"
-          },
-          {
-            "content": "export type Section =",
-            "tokenType": "keyword"
-          },
-          {
-            "content": "  { [K in keyof SectionDataRegistry]: BaseSection<K> }",
-            "tokenType": "type"
-          },
-          {
-            "content": "  [keyof SectionDataRegistry];",
-            "tokenType": "operator"
-          }
-        ]
-      },
-      "settings": {}
-    },
-    {
-      "id": "product-triad",
-      "type": "product-triad",
-      "data": {
-        "anchorId": "products",
-        "label": "Product Triad",
-        "title": "One Protocol. Three Products.",
-        "description": "From solo developers to global enterprises — the same underlying ontology powers every tier.",
-        "products": [
-          {
-            "tier": "Starter",
-            "name": "JsonPage",
-            "price": "NPM",
-            "priceSuffix": "Local Install",
-            "delivery": "Static Export · Zero Runtime",
-            "features": [
-              {
-                "text": "Local Authoring SDK"
-              },
-              {
-                "text": "Zero-Runtime HTML Bake"
-              },
-              {
-                "text": "Pure HTML/CSS Export"
-              },
-              {
-                "text": "CDN-Ready Delivery"
-              },
-              {
-                "text": "Full Code Ownership"
-              }
-            ],
-            "featured": false
-          },
-          {
-            "tier": "Professional",
-            "name": "JsonPages",
-            "price": "SaaS",
-            "priceSuffix": "/month",
-            "delivery": "Managed Cloud · Multi-Tenant",
-            "features": [
-              {
-                "text": "Multi-Tenant Hosting"
-              },
-              {
-                "text": "Premium Block Library"
-              },
-              {
-                "text": "SchemaUI Components"
-              },
-              {
-                "text": "In-Context Editing"
-              },
-              {
-                "text": "AI-Native Protocol"
-              },
-              {
-                "text": "Tailwind v4 & BI Engine"
-              }
-            ],
-            "featured": false
-          },
-          {
-            "tier": "Enterprise",
-            "name": "The Platform",
-            "price": "Custom",
-            "delivery": "Private Cloud · Enterprise Governance",
-            "features": [
-              {
-                "text": "Private Federated Registry"
-              },
-              {
-                "text": "Module Federation"
-              },
-              {
-                "text": "Runtime Component Injection"
-              },
-              {
-                "text": "Custom Brand Guidelines"
-              },
-              {
-                "text": "Dedicated SLA & Support"
-              },
-              {
-                "text": "SSO & RBAC"
-              }
-            ],
-            "featured": false
-          }
-        ]
-      },
-      "settings": {}
-    },
-    {
-      "id": "pa-ready",
-      "type": "pa-section",
-      "data": {
-        "anchorId": "pa-ready",
-        "label": "Public Sector",
-        "title": "PA Ready — One Platform, Two Markets",
-        "subtitle": "The Only Builder with Native Bootstrap Italia.",
-        "paragraphs": [
-          {
-            "text": "By switching the rendering engine to Bootstrap Italia, System Integrators use the same high-efficiency workflow to deliver WCAG-compliant sites for Municipalities and Government bodies — without rewriting backend logic."
-          },
-          {
-            "text": "The same JSON ontology drives both the Tailwind-powered private sector and the Bootstrap Italia public sector pipeline. This is not flexibility — this is Business Continuity."
-          }
-        ],
-        "badges": [
-          {
-            "label": "PNRR Ready"
-          },
-          {
-            "label": "WCAG 2.1 AA"
-          },
-          {
-            "label": "AgID Compliant"
-          }
-        ],
-        "engines": [
-          {
-            "label": "Tailwind v4",
-            "variant": "tailwind"
-          },
-          {
-            "label": "Bootstrap Italia",
-            "variant": "bootstrap"
-          }
-        ],
-        "codeSnippet": "{\n  \"type\": \"hero\",\n  \"data\": { \"title\": \"...\" },\n  \"settings\": { \"engine\": \"auto\" }\n}"
-      },
-      "settings": {}
-    },
-    {
-      "id": "philosophy",
-      "type": "philosophy",
-      "data": {
-        "anchorId": "philosophy",
-        "label": "Our Philosophy",
-        "title": "Governance Over Captivity",
-        "quote": "We sell the infrastructure to manage UI — not the right to access the code.",
-        "quoteHighlightWord": "manage",
-        "description": "Unlike closed-garden platforms, JsonPages provides an Eject Button by design. The Bake Engine exports your site as pure HTML/CSS with zero backend requirements. If you leave the SaaS, the shared ontology and SDK ensure you remain fully operational and independent. We earn your loyalty through value — not lock-in."
-      },
-      "settings": {}
-    },
-    {
-      "id": "cta-final",
-      "type": "cta-banner",
-      "data": {
-        "anchorId": "start",
-        "label": "Local Authoring Global Governance",
-        "title": "Ready to Govern at Scale?",
-        "description": "Whether you're building a single site or managing a portfolio of hundreds — JsonPages scales with your ambition."
-      },
-      "settings": {}
-    }
-  ]
+{
+  "id": "home-page",
+  "slug": "home",
+  "meta": {
+    "title": "JsonPages — Global Authoring. Global Governance.",
+    "description": "A high-fidelity Site Factory that solves the scalability bottleneck of traditional CMS systems."
+  },
+  "sections": [
+    {
+      "id": "hero-main",
+      "type": "hero",
+      "data": {
+        "badge": "Composable UI Engine ·  v1.0",
+        "title": "Local Authoring.",
+        "titleHighlight": "Global Governance.",
+        "description": "JsonPages is a high-fidelity Site Factory that solves the scalability bottleneck of traditional CMS systems. Distribute, govern, and render UI components across hundreds of independent sites — without technical drift.",
+        "ctas": [
+          {
+            "label": "Explore Products →",
+            "href": "#products",
+            "variant": "primary"
+          },
+          {
+            "label": "Read the Spec",
+            "href": "#architecture",
+            "variant": "secondary"
+          }
+        ],
+        "metrics": [
+          {
+            "val": "100+",
+            "label": "Pages per tenant"
+          },
+          {
+            "val": "0ms",
+            "label": "Runtime overhead"
+          },
+          {
+            "val": "∞",
+            "label": "Scalable blocks"
+          }
+        ]
+      },
+      "settings": {}
+    },
+    {
+      "id": "image-break-1",
+      "type": "image-break",
+      "data": {
+        "image": {
+          "url": "https://images.unsplash.com/photo-1464226184884-fa280b87c399?w=800",
+          "alt": "Verdure fresche dall'orto"
+        },
+        "caption": "Il nostro orto a pochi passi dalla cucina — raccolto ogni mattina all'alba"
+      },
+      "settings": {}
+    },
+    {
+      "id": "problem-statement",
+      "type": "problem-statement",
+      "data": {
+        "siloGroups": [
+          {
+            "blocks": [
+              {
+                "label": "Agency A Stack",
+                "variant": "red"
+              },
+              {
+                "label": "Custom CMS",
+                "variant": "red"
+              },
+              {
+                "label": "PHP Backend",
+                "variant": "red"
+              }
+            ],
+            "label": "Silo #1"
+          },
+          {
+            "blocks": [
+              {
+                "label": "Agency B Tools",
+                "variant": "amber"
+              },
+              {
+                "label": "WordPress",
+                "variant": "amber"
+              },
+              {
+                "label": "LAMP Stack",
+                "variant": "amber"
+              }
+            ],
+            "label": "Silo #2"
+          },
+          {
+            "blocks": [
+              {
+                "label": "Agency C Kit",
+                "variant": "green"
+              },
+              {
+                "label": "React App",
+                "variant": "green"
+              },
+              {
+                "label": "Node.js",
+                "variant": "green"
+              }
+            ],
+            "label": "Silo #3"
+          }
+        ],
+        "title": "Traditional CMS systems create closed silos.",
+        "paragraphs": [
+          {
+            "text": "When global brands delegate web projects to multiple agencies, each agency picks its own stack, its own conventions, its own deployment pipeline. The result is a portfolio of ungovernable sites with inconsistent quality and unpredictable maintenance costs.",
+            "isBold": false
+          },
+          {
+            "text": "JsonPages eliminates this by providing a centralized protocol to distribute, govern, and render UI components — ensuring every site, regardless of who builds it, conforms to a single typed ontology.",
+            "isBold": true
+          }
+        ],
+        "anchorId": "aa"
+      },
+      "settings": {}
+    },
+    {
+      "id": "architecture-pillars",
+      "type": "pillars-grid",
+      "data": {
+        "anchorId": "architecture",
+        "label": "Core Architecture",
+        "title": "Three Pillars of Composability",
+        "description": "A contract-first architecture designed to scale without core refactoring.",
+        "pillars": [
+          {
+            "icon": "box",
+            "iconVariant": "split",
+            "title": "The Machine-Readable Blueprint. 📐",
+            "description": "We enforce a strict file-system ontology that physically separates Global Governance from Local Content. By utilizing \"Dumb Components\" (CIP), we create a deterministic environment where the UI is a predictable function of data. This protocol allows AI agents to understand your site structure instantly, eliminating the \"guessing game\" of traditional web development.",
+            "tag": "The Foundation",
+            "tagVariant": "core"
+          },
+          {
+            "icon": "sparkles",
+            "iconVariant": "registry",
+            "title": "The Semantic Brain. 🧠",
+            "description": "We reject hardcoded Union Types. The Kernel defines an open registry where independent modules inject their DNA via Zod schemas. This provides the AI with a precise, type-safe vocabulary to build brand-compliant interfaces. Because the registry is the Single Source of Truth, the AI knows exactly which components exist and how to configure them without ever touching the core code.",
+            "tag": "The Vocabulary",
+            "tagVariant": "pattern"
+          },
+          {
+            "icon": "zap",
+            "iconVariant": "federation",
+            "title": "The 5-Minute Tenant. 🤖",
+            "description": "AI doesn't guess; it follows the Protocol. Because our ecosystem is governed by 5 deterministic standards, agents like Claude can project a complex, multi-page, brand-compliant tenant in under 5 minutes. The result is 100% Type-Safe JSON that perfectly matches your schemas, delivering a production-ready site with zero technical drift and an instant polymorphic CMS.",
+            "tag": "The Multiplier",
+            "tagVariant": "enterprise"
+          }
+        ]
+      },
+      "settings": {}
+    },
+    {
+      "id": "layered-architecture",
+      "type": "arch-layers",
+      "data": {
+        "anchorId": "layers",
+        "label": "Engineering Layers",
+        "title": "Strict Boundaries. Clean Contracts.",
+        "description": "Three architectural layers maintain the separation between engine and implementation.",
+        "layers": [
+          {
+            "number": "0",
+            "layerLevel": "l0",
+            "title": "The Immutable Kernel",
+            "description": "Defines the base structure of a Section — ID, Type, Payload, Settings — and exports the computed union. Zero knowledge of UI implementation or business logic."
+          },
+          {
+            "number": "1",
+            "layerLevel": "l1",
+            "title": "The Standard Library",
+            "description": "Fundamental components (Hero, Text, Grid) used across 90% of projects. Augments the Kernel's registry while remaining part of the internal ecosystem."
+          },
+          {
+            "number": "2",
+            "layerLevel": "l2",
+            "title": "User-Land Extensions",
+            "description": "The enabling layer. Third-party developers define specialized blocks — StockTickers, CRM Forms — in their own repositories. These extensions plug into the Kernel at compile-time."
+          }
+        ],
+        "codeFilename": "libs/shared-data/src/lib/core.ts",
+        "codeLines": [
+          {
+            "content": "// 🛡️ KERNEL — Single Source of Truth",
+            "tokenType": "comment"
+          },
+          {
+            "content": "",
+            "tokenType": "plain"
+          },
+          {
+            "content": "export interface SectionDataRegistry {",
+            "tokenType": "keyword"
+          },
+          {
+            "content": "  // Open Registry: modules inject here",
+            "tokenType": "comment"
+          },
+          {
+            "content": "}",
+            "tokenType": "plain"
+          },
+          {
+            "content": "",
+            "tokenType": "plain"
+          },
+          {
+            "content": "export interface BaseSection<K extends keyof SectionDataRegistry> {",
+            "tokenType": "keyword"
+          },
+          {
+            "content": "  id: string;",
+            "tokenType": "type"
+          },
+          {
+            "content": "  type: K;",
+            "tokenType": "type"
+          },
+          {
+            "content": "  data: SectionDataRegistry[K];",
+            "tokenType": "type"
+          },
+          {
+            "content": "  settings?: SectionSettings;",
+            "tokenType": "type"
+          },
+          {
+            "content": "}",
+            "tokenType": "plain"
+          },
+          {
+            "content": "",
+            "tokenType": "plain"
+          },
+          {
+            "content": "// Computed Union — built automatically from registry",
+            "tokenType": "comment"
+          },
+          {
+            "content": "export type Section =",
+            "tokenType": "keyword"
+          },
+          {
+            "content": "  { [K in keyof SectionDataRegistry]: BaseSection<K> }",
+            "tokenType": "type"
+          },
+          {
+            "content": "  [keyof SectionDataRegistry];",
+            "tokenType": "operator"
+          }
+        ]
+      },
+      "settings": {}
+    },
+    {
+      "id": "product-triad",
+      "type": "product-triad",
+      "data": {
+        "anchorId": "products",
+        "label": "Product Triad",
+        "title": "One Protocol. Three Products.",
+        "description": "From solo developers to global enterprises — the same underlying ontology powers every tier.",
+        "products": [
+          {
+            "tier": "Starter",
+            "name": "JsonPage",
+            "price": "NPM",
+            "priceSuffix": "Local Install",
+            "delivery": "Static Export · Zero Runtime",
+            "features": [
+              {
+                "text": "Local Authoring SDK"
+              },
+              {
+                "text": "Zero-Runtime HTML Bake"
+              },
+              {
+                "text": "Pure HTML/CSS Export"
+              },
+              {
+                "text": "CDN-Ready Delivery"
+              },
+              {
+                "text": "Full Code Ownership"
+              }
+            ],
+            "featured": false
+          },
+          {
+            "tier": "Professional",
+            "name": "JsonPages",
+            "price": "SaaS",
+            "priceSuffix": "/month",
+            "delivery": "Managed Cloud · Multi-Tenant",
+            "features": [
+              {
+                "text": "Multi-Tenant Hosting"
+              },
+              {
+                "text": "Premium Block Library"
+              },
+              {
+                "text": "SchemaUI Components"
+              },
+              {
+                "text": "In-Context Editing"
+              },
+              {
+                "text": "AI-Native Protocol"
+              },
+              {
+                "text": "Tailwind v4 & BI Engine"
+              }
+            ],
+            "featured": false
+          },
+          {
+            "tier": "Enterprise",
+            "name": "The Platform",
+            "price": "Custom",
+            "delivery": "Private Cloud · Enterprise Governance",
+            "features": [
+              {
+                "text": "Private Federated Registry"
+              },
+              {
+                "text": "Module Federation"
+              },
+              {
+                "text": "Runtime Component Injection"
+              },
+              {
+                "text": "Custom Brand Guidelines"
+              },
+              {
+                "text": "Dedicated SLA & Support"
+              },
+              {
+                "text": "SSO & RBAC"
+              }
+            ],
+            "featured": false
+          }
+        ]
+      },
+      "settings": {}
+    },
+    {
+      "id": "pa-ready",
+      "type": "pa-section",
+      "data": {
+        "anchorId": "pa-ready",
+        "label": "Public Sector",
+        "title": "PA Ready — One Platform, Two Markets",
+        "subtitle": "The Only Builder with Native Bootstrap Italia.",
+        "paragraphs": [
+          {
+            "text": "By switching the rendering engine to Bootstrap Italia, System Integrators use the same high-efficiency workflow to deliver WCAG-compliant sites for Municipalities and Government bodies — without rewriting backend logic."
+          },
+          {
+            "text": "The same JSON ontology drives both the Tailwind-powered private sector and the Bootstrap Italia public sector pipeline. This is not flexibility — this is Business Continuity."
+          }
+        ],
+        "badges": [
+          {
+            "label": "PNRR Ready"
+          },
+          {
+            "label": "WCAG 2.1 AA"
+          },
+          {
+            "label": "AgID Compliant"
+          }
+        ],
+        "engines": [
+          {
+            "label": "Tailwind v4",
+            "variant": "tailwind"
+          },
+          {
+            "label": "Bootstrap Italia",
+            "variant": "bootstrap"
+          }
+        ],
+        "codeSnippet": "{\n  \"type\": \"hero\",\n  \"data\": { \"title\": \"...\" },\n  \"settings\": { \"engine\": \"auto\" }\n}"
+      },
+      "settings": {}
+    },
+    {
+      "id": "philosophy",
+      "type": "philosophy",
+      "data": {
+        "anchorId": "philosophy",
+        "label": "Our Philosophy",
+        "title": "Governance Over Captivity",
+        "quote": "We sell the infrastructure to manage UI — not the right to access the code.",
+        "quoteHighlightWord": "manage",
+        "description": "Unlike closed-garden platforms, JsonPages provides an Eject Button by design. The Bake Engine exports your site as pure HTML/CSS with zero backend requirements. If you leave the SaaS, the shared ontology and SDK ensure you remain fully operational and independent. We earn your loyalty through value — not lock-in."
+      },
+      "settings": {}
+    },
+    {
+      "id": "cta-final",
+      "type": "cta-banner",
+      "data": {
+        "anchorId": "start",
+        "label": "Local Authoring Global Governance",
+        "title": "Ready to Govern at Scale?",
+        "description": "Whether you're building a single site or managing a portfolio of hundreds — JsonPages scales with your ambition."
+      },
+      "settings": {}
+    }
+  ]
 }
 END_OF_FILE_CONTENT
 # SKIP: src/data/pages/home.json:Zone.Identifier è un file binario e non può essere convertito in testo.
@@ -3274,6 +3294,72 @@ export const CtaSchema = z.object({
   variant: z.enum(['primary', 'secondary']).default('primary').describe('ui:select'),
 });
 
+END_OF_FILE_CONTENT
+echo "Creating src/lib/draftStorage.ts..."
+cat << 'END_OF_FILE_CONTENT' > "src/lib/draftStorage.ts"
+/**
+ * Tenant draft storage — same key and shape as @jsonpages/core autosave.
+ * Load from localStorage when present, otherwise use file-backed data.
+ */
+
+import type { PageConfig, SiteConfig } from '@/types';
+
+const DRAFT_KEY_PREFIX = 'jsonpages-draft';
+
+export function getDraftStorageKey(tenantId: string, slug: string): string {
+  return `${DRAFT_KEY_PREFIX}-${tenantId}-${slug}`;
+}
+
+export interface StoredDraft {
+  page?: PageConfig;
+  site?: SiteConfig;
+}
+
+export function readDraftFromStorage(
+  tenantId: string,
+  slug: string
+): StoredDraft | null {
+  if (typeof window === 'undefined') return null;
+  try {
+    const key = getDraftStorageKey(tenantId, slug);
+    const raw = localStorage.getItem(key);
+    if (!raw) return null;
+    return JSON.parse(raw) as StoredDraft;
+  } catch {
+    return null;
+  }
+}
+
+export interface HydratedData {
+  pages: Record<string, PageConfig>;
+  siteConfig: SiteConfig;
+}
+
+/**
+ * Build pages and siteConfig from localStorage when a draft exists for a slug,
+ * otherwise use file-backed data. Uses the same storage key as Core autosave.
+ */
+export function getHydratedData(
+  tenantId: string,
+  filePages: Record<string, PageConfig>,
+  fileSiteConfig: SiteConfig
+): HydratedData {
+  let siteConfig = fileSiteConfig;
+  const pages: Record<string, PageConfig> = {};
+
+  for (const slug of Object.keys(filePages)) {
+    const stored = readDraftFromStorage(tenantId, slug);
+    if (stored?.page) {
+      pages[slug] = stored.page;
+      if (stored?.site) siteConfig = stored.site;
+    } else {
+      pages[slug] = filePages[slug];
+    }
+  }
+
+  return { pages, siteConfig };
+}
+
 END_OF_FILE_CONTENT
 echo "Creating src/lib/schemas.ts..."
 cat << 'END_OF_FILE_CONTENT' > "src/lib/schemas.ts"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonpages/cli",
-  "version": "3.0.21",
+  "version": "3.0.22",
   "description": "JsonPages CLI - Sovereign Projection Engine",
   "type": "module",
   "bin": {

package/src/index.js

@@ -138,7 +138,7 @@ program
       spinner.start('Installing dependencies (this may take a minute)...');
       
       const deps = [
-        'react', 'react-dom', 'zod@^3.24.1', 'react-router-dom@^6.29.0', // pin to satisfy @jsonpages/core peers
+        'react', 'react-dom', 'zod', 'react-router-dom', 
         'lucide-react', 'radix-ui', 
         'tailwind-merge', 'clsx', 
         'file-saver', 'jszip',