diff --git a/.changeset/builder-design-system-ui.md b/.changeset/builder-design-system-ui.md
new file mode 100644
index 0000000..34082df
--- /dev/null
+++ b/.changeset/builder-design-system-ui.md
@@ -0,0 +1,40 @@
+---
+'@ogs-tech/press-cms': patch
+'@ogs-tech/create-press': patch
+---
+
+fix(cms): rebuild the composition builder UI on Strapi's design-system
+
+The `plugin::press-cms.builder` custom field was raw, unstyled HTML (native
+`<select>`/`<details>`/`<fieldset>`, unicode `↑↓✕` controls, raw component uids as
+labels) — jarring islands of light-mode browser widgets inside the dark admin,
+and hard to read once the tree nested. It is now rebuilt with
+`@strapi/design-system` + `@strapi/icons`, so the builder reads as native admin UI:
+
+- Blocks are collapsible cards with a friendly name + icon (derived from the uid
+  via a new `palette-labels` helper — unmapped/`custom-*` blocks degrade
+  gracefully) and reorder/remove `IconButton`s.
+- Rows and columns are distinct titled cards; container attrs collapse into a
+  "Layout options" disclosure instead of always-open noise.
+- "Add block" opens ONE inline palette grouped by category (this also removes a
+  duplicate adder that rendered twice per column).
+- Per-field forms use design-system inputs (`TextInput`, `Textarea`,
+  `NumberInput`, `Toggle`, `SingleSelect`, `Field`), and empty slots show a hint.
+
+Rows are now collapsible cards too (with a per-slot "Collapse all" / "Expand all"
+control), so a deeply nested page stays scannable instead of exploding every
+column and nested row at once.
+
+`@strapi/design-system` and `@strapi/icons` are declared as `peerDependencies` so
+`@strapi/sdk-plugin` externalizes them (the builder uses the host admin's single
+copy — the same contract as React); a guard test pins this. No wire, schema, or
+API change: `tree-ops`/`form-model` and the served `PressSchema` are untouched.
+
+**Scaffold seed (`create-press`)**: the demo home is trimmed from a kitchen-sink
+page (hero, list, quote, a nested-row recursion demo, separator, button, spacer,
+cta, callout) to a simple, focused showcase of the two things worth demonstrating
+up front — the **components** you place (a few blocks plus a note on the wider
+palette) and the **grid layout** (one 50-50 row with an image in one column and a
+paragraph in the other). The image component still carries the media-crosses-REST
+proof. The rest of the palette is meant to be composed in the builder, and a
+simple starting page is far easier to edit and test than a pre-filled one.
diff --git a/.changeset/columns-organism.md b/.changeset/columns-organism.md
new file mode 100644
index 0000000..cd0e6ff
--- /dev/null
+++ b/.changeset/columns-organism.md
@@ -0,0 +1,42 @@
+---
+'@ogs-tech/press-cms': minor
+'@ogs-tech/press-web': minor
+---
+
+feat: `preset-organism.columns` — the first editor-composed layout block
+
+`@ogs-tech/press-cms`:
+
+- **New page-body organism `preset-organism.columns`** (admitted statically in
+  `page/schema.json`, body only — the hero/cta placement rule). Layout controls
+  are flat CLOSED enums on the organism (the `hero.align` precedent):
+  `ratio` (`50-50 | 33-67 | 67-33 | 33-33-33 | 25-25-25-25`), `gap`
+  (`compact | normal | spacious`), `verticalAlign` (`top | center | bottom`).
+  The raw `GridGap`/`Span` scales are never exposed to the CMS.
+- **New nested-only molecule `preset-molecule.column`** (rich text + optional
+  image + optional `preset-atom.button` — the `navbar.cta` nesting pattern);
+  repeatable 2–4 per block, never a DZ member. `preset-layout` stays reserved
+  and empty: the top-level block is a content ORGANISM that consumes the grid
+  internally, so "layout is never an editor-placed top-level block" holds.
+- **`buildBodyPopulate` deep-populates the columns chain.** `populate: '*'` is
+  shallow; a column's `image`/`button` sit TWO levels below the DZ member and
+  silently came back empty — the exact shape that already forced the navbar's
+  deep populate in the chrome zones.
+- Serializer and generator needed **zero code change** — the BFS follows the
+  two-level chain (`columns → column → button`) generically; new tests pin that.
+
+`@ogs-tech/press-web`:
+
+- **New `Columns` renderer** (`preset-organism.columns` in `organismBlocks`,
+  overridable like every organism) built on Container/Grid/Column, mirroring
+  the Hero: stacks at base, `25-25-25-25` goes 2×2 on md before 4-up on lg,
+  `spacious` gap is tier-scaled (never a flat `lg` — the 11-gap 528px floor).
+  Tolerant: no columns renders nothing; an empty column keeps its cell; a
+  column beyond the ratio's slots reuses the last span instead of dropping.
+- Cells render rich text via `renderBlocks` + raw `<img>`/`<a>` — NOT the atom
+  components, whose `data-block="preset-atom.*"` would match the prose-width
+  rule at any depth and fight the cell's own width.
+- theme.css: columns section styles + the per-column button joins the shared
+  button family (all variants and states).
+- New exported types `PresetOrganismColumns` / `PresetMoleculeColumn`; the CLI
+  seed demonstrates a `33-33-33` block with a nested secondary button.
diff --git a/.changeset/composition-builder.md b/.changeset/composition-builder.md
new file mode 100644
index 0000000..e490589
--- /dev/null
+++ b/.changeset/composition-builder.md
@@ -0,0 +1,32 @@
+---
+'@ogs-tech/press-shared': major
+'@ogs-tech/press-cms': major
+'@ogs-tech/press-web': major
+'@ogs-tech/create-press': major
+---
+
+feat!: composition builder — a JSON PressTree replaces the dynamic-zone mechanism engine-wide
+
+BREAKING (wire + palette + API), no data migration (pre-release):
+
+- `page.body` and the new `site-setting.pageDefaults` store a `PressTree` /
+  `Node[]` slots via the `plugin::press-cms.builder` JSON custom field; the
+  page-body and chrome Dynamic Zones (and `dz-populate`) are gone.
+- Per-page layout root: header/footer slots (`inherit | none | custom`), rows
+  with 1–4 ratio-bound columns, full recursion, adopter `custom-*` blocks
+  anywhere. Curated `container` attrs (`width`/`gap`/`verticalAlign`).
+- `@ogs-tech/press-shared` is now a PUBLISHED runtime dependency of press-web:
+  it ships the tree types + the sanitizing `validatePressTree` validator used
+  by the cms write path and the web render path.
+- Palette: new `preset-molecule.link` (label/page/url/newTab) referenced by
+  button/hero/cta/navbar; `preset-molecule.nav-item`, `preset-molecule.column`,
+  `preset-organism.columns` removed. Text atoms store curated PLAIN TEXT
+  (`content: text`) — the Strapi blocks AST leaves the wire (`renderBlocks`
+  removed). `preset-layout.{container,row,column}` descriptors drive the
+  builder's layout forms.
+- Serve-time hydration: media `{ assetId }` and page `{ documentId }` refs are
+  resolved server-side (fresh URLs/slugs; rename-safe internal links).
+- Web: `TreeRenderer` (header/main/footer shell) replaces `BlockRenderer`;
+  `PressLink`/`resolveLink` are the one link resolver; prose rail rescoped to
+  direct `<main>` children; `PageBody` generates as `PressTree`; the
+  `HeaderBlocks`/`FooterBlocks` unions are gone.
diff --git a/.changeset/free-column-spans.md b/.changeset/free-column-spans.md
new file mode 100644
index 0000000..a133302
--- /dev/null
+++ b/.changeset/free-column-spans.md
@@ -0,0 +1,26 @@
+---
+'@ogs-tech/press-shared': major
+'@ogs-tech/press-web': major
+'@ogs-tech/press-cms': major
+'@ogs-tech/create-press': patch
+---
+
+feat!: free 1–12 column spans per breakpoint, replacing the row ratio enum
+
+BREAKING (wire): `PRESS_TREE_VERSION` bumps 1 → 2. `RowNode.ratio` (and the
+`Ratio` type) is removed; each `ColumnNode` now carries `span: { base; md?; lg? }`
+(1–12 tracks, mobile-first, `base` required) — the one responsive value stored in
+the composition tree. Readers fail-to-empty on any other version; writers reject
+malformed spans. **No data migration** (pre-release, authorized): stored v1 trees
+are dropped on read.
+
+- shared: `Span`/`ColumnSpan` types, span validation (default `{ base: 12 }` +
+  warn on malformed tiers), version-2 gate, no wire column cap.
+- web: `spanFor(column)` passthrough; `RATIO_SPANS` removed; `<Column>`, the four
+  primitives, and `theme.css` are untouched.
+- cms: builder replaces the row-ratio select with per-column base/md/lg span
+  selects, a read-only 12-track preview bar, a breakpoint toggle, and a per-tier
+  total badge; `MAX_COLUMNS` 4 → 12; `preset-layout.row` descriptor drops `ratio`.
+
+Adopters must reseed: a playground/dev DB seeded at v1 (pageDefaults/home) reads
+back empty until reseeded — reset the DB and let `pnpm dev` reseed at v2.
diff --git a/CLAUDE.md b/CLAUDE.md
index f8e3806..2e41d0d 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -12,15 +12,21 @@ dogfoods it through `apps/playground`.
 
 ## Layout — four engine packages + the dogfood
 
-- `packages/shared` — `@ogs-tech/press-shared`: the `PressSchema` wire contract. Ships
-  TS source (no build); imported **type-only** by cms + web so it never enters a
-  runtime artifact.
+- `packages/shared` — `@ogs-tech/press-shared`: the wire contract — the (still
+  type-only) `PressSchema` shape PLUS the `PressTree` node types and the pure,
+  sanitizing `validatePressTree`/`validateNodeArray` validators. Ships TS source
+  (no build) but is **no longer type-only-consumed**: it is a PUBLISHED runtime
+  dependency — `cms` bundles it into its compiled `dist` (a devDependency there;
+  `strapi-plugin build` inlines it) and `web` depends on it directly (an
+  adopter-installed package, transpiled by the Next host's `transpilePackages`
+  like `press-web` itself). Zero Strapi/Next imports either way, so the same
+  validator runs unmodified on the cms write path and the web render path.
 - `packages/cms` — `@ogs-tech/press-cms`: a Strapi 5 **plugin**. Owns the `page` and
   `site-setting` content-types, injects the `preset-*` component palette, and serves
   `GET /api/press/schema`. Compiled with `strapi-plugin build`.
-- `packages/web` — `@ogs-tech/press-web`: the Next.js host template, block renderer,
-  runtime CLI (`press dev/build/upgrade`), config helpers, and CMS→TS type-sync. Ships
-  TS source (no build).
+- `packages/web` — `@ogs-tech/press-web`: the Next.js host template, composition-tree
+  renderer, runtime CLI (`press dev/build/upgrade`), config helpers, and CMS→TS
+  type-sync. Ships TS source (no build).
 - `packages/cli` — `@ogs-tech/create-press`: the run-once scaffolder behind
   `pnpm create @ogs-tech/press`. Pins engine versions via a generated versions file.
 - `apps/playground` — committed real scaffold output, consumed via `workspace:*` for a
@@ -53,6 +59,64 @@ Release (changesets): add a changeset under `.changeset/` for any engine change,
 
 ## Architecture — the moving parts
 
+### Composition trees (`PressTree`)
+
+Page `body` and Site Settings `pageDefaults` are no longer Dynamic Zones — both are
+a JSON **composition tree**, `PressTree` (`@ogs-tech/press-shared`, `src/tree.ts`),
+stored by one custom field, `plugin::press-cms.builder` (registered in
+`server/src/register.ts`, `type: 'json'`; the admin Input is `builder-input.tsx`,
+labelled "Composition"). `page.body` stores a full tree (`{ version, root }`);
+`site-setting.pageDefaults` stores the same node shapes as a bare `{ header:
+Node[]; footer: Node[] }` pair (`options: { mode: 'slots' }` on the field tells the
+Input which shape to render).
+
+- **Node kinds** (`Node = RowNode | ColumnNode | BlockNode`): the tree root is
+  always a `LayoutNode` — `header`/`footer` are `Slot`s (`{ mode: 'inherit' }` |
+  `{ mode: 'none' }` | `{ mode: 'custom'; children }`), plus top-level `children`.
+  A `RowNode` carries 1–`MAX_COLUMNS` (12) `ColumnNode` children (no shared
+  row-level ratio); each `ColumnNode` carries a `span` (`ColumnSpan`: `{ base;
+  md?; lg? }`, `base` required, each tier 1–12 tracks, mobile-first) — the ONE
+  responsive value stored in the tree — and is the recursion point: it nests
+  arbitrary further `Node`s, including more rows, to unlimited depth; a
+  `BlockNode` is a placed component.
+- **The ONE `container` attr surface** (`ContainerAttrs`: `width | gap |
+  verticalAlign`) is carried by every children-bearing node (layout root, row,
+  column) as an optional `container` field. An attr that doesn't apply to a node
+  type is ignored by the renderer and hidden by the builder form — never an
+  error; an absent field (or the whole group) means the engine default.
+  Column `span` (per-breakpoint, mobile-first) is the ONE responsive value the
+  composition JSON carries — a deliberate reversal of the old
+  "responsiveness never in the JSON" rule. Everything else stays code-side:
+  `container` attrs are editorial intents only, mapped to `Responsive<T>`
+  layout-primitive props by `web/src/tree/container-attrs.ts` (`GAP_TIERS`).
+  `spanFor(column)` now passes the stored span straight to `<Column>` — the old
+  `RATIO_SPANS`/`RATIO_SLOTS`/`setRowRatio` mapping table is retired.
+- **Ids are builder-minted** (`crypto.randomUUID`), used only as React keys and as
+  the addressing scheme for builder mutations (`tree-ops.ts`) — never an `Entity`,
+  never a URN (see "Canonical identity" below: this is the one identity class kept
+  deliberately OUT of the URN system).
+- **Version-gated readers.** `PRESS_TREE_VERSION` (currently `2`) is served as
+  `tree.version` in `/api/press/schema`; `validatePressTree` rejects any other
+  `version` outright (fail-to-empty) — this is the seam a future tree migration
+  hangs off.
+- **Strict-write / tolerant-read validator split**, one shared implementation
+  (`validate-tree.ts`) both sides import: structural failures null the value and
+  land in `errors`; invalid container-attr values are stripped (attr-level failure
+  never becomes tree-level) and land in `warnings`; an unknown slot `mode`
+  degrades to `none` with a warning. **Writers reject on errors OR warnings**
+  (cms `beforeCreate`/`beforeUpdate` lifecycle guards, `validate-write.ts` —
+  the builder UI can't produce an invalid tree, so this backstops direct API
+  writes only). **Readers render whenever `value` is non-null** (web sanitizes
+  and renders best-effort: `TreeRenderer`, `map-site-settings.ts`).
+- **Serve-time hydration** resolves `{ assetId }` (media) and `{ documentId }`
+  (page relation) references to fresh values — a schema-driven walk
+  (`cms/.../lib/hydrate-tree.ts`, batched per-request in `serve-hydrated.ts`) that
+  never hardcodes block shapes, so the wire never rots and internal links survive
+  page renames. This is the direct replacement for the old populate bug class:
+  **`dz-populate`/`buildBodyPopulate` are gone** — there is no populate depth
+  limit to fight because the tree carries its own refs and the cms resolves them
+  before the response leaves.
+
 ### Layout primitives (`packages/web/src/layout/`)
 
 Engine-owned responsive layout is code, not content. Four React primitives —
@@ -74,20 +138,48 @@ grid always carries 11 interior column-gaps, so a Grid's minimum width is
 528px floor that overflows phones; organisms declare a tier-scaled gap
 (`{ base: 'md', lg: 'lg' }`, the Hero pattern) instead.
 
+**`TreeRenderer` is the primitives' first consumer.** `web/src/tree/tree-renderer.tsx`
+maps tree nodes onto the primitives directly: a TOP-LEVEL `RowNode` becomes
+`<Container maxWidth={row.container.width}><Grid>…</Grid></Container>` (width
+applies only here, per the container-attrs contract above); a NESTED row (inside
+a column) becomes a bare `<Grid>` — it fills its parent cell, no `Container` of
+its own; each `ColumnNode` becomes `<Column span={…}>` wrapping a
+`[data-press-cell]` div that stacks its children (gap/align read off that
+column's `container` via `container-attrs.ts`). This is the mechanism behind the
+tree's row/column recursion — arbitrary nesting depth costs nothing extra
+because every level is just another `Grid`/`Column` pair. A column's
+`<Column span>` now comes from its own stored `ColumnSpan` (`spanFor(column)` —
+a passthrough); the retired `RowNode.ratio` no longer exists, so `spanFor`
+takes the column, not `(ratio, index)`. `theme.css` and the four primitives
+are untouched — `ColumnSpan` already matches the `Responsive<Span>` the
+`<Column>` primitive consumes, and the `--press-col-span[-md|-lg]` var()
+cascade handles mobile-first inheritance.
+
+**Retired with the ratio→span change:** `RATIO_SPANS` (web,
+`container-attrs.ts`), `setRowRatio`/`RATIO_SLOTS` (cms admin, the old builder
+row-ratio control), and `MAX_ROW_COLUMNS` (shared validator, the old 1–4
+column cap) are all gone; the builder's own `MAX_COLUMNS` is now 12.
+
 **Why two surfaces named `layout`.** (1) DEV-facing — the React primitives above,
-consumed by engine organisms, future page-set-plugin templates, and adopter
-custom blocks. (2) CMS-facing — the `preset-layout` Atomic Design category
-stays declared in `PRESET_LAYERS` and labelled in the admin picker but ships
-ZERO components today. The palette is reserved for future *nested-only* config
-components (pattern: `preset-molecule.nav-item`) that a future organism admits
-via a `component:` field. Layout is NEVER placed by the editor as a top-level
-block — the Strapi 5 constraint "a component cannot contain a `dynamiczone`"
-rules out polymorphic-child nesting inside a component.
+consumed by `TreeRenderer`, engine organisms, future page-set-plugin templates,
+and adopter custom blocks. (2) CMS-facing — the `preset-layout` Atomic Design
+category is no longer reserved-empty: `preset-layout.container/row/column` are
+the composition tree's own node-shape descriptors, pure schema the builder's
+admin form generator (`admin/src/lib/form-model.ts`) reads to build the row/column
+edit forms. `container` is the ONE shared `ContainerAttrs` surface — row and
+column both reference it via a `component:` field, so the "Container" form
+section is defined exactly once and shared by both node types. None of the three
+is ever directly PLACEABLE as a tree block: the builder's "Add node" picker
+excludes the whole category (`NON_PLACEABLE = /^preset-(molecule|config|layout|
+template)$/` in `form-model.ts`) — a row/column is minted structurally (the "Add
+Row" control, or column recursion), never chosen from the palette like a block is.
 
 **Data-attr namespace is distinct from blocks.** Primitives use
 `data-press-layout="<primitive>"`, deliberately not `data-block="preset-*"`.
-Primitives never have a `__component`, never appear in `PageBody`, never flow
-through `BlockRenderer`.
+Primitives are never tree nodes themselves — no `component` uid, no `id`, no
+entry in the generated `PageBody` (`= PressTree`) interfaces; `TreeRenderer`
+instantiates them internally (above) to realize a row/column node's layout, but
+the JSON never names them.
 
 **Breakpoints are TS constants, not CSS vars.** `@media (min-width: var(--x))`
 is unsupported in production browsers, so `BREAKPOINTS` in
@@ -102,11 +194,19 @@ queries are the two sources — `src/layout/breakpoints.test.ts` reads
 source of truth and cross-referencing scales makes future edits fragile. Every
 new var goes through `buildThemeStyle`'s single `:root` injection point.
 
-**Shell is full-width; atoms preserve prose width via a selector.** `main` has
-no `max-width`; a single rule (`main [data-block^="preset-atom."],
-main [data-block^="custom-atom."] { max-width: var(--press-container-prose);
-… }`) restores ~72ch editorial reading width for every preset atom AND every
-custom atom — without touching a single atom `.tsx`. The `prose` token is
+**Shell is full-width; atoms preserve prose width via a selector — scoped to
+`<main>`'s DIRECT children only.** `main` has no `max-width`; a single rule
+(`main > [data-block^="preset-atom."], main > [data-block^="custom-atom."] {
+max-width: var(--press-container-prose); … }`) restores ~72ch editorial reading
+width for every preset atom AND every custom atom placed at the TOP of the tree
+(a body-level block, or the top level of an inherited/custom chrome slot) —
+without touching a single atom `.tsx`. The child combinator (`>`, not a
+descendant selector) is load-bearing post-tree: once composition trees let an
+atom nest inside a row/column, that atom is no longer a `<main>`-direct child
+and correctly inherits its grid cell's width instead of the prose clamp — a
+`50-50` row's paragraph fills half the container, per the ratio's editorial
+intent, rather than being force-clamped to a fixed 72ch that could overflow a
+narrow cell. The `prose` token is
 **rem-anchored** (`42rem` ≈ 72ch at the 16px body size) on purpose: a `ch`
 value resolves against each consuming element's font, which would give a 28px
 heading a ~2× wider "prose" column than a paragraph — the editorial column
@@ -148,17 +248,31 @@ materialized `press-config.ts` / `press.blocks.ts` inside it).
 ### The contract + type-sync loop
 
 1. cms serializes its **runtime view** — the `page` and `site-setting` content-types
-   plus exactly the components admitted into the three engine Dynamic Zones (page
-   `body`, site-setting `header`/`footer`), following nested component references —
-   to `GET /api/press/schema` (`cms/.../lib/serialize-schema.ts`). Reading the live
-   registry means the schema can never disagree with what Strapi actually serves.
+   plus the FULL registered palette (every `preset-*` + `custom-*` component uid)
+   — to `GET /api/press/schema` (`cms/.../lib/serialize-schema.ts`), plus
+   `tree.version` (`PRESS_TREE_VERSION`). There is no Dynamic Zone admission list
+   left to walk: `body`/`pageDefaults` reference components by uid at arbitrary
+   depth via the `plugin::press-cms.builder` custom field, so the palette is
+   exactly "every component the registry knows about that belongs to press".
+   Reading the live registry means the schema can never disagree with what
+   Strapi actually serves.
 2. web's generator (`web/src/generator/generate.ts`) turns that JSON into
-   framework-agnostic TS, written to the adopter's `shared/types/generated.ts`.
-3. The shape — `PressSchema` — is single-sourced in `@ogs-tech/press-shared` and imported
-   **type-only** by both sides. The generator references **no Strapi types** on
-   purpose. `press dev` re-syncs whenever the schema changes (`util/watch-schema.ts`).
-   The ~2s poll is deliberately absent from the cms http log: the plugin drops that
-   one line in development (`lib/quiet-schema-log.ts`) — don't "fix" the silence.
+   framework-agnostic TS, written to the adopter's `shared/types/generated.ts`:
+   every component becomes a plain data-shaped interface — no `__component`
+   discriminator, no `id` (those exist only on tree `Node` wrappers, never on a
+   generated component type); the page-picker relation (`preset-molecule.link`'s
+   `page` field) emits as `PressPageRef` (`{ documentId; slug? }`); media emits as
+   `PressMedia`; and `PageBody = PressTree` (imported type-only from
+   `@ogs-tech/press-web`, which re-exports it from `@ogs-tech/press-shared`). The
+   old `HeaderBlocks`/`FooterBlocks` unions are gone — chrome is just `PressTree`
+   node slots now, not a distinct generated shape.
+3. The wire shapes — `PressSchema` (still type-only) and the `PressTree`/validator
+   types (now a runtime dependency, see the `packages/shared` bullet above) — are
+   single-sourced in `@ogs-tech/press-shared`. The generator references **no
+   Strapi types** on purpose. `press dev` re-syncs whenever the schema changes
+   (`util/watch-schema.ts`). The ~2s poll is deliberately absent from the cms http
+   log: the plugin drops that one line in development (`lib/quiet-schema-log.ts`)
+   — don't "fix" the silence.
 
 ### Component palette — Atomic Design (`{owner}-{layer}.{name}`)
 
@@ -169,74 +283,102 @@ ad-hoc `press.*`/`section.*`/`chrome.*` prefixes are gone — this model replace
 (a wire-breaking rename; fine pre-release). The word "press" survives only as the
 PRODUCT/plugin id (`plugin::press-cms.*`, `/api/press/schema`), never as a category.
 
+The palette is now a **pure schema catalog** — nothing is "admitted" anywhere. There
+is no Dynamic Zone left to gate membership, so a component's uid and its registry
+schema are the entire contract; the tree references components by uid at any depth,
+and the serializer/builder simply discover "every component the registry knows
+about that belongs to press" (`serialize-schema.ts`, `admin/src/lib/form-model.ts`).
+
 - **Preset (engine) — the category IS the atomic LAYER.** Injected into the components
   registry during `register()` (`cms/.../lib/inject-components.ts`), since Strapi only
   scans the *host app's* `src/components`. `PRESET_LAYERS` is the single source of truth
   for the layer set; each entry registers under `preset-${layer}`:
   - `preset-atom.*` — paragraph, heading, list, quote, image, button, separator, spacer.
-  - `preset-molecule.nav-item` — nested inside the navbar; never a DZ member.
-  - `preset-organism.*` — hero, cta (page body) **and** navbar, footer (site chrome):
-    one layer, unified from the old `section.*`/`chrome.*` palettes.
+    Text atoms store **curated PLAIN TEXT**, not a Strapi blocks-editor AST: paragraph's
+    `content` is `text` (a blank line starts a new paragraph — `splitParagraphs` in
+    `web/src/blocks/paragraph.tsx`); list's `content` is `text`, one item per line. The
+    blocks AST left the wire with this refactor — there is no `renderBlocks` anymore.
+  - `preset-molecule.link` — the engine's ONE link concept (`label`/`page`/`url`/`newTab`):
+    an internal page relation (survives renames, resolves to a fresh slug) takes
+    precedence over a raw `url`. Referenced by `preset-atom.button`, `preset-organism.hero`
+    (`cta`), `preset-organism.cta` (`button`), and `preset-organism.navbar` (`items[]` +
+    `cta`) — this is the ONE nesting pattern the retired `nav-item`/`column` molecules used
+    to each solve narrowly; a nav item was exactly a link, so it's gone, replaced by `link`
+    itself. Never placed as a top-level tree block.
+  - `preset-organism.*` — hero, cta (page body) **and** navbar, footer (site chrome): one
+    layer, unified from the old `section.*`/`chrome.*` palettes. The old `columns` organism
+    is RETIRED — its job (2–4 column layouts, closed `ratio`/`gap`/`verticalAlign` enums) is
+    now native tree recursion (`RowNode`/`ColumnNode`, unlimited depth), not a discrete block.
   - `preset-config.*` — seo, theme-colors, theme-radius, cookie-consent, cookie-category:
-    non-block settings referenced by `component:` fields on Site Settings, never a DZ member.
-  - `preset-layout` is RESERVED (labelled, no components yet). The Grid System
-    task shipped the DEV-facing layout primitives under
-    `packages/web/src/layout/` (see "Layout primitives" above); the CMS-facing
-    category stays labelled and empty, seat for a future *nested-only* config
-    component (pattern: `preset-molecule.nav-item`) that a future organism admits
-    via a `component:` field.
+    non-block settings referenced by `component:` fields on Site Settings, never a tree node.
+  - `preset-layout.{container,row,column}` — no longer reserved-empty: pure registry
+    descriptors the builder's admin form generator reads to build the row/column edit forms
+    (see "Layout primitives" above for the full mechanics). Never placed as a tree block
+    either — structural nodes are minted by the builder UI, not chosen from the palette.
   - `preset-template` is RESERVED (labelled, no components yet) — page-set plugins.
-- **Preset PLACEMENT is declared statically, per content-type — NOT by the category.**
-  The category carries the layer; where a preset block may go is listed in each
-  `schema.json`: `preset-atom.*` in all three engine DZs (page `body`, site-setting
-  `header`/`footer`); `preset-organism.hero`/`.cta` in the page `body` only;
-  `preset-organism.navbar`/`.footer` in `header`/`footer` only. This is why organisms
-  span placements (a hero is body-only, a navbar is chrome-only) while sharing one
-  category — placement lives in the schema, not the uid. Because the engine names its
-  OWN blocks, per-block placement never violates the "never name individual blocks" rule
-  (that rule protects the *adopter* extension point below).
-- **Custom (adopter) — the category is the atomic LAYER too; placement is UNIVERSAL.**
+- **Placement is UNIVERSAL for every placeable component — preset and custom alike.**
+  The old per-content-type `schema.json` placement lists (and the preset/custom asymmetry
+  they encoded — "a hero is body-only, a navbar is chrome-only") are gone along with the
+  Dynamic Zones that hosted them. The builder's "Add node" picker (`paletteGroups` in
+  `form-model.ts`) offers the exact SAME full palette to every slot — page body, header,
+  footer — filtered only by one `NON_PLACEABLE` regex (`preset-(molecule|config|layout|
+  template)`; nested-only/settings/descriptor categories are never directly addable,
+  whether preset or custom). The tree has no notion of "where a component belongs" —
+  an editor could technically drop a navbar into the page body; that judgment is now
+  entirely theirs, not a schema-enforced rule.
+- **Custom (adopter) — the category is the atomic LAYER too; discovery, not admission.**
   The adopter drops a component under `src/components/custom-${layer}/` (e.g.
   `custom-organism/`); Strapi derives the `custom-${layer}` category from the folder.
-  Every `custom-*` block (legacy bare `custom.*` still matches, for migration) is
-  admitted into EVERY engine DZ by `admitCustomBlocks` — the editor decides placement in
-  the picker. The engine NEVER names individual adopter blocks; the `custom*` category
-  prefix is the whole extension-point contract. (Deliberate asymmetry: the engine curates
-  its own blocks' placement tightly in `schema.json`; adopter blocks are unrestricted —
-  control differs, the layer axis is shared.)
-- **Navbar/footer hydration:** `preset-organism.navbar` nests `preset-molecule.nav-item[]`
-  + an optional `preset-atom.button` cta; brand (logo + name) is never stored on the
-  block — `mapSiteSettings` hydrates it (and the resolved nav links) from Site Settings
-  identity before rendering (specific to `preset-organism.navbar`/`.footer`). The
-  serializer follows these nested refs; the generator emits nested-only components without
-  `__component` and adds `HeaderBlocks`/`FooterBlocks` unions. `bootstrap()` seeds
-  `header: [preset-organism.navbar]`, `footer: [preset-organism.footer]` exactly once
-  (plugin-store flag) — an editor-emptied zone is respected. The bootstrap navbar is
-  BARE (no items/cta); the CLI's `seed.mjs` fills it with demo navigation (Home,
-  external GitHub, "Get started" CTA) in the same idempotent pass that fills identity.
-- **Picker presentation (admin bundle):** every engine component JSON sets `info.icon`
-  (Strapi's fixed icon enum); the plugin's `./strapi-admin` bundle (`cms/admin/src/index.ts`)
-  exists solely to `registerTrads` the category labels — the picker resolves accordion
-  titles via react-intl with the RAW category string as message id (`preset-atom` →
-  "Atoms", `preset-organism` → "Organisms", `custom-organism` → "Custom organisms", en +
-  pt). `preset-config`/`preset-molecule` never surface in a picker but are labelled for
-  completeness; `preset-layout`/`preset-template` are labelled ahead of their components.
-  Labels are presentation-only; uids never change for display. Adopter `src/admin/app.tsx`
-  translations override the engine's.
+  There is no more `admitCustomBlocks` step — every `custom-*` block (legacy bare
+  `custom.*` still matches, for migration) is discovered straight from the components
+  registry by `isCustomBlockUid` (`inject-components.ts`), used identically by
+  `serialize-schema.ts` and the builder's palette. The engine NEVER names individual
+  adopter blocks; the `custom-*` category prefix is the whole extension-point contract —
+  it no longer carries any placement meaning either, now that placement is universal.
+- **Navbar/footer hydration is now ONE hydration point for the whole tree.**
+  `preset-organism.navbar`'s `items` are `preset-molecule.link[]` (not `nav-item[]`
+  — a nav item was exactly a link); its `cta` is an optional `preset-atom.button`.
+  Brand (logo + name) is never stored on the block — `resolveTree`
+  (`web/src/tree/resolve-slots.ts`) hydrates it, plus every engine link field
+  (`LINK_FIELDS`: navbar `items`/`cta`, `preset-atom.button.link`,
+  `preset-organism.hero.cta`, `preset-organism.cta.button`) via `resolveLink`, for
+  engine blocks WHEREVER they sit in the tree — page body, an inherited default, or
+  page-custom chrome all resolve through the same function; adopter data passes
+  through untouched (custom blocks resolve their own links via `<PressLink>`).
+  `seedSiteSetting` seeds `pageDefaults.header: [preset-organism.navbar]`,
+  `.footer: [preset-organism.footer]` exactly once (plugin-store flag
+  `pageDefaultsSeeded`) as BARE blocks (no items/cta, fresh builder-minted ids) —
+  Strapi can't tell a never-touched slot from an editor-emptied one, so after that
+  one pass the defaults are never rewritten again. The CLI's `seed.mjs` fills real
+  navigation (Home via a `preset-molecule.link` page ref, external GitHub, a
+  "Get started" CTA) in the same idempotent pass that fills identity.
+- **Picker presentation:** every engine component JSON still sets `info.icon` (Strapi's
+  fixed icon enum) and the plugin's `./strapi-admin` bundle (`cms/admin/src/index.ts`)
+  still registers `preset-*`/`custom-*` category labels via `registerTrads` (kept for any
+  native Strapi component picker an adopter's own Dynamic Zone might use). But the
+  composition builder's OWN "Add node" control (`AddControls` in `admin/src/components/
+  tree-editor.tsx`) has its own palette select: an `<optgroup>` per category, grouped by
+  `paletteGroups`, labelled with the RAW category string (no react-intl — this is
+  plugin-owned React, not Strapi's content-manager DZ UI) and excluding the
+  `NON_PLACEABLE` categories from the previous bullet. Labels are presentation-only;
+  uids never change for display. Adopter `src/admin/app.tsx` translations still override
+  the engine's for the legacy-picker path.
 - **Page templates:** the once-shipped "Privacy Policy" bootstrap seed was RETIRED;
   what remains is `lib/seed-page.ts` — a generic, idempotent `seedPage(strapi, opts)`
   primitive (flag-first, slug-collision-respecting, DRAFT-only) that is deliberately
   exported-but-unused, awaiting future page-seeding consumers (Plugin/Legal,
   archetype templates). `bootstrap()` seeds NO page today; the only page an adopter
   starts with is the CLI seed's published `home`.
-- On the web side, `BlockRenderer` merges the engine registries with the adopter map by
-  `__component`: `{ ...atomBlocks, ...organismBlocks, ...components }` — engine
-  `preset-atom.*` atoms (`src/atom-blocks.ts`), engine `preset-organism.*` organisms
-  (`src/organism-blocks.ts`, sections + chrome unified), then the adopter's **explicit**
-  `customBlocks` map (no global registry). Adopter blocks win last, so any
-  `preset-organism.*` is overridable via
-  `components={{ 'preset-organism.hero': MyHero, 'preset-organism.navbar': MyNavbar }}`.
-  An unknown component is skipped with a dev-only warning, never a crash.
+- On the web side, `TreeRenderer` (`web/src/tree/tree-renderer.tsx`) merges the engine
+  registries with the adopter map by `component` uid: `{ ...atomBlocks, ...organismBlocks,
+  ...components }` — engine `preset-atom.*` atoms (`src/atom-blocks.ts`), engine
+  `preset-organism.*` organisms (`src/organism-blocks.ts`, sections + chrome unified),
+  then the adopter's **explicit** `customBlocks` map (no global registry). Adopter blocks
+  win last, so any `preset-organism.*` is overridable via
+  `components={{ 'preset-organism.hero': MyHero, 'preset-organism.navbar': MyNavbar }}` —
+  this override contract is UNCHANGED from the old `BlockRenderer` (now `TreeRenderer`;
+  the DZ mechanism it replaced is gone, but the merge order and the override prop shape
+  are the same). An unknown component is skipped with a dev-only warning, never a crash.
 
 ### Build-time anchors vs. runtime Site Settings
 
@@ -247,12 +389,27 @@ This split is recent and easy to get wrong:
   and `theme.fonts` (which `next/font` must know at build time). The engine **reads**
   this file but **never rewrites** it. A destructive `ThemeName` change fails `tsc`
   right at the `defineConfig` call site.
-- **Identity, SEO, theme color/radius VALUES, and the block-composed `header`/`footer`
-  chrome** live in the CMS **"Site Settings"** single type — edited in the admin,
-  fetched at runtime by `getSiteConfig` (ISR ~60s), no redeploy. Any failure (CMS down,
-  malformed body) maps as if the record were *empty* → the site renders
-  unbranded/default-themed rather than crashing. There is **no `press.config` fallback
-  for identity** by design.
+- **Identity, SEO, theme color/radius VALUES, and the two `pageDefaults` composition-tree
+  slots (header/footer)** live in the CMS **"Site Settings"** single type — edited in the
+  admin's "Composition" field (the same `plugin::press-cms.builder` custom field as page
+  `body`, in `slots` mode: a bare `{ header: Node[]; footer: Node[] }` pair), fetched at
+  runtime by `getSiteConfig` (ISR ~60s), no redeploy. Any failure (CMS down, malformed
+  record) maps as if the record were *empty* → the site renders unbranded/default-themed
+  AND chrome-less rather than crashing. There is **no `press.config` fallback for
+  identity** by design.
+  - **Inheritance semantics:** a page's `header`/`footer` is a `Slot` — `inherit | none |
+    custom`. `inherit` resolves against Site Settings `pageDefaults` at render time
+    (`resolveTree`), so editing the site default updates every inheriting page on the next
+    ISR cycle, no redeploy; `none` renders a bare page; `custom` is page-owned chrome that
+    never reads `pageDefaults`. Strapi can't distinguish a never-touched slot from an
+    editor-emptied one (both read back `[]`), so `seedSiteSetting` seeds `pageDefaults`
+    exactly once (plugin-store flag `pageDefaultsSeeded`) and never rewrites it again — an
+    editor-emptied default is respected forever.
+  - `ResolvedPressConfig`'s old `chrome` key is now `pageDefaults: { header: Node[];
+    footer: Node[] }` — RAW, unhydrated nodes; `map-site-settings.ts` only structurally
+    validates each slot (`validateNodeArray`, fail-to-empty on invalid nodes). Engine-block
+    hydration (brand injection, link resolution) happens at exactly ONE point, `resolveTree`
+    (`web/src/tree/resolve-slots.ts`), never in the mapper.
 - Routing reads only the build-time anchor, so the `/home → /` redirect stays
   deterministic and CMS-independent.
 
@@ -294,11 +451,22 @@ This split is recent and easy to get wrong:
   contradicting the live default — while text stays empty ("no defaults
   duplicated in the CMS"). It does NOT set its flag when the Site Settings
   record is missing, so a broken bootstrap order self-heals next boot.
+- **React version + admin bundle (load-bearing):** the whole monorepo is pinned
+  to **React 19** via a root `pnpm.overrides` (`react`/`react-dom` = Strapi 5's
+  `19.2.7`) so the Next host, the engine packages, and Strapi's admin all share
+  ONE React. A React-18/19 split previously caused a duplicate-React admin crash
+  ("Cannot read properties of null (reading 'useState')"). The cms plugin ALSO
+  declares `react`/`react-dom` as **peerDependencies** so `@strapi/sdk-plugin`'s
+  build EXTERNALIZES them (its vite config externalizes only the plugin's
+  `dependencies`+`peerDependencies`) — otherwise the builder custom field bundles
+  its own React copy and crashes the admin with a null hooks dispatcher. A guard
+  test (`cms/server/src/lib/admin-react-externals.test.ts`) pins this, since
+  build/test/typecheck all pass while only the browser catches it.
 - **Testing note:** the banner's interactive tests (`// @vitest-environment
-  jsdom`) use a hand-rolled `act()`+`createRoot` harness, deliberately NOT
-  `@testing-library/react` — the workspace's `node-linker=hoisted` layout
-  (required by Strapi 5) materializes only Strapi-admin's react-19 RTL variant
-  at the root, which cannot render this package's react-18 elements.
+  jsdom`) use a hand-rolled `act()`+`createRoot` harness rather than
+  `@testing-library/react` — a lightweight, zero-extra-dep choice (it also
+  predates the React-19 unification above, which retired the earlier
+  react-18/react-19 rendering split).
 
 ### Canonical identity (URNs)
 
@@ -319,12 +487,17 @@ This split is recent and easy to get wrong:
   palette REGISTRATION (`preset-atom.image`, `preset-organism.hero`,
   `preset-organism.navbar`, adopter `custom-*`). No object implements
   `Canonical<'component'>` — the atom/organism-block registries ARE the canonical
-  base; today's one consumer is `BlockRenderer`'s "no component registered" dev
-  warning. (3) COMPUTED: `blockKey` formats `Urn<string>` with `__component` as the
-  entity segment (`urn:preset-atom.image:5`) — a per-instance key, never stored: DZ block ids
-  are ephemeral (unique only per component table), so block INSTANCES stay OUT of
-  `Entity`. Extending `Entity` is additive; widening a call site to plain
-  `string` is not allowed.
+  base; today's one consumer is `TreeRenderer`'s "no component registered" dev
+  warning (the `BlockRenderer`-era consumer of the same warning, renamed with the
+  composition-builder refactor). (3) COMPUTED — **retired, not replaced 1:1**: the
+  old `blockKey` formatted `Urn<string>` with `__component` as the entity segment
+  (`urn:preset-atom.image:5`), keying off ephemeral DZ block ids. Tree `BlockNode`s
+  carry their own builder-minted `id` (`crypto.randomUUID`, see "Composition trees"
+  above) instead — `TreeRenderer` uses that `id` directly as the React key
+  (`<BlockView key={node.id} .../>`), and it stays OUT of `Entity` the same way
+  `blockKey` did: a tree node id is a React-key/builder-op address, never a
+  durable, render-independent identity. Extending `Entity` is additive; widening a
+  call site to plain `string` is not allowed.
 
 ### Versioning + upgrade
 
diff --git a/apps/playground/package.json b/apps/playground/package.json
index 586032c..bc50c1d 100644
--- a/apps/playground/package.json
+++ b/apps/playground/package.json
@@ -11,8 +11,8 @@
     "@ogs-tech/press-web": "workspace:*",
     "playground-shared": "workspace:*",
     "next": "^15.1.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7"
   },
   "devDependencies": {
     "@types/node": "^20",
diff --git a/apps/playground/packages/cms/package.json b/apps/playground/packages/cms/package.json
index 933d309..1612aa7 100644
--- a/apps/playground/packages/cms/package.json
+++ b/apps/playground/packages/cms/package.json
@@ -31,6 +31,6 @@
     "npm": ">=6.0.0"
   },
   "strapi": {
-    "uuid": "3df03067-2b3d-45b9-a1e5-f942710a84a4"
+    "uuid": "7ba16ad3-2cbf-435b-b45c-8b08303b1b06"
   }
 }
diff --git a/apps/playground/packages/cms/scripts/seed-content.mjs b/apps/playground/packages/cms/scripts/seed-content.mjs
new file mode 100644
index 0000000..67ea99c
--- /dev/null
+++ b/apps/playground/packages/cms/scripts/seed-content.mjs
@@ -0,0 +1,90 @@
+// cms/scripts/seed-content.mjs — the demo content as PURE DATA, importable by
+// both seed.mjs (to write it) and the engine's CLI test suite (to validate the
+// tree shape against the shared validator — the seed-regression guard).
+// Plain-text content throughout (curated `content: text` decision 2026-07-20).
+import { randomUUID } from 'node:crypto';
+
+export const REPO_URL = 'https://github.com/ogs-tech/press';
+export const PRESS_SITE_URL = 'https://useogs.com/press';
+export const NPM_CREATE_URL = 'https://www.npmjs.com/package/@ogs-tech/create-press';
+
+export const SITE_SETTINGS = {
+  name: 'Press',
+  url: 'http://localhost:3000',
+  locale: 'en',
+  seo: {
+    titleTemplate: '%s · Press',
+    title: 'Press',
+    description: 'A press-powered site, server-rendered end-to-end.',
+  },
+  themeColors: {
+    primary: '#119350',
+    accent: '#D9A12C',
+    secondary: '#3D5CC2',
+    ink: '#142036',
+    surface: '#FAF8F3',
+    muted: '#7A7E89',
+    danger: '#C0392B',
+    onPrimary: '#FFFFFF',
+    border: 'rgba(20,32,54,0.12)',
+  },
+  themeRadius: { xs: '6px', sm: '10px', md: '14px', lg: '20px' },
+};
+
+const block = (component, data = {}) => ({ id: randomUUID(), type: 'block', component, data });
+const column = (span, children, container) => ({ id: randomUUID(), type: 'column', span, children, ...(container ? { container } : {}) });
+const row = (children, container) => ({ id: randomUUID(), type: 'row', children, ...(container ? { container } : {}) });
+
+/**
+ * The demo home as a PressTree (Spec §4 seeds): a deliberately SIMPLE showcase of
+ * the two things worth demonstrating up front — the COMPONENTS you place (a few
+ * blocks + a note on the wider palette) and the GRID LAYOUT (a 50-50 row split
+ * into columns, with a component in each cell; the image component also carries
+ * the media-crosses-REST proof via its `image` assetId). No hero, no deep
+ * nesting — the rest of the palette is composed in the admin builder, not
+ * pre-seeded. Chrome inherits pageDefaults.
+ */
+export const buildHomeBody = ({ imageAssetId }) => ({
+  version: 2,
+  root: {
+    type: 'layout',
+    header: { mode: 'inherit' },
+    footer: { mode: 'inherit' },
+    children: [
+      block('preset-atom.heading', { text: 'Components', level: '2' }),
+      block('preset-atom.paragraph', {
+        content: 'Components are the blocks you place in the tree. They render as static HTML with no client hydration.',
+      }),
+      block('preset-atom.list', {
+        format: 'unordered',
+        content: ['Atoms — heading, paragraph, list, quote, image, button', 'Organisms — hero, cta and site chrome', 'Your own custom-* blocks, anywhere in the tree'].join('\n'),
+      }),
+      block('preset-atom.heading', { text: 'Grid layout', level: '2' }),
+      // Grid layout: two columns, stacked on phones (base 12) and 50/50 on desktop (md 6).
+      row([
+        column({ base: 12, md: 6 }, [block('preset-atom.image', { image: { assetId: imageAssetId }, caption: 'An image component inside a column' })]),
+        column({ base: 12, md: 6 }, [block('preset-atom.paragraph', {
+          content: 'Rows and columns are the grid layout. Here an image fills the left column and this paragraph the right — a 12/6 span split. Compose the rest in the builder.',
+        })]),
+      ]),
+    ],
+  },
+});
+
+/**
+ * Demo navigation for Site Settings pageDefaults: the Home item is a PAGE REF
+ * ({ documentId }) — exercising the reference-hydration path end-to-end — plus
+ * an external link and a CTA button. The footer keeps the bare seeded node.
+ */
+export const buildPageDefaults = ({ homeDocumentId }) => ({
+  header: [
+    block('preset-organism.navbar', {
+      items: [
+        { label: 'Home', page: { documentId: homeDocumentId } },
+        { label: 'GitHub', url: REPO_URL, newTab: true },
+      ],
+      cta: { link: { label: 'Get started', url: NPM_CREATE_URL }, variant: 'primary' },
+    }),
+  ],
+  footer: [block('preset-organism.footer', {})],
+});
diff --git a/apps/playground/packages/cms/scripts/seed.mjs b/apps/playground/packages/cms/scripts/seed.mjs
index e4d1694..0d760b8 100644
--- a/apps/playground/packages/cms/scripts/seed.mjs
+++ b/apps/playground/packages/cms/scripts/seed.mjs
@@ -1,19 +1,17 @@
 // cms/scripts/seed.mjs — One-shot sample content for the cms host. Boots it
 // programmatically (CMS server must be STOPPED), fills the Site Settings single
 // type (identity/SEO + theme + a demo navbar with links and CTA), uploads one
-// tiny PNG (the hero cover — the media-crosses-REST proof), and creates a
-// PUBLISHED 'home' page that opens with the engine's layout-system organisms
-// (preset-organism.hero 2-col responsive grid, closing preset-organism.cta
-// banner) around a ~72ch prose atom sequence (heading, paragraph, list, quote,
-// separator, button, spacer) plus the adopter's custom-organism.callout, so the
-// first `press dev` renders a branded, themed, fully-navigable site. Every CTA
-// label on the page is distinct on purpose — demo content must not read as
-// copy-paste repetition.
+// tiny PNG (the image-atom cover — the media-crosses-REST proof), and creates a
+// PUBLISHED 'home' page kept deliberately SIMPLE (a few components + one 50-50
+// grid-layout row — see buildHomeBody), so the first `press dev` renders a
+// branded, themed, navigable site whose body demonstrates components and the
+// grid layout without being a pre-filled kitchen sink.
 // Skip-if-empty: seeds only a fresh CMS — existing content is never overwritten
 // (delete cms/.tmp to reset).
 import { createRequire } from 'node:module';
 import { mkdirSync, writeFileSync } from 'node:fs';
 import path from 'node:path';
+import { buildHomeBody, buildPageDefaults, SITE_SETTINGS } from './seed-content.mjs';
 
 // Load Strapi through the CommonJS resolver: its `.mjs` build does bare directory
 // imports (e.g. `lodash/fp`) that Node's native ESM loader rejects, whereas the CJS
@@ -27,100 +25,18 @@ const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
 const SLUG = 'home';
 
 // A visible 480×270 (16:9) placeholder cover — brand primary over accent — so
-// the hero's media field renders a real image rather than a degenerate 1×1
-// transparent pixel (and proves an uploaded media crosses the REST contract).
+// the image atom renders a real image rather than a degenerate 1×1 transparent
+// pixel (and proves an uploaded media crosses the REST contract).
 const PNG = Buffer.from(
   'iVBORw0KGgoAAAANSUhEUgAAAeAAAAEOCAIAAADe+FMwAAAC+ElEQVR42u3UQQ0AIAwAsVnAB2LwhoLJws0s8NySJlVwj4t1DwANhQQABg2AQQMYNAAGDWDQABg0AAYNYNAAGDSAQQNg0AAYNIBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0AAYNYNAAGDSAQQNg0AAGDYBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0gEGrAGDQABg0gEEDYNAABg2AQQNg0AAGDYBBAxg0AAYNgEEDGDQABg1g0AAYNIBBA2DQABg0gEEDYNAABg2AQQNg0AAGDYBBAxg0AAYNYNAAGDQABg1g0AAYNIBBA2DQABg0gEEDYNAABg2AQQMYtAoABg2AQQMYNAAGDWDQABg0AAYNYNAAGDSAQQNg0AAYNIBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0AAYNYNAAGDSAQQNg0AAGDYBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0gEEDYNAAGDSAQQNg0AAGDYBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0gEEDYNAAGDSAQQNg0AAGDYBBA2DQAAYNgEEDGDQABg1g0AAYNAAGDWDQABg0gEEDYNAAGDSAQQNg0AAGDYBBAxg0AAYNwO+gX24AGjJoAIMGwKABDBoAgwYwaAAMGgCDBjBoAAwawKABMGgADBrAoAEwaACDBsCgAQwaAIMGwKABDBoAgwYwaAAMGgCDBjBoAAwawKABMGgAgwbAoAEwaACDBsCgAQwaAIMGwKABDBoAgwYwaAAMGsCgJQAwaAAMGsCgATBoAIMGwKABMGgAgwbAoAEMGgCDBsCgAQwaAIMGMGgADBrAoAEwaAAMGsCgATBoAIMGwKABMGgAgwbAoAEMGgCDBjBoAAwaAIMGMGgADBrAoAEwaAAMGsCgATBoAIMGwKABDFoFAIMGwKABDBoAgwYwaAAMGgCDBjBoAAwawKABMGgADBrAoAEwaACDBsCgAQwaAIMGwKABJiqe+vFZK33AgwAAAABJRU5ErkJggg==',
   'base64',
 );
 
-// Demo Site Settings. Theme values MIRROR the engine's DEFAULT_THEME
-// (packages/web/src/config/default-theme.ts) so the seeded look matches the
-// runtime fallback exactly — once written, this CMS record is the source of truth
-// and DEFAULT_THEME only acts as the CMS-down floor. Edit freely in the admin.
-const REPO_URL = 'https://github.com/ogs-tech/press';
-// The cta banner's conversion link: the press page on the OGS site. Not live
-// until the site launches — the path is the launch-day contract (adjust here
-// if the final route differs). The other buttons keep their own semantics:
-// starring and reading the docs live on the repo, "Get started" opens the
-// published create-press package (the actual scaffold quickstart).
-const PRESS_SITE_URL = 'https://useogs.com/press';
-const NPM_CREATE_URL = 'https://www.npmjs.com/package/@ogs-tech/create-press';
-
-const SITE_SETTINGS = {
-  name: 'Press',
-  url: 'http://localhost:3000',
-  locale: 'en',
-  seo: {
-    titleTemplate: '%s · Press',
-    title: 'Press',
-    description: 'A press-powered site, server-rendered end-to-end.',
-  },
-  themeColors: {
-    primary: '#119350',
-    accent: '#D9A12C',
-    secondary: '#3D5CC2',
-    ink: '#142036',
-    surface: '#FAF8F3',
-    muted: '#7A7E89',
-    danger: '#C0392B',
-    onPrimary: '#FFFFFF',
-    border: 'rgba(20,32,54,0.12)',
-  },
-  themeRadius: { xs: '6px', sm: '10px', md: '14px', lg: '20px' },
-};
-
 async function main() {
   const appContext = await compileStrapi();
   const app = await createStrapi(appContext).load();
 
   try {
-    // Site Settings (single type): the engine's bootstrap already seeded an EMPTY
-    // record (Strapi runs plugin bootstrap during app.load()), so fill THAT record
-    // once with demo identity/SEO + theme + a demo navbar. Runs before the page
-    // skip below so it is never gated by existing pages. Idempotent: skip once an
-    // editor set a name, so their values are never clobbered (reset by deleting
-    // cms/.tmp).
-    //
-    // The navbar the bootstrap seeded is BARE (no items, no cta) — without links
-    // the MobileNav hamburger doesn't even render, so the demo fills it. Items
-    // are url-based ('/' resolves through the same homeSlug anchor as the
-    // /home → / redirect); the page-RELATION path stays an admin-editing demo —
-    // the engine seeds no page besides 'home' to point one at.
-    const settings = await app.documents(SITE_SETTING_UID).findFirst();
-    if (settings?.name) {
-      console.log('[seed] site settings already filled — skipping.');
-    } else {
-      const header = [
-        {
-          __component: 'preset-organism.navbar',
-          items: [
-            { label: 'Home', url: '/' },
-            { label: 'GitHub', url: REPO_URL, newTab: true },
-          ],
-          cta: { label: 'Get started', href: NPM_CREATE_URL, variant: 'primary' },
-        },
-      ];
-      if (settings) {
-        await app
-          .documents(SITE_SETTING_UID)
-          .update({ documentId: settings.documentId, data: { ...SITE_SETTINGS, header } });
-        console.log('[seed] site settings filled (empty record updated, navbar links seeded).');
-      } else {
-        await app.documents(SITE_SETTING_UID).create({ data: { ...SITE_SETTINGS, header } });
-        console.log('[seed] site settings created (navbar links seeded).');
-      }
-    }
-
-    // Skip-if-empty: only seed a fresh CMS. Once any published page exists (the
-    // first boot's sample, or the adopter's own content), leave it untouched so
-    // `press dev` never discards their work. Reset by deleting cms/.tmp (the DB).
-    const existing = await app.documents(PAGE_UID).findMany({ status: 'published' });
-    if (existing.length > 0) {
-      console.log(`[seed] ${existing.length} published page(s) exist — skipping seed (delete cms/.tmp to reset).`);
-      return;
-    }
-
     const tmpDir = path.join(process.cwd(), '.tmp');
     mkdirSync(tmpDir, { recursive: true });
 
@@ -135,116 +51,45 @@ async function main() {
       });
       return uploaded[0].id;
     };
-    const heroImageId = await uploadImage('press-hero.png');
-    console.log(`[seed] uploaded hero image id=${heroImageId}`);
 
-    // Create the published "Hello from press" home as a layout-system showcase:
-    // it OPENS with preset-organism.hero (the engine's responsive 2-col grid —
-    // text 7 / image 5 on md+, stacked below; its media field is the single
-    // image on the page) and CLOSES with a centered preset-organism.cta banner,
-    // wrapping a ~72ch prose atom sequence — heading/paragraph/list/quote plus
-    // structural separator/button/spacer — and the adopter's
-    // custom-organism.callout. One image, one link target per block, three
-    // DISTINCT CTA labels: demo content stays deduplicated by design.
-    const page = await app.documents(PAGE_UID).create({
-      data: {
-        title: 'Hello from press',
-        slug: SLUG,
-        body: [
-          {
-            __component: 'preset-organism.hero',
-            eyebrow: 'Press engine',
-            title: 'Hello from press',
-            subtitle: 'A press-powered site, server-rendered end-to-end.',
-            image: heroImageId,
-            ctaLabel: 'Read the docs',
-            ctaHref: REPO_URL,
-            align: 'left',
-          },
-          { __component: 'preset-atom.heading', text: 'What ships in the box', level: '2' },
-          {
-            __component: 'preset-atom.paragraph',
-            content: [
-              {
-                type: 'paragraph',
-                children: [
-                  { type: 'text', text: 'This prose lives in the CMS and renders as ' },
-                  { type: 'text', text: 'static HTML', bold: true },
-                  { type: 'text', text: ' — no client hydration.' },
-                ],
-              },
-            ],
-          },
-          {
-            __component: 'preset-atom.list',
-            content: [
-              {
-                type: 'list',
-                format: 'unordered',
-                children: [
-                  {
-                    type: 'list-item',
-                    children: [
-                      { type: 'text', text: 'Atomic text blocks', bold: true },
-                      { type: 'text', text: ' — paragraph, heading, list and quote.' },
-                    ],
-                  },
-                  {
-                    type: 'list-item',
-                    children: [
-                      { type: 'text', text: 'Media & structure', bold: true },
-                      { type: 'text', text: ' — image, button, separator and spacer.' },
-                    ],
-                  },
-                  {
-                    type: 'list-item',
-                    children: [
-                      { type: 'text', text: 'Layout organisms', bold: true },
-                      { type: 'text', text: ' — hero and call-to-action banners composed on the engine’s 12-column grid.' },
-                    ],
-                  },
-                  {
-                    type: 'list-item',
-                    children: [
-                      { type: 'text', text: 'Your own ' },
-                      { type: 'text', text: 'custom-*', code: true },
-                      { type: 'text', text: ' blocks, admitted automatically into the page.' },
-                    ],
-                  },
-                ],
-              },
-            ],
-          },
-          {
-            __component: 'preset-atom.quote',
-            content: [
-              { type: 'paragraph', children: [{ type: 'text', text: 'The contract is HTML on the server.' }] },
-            ],
-            citation: 'The press engine',
-          },
-          { __component: 'preset-atom.separator', variant: 'line' },
-          { __component: 'preset-atom.button', label: 'Star on GitHub', href: REPO_URL, variant: 'secondary' },
-          // md, not lg: the cta banner below already carries its own section
-          // margin — a lg spacer stacked on it read as a ~120px dead zone.
-          { __component: 'preset-atom.spacer', size: 'md' },
-          {
-            __component: 'preset-organism.cta',
-            title: 'Ready to press publish?',
-            subtitle: 'Scaffold a site, open the admin, and ship your first page in minutes.',
-            buttonLabel: 'Scaffold your site',
-            buttonHref: PRESS_SITE_URL,
-            align: 'center',
-          },
-          {
-            __component: 'custom-organism.callout',
-            message: 'Adopter callout renders via the Project-zone block map',
-            variant: 'success',
-          },
-        ],
-      },
-      status: 'published',
-    });
-    console.log(`[seed] created published page documentId=${page.documentId} slug=${SLUG}`);
+    // 1. The published home page (skip-if-any-published-page-exists, unchanged rule).
+    // Created FIRST (order inverted vs the old header-then-page flow) so its
+    // documentId exists for pageDefaults' navbar Home item below.
+    let homeDocumentId;
+    const existing = await app.documents(PAGE_UID).findMany({ status: 'published' });
+    if (existing.length > 0) {
+      console.log(`[seed] ${existing.length} published page(s) exist — skipping page seed (delete cms/.tmp to reset).`);
+      homeDocumentId = existing.find((p) => p.slug === SLUG)?.documentId;
+    } else {
+      const coverImageId = await uploadImage('press-cover.png');
+      console.log(`[seed] uploaded cover image id=${coverImageId}`);
+      const page = await app.documents(PAGE_UID).create({
+        data: { title: 'Hello from press', slug: SLUG, body: buildHomeBody({ imageAssetId: coverImageId }) },
+        status: 'published',
+      });
+      homeDocumentId = page.documentId;
+      console.log(`[seed] created published page documentId=${page.documentId} slug=${SLUG}`);
+    }
+
+    // 2. Site Settings: identity + theme + demo pageDefaults (idempotent: skip once named).
+    // The engine's bootstrap already seeded an EMPTY record (Strapi runs plugin
+    // bootstrap during app.load()), so fill THAT record once. Idempotent: skip
+    // once an editor set a name, so their values are never clobbered (reset by
+    // deleting cms/.tmp).
+    const settings = await app.documents(SITE_SETTING_UID).findFirst();
+    if (settings?.name) {
+      console.log('[seed] site settings already filled — skipping.');
+    } else {
+      const data = { ...SITE_SETTINGS };
+      if (homeDocumentId) data.pageDefaults = buildPageDefaults({ homeDocumentId });
+      if (settings) {
+        await app.documents(SITE_SETTING_UID).update({ documentId: settings.documentId, data });
+        console.log('[seed] site settings filled (pageDefaults navigation seeded).');
+      } else {
+        await app.documents(SITE_SETTING_UID).create({ data });
+        console.log('[seed] site settings created (pageDefaults navigation seeded).');
+      }
+    }
   } finally {
     // Content is committed by here. better-sqlite3's tarn pool can throw a benign
     // "aborted" as it drains during app.destroy() (e.g. background image processing
diff --git a/apps/playground/packages/shared/types/generated.ts b/apps/playground/packages/shared/types/generated.ts
index 085b1f0..2da1a8a 100644
--- a/apps/playground/packages/shared/types/generated.ts
+++ b/apps/playground/packages/shared/types/generated.ts
@@ -1,6 +1,8 @@
 // AUTO-GENERATED by @ogs-tech/press-web sync-types — DO NOT EDIT.
 // Regenerate with: pnpm --filter @ogs-tech/press-web sync-types
 
+import type { PressTree } from '@ogs-tech/press-web';
+
 export interface PressMedia {
   url: string;
   width?: number;
@@ -10,113 +12,148 @@ export interface PressMedia {
   mime?: string;
 }
 
+export interface PressPageRef {
+  documentId: string;
+  slug?: string;
+}
+
+export interface CustomOrganismCallout {
+  message: string;
+  variant?: 'info' | 'warning' | 'success';
+}
+
 export interface PresetAtomParagraph {
-  __component: 'preset-atom.paragraph';
-  id: number;
-  content: unknown;
+  content: string;
 }
 
 export interface PresetAtomHeading {
-  __component: 'preset-atom.heading';
-  id: number;
   text: string;
   level: '1' | '2' | '3' | '4' | '5' | '6';
 }
 
 export interface PresetAtomList {
-  __component: 'preset-atom.list';
-  id: number;
-  content: unknown;
+  content: string;
+  format?: 'unordered' | 'ordered';
 }
 
 export interface PresetAtomQuote {
-  __component: 'preset-atom.quote';
-  id: number;
-  content: unknown;
+  content: string;
   citation?: string;
 }
 
 export interface PresetAtomImage {
-  __component: 'preset-atom.image';
-  id: number;
   image: PressMedia;
   caption?: string;
 }
 
 export interface PresetAtomButton {
-  __component: 'preset-atom.button';
-  id: number;
-  label: string;
-  href: string;
-  variant: 'primary' | 'secondary';
+  link?: PresetMoleculeLink;
+  variant?: 'primary' | 'secondary';
 }
 
 export interface PresetAtomSeparator {
-  __component: 'preset-atom.separator';
-  id: number;
   variant: 'line' | 'dots';
 }
 
 export interface PresetAtomSpacer {
-  __component: 'preset-atom.spacer';
-  id: number;
   size: 'sm' | 'md' | 'lg' | 'xl';
 }
 
+export interface PresetMoleculeLink {
+  label?: string;
+  page?: PressPageRef;
+  url?: string;
+  newTab?: boolean;
+}
+
 export interface PresetOrganismHero {
-  __component: 'preset-organism.hero';
-  id: number;
   eyebrow?: string;
   title: string;
   subtitle?: string;
   image?: PressMedia;
-  ctaLabel?: string;
-  ctaHref?: string;
+  cta?: PresetMoleculeLink;
   align?: 'left' | 'center';
 }
 
 export interface PresetOrganismCta {
-  __component: 'preset-organism.cta';
-  id: number;
   title: string;
   subtitle?: string;
-  buttonLabel: string;
-  buttonHref: string;
+  button?: PresetMoleculeLink;
   align?: 'left' | 'center';
 }
 
-export interface CustomOrganismCallout {
-  __component: 'custom-organism.callout';
-  id: number;
-  message: string;
-  variant?: 'info' | 'warning' | 'success';
-}
-
 export interface PresetOrganismNavbar {
-  __component: 'preset-organism.navbar';
-  id: number;
-  items?: PresetMoleculeNavItem[];
+  items?: PresetMoleculeLink[];
   cta?: PresetAtomButton;
 }
 
 export interface PresetOrganismFooter {
-  __component: 'preset-organism.footer';
-  id: number;
   text?: string;
 }
 
-export interface PresetMoleculeNavItem {
-  id: number;
-  label: string;
-  url?: string;
-  newTab?: boolean;
+export interface PresetLayoutContainer {
+  width?: 'prose' | 'lg' | 'full';
+  gap?: 'compact' | 'normal' | 'spacious';
+  verticalAlign?: 'top' | 'center' | 'bottom';
 }
 
-export type PageBody = (PresetAtomParagraph | PresetAtomHeading | PresetAtomList | PresetAtomQuote | PresetAtomImage | PresetAtomButton | PresetAtomSeparator | PresetAtomSpacer | PresetOrganismHero | PresetOrganismCta | CustomOrganismCallout)[];
+export interface PresetLayoutRow {
+  container?: PresetLayoutContainer;
+}
+
+export interface PresetLayoutColumn {
+  container?: PresetLayoutContainer;
+}
 
-export type HeaderBlocks = (PresetOrganismNavbar | PresetOrganismFooter | PresetAtomParagraph | PresetAtomHeading | PresetAtomList | PresetAtomQuote | PresetAtomImage | PresetAtomButton | PresetAtomSeparator | PresetAtomSpacer | CustomOrganismCallout)[];
+export interface PresetConfigSeo {
+  titleTemplate?: string;
+  title?: string;
+  description?: string;
+  image?: PressMedia;
+}
 
-export type FooterBlocks = (PresetOrganismNavbar | PresetOrganismFooter | PresetAtomParagraph | PresetAtomHeading | PresetAtomList | PresetAtomQuote | PresetAtomImage | PresetAtomButton | PresetAtomSeparator | PresetAtomSpacer | CustomOrganismCallout)[];
+export interface PresetConfigThemeColors {
+  primary?: string;
+  accent?: string;
+  secondary?: string;
+  ink?: string;
+  surface?: string;
+  muted?: string;
+  danger?: string;
+  onPrimary?: string;
+  border?: string;
+}
+
+export interface PresetConfigThemeRadius {
+  xs?: string;
+  sm?: string;
+  md?: string;
+  lg?: string;
+}
+
+export interface PresetConfigCookieCategory {
+  enabled?: boolean;
+  label?: string;
+  description?: string;
+}
+
+export interface PresetConfigCookieConsent {
+  enabled?: boolean;
+  title?: string;
+  description?: string;
+  acceptAllLabel?: string;
+  rejectAllLabel?: string;
+  manageLabel?: string;
+  saveLabel?: string;
+  privacyLinkLabel?: string;
+  privacyPage?: PressPageRef;
+  necessary?: PresetConfigCookieCategory;
+  analytics?: PresetConfigCookieCategory;
+  marketing?: PresetConfigCookieCategory;
+}
+
+/** The page body IS the composition tree (composition-builder spec §5). */
+export type PageBody = PressTree;
 
 export interface Page {
   id: number;
diff --git a/docs/superpowers/plans/2026-07-20-composition-builder.md b/docs/superpowers/plans/2026-07-20-composition-builder.md
new file mode 100644
index 0000000..f8ea6cd
--- /dev/null
+++ b/docs/superpowers/plans/2026-07-20-composition-builder.md
@@ -0,0 +1,5020 @@
+# Composition Builder Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Replace the dynamic-zone composition mechanism engine-wide with a JSON `PressTree` stored in a custom page-builder field — per-page layout root (header/footer/children), rows with columns, full recursion, adopter blocks anywhere.
+
+**Architecture:** `@ogs-tech/press-shared` grows the tree contract + a runtime validator (pure TS) consumed by both sides. `press-cms` swaps `page.body` to a JSON custom field, adds `site-setting.pageDefaults`, keeps components as a pure schema catalog, hydrates media/page refs server-side, and ships a structural tree-editor custom field in the admin. `press-web` replaces `BlockRenderer` with a `TreeRenderer` that maps curated container attrs onto the existing layout primitives.
+
+**Tech Stack:** Strapi 5 plugin (custom field, db lifecycles), Next.js 15 App Router (RSC), React 18, vitest, pure-TS validator (zero deps).
+
+**Spec:** `docs/superpowers/specs/2026-07-20-composition-builder-design.md`
+
+## Decisions locked after spec approval (user-confirmed 2026-07-20)
+
+These refine the spec and are binding for every task below:
+
+1. **Curated plain-text content.** The text atoms' `content` attribute becomes Strapi
+   `type: "text"` (a plain string). Interpretation is plain text: a blank line
+   separates paragraphs (paragraph/quote); each non-empty line is one item (list).
+   No inline formatting in v1. The Strapi `blocks` AST leaves the wire entirely:
+   `renderBlocks` / `blocks-content.tsx` and the `BlocksContent`/`BlocksNode`/`BlocksText`
+   types are deleted.
+2. **Link is a first-class shared descriptor.** New `preset-molecule.link`
+   (`label` / `page` relation / `url` / `newTab`). Every linking block references it via a
+   `component:` field: `preset-atom.button` (`href`→`link`), `preset-organism.hero`
+   (`ctaLabel`/`ctaHref`→`cta`), `preset-organism.cta` (`buttonLabel`/`buttonHref`→`button`),
+   `preset-organism.navbar` (`items` become `link[]`). `preset-molecule.nav-item` is
+   DELETED — it was exactly a link. The builder renders a published-pages dropdown for the
+   `page` relation and stores `{ documentId }`; the cms hydrates `slug` server-side (the
+   `{ assetId }` media pattern); the web gets one `resolveLink` + `<PressLink>` resolver.
+3. **`@ogs-tech/press-shared` becomes a PUBLISHED package.** It is `private: true` today
+   and consumed type-only. The runtime validator makes it a real dependency of press-web
+   (adopters install it from npm) — remove `private`, add `publishConfig`, move it to
+   press-web `dependencies` (`workspace:*`, rewritten to an exact pin at publish). press-cms
+   keeps it as a devDependency so `strapi-plugin build` BUNDLES the validator into dist
+   (verified by a grep step in Task 5).
+4. **TreeRenderer is layout-by-components.** It emits `<header>` / `<main>{children}</main>` /
+   `<footer>`; the App Router `children` slot is the "Outlet". `RootLayout` drops its
+   chrome elements.
+
+## Global Constraints
+
+- Node **20.x**, pnpm **10.x**; install/build/test from the repo root.
+- **No new runtime dependencies** in any engine package (the validator is pure TS; the admin builder uses plain HTML elements, no `@strapi/design-system` dependency added).
+- Breaking wire + palette change is **authorized** (pre-release); **no data migration** anywhere.
+- Custom field uid is exactly `plugin::press-cms.builder` (name `builder`, plugin `press-cms`, storage type `json`).
+- Tree contract version is the number `1` (`PRESS_TREE_VERSION`); readers reject unknown versions (fail-to-empty).
+- Closed enums, exact values: `ratio` ∈ `50-50 | 33-67 | 67-33 | 33-33-33 | 25-25-25-25`; `width` ∈ `prose | lg | full`; `gap` ∈ `compact | normal | spacious`; `verticalAlign` ∈ `top | center | bottom`. Raw `Span`/`GridGap` scales are never exposed to the CMS.
+- Node `id`s are builder-minted strings (`crypto.randomUUID()`), never URN entities.
+- The engine never names individual adopter blocks; `custom-*` categories remain the whole extension-point contract.
+- Quality gate per task: `pnpm --filter <pkg> test` + the package's typecheck (`typecheck` script, or `test:ts:back` / `test:ts:front` for cms). There is no eslint.
+- Every commit message follows the repo's `feat:`/`refactor:`/`docs:` convention and ends with the Claude co-author trailer used by this session's tooling.
+- `Spec §N` comments in code refer to `docs/superpowers/specs/2026-07-20-composition-builder-design.md` sections.
+
+## File Structure (locked decomposition)
+
+```
+packages/shared/src/
+  index.ts                 (modified: re-export tree + validator; PressSchema gains tree version)
+  tree.ts                  (new: PressTree/LayoutNode/RowNode/ColumnNode/BlockNode/Slot/ContainerAttrs)
+  validate-tree.ts         (new: validatePressTree/validateNodeArray, sanitizing)
+  validate-tree.test.ts    (new)
+packages/cms/server/src/
+  components/molecules/link.json          (new)   molecules/nav-item.json, molecules/column.json (DELETED)
+  components/atoms/{paragraph,list,quote,button}.json   (modified: curated text / link)
+  components/organisms/{hero,cta,navbar}.json           (modified: link fields)
+  components/organisms/columns.json                     (DELETED)
+  components/layout/{container,row,column}.json         (new: preset-layout descriptors)
+  content-types/page/schema.json          (modified: body → customField)
+  content-types/site-setting/schema.json  (modified: header/footer DZs → pageDefaults customField)
+  register.ts                             (modified: customFields.register; admitCustomBlocks dropped)
+  lib/inject-components.ts                (modified: palette list; admitCustomBlocks deleted)
+  lib/dz-populate.ts + .test.ts           (DELETED)
+  lib/serialize-schema.ts                 (modified: full palette + tree version)
+  lib/hydrate-tree.ts + .test.ts          (new: media/page-ref hydration walker)
+  lib/serve-hydrated.ts                   (new: resolver construction from strapi queries)
+  lib/validate-write.ts + .test.ts        (new: lifecycle guards)
+  lib/seed-site-setting.ts                (modified: pageDefaults seeding)
+  bootstrap.ts                            (modified: lifecycle subscribe)
+  controllers/{page,site-setting}.ts      (modified: no DZ populate; hydration)
+packages/cms/admin/src/
+  index.ts                                (modified: custom field registration + labels)
+  lib/tree-ops.ts + .test.ts              (new: pure forest operations)
+  lib/form-model.ts + .test.ts            (new: Attr → field descriptors; container applicability)
+  lib/press-data.ts                       (new: schema + pages fetch cache)
+  components/builder-input.tsx            (new: the custom field Input)
+  components/tree-editor.tsx              (new: recursive node editor)
+  components/node-form.tsx                (new: registry-driven block form)
+  components/builder-input.test.tsx       (new: jsdom smoke tests)
+packages/web/src/
+  link.ts + link.test.ts                  (new: PressLinkData/ResolvedLink/resolveLink/coerceLink)
+  press-link.tsx                          (new: <PressLink> anchor renderer)
+  blocks/{paragraph,list,quote,button}.tsx (modified: plain text / link)
+  blocks/blocks-content.tsx + .test.ts    (DELETED)
+  sections/{hero,cta}.tsx                 (modified: link fields)
+  sections/columns.tsx + .test.ts         (DELETED)
+  chrome/navbar.tsx                       (modified: resolved link cta shape)
+  tree/container-attrs.ts + .test.ts      (new: RATIO_SPANS/GAP_TIERS/STACK_GAPS/ALIGN_ITEMS + pickers)
+  tree/resolve-slots.ts + .test.ts        (new: slot matrix + engine-block hydration)
+  tree/tree-renderer.tsx + .test.tsx      (new: TreeRenderer)
+  block-renderer.tsx + .test.tsx          (DELETED)   block-key.ts + .test.ts (DELETED)
+  organism-blocks.ts                      (modified: columns removed)
+  types/base.ts                           (modified: string content, link fields, PressTree body)
+  map-site-settings.ts                    (modified: pageDefaults raw slots)
+  config/types.ts                         (modified: pageDefaults, ResolvedLink)
+  generator/generate.ts + .test.ts        (modified: PressTree body, no __component/id, PressPageRef)
+  index.ts                                (modified exports)
+packages/web/theme.css                    (modified: prose rescope, stack/cell rules, columns rules deleted)
+packages/web/templates/host/app/layout.tsx            (modified: chrome dropped)
+packages/web/templates/host/app/[[...slug]]/page.tsx  (modified: TreeRenderer)
+packages/web/templates/host/next.config.ts            (modified: transpile press-shared)
+packages/cli/templates/cms/scripts/seed-content.mjs   (new: exported seed data, testable)
+packages/cli/templates/cms/scripts/seed.mjs           (modified: tree seed)
+packages/cli/templates/project/packages/shared/types/generated.ts (modified baseline)
+packages/cli/src/create/seed-content.test.ts          (new: seed-shape regression guard)
+.changeset/composition-builder.md         (new)
+CLAUDE.md                                 (modified: architecture sections rewritten)
+```
+
+Execution order is the task order: shared → cms server → cms admin → web → CLI/integration. `pnpm dev` stays broken between Phase 2 and the end of Phase 4 — that is expected for a wire-breaking refactor; per-package tests are the gate until Task 21 re-verifies the whole loop.
+
+---
+
+## Phase 1 — `@ogs-tech/press-shared`: contract + validator
+
+### Task 1: Publishable press-shared + PressTree contract types
+
+**Files:**
+- Modify: `packages/shared/package.json`
+- Create: `packages/shared/src/tree.ts`
+- Modify: `packages/shared/src/index.ts`
+- Create: `packages/shared/vitest.config.ts`
+
+**Interfaces:**
+- Consumes: nothing (root of the dependency graph).
+- Produces: `PressTree`, `LayoutNode`, `Node`, `RowNode`, `ColumnNode`, `BlockNode`, `Slot`, `ContainerAttrs`, `Ratio`, `Gap`, `VerticalAlign`, `ContainerWidth`, `PRESS_TREE_VERSION` — imported by every later task. `PressSchema` gains optional `tree?: { version: number }`.
+
+- [ ] **Step 1: Make the package publishable and test-ready**
+
+Replace `packages/shared/package.json` with:
+
+```json
+{
+  "name": "@ogs-tech/press-shared",
+  "version": "0.1.0",
+  "description": "press — wire contract types and pure wire validators shared by the engine packages",
+  "license": "MIT",
+  "author": "Odenir Gomes",
+  "type": "module",
+  "publishConfig": { "access": "public" },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ogs-tech/press.git",
+    "directory": "packages/shared"
+  },
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": { "types": "./src/index.ts", "default": "./src/index.ts" }
+  },
+  "files": ["src"],
+  "scripts": {
+    "build": "echo '@ogs-tech/press-shared ships TS source; nothing to build'",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "typescript": "^5",
+    "vitest": "^2.1.0"
+  }
+}
+```
+
+(The `private: true` flag is REMOVED — Decision 3. `files: ["src"]` publishes TS source, the web/shared precedent. Tests must exclude themselves from the published artifact: see `.npmignore` note in Step 2.)
+
+Create `packages/shared/vitest.config.ts`:
+
+```ts
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    include: ['src/**/*.test.ts'],
+  },
+});
+```
+
+- [ ] **Step 2: Keep test files out of the published artifact**
+
+Create `packages/shared/.npmignore`:
+
+```
+src/**/*.test.ts
+```
+
+(`files: ["src"]` would otherwise ship the vitest suites; `.npmignore` subtracts them. `package.json`/README are always included by npm.)
+
+- [ ] **Step 3: Write the tree contract types**
+
+Create `packages/shared/src/tree.ts`:
+
+```ts
+/**
+ * The press composition tree — the JSON stored by the `plugin::press-cms.builder`
+ * custom field (page `body`) and, as bare `Node[]` slots, by Site Settings
+ * `pageDefaults` (Spec §3). Pure wire types: no Strapi, no React.
+ *
+ * Responsiveness NEVER appears in this JSON — `ratio` and the `container` attrs
+ * are editorial intents; the web renderer maps them to Responsive<T> values.
+ */
+
+/** Readers reject any other version (fail-to-empty); gates future migrations. */
+export const PRESS_TREE_VERSION = 1;
+
+/** Row-only: defines the column split. The closed scale inherited from the retired columns organism. */
+export type Ratio = '50-50' | '33-67' | '67-33' | '33-33-33' | '25-25-25-25';
+export type Gap = 'compact' | 'normal' | 'spacious';
+export type VerticalAlign = 'top' | 'center' | 'bottom';
+export type ContainerWidth = 'prose' | 'lg' | 'full';
+
+/**
+ * The ONE attribute surface for every children-bearing node (Spec §3). An
+ * absent field (or the whole group absent) means the engine default. Attrs
+ * that don't apply to a node type are ignored by the renderer and hidden by
+ * the builder form — never an error.
+ */
+export interface ContainerAttrs {
+  /** Container tier — top-level Rows only; ignored when nested. */
+  width?: ContainerWidth;
+  /** Row: track gap; Column/Layout: stack rhythm. */
+  gap?: Gap;
+  /** Row: aligns cells; Column: content within the cell height. */
+  verticalAlign?: VerticalAlign;
+}
+
+/**
+ * A placed block: `component` is a palette uid (`preset-atom.paragraph`,
+ * `custom-organism.callout`); `data` is validated against that component's
+ * registry schema. Media inside `data` is a REFERENCE (`{ assetId: number }`),
+ * page links are `{ documentId: string }` — the cms hydrates both server-side
+ * so the wire never rots (Spec §3).
+ */
+export interface BlockNode {
+  /** Builder-minted (crypto.randomUUID); React keys + builder ops only — never an Entity. */
+  id: string;
+  type: 'block';
+  component: string;
+  data: Record<string, unknown>;
+}
+
+/** The recursion point: a column nests arbitrary nodes, including further rows. */
+export interface ColumnNode {
+  id: string;
+  type: 'column';
+  container?: ContainerAttrs;
+  children: Node[];
+}
+
+export interface RowNode {
+  id: string;
+  type: 'row';
+  ratio: Ratio;
+  container?: ContainerAttrs;
+  /** 1..4, ratio-bound; extra columns beyond the ratio's slots reuse the last span. */
+  children: ColumnNode[];
+}
+
+export type Node = RowNode | ColumnNode | BlockNode;
+
+export type Slot =
+  | { mode: 'inherit' }                    // resolve against Site Settings pageDefaults
+  | { mode: 'none' }                       // bare page
+  | { mode: 'custom'; children: Node[] };  // page-owned chrome
+
+export interface LayoutNode {
+  type: 'layout';
+  header: Slot;
+  footer: Slot;
+  /** Only `gap` applies: rhythm between top-level children. */
+  container?: ContainerAttrs;
+  children: Node[];
+}
+
+export interface PressTree {
+  version: typeof PRESS_TREE_VERSION;
+  root: LayoutNode;
+}
+```
+
+- [ ] **Step 4: Extend PressSchema and re-export**
+
+In `packages/shared/src/index.ts`, add to the `PressSchema` interface a `tree` member and re-export the tree module. The interface becomes:
+
+```ts
+export interface PressSchema {
+  /** The composition-tree contract version served by this cms (absent on pre-tree engines). */
+  tree?: { version: number };
+  contentTypes: Record<string, { uid: string; info: unknown; attributes: Record<string, Attr> }>;
+  components: Record<string, { uid: string; attributes: Record<string, Attr> }>;
+}
+```
+
+and append at the end of the file:
+
+```ts
+export * from './tree';
+export * from './validate-tree';
+```
+
+(The `validate-tree` module arrives in Task 2 — create an empty `packages/shared/src/validate-tree.ts` containing only `export {};` now so typecheck passes, or add the export line in Task 2. Prefer adding BOTH export lines now and the placeholder file, replaced in Task 2.)
+
+- [ ] **Step 5: Verify typecheck**
+
+Run: `pnpm install && pnpm --filter @ogs-tech/press-shared typecheck`
+Expected: exit 0.
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add packages/shared pnpm-lock.yaml
+git commit -m "feat(shared): publishable press-shared + PressTree wire contract"
+```
+
+### Task 2: Tree validator (pure TS, sanitizing)
+
+**Files:**
+- Create: `packages/shared/src/validate-tree.ts` (replaces the Task 1 placeholder)
+- Test: `packages/shared/src/validate-tree.test.ts`
+
+**Interfaces:**
+- Consumes: types from `./tree`.
+- Produces (exact — cms lifecycle and web renderer both call these):
+  - `interface TreeIssue { path: string; message: string }`
+  - `interface TreeResult<T> { value: T | null; errors: TreeIssue[]; warnings: TreeIssue[] }`
+  - `validatePressTree(input: unknown): TreeResult<PressTree>`
+  - `validateNodeArray(input: unknown): TreeResult<Node[]>`
+  - `MAX_ROW_COLUMNS = 4`
+- Semantics: `value` is a SANITIZED deep copy. Structural problems → `errors` (+ `value: null`). Invalid `container` attr values are STRIPPED → `warnings` (attr-level failure never becomes tree-level, Spec §7). Unknown slot mode → warning + coerced `{ mode: 'none' }`. Writers (cms) reject on errors OR warnings; readers (web) render `value` whenever it is non-null.
+
+- [ ] **Step 1: Write the failing tests**
+
+Create `packages/shared/src/validate-tree.test.ts`:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { validateNodeArray, validatePressTree } from './validate-tree';
+import type { PressTree } from './tree';
+
+const block = (component: string, data: Record<string, unknown> = {}) => ({
+  id: `id-${component}`,
+  type: 'block',
+  component,
+  data,
+});
+
+const validTree = (): PressTree => ({
+  version: 1,
+  root: {
+    type: 'layout',
+    header: { mode: 'inherit' },
+    footer: { mode: 'none' },
+    container: { gap: 'normal' },
+    children: [
+      block('preset-organism.hero', { title: 'Hi' }),
+      {
+        id: 'row-1',
+        type: 'row',
+        ratio: '50-50',
+        container: { width: 'lg', gap: 'compact', verticalAlign: 'center' },
+        children: [
+          { id: 'col-1', type: 'column', children: [block('preset-atom.paragraph', { content: 'a' })] },
+          {
+            id: 'col-2',
+            type: 'column',
+            container: { gap: 'spacious', verticalAlign: 'bottom' },
+            // the recursion point: a row INSIDE a column (Spec §8: must validate at depth)
+            children: [
+              {
+                id: 'row-2',
+                type: 'row',
+                ratio: '33-67',
+                children: [
+                  { id: 'col-3', type: 'column', children: [block('custom-organism.callout')] },
+                  { id: 'col-4', type: 'column', children: [] },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+});
+
+describe('validatePressTree', () => {
+  it('accepts a valid deeply recursive tree and returns a sanitized copy', () => {
+    const input = validTree();
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.warnings).toEqual([]);
+    expect(out.value).toEqual(input);
+    expect(out.value).not.toBe(input); // deep copy, never the input reference
+  });
+
+  it('rejects non-objects and unknown versions (fail-to-empty gate)', () => {
+    expect(validatePressTree(null).value).toBeNull();
+    expect(validatePressTree('[]').value).toBeNull();
+    const v2 = { ...validTree(), version: 2 };
+    const out = validatePressTree(v2);
+    expect(out.value).toBeNull();
+    expect(out.errors[0].path).toBe('$.version');
+  });
+
+  it('rejects a root that is not a layout node', () => {
+    const out = validatePressTree({ version: 1, root: block('preset-atom.paragraph') });
+    expect(out.value).toBeNull();
+    expect(out.errors[0].path).toBe('$.root');
+  });
+
+  it('strips invalid container attr values as warnings, never errors (Spec §7)', () => {
+    const input = validTree();
+    (input.root.children[1] as any).container = { width: 'xl', gap: 'normal', verticalAlign: 'middle' };
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.warnings.map((w) => w.path)).toEqual([
+      '$.root.children[1].container.width',
+      '$.root.children[1].container.verticalAlign',
+    ]);
+    expect((out.value!.root.children[1] as any).container).toEqual({ gap: 'normal' });
+  });
+
+  it('errors on a column outside a row and on unknown node types', () => {
+    const stray = validatePressTree({
+      version: 1,
+      root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+        { id: 'c', type: 'column', children: [] },
+      ] },
+    });
+    expect(stray.value).toBeNull();
+    expect(stray.errors[0].message).toMatch(/only legal directly under a row/);
+
+    const unknown = validatePressTree({
+      version: 1,
+      root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+        { id: 'x', type: 'mystery' },
+      ] },
+    });
+    expect(unknown.value).toBeNull();
+  });
+
+  it('enforces row arity 1..4 and column-only row children', () => {
+    const tooMany = validTree();
+    (tooMany.root.children[1] as any).children = Array.from({ length: 5 }, (_, i) => ({
+      id: `c${i}`, type: 'column', children: [],
+    }));
+    expect(validatePressTree(tooMany).value).toBeNull();
+
+    const notColumn = validTree();
+    (notColumn.root.children[1] as any).children = [block('preset-atom.paragraph')];
+    expect(validatePressTree(notColumn).value).toBeNull();
+  });
+
+  it('requires block ids and component uids', () => {
+    const noId = validTree();
+    delete (noId.root.children[0] as any).id;
+    expect(validatePressTree(noId).value).toBeNull();
+
+    const noComponent = validTree();
+    delete (noComponent.root.children[0] as any).component;
+    expect(validatePressTree(noComponent).value).toBeNull();
+  });
+
+  it('coerces an unknown slot mode to none with a warning (render: treat as none)', () => {
+    const input = validTree();
+    (input.root as any).header = { mode: 'mystery' };
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.warnings.some((w) => w.path === '$.root.header.mode')).toBe(true);
+    expect(out.value!.root.header).toEqual({ mode: 'none' });
+  });
+
+  it('validates custom slot children recursively', () => {
+    const input = validTree();
+    (input.root as any).footer = { mode: 'custom', children: [block('preset-organism.footer')] };
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.value!.root.footer).toEqual({ mode: 'custom', children: [block('preset-organism.footer')] });
+  });
+});
+
+describe('validateNodeArray', () => {
+  it('accepts a bare Node[] (the pageDefaults slot shape)', () => {
+    const nodes = [block('preset-organism.navbar')];
+    const out = validateNodeArray(nodes);
+    expect(out.errors).toEqual([]);
+    expect(out.value).toEqual(nodes);
+  });
+
+  it('rejects non-arrays and invalid members', () => {
+    expect(validateNodeArray({}).value).toBeNull();
+    expect(validateNodeArray([{ id: 'x', type: 'column', children: [] }]).value).toBeNull();
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `pnpm --filter @ogs-tech/press-shared test`
+Expected: FAIL — `validate-tree` exports missing (placeholder module).
+
+- [ ] **Step 3: Write the validator**
+
+Replace `packages/shared/src/validate-tree.ts` with:
+
+```ts
+/**
+ * Runtime PressTree validator (Spec §3 "press-shared changes nature"): pure TS,
+ * zero deps. Compiled into press-cms dist (save-time backstop) and consumed as
+ * source by press-web (render-time guard).
+ *
+ * Contract: `value` is a SANITIZED deep copy — structural failures null it and
+ * land in `errors`; invalid container-attr values are stripped and land in
+ * `warnings` (attr-level failure never becomes tree-level, Spec §7); an unknown
+ * slot mode degrades to `none` with a warning. Writers reject on errors OR
+ * warnings (strict write); readers render whenever `value` is non-null
+ * (tolerant read).
+ */
+import type { ColumnNode, ContainerAttrs, LayoutNode, Node, PressTree, RowNode, Slot } from './tree';
+import { PRESS_TREE_VERSION } from './tree';
+
+export interface TreeIssue {
+  path: string;
+  message: string;
+}
+
+export interface TreeResult<T> {
+  value: T | null;
+  errors: TreeIssue[];
+  warnings: TreeIssue[];
+}
+
+export const MAX_ROW_COLUMNS = 4;
+
+const RATIOS: readonly string[] = ['50-50', '33-67', '67-33', '33-33-33', '25-25-25-25'];
+const WIDTHS: readonly string[] = ['prose', 'lg', 'full'];
+const GAPS: readonly string[] = ['compact', 'normal', 'spacious'];
+const VERTICAL_ALIGNS: readonly string[] = ['top', 'center', 'bottom'];
+
+interface Ctx {
+  errors: TreeIssue[];
+  warnings: TreeIssue[];
+}
+
+const fail = (ctx: Ctx, path: string, message: string): null => {
+  ctx.errors.push({ path, message });
+  return null;
+};
+
+const warn = (ctx: Ctx, path: string, message: string): void => {
+  ctx.warnings.push({ path, message });
+};
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === 'object' && v !== null && !Array.isArray(v);
+
+function sanitizeContainer(input: unknown, path: string, ctx: Ctx): ContainerAttrs | undefined {
+  if (input === undefined || input === null) return undefined;
+  if (!isRecord(input)) {
+    warn(ctx, path, 'container must be an object — ignored');
+    return undefined;
+  }
+  const out: ContainerAttrs = {};
+  const pick = (key: keyof ContainerAttrs, allowed: readonly string[]): void => {
+    const v = input[key];
+    if (v === undefined) return;
+    if (typeof v === 'string' && allowed.includes(v)) {
+      (out as Record<string, unknown>)[key] = v;
+    } else {
+      warn(ctx, `${path}.${key}`, `invalid value ${JSON.stringify(v)} — attribute dropped`);
+    }
+  };
+  pick('width', WIDTHS);
+  pick('gap', GAPS);
+  pick('verticalAlign', VERTICAL_ALIGNS);
+  return Object.keys(out).length > 0 ? out : undefined;
+}
+
+function requireId(input: Record<string, unknown>, path: string, ctx: Ctx): string | null {
+  if (typeof input.id !== 'string' || input.id.length === 0) {
+    return fail(ctx, `${path}.id`, 'node id must be a non-empty string');
+  }
+  return input.id;
+}
+
+function validateColumn(input: unknown, path: string, ctx: Ctx): ColumnNode | null {
+  if (!isRecord(input) || input.type !== 'column') {
+    return fail(ctx, path, `row children must be column nodes, got ${JSON.stringify(isRecord(input) ? input.type : input)}`);
+  }
+  const id = requireId(input, path, ctx);
+  if (id === null) return null;
+  const children = validateChildren(input.children, `${path}.children`, ctx);
+  if (children === null) return null;
+  const node: ColumnNode = { id, type: 'column', children };
+  const container = sanitizeContainer(input.container, `${path}.container`, ctx);
+  if (container) node.container = container;
+  return node;
+}
+
+/** A generic children position (layout root / column) admits block | row only. */
+function validateChildren(input: unknown, path: string, ctx: Ctx): Node[] | null {
+  if (!Array.isArray(input)) return fail(ctx, path, 'children must be an array');
+  const out: Node[] = [];
+  input.forEach((child, i) => {
+    const node = validateNode(child, `${path}[${i}]`, ctx);
+    if (node) out.push(node);
+  });
+  return out;
+}
+
+function validateNode(input: unknown, path: string, ctx: Ctx): Node | null {
+  if (!isRecord(input)) return fail(ctx, path, 'node must be an object');
+  switch (input.type) {
+    case 'block': {
+      const id = requireId(input, path, ctx);
+      if (id === null) return null;
+      if (typeof input.component !== 'string' || input.component.length === 0) {
+        return fail(ctx, `${path}.component`, 'block component must be a non-empty palette uid');
+      }
+      let data: Record<string, unknown> = {};
+      if (input.data === undefined) {
+        // tolerated: an attribute-less block (bare navbar seed)
+      } else if (isRecord(input.data)) {
+        data = structuredClone(input.data) as Record<string, unknown>;
+      } else {
+        warn(ctx, `${path}.data`, 'block data must be an object — reset to {}');
+      }
+      return { id, type: 'block', component: input.component, data };
+    }
+    case 'row': {
+      const id = requireId(input, path, ctx);
+      if (id === null) return null;
+      if (typeof input.ratio !== 'string' || !RATIOS.includes(input.ratio)) {
+        return fail(ctx, `${path}.ratio`, `ratio must be one of ${RATIOS.join(' | ')}`);
+      }
+      if (!Array.isArray(input.children)) {
+        return fail(ctx, `${path}.children`, 'row children must be an array of columns');
+      }
+      if (input.children.length < 1 || input.children.length > MAX_ROW_COLUMNS) {
+        return fail(ctx, `${path}.children`, `a row carries 1–${MAX_ROW_COLUMNS} columns, got ${input.children.length}`);
+      }
+      const columns: ColumnNode[] = [];
+      input.children.forEach((c, i) => {
+        const col = validateColumn(c, `${path}.children[${i}]`, ctx);
+        if (col) columns.push(col);
+      });
+      const node: RowNode = { id, type: 'row', ratio: input.ratio as RowNode['ratio'], children: columns };
+      const container = sanitizeContainer(input.container, `${path}.container`, ctx);
+      if (container) node.container = container;
+      return node;
+    }
+    case 'column':
+      return fail(ctx, path, 'a column node is only legal directly under a row');
+    default:
+      return fail(ctx, `${path}.type`, `unknown node type ${JSON.stringify(input.type)}`);
+  }
+}
+
+function validateSlot(input: unknown, path: string, ctx: Ctx): Slot {
+  if (!isRecord(input)) {
+    warn(ctx, path, 'slot must be an object — treated as none');
+    return { mode: 'none' };
+  }
+  if (input.mode === 'inherit') return { mode: 'inherit' };
+  if (input.mode === 'none') return { mode: 'none' };
+  if (input.mode === 'custom') {
+    const children = validateChildren(input.children, `${path}.children`, ctx);
+    return { mode: 'custom', children: children ?? [] };
+  }
+  warn(ctx, `${path}.mode`, `unknown slot mode ${JSON.stringify(input.mode)} — treated as none`);
+  return { mode: 'none' };
+}
+
+export function validatePressTree(input: unknown): TreeResult<PressTree> {
+  const ctx: Ctx = { errors: [], warnings: [] };
+  if (!isRecord(input)) {
+    return { value: null, errors: [{ path: '$', message: 'tree must be an object' }], warnings: [] };
+  }
+  if (input.version !== PRESS_TREE_VERSION) {
+    return {
+      value: null,
+      errors: [{ path: '$.version', message: `unsupported tree version ${JSON.stringify(input.version)} (expected ${PRESS_TREE_VERSION})` }],
+      warnings: [],
+    };
+  }
+  const root = input.root;
+  if (!isRecord(root) || root.type !== 'layout') {
+    return { value: null, errors: [{ path: '$.root', message: "root must be a node of type 'layout'" }], warnings: ctx.warnings };
+  }
+  const header = validateSlot(root.header, '$.root.header', ctx);
+  const footer = validateSlot(root.footer, '$.root.footer', ctx);
+  const children = validateChildren(root.children, '$.root.children', ctx) ?? [];
+  const layout: LayoutNode = { type: 'layout', header, footer, children };
+  const container = sanitizeContainer(root.container, '$.root.container', ctx);
+  if (container) layout.container = container;
+  return {
+    value: ctx.errors.length === 0 ? { version: PRESS_TREE_VERSION, root: layout } : null,
+    errors: ctx.errors,
+    warnings: ctx.warnings,
+  };
+}
+
+/** Validates a bare Node[] — the shape of one Site Settings pageDefaults slot. */
+export function validateNodeArray(input: unknown): TreeResult<Node[]> {
+  const ctx: Ctx = { errors: [], warnings: [] };
+  const nodes = validateChildren(input, '$', ctx);
+  return { value: ctx.errors.length === 0 ? nodes : null, errors: ctx.errors, warnings: ctx.warnings };
+}
+```
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `pnpm --filter @ogs-tech/press-shared test && pnpm --filter @ogs-tech/press-shared typecheck`
+Expected: all tests PASS, typecheck exit 0.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add packages/shared
+git commit -m "feat(shared): sanitizing PressTree runtime validator"
+```
+
+---
+
+## Phase 2 — `@ogs-tech/press-cms` server: catalog, storage, hydration, validation, seeds
+
+### Task 3: Link descriptor + curated text atoms (palette rewrite)
+
+**Files:**
+- Create: `packages/cms/server/src/components/molecules/link.json`
+- Delete: `packages/cms/server/src/components/molecules/nav-item.json`, `packages/cms/server/src/components/molecules/column.json`, `packages/cms/server/src/components/organisms/columns.json`
+- Modify: `packages/cms/server/src/components/atoms/paragraph.json`, `atoms/list.json`, `atoms/quote.json`, `atoms/button.json`, `organisms/hero.json`, `organisms/cta.json`, `organisms/navbar.json`
+- Modify: `packages/cms/server/src/lib/inject-components.ts` (ENGINE_COMPONENTS list only)
+- Test: `packages/cms/server/src/lib/inject-components.test.ts` (update expectations)
+
+**Interfaces:**
+- Consumes: nothing new.
+- Produces: the palette uids every later task builds forms/types/renderers from: `preset-molecule.link` exists; `preset-molecule.nav-item`, `preset-molecule.column`, `preset-organism.columns` are gone; `preset-atom.{paragraph,list,quote}` carry `content: text`; link fields are `preset-atom.button.link`, `preset-organism.hero.cta`, `preset-organism.cta.button`, `preset-organism.navbar.items[]` (all `component: preset-molecule.link`).
+
+- [ ] **Step 1: Write the link descriptor**
+
+Create `packages/cms/server/src/components/molecules/link.json`:
+
+```json
+{
+  "collectionName": "components_preset_molecule_links",
+  "info": {
+    "displayName": "Link",
+    "icon": "link",
+    "description": "The engine's one link concept: an internal page reference (survives renames) or a URL, with a label"
+  },
+  "options": {},
+  "attributes": {
+    "label": { "type": "string" },
+    "page": { "type": "relation", "relation": "oneToOne", "target": "plugin::press-cms.page" },
+    "url": { "type": "string" },
+    "newTab": { "type": "boolean", "default": false }
+  },
+  "config": {
+    "metadatas": {
+      "label": { "edit": { "label": "Label" } },
+      "page": { "edit": { "label": "Page", "description": "Internal page link (resolves to its slug; survives renames). Takes precedence over URL." } },
+      "url": { "edit": { "label": "URL", "description": "External URL, anchor, or mailto: (used only when no Page is set)." } },
+      "newTab": { "edit": { "label": "Open in new tab" } }
+    }
+  }
+}
+```
+
+- [ ] **Step 2: Rewrite the text atoms to curated plain text**
+
+Replace the `attributes` (and matching `config.metadatas`) of the three text atoms — keep each file's existing `collectionName`/`info` untouched:
+
+`atoms/paragraph.json` attributes become:
+
+```json
+"attributes": {
+  "content": { "type": "text", "required": true }
+},
+"config": {
+  "metadatas": {
+    "content": { "edit": { "label": "Content", "description": "Plain text. A blank line starts a new paragraph." } }
+  }
+}
+```
+
+`atoms/list.json` attributes become:
+
+```json
+"attributes": {
+  "content": { "type": "text", "required": true },
+  "format": { "type": "enumeration", "enum": ["unordered", "ordered"], "default": "unordered" }
+},
+"config": {
+  "metadatas": {
+    "content": { "edit": { "label": "Items", "description": "One item per line." } },
+    "format": { "edit": { "label": "Format" } }
+  }
+}
+```
+
+`atoms/quote.json` attributes become:
+
+```json
+"attributes": {
+  "content": { "type": "text", "required": true },
+  "citation": { "type": "string" }
+},
+"config": {
+  "metadatas": {
+    "content": { "edit": { "label": "Quote", "description": "Plain text. A blank line starts a new paragraph." } },
+    "citation": { "edit": { "label": "Citation" } }
+  }
+}
+```
+
+- [ ] **Step 3: Move every link onto the shared descriptor**
+
+`atoms/button.json` attributes become (label moves INTO the link):
+
+```json
+"attributes": {
+  "link": { "type": "component", "repeatable": false, "component": "preset-molecule.link" },
+  "variant": { "type": "enumeration", "enum": ["primary", "secondary"], "default": "primary" }
+},
+"config": {
+  "metadatas": {
+    "link": { "edit": { "label": "Link" } },
+    "variant": { "edit": { "label": "Variant" } }
+  }
+}
+```
+
+`organisms/hero.json`: delete `ctaLabel` + `ctaHref`, add:
+
+```json
+"cta": { "type": "component", "repeatable": false, "component": "preset-molecule.link" }
+```
+
+`organisms/cta.json`: delete `buttonLabel` + `buttonHref`, add:
+
+```json
+"button": { "type": "component", "repeatable": false, "component": "preset-molecule.link" }
+```
+
+`organisms/navbar.json` attributes become:
+
+```json
+"attributes": {
+  "items": { "type": "component", "repeatable": true, "component": "preset-molecule.link" },
+  "cta": { "type": "component", "repeatable": false, "component": "preset-atom.button" }
+}
+```
+
+- [ ] **Step 4: Delete the superseded components and update the injection list**
+
+```bash
+git rm packages/cms/server/src/components/molecules/nav-item.json \
+       packages/cms/server/src/components/molecules/column.json \
+       packages/cms/server/src/components/organisms/columns.json
+```
+
+In `packages/cms/server/src/lib/inject-components.ts`: remove the `navItemSchema`, `columnSchema`, `columnsSchema` imports and their `ENGINE_COMPONENTS` entries; add `import linkSchema from '../components/molecules/link.json';` and the entry `{ layer: 'molecule', name: 'link', schema: linkSchema as Record<string, unknown> }` in the molecules group.
+
+- [ ] **Step 5: Update the inject test and run**
+
+In `packages/cms/server/src/lib/inject-components.test.ts`, update every expectation that lists injected uids: `preset-molecule.nav-item` / `preset-molecule.column` / `preset-organism.columns` are replaced by `preset-molecule.link` (e.g. an assertion like `expect(registry.get('preset-molecule.nav-item')).toBeDefined()` becomes `expect(registry.get('preset-molecule.link')).toBeDefined()`; counts drop by 2).
+
+Run: `pnpm --filter @ogs-tech/press-cms test src/lib/inject-components.test.ts` — wait: cms tests run from the package root, so: `pnpm --filter @ogs-tech/press-cms test` and `pnpm --filter @ogs-tech/press-cms test:ts:back`
+Expected: PASS / exit 0 (the admitCustomBlocks tests still pass — that code is untouched until Task 4).
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add packages/cms
+git commit -m "feat(cms): preset-molecule.link descriptor + curated plain-text atoms; retire nav-item/column/columns"
+```
+
+### Task 4: Builder custom field + storage swap (kill the Dynamic Zones)
+
+**Files:**
+- Modify: `packages/cms/server/src/register.ts`
+- Modify: `packages/cms/server/src/content-types/page/schema.json`
+- Modify: `packages/cms/server/src/content-types/site-setting/schema.json`
+- Modify: `packages/cms/server/src/lib/inject-components.ts` (delete `admitCustomBlocks` + `ENGINE_DZ_TARGETS`; keep + export `isCustomBlockUid`)
+- Delete: `packages/cms/server/src/lib/dz-populate.ts`, `packages/cms/server/src/lib/dz-populate.test.ts`
+- Modify: `packages/cms/server/src/controllers/page.ts`, `packages/cms/server/src/controllers/site-setting.ts`
+- Test: update `packages/cms/server/src/lib/inject-components.test.ts`, `packages/cms/server/src/controllers/site-setting.test.ts`
+
+**Interfaces:**
+- Consumes: nothing from earlier tasks (schema-level change).
+- Produces: `page.body` attribute `{ "type": "customField", "customField": "plugin::press-cms.builder" }`; `site-setting.pageDefaults` same custom field with `"options": { "mode": "slots" }`; `isCustomBlockUid(uid: string): boolean` exported for Task 5. Controllers serve raw JSON (hydration lands in Task 6).
+
+- [ ] **Step 1: Register the custom field server-side**
+
+Replace `packages/cms/server/src/register.ts` with:
+
+```ts
+import type { Core } from '@strapi/strapi';
+import { injectComponents } from './lib/inject-components';
+import { quietSchemaHttpLog } from './lib/quiet-schema-log';
+
+const register = ({ strapi }: { strapi: Core.Strapi }) => {
+  // The composition-builder storage primitive (Spec §4): a JSON custom field.
+  // Declared before content-types are transformed into models so the
+  // `plugin::press-cms.builder` reference in page/site-setting schema.json resolves.
+  strapi.customFields.register({
+    name: 'builder',
+    plugin: 'press-cms',
+    type: 'json',
+  });
+  injectComponents({ strapi });
+  quietSchemaHttpLog(strapi);
+};
+
+export default register;
+```
+
+- [ ] **Step 2: Swap the storage attributes**
+
+`packages/cms/server/src/content-types/page/schema.json` — replace the whole `body` attribute with:
+
+```json
+"body": {
+  "type": "customField",
+  "customField": "plugin::press-cms.builder"
+}
+```
+
+`packages/cms/server/src/content-types/site-setting/schema.json` — DELETE the `header` and `footer` attributes and their two `config.metadatas` entries; ADD:
+
+```json
+"pageDefaults": {
+  "type": "customField",
+  "customField": "plugin::press-cms.builder",
+  "options": { "mode": "slots" }
+}
+```
+
+and the metadata entry:
+
+```json
+"pageDefaults": { "edit": { "label": "Page defaults", "description": "The default header and footer every page inherits. Pages can override or drop them per-slot." } }
+```
+
+- [ ] **Step 3: Shrink inject-components to injection only**
+
+In `packages/cms/server/src/lib/inject-components.ts`: delete `admitCustomBlocks`, `ENGINE_DZ_TARGETS`, and their doc comments entirely. Keep `isCustomBlockUid` and export it (Task 5's serializer consumes it):
+
+```ts
+/** An adopter block: any registered component under a `custom` / `custom-${layer}` category. */
+export const isCustomBlockUid = (uid: string): boolean => uid.startsWith('custom.') || uid.startsWith('custom-');
+```
+
+Update the file's header comment: custom blocks are no longer "admitted" anywhere — the builder palette and `serialize-schema` discover them straight from the components registry (`custom-*` category prefix stays the whole extension-point contract).
+
+- [ ] **Step 4: Delete DZ populate and simplify the controllers**
+
+```bash
+git rm packages/cms/server/src/lib/dz-populate.ts packages/cms/server/src/lib/dz-populate.test.ts
+```
+
+Replace `packages/cms/server/src/controllers/page.ts` with:
+
+```ts
+import type { Core } from '@strapi/strapi';
+
+const PAGE_UID = 'plugin::press-cms.page';
+
+/**
+ * Engine-owned page controller. `body` is a JSON custom field now — no dynamic
+ * zone, no populate tree: the whole "vanished from the wire but visible in the
+ * admin" bug class is gone (Spec §4). Published-only + 404 semantics unchanged.
+ * Media/page-ref hydration is layered on in lib/serve-hydrated (Task 6).
+ */
+const page = ({ strapi }: { strapi: Core.Strapi }) => ({
+  async find(ctx: any) {
+    const data = await strapi.documents(PAGE_UID as any).findMany({ status: 'published' });
+    ctx.body = { data };
+  },
+
+  async findOne(ctx: any) {
+    const { slug } = ctx.params;
+    const [doc] = await strapi.documents(PAGE_UID as any).findMany({
+      filters: { slug },
+      status: 'published',
+      limit: 1,
+    });
+    if (!doc) return ctx.notFound();
+    ctx.body = { data: doc };
+  },
+});
+
+export default page;
+```
+
+In `packages/cms/server/src/controllers/site-setting.ts`: remove the `buildChromeDzPopulate` import, the `header`/`footer` keys from `chromePopulate()` (rename it `settingsPopulate()`), and the chrome component-list reads. The populate keeps `logo`, `favicon`, `seo.image`, `themeColors`, `themeRadius`, and the `cookieConsent` block verbatim — `pageDefaults` is a JSON scalar and needs no populate key.
+
+- [ ] **Step 5: Update tests and run**
+
+- `inject-components.test.ts`: delete every `admitCustomBlocks` describe/it block (DZ admission is gone); keep/extend injection assertions.
+- `site-setting.test.ts`: update the populate expectation — no `header`/`footer` keys; everything else identical.
+
+Run: `pnpm --filter @ogs-tech/press-cms test && pnpm --filter @ogs-tech/press-cms test:ts:back`
+Expected: PASS / exit 0.
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add -A packages/cms
+git commit -m "feat(cms)!: page.body + site-setting.pageDefaults become the builder JSON custom field; Dynamic Zones and dz-populate removed"
+```
+
+### Task 5: preset-layout descriptors + full-palette serialize-schema (+ dist bundling proof)
+
+**Files:**
+- Create: `packages/cms/server/src/components/layout/container.json`, `layout/row.json`, `layout/column.json`
+- Modify: `packages/cms/server/src/lib/inject-components.ts` (three new entries)
+- Modify: `packages/cms/server/src/lib/serialize-schema.ts`
+- Test: `packages/cms/server/src/lib/serialize-schema.test.ts` (rewrite)
+
+**Interfaces:**
+- Consumes: `isCustomBlockUid` (Task 4), `PRESS_TREE_VERSION` from `@ogs-tech/press-shared` (Task 1) — **the first RUNTIME import of press-shared inside cms**; the bundling proof below is mandatory.
+- Produces: `GET /api/press/schema` serves `{ tree: { version: 1 }, contentTypes, components }` where `components` is the FULL registered palette (every `preset-*` + `custom-*` uid). `preset-layout.container` / `.row` / `.column` exist — the admin builder (Task 10/11) generates its layout-node forms from them.
+
+- [ ] **Step 1: Write the layout descriptors**
+
+Create `packages/cms/server/src/components/layout/container.json` — the shared `ContainerAttrs` descriptor. NO `default` keys on purpose: an absent value means "engine default", and a Strapi default would make absence unrepresentable:
+
+```json
+{
+  "collectionName": "components_preset_layout_containers",
+  "info": {
+    "displayName": "Container",
+    "icon": "expand",
+    "description": "The shared curated attribute surface (width / gap / vertical alignment) carried by every children-bearing tree node"
+  },
+  "options": {},
+  "attributes": {
+    "width": { "type": "enumeration", "enum": ["prose", "lg", "full"] },
+    "gap": { "type": "enumeration", "enum": ["compact", "normal", "spacious"] },
+    "verticalAlign": { "type": "enumeration", "enum": ["top", "center", "bottom"] }
+  },
+  "config": {
+    "metadatas": {
+      "width": { "edit": { "label": "Width", "description": "Top-level rows only; ignored when nested." } },
+      "gap": { "edit": { "label": "Gap", "description": "Row: space between columns. Column/page: vertical rhythm." } },
+      "verticalAlign": { "edit": { "label": "Vertical alignment", "description": "Row: aligns cells. Column: places content within the cell." } }
+    }
+  }
+}
+```
+
+Create `packages/cms/server/src/components/layout/row.json`:
+
+```json
+{
+  "collectionName": "components_preset_layout_rows",
+  "info": {
+    "displayName": "Row",
+    "icon": "apps",
+    "description": "A tree row: the ratio defines the column split; container carries the shared layout attributes"
+  },
+  "options": {},
+  "attributes": {
+    "ratio": { "type": "enumeration", "enum": ["50-50", "33-67", "67-33", "33-33-33", "25-25-25-25"], "default": "50-50" },
+    "container": { "type": "component", "repeatable": false, "component": "preset-layout.container" }
+  },
+  "config": {
+    "metadatas": {
+      "ratio": { "edit": { "label": "Column layout", "description": "How the columns split the width on desktop; every layout stacks on phones." } },
+      "container": { "edit": { "label": "Container" } }
+    }
+  }
+}
+```
+
+Create `packages/cms/server/src/components/layout/column.json`:
+
+```json
+{
+  "collectionName": "components_preset_layout_columns",
+  "info": {
+    "displayName": "Column",
+    "icon": "stack",
+    "description": "A tree column: the recursion point — nests blocks and further rows"
+  },
+  "options": {},
+  "attributes": {
+    "container": { "type": "component", "repeatable": false, "component": "preset-layout.container" }
+  },
+  "config": {
+    "metadatas": {
+      "container": { "edit": { "label": "Container" } }
+    }
+  }
+}
+```
+
+In `inject-components.ts` add the imports and entries (after the organisms group, before config):
+
+```ts
+// Layout — the tree-node descriptors (Spec §4): pure schema for the builder's
+// layout-node forms. `preset-layout.container` is the shared ContainerAttrs
+// surface, referenced by row/column via `component:` fields (the link/nav-item
+// nesting pattern) so the "Container" form section is defined exactly once.
+{ layer: 'layout', name: 'container', schema: layoutContainerSchema as Record<string, unknown> },
+{ layer: 'layout', name: 'row', schema: layoutRowSchema as Record<string, unknown> },
+{ layer: 'layout', name: 'column', schema: layoutColumnSchema as Record<string, unknown> },
+```
+
+Also update the `PRESET_LAYERS` doc comment: `layout` is no longer reserved-empty; only `template` remains reserved.
+
+- [ ] **Step 2: Rewrite the serialize-schema test**
+
+Replace `packages/cms/server/src/lib/serialize-schema.test.ts` with:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { serializeSchema } from './serialize-schema';
+
+const fakeStrapi = () => {
+  const components = new Map<string, any>([
+    ['preset-atom.paragraph', { uid: 'preset-atom.paragraph', attributes: { content: { type: 'text', required: true }, createdAt: { type: 'datetime', private: true } } }],
+    ['preset-molecule.link', { uid: 'preset-molecule.link', attributes: { label: { type: 'string' }, page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' }, url: { type: 'string' }, newTab: { type: 'boolean', default: false } } }],
+    ['preset-layout.container', { uid: 'preset-layout.container', attributes: { width: { type: 'enumeration', enum: ['prose', 'lg', 'full'] } } }],
+    ['custom-organism.callout', { uid: 'custom-organism.callout', attributes: { message: { type: 'string', required: true } } }],
+    // NOT part of the palette — must be excluded:
+    ['admin.something', { uid: 'admin.something', attributes: { x: { type: 'string' } } }],
+  ]);
+  const contentTypes: Record<string, any> = {
+    'plugin::press-cms.page': {
+      uid: 'plugin::press-cms.page',
+      info: { singularName: 'page', pluralName: 'pages', displayName: 'Page' },
+      attributes: {
+        title: { type: 'string', required: true },
+        slug: { type: 'uid', targetField: 'title' },
+        body: { type: 'customField', customField: 'plugin::press-cms.builder' },
+      },
+    },
+    'plugin::press-cms.site-setting': {
+      uid: 'plugin::press-cms.site-setting',
+      info: { singularName: 'site-setting', pluralName: 'site-settings', displayName: 'Site Settings' },
+      attributes: {
+        name: { type: 'string' },
+        pageDefaults: { type: 'customField', customField: 'plugin::press-cms.builder' },
+      },
+    },
+  };
+  return {
+    contentType: (uid: string) => contentTypes[uid],
+    get: (key: string) => (key === 'components' ? components : undefined),
+  } as any;
+};
+
+describe('serializeSchema', () => {
+  it('serves the tree contract version', () => {
+    expect(serializeSchema(fakeStrapi()).tree).toEqual({ version: 1 });
+  });
+
+  it('serves the FULL registered palette — every preset-* and custom-* uid, nothing else', () => {
+    const out = serializeSchema(fakeStrapi());
+    expect(Object.keys(out.components).sort()).toEqual([
+      'custom-organism.callout',
+      'preset-atom.paragraph',
+      'preset-layout.container',
+      'preset-molecule.link',
+    ]);
+  });
+
+  it('keeps contract attribute keys (target included, for page refs) and drops noise', () => {
+    const out = serializeSchema(fakeStrapi());
+    expect(out.components['preset-atom.paragraph'].attributes).toEqual({
+      content: { type: 'text', required: true },
+    });
+    expect(out.components['preset-molecule.link'].attributes.page).toEqual({
+      type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page',
+    });
+  });
+
+  it('still fails loud when an engine content-type is missing', () => {
+    const broken = fakeStrapi();
+    const orig = broken.contentType;
+    broken.contentType = (uid: string) => (uid === 'plugin::press-cms.page' ? undefined : orig(uid));
+    expect(() => serializeSchema(broken)).toThrow(/not registered/);
+  });
+});
+```
+
+- [ ] **Step 3: Run tests to verify they fail**
+
+Run: `pnpm --filter @ogs-tech/press-cms test`
+Expected: FAIL — `tree` missing from output; palette walking still DZ-based.
+
+- [ ] **Step 4: Rewrite serializeSchema**
+
+In `packages/cms/server/src/lib/serialize-schema.ts`:
+- Add to `KEEP`: `'relation'`, `'target'` (the builder's page-dropdown and the generator's `PressPageRef` need to recognize page relations): `const KEEP = ['type', 'required', 'enum', 'default', 'components', 'multiple', 'allowedTypes', 'repeatable', 'component', 'relation', 'target'] as const;`
+- Replace the DZ-walking block and return with:
+
+```ts
+import { PRESS_TREE_VERSION } from '@ogs-tech/press-shared';
+import { isCustomBlockUid } from './inject-components';
+
+/** Palette membership: engine presets + adopter customs; Strapi-internal categories never serve. */
+const isPaletteUid = (uid: string): boolean => uid.startsWith('preset-') || isCustomBlockUid(uid);
+
+export const serializeSchema = (strapi: Core.Strapi): PressSchema => {
+  const page = requireContentType(strapi, PAGE_UID);
+  const siteSetting = requireContentType(strapi, SITE_SETTING_UID);
+
+  // The body/pageDefaults JSON references components by uid at arbitrary depth,
+  // so the runtime view is the FULL registered palette (Spec §4) — there are no
+  // DZ admission lists left to walk.
+  const registry = strapi.get('components') as Map<string, any>;
+  const components: PressSchema['components'] = {};
+  for (const [uid, comp] of registry.entries()) {
+    if (!isPaletteUid(uid)) continue;
+    components[uid] = { uid, attributes: pickAttributes(comp.attributes) };
+  }
+
+  return {
+    tree: { version: PRESS_TREE_VERSION },
+    contentTypes: {
+      [page.uid]: { uid: page.uid, info: page.info, attributes: pickAttributes(page.attributes) },
+      [siteSetting.uid]: { uid: siteSetting.uid, info: siteSetting.info, attributes: pickAttributes(siteSetting.attributes) },
+    },
+    components,
+  };
+};
+```
+
+(The doc comment on the function is rewritten to match; the "missing component reachable from a DZ" throw disappears with the queue — `requireContentType` keeps the loud-failure guarantee for the content-types.)
+
+- [ ] **Step 5: Run tests, then PROVE the validator bundles into dist**
+
+Run: `pnpm --filter @ogs-tech/press-cms test && pnpm --filter @ogs-tech/press-cms test:ts:back`
+Expected: PASS.
+
+Now the bundling proof (Decision 3): press-shared stays a cms devDependency, so `strapi-plugin build` must INLINE it (a devDependency is not externalized by pack-up). Verify:
+
+Run: `pnpm --filter @ogs-tech/press-cms build && ! grep -R "press-shared" packages/cms/dist/server/index.js && grep -q "PRESS_TREE_VERSION\|unsupported tree version" packages/cms/dist/server/index.js && echo BUNDLED-OK`
+Expected: `BUNDLED-OK` (no runtime `require('@ogs-tech/press-shared')` left in dist; the constant/validator text is inlined). If the grep finds a bare import instead, STOP: the fix is adding press-shared to the cms `dependencies` (it is published as of Task 1) — flag this in the commit message if taken.
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add -A packages/cms
+git commit -m "feat(cms): preset-layout descriptors + full-palette schema serialization with tree contract version"
+```
+
+### Task 6: Server-side tree hydration (media assetId + page documentId)
+
+**Files:**
+- Create: `packages/cms/server/src/lib/hydrate-tree.ts`
+- Create: `packages/cms/server/src/lib/serve-hydrated.ts`
+- Test: `packages/cms/server/src/lib/hydrate-tree.test.ts`
+- Modify: `packages/cms/server/src/controllers/page.ts`, `packages/cms/server/src/controllers/site-setting.ts`
+
+**Interfaces:**
+- Consumes: component schemas from the registry (`strapi.get('components')`).
+- Produces (exact):
+  - `interface TreeRefs { assetIds: number[]; pageDocumentIds: string[] }`
+  - `interface TreeResolvers { media(assetId: number): Record<string, unknown> | null; page(documentId: string): Record<string, unknown> | null }`
+  - `type SchemaLookup = (uid: string) => { attributes?: Record<string, any> } | undefined`
+  - `collectNodeRefs(nodes: unknown, getSchema: SchemaLookup): TreeRefs`
+  - `hydrateNodeArray(nodes: unknown, getSchema: SchemaLookup, resolvers: TreeResolvers): unknown`
+  - `collectTreeRefs(tree: unknown, getSchema): TreeRefs` / `hydrateTree(tree: unknown, getSchema, resolvers): unknown` (walk `root.children` + both custom slots)
+  - `serve-hydrated.ts`: `hydratePageDoc(strapi, doc)`, `hydratePageDocs(strapi, docs)`, `hydrateSiteSetting(strapi, data)` — async, batched queries, tolerant of null/malformed input (pass through untouched).
+- Wire shapes after hydration: media `{ assetId }` → `{ assetId, url, width, height, alternativeText, name, mime }` (missing asset → `null`); page ref `{ documentId }` → `{ documentId, slug }` (unpublished/missing page → `{ documentId }`, no slug — the web link resolver falls back to `url`).
+
+- [ ] **Step 1: Write the failing tests**
+
+Create `packages/cms/server/src/lib/hydrate-tree.test.ts`:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { collectNodeRefs, collectTreeRefs, hydrateNodeArray, hydrateTree } from './hydrate-tree';
+
+const SCHEMAS: Record<string, any> = {
+  'preset-atom.image': { attributes: { image: { type: 'media', multiple: false }, caption: { type: 'string' } } },
+  'preset-atom.button': { attributes: { link: { type: 'component', component: 'preset-molecule.link' }, variant: { type: 'enumeration' } } },
+  'preset-molecule.link': { attributes: { label: { type: 'string' }, page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' }, url: { type: 'string' }, newTab: { type: 'boolean' } } },
+  'preset-organism.navbar': { attributes: { items: { type: 'component', repeatable: true, component: 'preset-molecule.link' }, cta: { type: 'component', component: 'preset-atom.button' } } },
+};
+const getSchema = (uid: string) => SCHEMAS[uid];
+
+const resolvers = {
+  media: (assetId: number) => (assetId === 7 ? { assetId: 7, url: '/uploads/x.png', width: 480, height: 270, alternativeText: null, name: 'x.png', mime: 'image/png' } : null),
+  page: (documentId: string) => (documentId === 'home-doc' ? { documentId: 'home-doc', slug: 'home' } : { documentId }),
+};
+
+const nodes = [
+  { id: 'b1', type: 'block', component: 'preset-atom.image', data: { image: { assetId: 7 }, caption: 'c' } },
+  {
+    id: 'r1', type: 'row', ratio: '50-50', children: [
+      { id: 'c1', type: 'column', children: [
+        { id: 'b2', type: 'block', component: 'preset-organism.navbar', data: {
+          items: [{ label: 'Home', page: { documentId: 'home-doc' } }, { label: 'Ext', url: 'https://x' }],
+          cta: { link: { label: 'Go', page: { documentId: 'gone-doc' } }, variant: 'primary' },
+        } },
+      ] },
+      { id: 'c2', type: 'column', children: [] },
+    ],
+  },
+  { id: 'b3', type: 'block', component: 'unknown.block', data: { anything: true } },
+];
+
+describe('collectNodeRefs', () => {
+  it('collects media + page refs through rows, columns and nested components', () => {
+    const refs = collectNodeRefs(nodes, getSchema);
+    expect(refs.assetIds).toEqual([7]);
+    expect(refs.pageDocumentIds.sort()).toEqual(['gone-doc', 'home-doc']);
+  });
+
+  it('returns empty refs for malformed input', () => {
+    expect(collectNodeRefs(null, getSchema)).toEqual({ assetIds: [], pageDocumentIds: [] });
+    expect(collectNodeRefs('nope', getSchema)).toEqual({ assetIds: [], pageDocumentIds: [] });
+  });
+});
+
+describe('hydrateNodeArray', () => {
+  it('replaces refs with resolved shapes, deep, without mutating input', () => {
+    const out = hydrateNodeArray(nodes, getSchema, resolvers) as any[];
+    expect(out[0].data.image).toEqual({ assetId: 7, url: '/uploads/x.png', width: 480, height: 270, alternativeText: null, name: 'x.png', mime: 'image/png' });
+    const navbar = out[1].children[0].children[0].data;
+    expect(navbar.items[0].page).toEqual({ documentId: 'home-doc', slug: 'home' });
+    expect(navbar.items[1]).toEqual({ label: 'Ext', url: 'https://x' });
+    expect(navbar.cta.link.page).toEqual({ documentId: 'gone-doc' }); // unpublished → ref kept, no slug
+    expect((nodes[0] as any).data.image).toEqual({ assetId: 7 }); // input untouched
+  });
+
+  it('nulls a media ref whose asset is gone and leaves unknown components untouched', () => {
+    const out = hydrateNodeArray(
+      [{ id: 'x', type: 'block', component: 'preset-atom.image', data: { image: { assetId: 999 } } }],
+      getSchema,
+      resolvers,
+    ) as any[];
+    expect(out[0].data.image).toBeNull();
+    const unknown = hydrateNodeArray([nodes[2]], getSchema, resolvers) as any[];
+    expect(unknown[0]).toEqual(nodes[2]);
+  });
+});
+
+describe('tree-level helpers', () => {
+  const tree = {
+    version: 1,
+    root: {
+      type: 'layout',
+      header: { mode: 'custom', children: [nodes[0]] },
+      footer: { mode: 'inherit' },
+      children: [nodes[1]],
+    },
+  };
+
+  it('collects and hydrates root children AND custom slot children', () => {
+    const refs = collectTreeRefs(tree, getSchema);
+    expect(refs.assetIds).toEqual([7]);
+    expect(refs.pageDocumentIds.sort()).toEqual(['gone-doc', 'home-doc']);
+    const out = hydrateTree(tree, getSchema, resolvers) as any;
+    expect(out.root.header.children[0].data.image.url).toBe('/uploads/x.png');
+    expect(out.root.footer).toEqual({ mode: 'inherit' });
+  });
+
+  it('passes malformed trees through untouched', () => {
+    expect(hydrateTree(null, getSchema, resolvers)).toBeNull();
+    expect(hydrateTree({ nope: 1 }, getSchema, resolvers)).toEqual({ nope: 1 });
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `pnpm --filter @ogs-tech/press-cms test`
+Expected: FAIL — module missing.
+
+- [ ] **Step 3: Implement the walker**
+
+Create `packages/cms/server/src/lib/hydrate-tree.ts`:
+
+```ts
+/**
+ * Media/page-ref hydration for composition trees (Spec §3 "Media inside `data`
+ * is a reference, not a snapshot"). The builder stores `{ assetId }` for media
+ * and `{ documentId }` for page relations; this walker — driven by the
+ * components registry so it never hardcodes block shapes — swaps them for fresh
+ * values at serve time, so the wire never rots.
+ *
+ * Pure: resolvers are injected; the strapi-facing batching lives in
+ * serve-hydrated.ts. Never mutates its input; unknown components and malformed
+ * values pass through untouched (the web renderer owns tolerance).
+ */
+
+export interface TreeRefs {
+  assetIds: number[];
+  pageDocumentIds: string[];
+}
+
+export interface TreeResolvers {
+  media(assetId: number): Record<string, unknown> | null;
+  page(documentId: string): Record<string, unknown> | null;
+}
+
+export type SchemaLookup = (uid: string) => { attributes?: Record<string, any> } | undefined;
+
+const PAGE_TARGET = 'plugin::press-cms.page';
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === 'object' && v !== null && !Array.isArray(v);
+
+type Visitor = {
+  media(assetId: number): unknown;
+  page(documentId: string): unknown;
+};
+
+/** Walks one component's data guided by its schema attributes; returns a new object. */
+function walkData(data: unknown, attributes: Record<string, any> | undefined, getSchema: SchemaLookup, visit: Visitor): unknown {
+  if (!isRecord(data) || !attributes) return data;
+  const out: Record<string, unknown> = { ...data };
+  for (const [name, attr] of Object.entries(attributes)) {
+    const value = out[name];
+    if (value === undefined || value === null) continue;
+    if (attr?.type === 'media' && isRecord(value) && typeof value.assetId === 'number') {
+      out[name] = visit.media(value.assetId);
+    } else if (attr?.type === 'relation' && attr?.target === PAGE_TARGET && isRecord(value) && typeof value.documentId === 'string') {
+      out[name] = visit.page(value.documentId);
+    } else if (attr?.type === 'component' && typeof attr?.component === 'string') {
+      const nested = getSchema(attr.component)?.attributes;
+      out[name] = attr.repeatable && Array.isArray(value)
+        ? value.map((item) => walkData(item, nested, getSchema, visit))
+        : walkData(value, nested, getSchema, visit);
+    }
+  }
+  return out;
+}
+
+function walkNodes(nodes: unknown, getSchema: SchemaLookup, visit: Visitor): unknown {
+  if (!Array.isArray(nodes)) return nodes;
+  return nodes.map((node) => {
+    if (!isRecord(node)) return node;
+    if (node.type === 'block' && typeof node.component === 'string') {
+      const attributes = getSchema(node.component)?.attributes;
+      return { ...node, data: walkData(node.data, attributes, getSchema, visit) };
+    }
+    if ((node.type === 'row' || node.type === 'column') && Array.isArray(node.children)) {
+      return { ...node, children: walkNodes(node.children, getSchema, visit) };
+    }
+    return node;
+  });
+}
+
+function slotChildren(tree: unknown): { root: Record<string, unknown> | null; slots: Array<'header' | 'footer'> } {
+  if (!isRecord(tree) || !isRecord(tree.root)) return { root: null, slots: [] };
+  const slots: Array<'header' | 'footer'> = [];
+  for (const key of ['header', 'footer'] as const) {
+    const slot = (tree.root as Record<string, unknown>)[key];
+    if (isRecord(slot) && slot.mode === 'custom') slots.push(key);
+  }
+  return { root: tree.root as Record<string, unknown>, slots };
+}
+
+export function collectNodeRefs(nodes: unknown, getSchema: SchemaLookup): TreeRefs {
+  const assetIds = new Set<number>();
+  const pageDocumentIds = new Set<string>();
+  walkNodes(nodes, getSchema, {
+    media: (assetId) => (assetIds.add(assetId), { assetId }),
+    page: (documentId) => (pageDocumentIds.add(documentId), { documentId }),
+  });
+  return { assetIds: [...assetIds], pageDocumentIds: [...pageDocumentIds] };
+}
+
+export function hydrateNodeArray(nodes: unknown, getSchema: SchemaLookup, resolvers: TreeResolvers): unknown {
+  return walkNodes(nodes, getSchema, {
+    media: (assetId) => resolvers.media(assetId),
+    page: (documentId) => resolvers.page(documentId),
+  });
+}
+
+export function collectTreeRefs(tree: unknown, getSchema: SchemaLookup): TreeRefs {
+  const { root, slots } = slotChildren(tree);
+  if (!root) return { assetIds: [], pageDocumentIds: [] };
+  const all = [
+    collectNodeRefs(root.children, getSchema),
+    ...slots.map((key) => collectNodeRefs((root[key] as Record<string, unknown>).children, getSchema)),
+  ];
+  return {
+    assetIds: [...new Set(all.flatMap((r) => r.assetIds))],
+    pageDocumentIds: [...new Set(all.flatMap((r) => r.pageDocumentIds))],
+  };
+}
+
+export function hydrateTree(tree: unknown, getSchema: SchemaLookup, resolvers: TreeResolvers): unknown {
+  const { root, slots } = slotChildren(tree);
+  if (!root) return tree;
+  const nextRoot: Record<string, unknown> = { ...root, children: hydrateNodeArray(root.children, getSchema, resolvers) };
+  for (const key of slots) {
+    const slot = root[key] as Record<string, unknown>;
+    nextRoot[key] = { ...slot, children: hydrateNodeArray(slot.children, getSchema, resolvers) };
+  }
+  return { ...(tree as Record<string, unknown>), root: nextRoot };
+}
+```
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `pnpm --filter @ogs-tech/press-cms test`
+Expected: PASS.
+
+- [ ] **Step 5: Wire the resolvers and controllers**
+
+Create `packages/cms/server/src/lib/serve-hydrated.ts`:
+
+```ts
+import type { Core } from '@strapi/strapi';
+import { collectNodeRefs, collectTreeRefs, hydrateNodeArray, hydrateTree, type SchemaLookup, type TreeRefs, type TreeResolvers } from './hydrate-tree';
+
+const PAGE_UID = 'plugin::press-cms.page';
+
+const schemaLookup = (strapi: Core.Strapi): SchemaLookup => {
+  const registry = strapi.get('components') as Map<string, any>;
+  return (uid) => registry.get(uid);
+};
+
+/** One batched query per ref kind; a missing asset → null, a missing/unpublished page → ref without slug. */
+async function buildResolvers(strapi: Core.Strapi, refs: TreeRefs): Promise<TreeResolvers> {
+  const files = refs.assetIds.length
+    ? await strapi.db.query('plugin::upload.file').findMany({ where: { id: { $in: refs.assetIds } } })
+    : [];
+  const fileById = new Map<number, Record<string, unknown>>(
+    files.map((f: any) => [f.id, {
+      assetId: f.id, url: f.url, width: f.width, height: f.height,
+      alternativeText: f.alternativeText ?? null, name: f.name, mime: f.mime,
+    }]),
+  );
+  const pages = refs.pageDocumentIds.length
+    ? await strapi.documents(PAGE_UID as any).findMany({
+        filters: { documentId: { $in: refs.pageDocumentIds } },
+        status: 'published',
+        fields: ['slug'],
+      })
+    : [];
+  const pageByDoc = new Map<string, Record<string, unknown>>(
+    (pages as any[]).map((p) => [p.documentId, { documentId: p.documentId, slug: p.slug }]),
+  );
+  return {
+    media: (assetId) => fileById.get(assetId) ?? null,
+    page: (documentId) => pageByDoc.get(documentId) ?? { documentId },
+  };
+}
+
+export async function hydratePageDoc<T extends { body?: unknown }>(strapi: Core.Strapi, doc: T | null): Promise<T | null> {
+  if (!doc || doc.body === undefined || doc.body === null) return doc;
+  const getSchema = schemaLookup(strapi);
+  const resolvers = await buildResolvers(strapi, collectTreeRefs(doc.body, getSchema));
+  return { ...doc, body: hydrateTree(doc.body, getSchema, resolvers) };
+}
+
+export async function hydratePageDocs<T extends { body?: unknown }>(strapi: Core.Strapi, docs: T[]): Promise<T[]> {
+  return Promise.all(docs.map((doc) => hydratePageDoc(strapi, doc) as Promise<T>));
+}
+
+export async function hydrateSiteSetting<T extends { pageDefaults?: unknown }>(strapi: Core.Strapi, data: T | null): Promise<T | null> {
+  const pd = data?.pageDefaults as { header?: unknown; footer?: unknown } | null | undefined;
+  if (!data || !pd || typeof pd !== 'object') return data;
+  const getSchema = schemaLookup(strapi);
+  const refs = [collectNodeRefs(pd.header, getSchema), collectNodeRefs(pd.footer, getSchema)];
+  const resolvers = await buildResolvers(strapi, {
+    assetIds: [...new Set(refs.flatMap((r) => r.assetIds))],
+    pageDocumentIds: [...new Set(refs.flatMap((r) => r.pageDocumentIds))],
+  });
+  return {
+    ...data,
+    pageDefaults: {
+      ...pd,
+      header: hydrateNodeArray(pd.header, getSchema, resolvers),
+      footer: hydrateNodeArray(pd.footer, getSchema, resolvers),
+    },
+  };
+}
+```
+
+Wire the controllers:
+- `controllers/page.ts` `find`: `ctx.body = { data: await hydratePageDocs(strapi, data as any[]) };`; `findOne`: `ctx.body = { data: await hydratePageDoc(strapi, doc) };` (import from `../lib/serve-hydrated`).
+- `controllers/site-setting.ts` `find`: `ctx.body = { data: await hydrateSiteSetting(strapi, data as any) };`.
+
+- [ ] **Step 6: Run the cms gate and commit**
+
+Run: `pnpm --filter @ogs-tech/press-cms test && pnpm --filter @ogs-tech/press-cms test:ts:back`
+Expected: PASS / exit 0.
+
+```bash
+git add packages/cms
+git commit -m "feat(cms): serve-time hydration of media assetId and page documentId refs in composition trees"
+```
+
+### Task 7: Lifecycle validation backstop
+
+**Files:**
+- Create: `packages/cms/server/src/lib/validate-write.ts`
+- Test: `packages/cms/server/src/lib/validate-write.test.ts`
+- Modify: `packages/cms/server/src/bootstrap.ts`
+
+**Interfaces:**
+- Consumes: `validatePressTree` / `validateNodeArray` from `@ogs-tech/press-shared` (Task 2).
+- Produces: `assertValidPageWrite(data: Record<string, unknown> | undefined): void` and `assertValidSiteSettingWrite(data: Record<string, unknown> | undefined): void` — throw `Error` with an actionable multi-line message on ANY error or warning (strict write, Spec §4); no-op when the guarded field is absent (partial updates). `bootstrap` subscribes them via `strapi.db.lifecycles.subscribe`.
+- Note: a plain `Error` (not `@strapi/utils` `ValidationError`) is deliberate — it avoids adding a dependency on `@strapi/utils` to the bundled plugin; the admin surfaces the message either way. Named trade-off: the HTTP status is 500 instead of 400; refine later if it bites.
+
+- [ ] **Step 1: Write the failing tests**
+
+Create `packages/cms/server/src/lib/validate-write.test.ts`:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { assertValidPageWrite, assertValidSiteSettingWrite } from './validate-write';
+
+const validTree = {
+  version: 1,
+  root: { type: 'layout', header: { mode: 'inherit' }, footer: { mode: 'inherit' }, children: [] },
+};
+
+describe('assertValidPageWrite', () => {
+  it('passes valid trees and skips writes without a body (partial update)', () => {
+    expect(() => assertValidPageWrite({ body: validTree })).not.toThrow();
+    expect(() => assertValidPageWrite({ title: 'x' })).not.toThrow();
+    expect(() => assertValidPageWrite(undefined)).not.toThrow();
+  });
+
+  it('rejects structural errors AND stripped-attr warnings (strict write)', () => {
+    expect(() => assertValidPageWrite({ body: { version: 99 } })).toThrow(/unsupported tree version/);
+    const warned = {
+      version: 1,
+      root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+        { id: 'r', type: 'row', ratio: '50-50', container: { width: 'xl' }, children: [
+          { id: 'c', type: 'column', children: [] },
+        ] },
+      ] },
+    };
+    expect(() => assertValidPageWrite({ body: warned })).toThrow(/width/);
+  });
+
+  it('tolerates a JSON string body (db layer serialization)', () => {
+    expect(() => assertValidPageWrite({ body: JSON.stringify(validTree) })).not.toThrow();
+    expect(() => assertValidPageWrite({ body: 'not json {' })).toThrow(/invalid composition tree/);
+  });
+});
+
+describe('assertValidSiteSettingWrite', () => {
+  it('validates each pageDefaults slot as a Node[] and skips absent slots', () => {
+    expect(() => assertValidSiteSettingWrite({ pageDefaults: { header: [], footer: [] } })).not.toThrow();
+    expect(() => assertValidSiteSettingWrite({ name: 'x' })).not.toThrow();
+    expect(() =>
+      assertValidSiteSettingWrite({ pageDefaults: { header: [{ id: 'c', type: 'column', children: [] }] } }),
+    ).toThrow(/only legal directly under a row/);
+  });
+});
+```
+
+- [ ] **Step 2: Run to verify failure**
+
+Run: `pnpm --filter @ogs-tech/press-cms test`
+Expected: FAIL — module missing.
+
+- [ ] **Step 3: Implement the guards and subscribe**
+
+Create `packages/cms/server/src/lib/validate-write.ts`:
+
+```ts
+/**
+ * Write-path validation backstop (Spec §4): the builder UI makes invalid trees
+ * unreachable; these lifecycle guards protect direct API writes. STRICT: any
+ * error OR warning rejects — sanitize-and-accept is the READ side's job.
+ */
+import { validateNodeArray, validatePressTree, type TreeIssue } from '@ogs-tech/press-shared';
+
+const format = (issues: TreeIssue[]): string => issues.map((i) => `  ${i.path}: ${i.message}`).join('\n');
+
+const parseMaybeJson = (value: unknown): unknown => {
+  if (typeof value !== 'string') return value;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return Symbol('unparseable'); // guaranteed to fail validation with a clear message
+  }
+};
+
+export function assertValidPageWrite(data: Record<string, unknown> | undefined): void {
+  const body = data?.body;
+  if (body === undefined || body === null) return;
+  const { errors, warnings } = validatePressTree(parseMaybeJson(body));
+  const issues = [...errors, ...warnings];
+  if (issues.length > 0) {
+    throw new Error(`[press-cms] invalid composition tree in page.body — write rejected:\n${format(issues)}`);
+  }
+}
+
+export function assertValidSiteSettingWrite(data: Record<string, unknown> | undefined): void {
+  const pd = parseMaybeJson(data?.pageDefaults);
+  if (pd === undefined || pd === null) return;
+  if (typeof pd !== 'object' || Array.isArray(pd)) {
+    throw new Error('[press-cms] pageDefaults must be an object of { header, footer } node arrays — write rejected');
+  }
+  for (const key of ['header', 'footer'] as const) {
+    const slot = (pd as Record<string, unknown>)[key];
+    if (slot === undefined || slot === null) continue;
+    const { errors, warnings } = validateNodeArray(slot);
+    const issues = [...errors, ...warnings];
+    if (issues.length > 0) {
+      throw new Error(`[press-cms] invalid nodes in pageDefaults.${key} — write rejected:\n${format(issues)}`);
+    }
+  }
+}
+```
+
+In `packages/cms/server/src/bootstrap.ts`, subscribe BEFORE the seeds run (seeds write valid trees and must pass their own guard):
+
+```ts
+import type { Core } from '@strapi/strapi';
+import { seedSiteSetting } from './lib/seed-site-setting';
+import { seedCookieConsent } from './lib/seed-cookie-consent';
+import { assertValidPageWrite, assertValidSiteSettingWrite } from './lib/validate-write';
+
+const bootstrap = async ({ strapi }: { strapi: Core.Strapi }) => {
+  // Write-path backstop (Spec §4): the admin builder can't produce an invalid
+  // tree; raw API writes are rejected here with actionable messages.
+  strapi.db.lifecycles.subscribe({
+    models: ['plugin::press-cms.page', 'plugin::press-cms.site-setting'],
+    beforeCreate(event: any) {
+      guard(event);
+    },
+    beforeUpdate(event: any) {
+      guard(event);
+    },
+  } as any);
+  const guard = (event: any): void => {
+    if (event.model?.uid === 'plugin::press-cms.page') assertValidPageWrite(event.params?.data);
+    else assertValidSiteSettingWrite(event.params?.data);
+  };
+
+  await seedSiteSetting(strapi);
+  // Order matters: seedCookieConsent updates the record seedSiteSetting creates
+  // (and self-heals — without marking its flag — if the record is absent).
+  await seedCookieConsent(strapi);
+};
+
+export default bootstrap;
+```
+
+(Hoist `guard` above the subscribe call — `const` before use; the snippet above shows both pieces, order them correctly in the file.)
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `pnpm --filter @ogs-tech/press-cms test && pnpm --filter @ogs-tech/press-cms test:ts:back`
+Expected: PASS / exit 0.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add packages/cms
+git commit -m "feat(cms): lifecycle validation backstop for composition-tree writes"
+```
+
+### Task 8: pageDefaults seeding
+
+**Files:**
+- Modify: `packages/cms/server/src/lib/seed-site-setting.ts`
+- Test: `packages/cms/server/src/lib/seed-site-setting.test.ts` (rewrite expectations)
+
+**Interfaces:**
+- Consumes: `pluginStore` (existing).
+- Produces: `buildDefaultPageDefaults(): { header: Node-shaped[]; footer: Node-shaped[] }` (bare navbar/footer BlockNodes, `crypto.randomUUID` ids); plugin-store flag key `pageDefaultsSeeded`. The old `DEFAULT_CHROME` and `chromeSeeded` flag die. Same choreography as before: create-with-defaults on fresh DB; one fill pass for a pre-existing record; editor-emptied slots respected forever; flag NOT set when the record is missing (self-healing, the seedCookieConsent precedent — here the create branch always produces the record, so the flag always follows an actual write).
+
+- [ ] **Step 1: Rewrite the seeder**
+
+Replace the seeding logic in `packages/cms/server/src/lib/seed-site-setting.ts`:
+
+```ts
+import { randomUUID } from 'node:crypto';
+import type { Core } from '@strapi/strapi';
+import { pluginStore } from './plugin-store';
+
+/** UID of the engine's Site Settings single type (plugin name `press-cms`). */
+export const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
+
+const PAGE_DEFAULTS_SEED_KEY = 'pageDefaultsSeeded';
+
+/**
+ * Default chrome (Spec §4): a bare navbar and a bare footer BlockNode per slot.
+ * BARE on purpose (no items/cta/text) — the CLI's seed.mjs fills demo content;
+ * "no defaults duplicated in the CMS". Fresh ids per call: node ids are
+ * builder-scoped React keys, never identity.
+ */
+export const buildDefaultPageDefaults = () => ({
+  header: [{ id: randomUUID(), type: 'block', component: 'preset-organism.navbar', data: {} }],
+  footer: [{ id: randomUUID(), type: 'block', component: 'preset-organism.footer', data: {} }],
+});
+
+/**
+ * Seeds Site Settings pageDefaults exactly once (plugin-store flag): Strapi
+ * cannot distinguish a never-touched slot from an editor-emptied one (both read
+ * back as []), so after the one seeding pass the slots are never written again.
+ */
+export async function seedSiteSetting(strapi: Core.Strapi): Promise<void> {
+  const docs = strapi.documents(SITE_SETTING_UID);
+  const store = pluginStore(strapi);
+
+  // pageDefaults is a JSON scalar — visible without populate.
+  const existing = (await docs.findFirst()) as any;
+
+  if (!existing) {
+    await docs.create({ data: { pageDefaults: buildDefaultPageDefaults() } as any });
+  } else if (!(await store.get({ key: PAGE_DEFAULTS_SEED_KEY }))) {
+    const pd = (existing.pageDefaults ?? {}) as { header?: unknown[]; footer?: unknown[] };
+    const defaults = buildDefaultPageDefaults();
+    const next: Record<string, unknown> = { ...pd };
+    let changed = false;
+    if (!Array.isArray(pd.header) || pd.header.length === 0) { next.header = defaults.header; changed = true; }
+    if (!Array.isArray(pd.footer) || pd.footer.length === 0) { next.footer = defaults.footer; changed = true; }
+    if (changed) {
+      await docs.update({ documentId: existing.documentId, data: { pageDefaults: next } as any });
+    }
+  } else {
+    return; // seeded before — never touch the defaults again
+  }
+
+  await store.set({ key: PAGE_DEFAULTS_SEED_KEY, value: true });
+}
+```
+
+- [ ] **Step 2: Rewrite the seed test**
+
+Replace `packages/cms/server/src/lib/seed-site-setting.test.ts` with (the existing fake-strapi harness, minus the DZ-populate pin — `pageDefaults` is a JSON scalar and `findFirst()` is called bare now):
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { seedSiteSetting, SITE_SETTING_UID } from './seed-site-setting';
+
+/** Minimal Document-Service + plugin-store fake (pre-tree harness, populate pin dropped). */
+function fakeStrapi(record: any = null, flags: Record<string, unknown> = {}) {
+  const creates: Array<{ data: any }> = [];
+  const updates: Array<{ documentId: string; data: any }> = [];
+  let current = record;
+  const store = new Map<string, unknown>(Object.entries(flags));
+  const strapi = {
+    documents: (uid: string) => {
+      expect(uid).toBe(SITE_SETTING_UID);
+      return {
+        findFirst: async () => current,
+        create: async (params: { data: any }) => {
+          creates.push(params);
+          current = { documentId: 'doc-1', ...params.data };
+          return current;
+        },
+        update: async (params: { documentId: string; data: any }) => {
+          updates.push(params);
+          current = { ...current, ...params.data };
+          return current;
+        },
+      };
+    },
+    store: ({ type, name }: { type: string; name: string }) => {
+      expect(type).toBe('plugin');
+      expect(name).toBe('press-cms');
+      return {
+        get: async ({ key }: { key: string }) => store.get(key),
+        set: async ({ key, value }: { key: string; value: unknown }) => void store.set(key, value),
+      };
+    },
+  } as any;
+  return { strapi, creates, updates, store };
+}
+
+const expectBareChrome = (pd: any) => {
+  expect(pd.header).toHaveLength(1);
+  expect(pd.header[0]).toMatchObject({ type: 'block', component: 'preset-organism.navbar', data: {} });
+  expect(typeof pd.header[0].id).toBe('string');
+  expect(pd.footer[0]).toMatchObject({ type: 'block', component: 'preset-organism.footer', data: {} });
+};
+
+describe('seedSiteSetting — pageDefaults (composition-builder Spec §4)', () => {
+  it('creates the record WITH bare pageDefaults on a fresh DB and marks the seed done', async () => {
+    const { strapi, creates, updates, store } = fakeStrapi(null);
+    await seedSiteSetting(strapi);
+    expect(creates).toHaveLength(1);
+    expectBareChrome(creates[0].data.pageDefaults);
+    expect(updates).toEqual([]);
+    expect(store.get('pageDefaultsSeeded')).toBe(true);
+  });
+
+  it('fills still-empty slots on an existing record exactly once', async () => {
+    const { strapi, updates, store } = fakeStrapi({ documentId: 'doc-1', pageDefaults: { header: [], footer: [] } });
+    await seedSiteSetting(strapi);
+    expect(updates).toHaveLength(1);
+    expectBareChrome(updates[0].data.pageDefaults);
+    expect(store.get('pageDefaultsSeeded')).toBe(true);
+  });
+
+  it('never overwrites a composed slot — only the empty sibling is seeded', async () => {
+    const composed = [{ id: 'n1', type: 'block', component: 'preset-organism.navbar', data: { items: [{ label: 'Docs' }] } }];
+    const { strapi, updates } = fakeStrapi({ documentId: 'doc-1', pageDefaults: { header: composed, footer: [] } });
+    await seedSiteSetting(strapi);
+    expect(updates).toHaveLength(1);
+    const pd = updates[0].data.pageDefaults as any;
+    expect(pd.header).toEqual(composed);
+    expect(pd.footer[0]).toMatchObject({ component: 'preset-organism.footer' });
+  });
+
+  it('respects an editor-emptied slot once the seed has run (flag set → no writes)', async () => {
+    const { strapi, creates, updates } = fakeStrapi(
+      { documentId: 'doc-1', pageDefaults: { header: [], footer: [] } },
+      { pageDefaultsSeeded: true },
+    );
+    await seedSiteSetting(strapi);
+    expect(creates).toEqual([]);
+    expect(updates).toEqual([]);
+  });
+
+  it('is idempotent across repeated runs — one create, no later writes', async () => {
+    const { strapi, creates, updates } = fakeStrapi(null);
+    await seedSiteSetting(strapi);
+    await seedSiteSetting(strapi);
+    expect(creates).toHaveLength(1);
+    expect(updates).toEqual([]);
+  });
+});
+```
+
+- [ ] **Step 3: Run tests, verify, commit**
+
+Run: `pnpm --filter @ogs-tech/press-cms test && pnpm --filter @ogs-tech/press-cms test:ts:back`
+Expected: PASS.
+
+```bash
+git add packages/cms
+git commit -m "feat(cms): seed pageDefaults once with bare navbar/footer block nodes"
+```
+
+---
+
+## Phase 3 — `@ogs-tech/press-cms` admin: the builder custom field
+
+Admin-phase prerequisites (fold into Task 9's first commit): add to `packages/cms/package.json` devDependencies — `"react": "^18.3.1"`, `"react-dom": "^18.3.1"`, `"@types/react": "^18"`, `"jsdom": "^25.0.1"` — then `pnpm install`. The root `pnpm.overrides` already pin react 18, so no hoist hazard.
+
+### Task 9: Pure tree operations (`tree-ops`)
+
+**Files:**
+- Create: `packages/cms/admin/src/lib/tree-ops.ts`
+- Test: `packages/cms/admin/src/lib/tree-ops.test.ts`
+
+**Interfaces:**
+- Consumes: `Node`/`RowNode`/`ColumnNode`/`BlockNode`/`Ratio` types from `@ogs-tech/press-shared` (type-only — the admin bundle needs no runtime validator).
+- Produces (exact — the React editor calls ONLY these; structural invariants live here, enforced by construction):
+  - `type Forest = Node[]` and `type NodePath = number[]` (indices through `children` arrays; a path addresses a node in a slot's forest)
+  - `RATIO_SLOTS: Record<Ratio, number>` (`50-50`→2, `33-67`→2, `67-33`→2, `33-33-33`→3, `25-25-25-25`→4)
+  - `newBlockNode(component: string): BlockNode` / `newRowNode(ratio: Ratio): RowNode` / `newColumnNode(): ColumnNode`
+  - `getNode(forest: Forest, path: NodePath): Node | null`
+  - `insertNode(forest: Forest, parentPath: NodePath | null, index: number, node: Node): Forest` — parent `null` = forest root; throws on: column node into a non-row parent, non-column into a row, any child into a block, >4 columns in a row
+  - `removeNode(forest: Forest, path: NodePath): Forest`
+  - `moveNode(forest: Forest, path: NodePath, delta: -1 | 1): Forest` (clamped, sibling-order swap)
+  - `setBlockData(forest: Forest, path: NodePath, data: Record<string, unknown>): Forest`
+  - `setContainerAttr(forest: Forest, path: NodePath, key: 'width' | 'gap' | 'verticalAlign', value: string | undefined): Forest` (undefined deletes the key; empty group deletes `container`)
+  - `setRowRatio(forest: Forest, path: NodePath, ratio: Ratio): Forest` — GROWS children to `RATIO_SLOTS[ratio]`, never shrinks (extra columns are tolerated by the renderer)
+  - `addColumn(forest: Forest, rowPath: NodePath): Forest` (throws at 4)
+- All operations are immutable (return a new forest, never mutate).
+
+- [ ] **Step 1: Write the failing tests**
+
+Create `packages/cms/admin/src/lib/tree-ops.test.ts`:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import {
+  addColumn, getNode, insertNode, moveNode, newBlockNode, newColumnNode, newRowNode,
+  RATIO_SLOTS, removeNode, setBlockData, setContainerAttr, setRowRatio, type Forest,
+} from './tree-ops';
+
+const forest = (): Forest => {
+  const row = newRowNode('50-50');
+  return [newBlockNode('preset-organism.hero'), row];
+};
+
+describe('node factories', () => {
+  it('mints unique string ids and ratio-sized rows', () => {
+    const a = newBlockNode('preset-atom.paragraph');
+    const b = newBlockNode('preset-atom.paragraph');
+    expect(a.id).not.toBe(b.id);
+    expect(a).toMatchObject({ type: 'block', component: 'preset-atom.paragraph', data: {} });
+    const row = newRowNode('33-33-33');
+    expect(row.children).toHaveLength(RATIO_SLOTS['33-33-33']);
+    expect(row.children.every((c) => c.type === 'column')).toBe(true);
+  });
+});
+
+describe('insertNode invariants (by construction)', () => {
+  it('inserts blocks and rows at the root and inside columns', () => {
+    const f = forest();
+    const out = insertNode(f, null, 0, newBlockNode('preset-atom.spacer'));
+    expect(out).toHaveLength(3);
+    expect((out[0] as any).component).toBe('preset-atom.spacer');
+    expect(f).toHaveLength(2); // immutable
+
+    const intoColumn = insertNode(out, [2, 0], 0, newRowNode('50-50')); // row INSIDE a column: the recursion point
+    expect((getNode(intoColumn, [2, 0, 0]) as any).type).toBe('row');
+  });
+
+  it('refuses a column outside a row and a non-column inside a row', () => {
+    const f = forest();
+    expect(() => insertNode(f, null, 0, newColumnNode())).toThrow(/column/i);
+    expect(() => insertNode(f, [1], 0, newBlockNode('preset-atom.spacer'))).toThrow(/row/i);
+  });
+
+  it('caps a row at 4 columns', () => {
+    let f: Forest = [newRowNode('25-25-25-25')];
+    expect(() => insertNode(f, [0], 4, newColumnNode())).toThrow(/4/);
+    f = [newRowNode('50-50')];
+    f = addColumn(f, [0]);
+    f = addColumn(f, [0]);
+    expect((f[0] as any).children).toHaveLength(4);
+    expect(() => addColumn(f, [0])).toThrow(/4/);
+  });
+});
+
+describe('remove / move / update', () => {
+  it('removes at depth and moves within siblings (clamped)', () => {
+    const f = forest();
+    expect(removeNode(f, [0])).toHaveLength(1);
+    const moved = moveNode(f, [1], -1);
+    expect((moved[0] as any).type).toBe('row');
+    expect(moveNode(moved, [0], -1)).toEqual(moved); // clamped at the edge
+  });
+
+  it('sets block data and container attrs immutably', () => {
+    const f = forest();
+    const withData = setBlockData(f, [0], { title: 'Hi' });
+    expect((withData[0] as any).data).toEqual({ title: 'Hi' });
+    expect((f[0] as any).data).toEqual({});
+
+    const withAttr = setContainerAttr(f, [1], 'gap', 'compact');
+    expect((withAttr[1] as any).container).toEqual({ gap: 'compact' });
+    const cleared = setContainerAttr(withAttr, [1], 'gap', undefined);
+    expect((cleared[1] as any).container).toBeUndefined();
+  });
+
+  it('setRowRatio grows children to the slot count but never shrinks', () => {
+    let f: Forest = [newRowNode('25-25-25-25')];
+    f = setRowRatio(f, [0], '50-50');
+    expect((f[0] as any).children).toHaveLength(4); // never shrinks (renderer tolerance)
+    let g: Forest = [newRowNode('50-50')];
+    g = setRowRatio(g, [0], '33-33-33');
+    expect((g[0] as any).children).toHaveLength(3);
+  });
+});
+```
+
+- [ ] **Step 2: Run to verify failure**
+
+Run: `pnpm --filter @ogs-tech/press-cms test`
+Expected: FAIL — module missing.
+
+- [ ] **Step 3: Implement tree-ops**
+
+Create `packages/cms/admin/src/lib/tree-ops.ts`:
+
+```ts
+/**
+ * Pure, immutable operations on a composition forest (a slot's Node[]). The
+ * builder UI calls ONLY these — the structural invariants (Spec §4: Column only
+ * under Row, Row children are Columns only, 1–4 columns) are enforced here by
+ * construction, which is what makes the lifecycle validator "unreachable" from
+ * the admin. No React, no Strapi: unit-tested without a DOM.
+ */
+import type { BlockNode, ColumnNode, Node, Ratio, RowNode } from '@ogs-tech/press-shared';
+
+export type Forest = Node[];
+export type NodePath = number[];
+
+export const RATIO_SLOTS: Record<Ratio, number> = {
+  '50-50': 2,
+  '33-67': 2,
+  '67-33': 2,
+  '33-33-33': 3,
+  '25-25-25-25': 4,
+};
+
+export const MAX_COLUMNS = 4;
+
+const uuid = (): string => globalThis.crypto.randomUUID();
+
+export const newBlockNode = (component: string): BlockNode => ({ id: uuid(), type: 'block', component, data: {} });
+
+export const newColumnNode = (): ColumnNode => ({ id: uuid(), type: 'column', children: [] });
+
+export const newRowNode = (ratio: Ratio): RowNode => ({
+  id: uuid(),
+  type: 'row',
+  ratio,
+  children: Array.from({ length: RATIO_SLOTS[ratio] }, () => newColumnNode()),
+});
+
+const childrenOf = (node: Node): Node[] =>
+  node.type === 'block' ? [] : (node.children as Node[]);
+
+export function getNode(forest: Forest, path: NodePath): Node | null {
+  let list: Node[] = forest;
+  let node: Node | null = null;
+  for (const index of path) {
+    node = list[index] ?? null;
+    if (!node) return null;
+    list = childrenOf(node);
+  }
+  return node;
+}
+
+/** Rebuilds the spine along `path`, applying `update` to the addressed sibling list. */
+function updateList(forest: Forest, parentPath: NodePath | null, update: (siblings: Node[], parent: Node | null) => Node[]): Forest {
+  if (parentPath === null || parentPath.length === 0) {
+    if (parentPath === null) return update([...forest], null);
+  }
+  const walk = (list: Node[], path: NodePath): Node[] => {
+    if (path.length === 0) return update([...list], null);
+    const [head, ...rest] = path;
+    return list.map((node, i) => {
+      if (i !== head) return node;
+      if (node.type === 'block') throw new Error('[press-cms] a block node has no children');
+      if (rest.length === 0) {
+        return { ...node, children: update([...(node.children as Node[])], node) } as Node;
+      }
+      return { ...node, children: walk(node.children as Node[], rest) } as Node;
+    });
+  };
+  return walk(forest, parentPath ?? []);
+}
+
+function assertLegalChild(parent: Node | null, child: Node): void {
+  if (parent === null || parent.type === 'column') {
+    if (child.type === 'column') throw new Error('[press-cms] a column is only legal directly under a row');
+    return;
+  }
+  if (parent.type === 'row') {
+    if (child.type !== 'column') throw new Error('[press-cms] row children must be columns');
+    return;
+  }
+  throw new Error('[press-cms] a block node cannot take children');
+}
+
+export function insertNode(forest: Forest, parentPath: NodePath | null, index: number, node: Node): Forest {
+  const parent = parentPath === null ? null : getNode(forest, parentPath);
+  if (parentPath !== null && !parent) throw new Error('[press-cms] insert parent not found');
+  assertLegalChild(parent, node);
+  if (parent?.type === 'row' && (parent.children as Node[]).length >= MAX_COLUMNS) {
+    throw new Error(`[press-cms] a row carries at most ${MAX_COLUMNS} columns`);
+  }
+  return updateList(forest, parentPath, (siblings) => {
+    siblings.splice(Math.max(0, Math.min(index, siblings.length)), 0, node);
+    return siblings;
+  });
+}
+
+export function removeNode(forest: Forest, path: NodePath): Forest {
+  const parentPath = path.slice(0, -1);
+  const index = path[path.length - 1];
+  return updateList(forest, parentPath.length ? parentPath : null, (siblings) => {
+    siblings.splice(index, 1);
+    return siblings;
+  });
+}
+
+export function moveNode(forest: Forest, path: NodePath, delta: -1 | 1): Forest {
+  const parentPath = path.slice(0, -1);
+  const index = path[path.length - 1];
+  return updateList(forest, parentPath.length ? parentPath : null, (siblings) => {
+    const target = index + delta;
+    if (target < 0 || target >= siblings.length) return siblings;
+    const [node] = siblings.splice(index, 1);
+    siblings.splice(target, 0, node);
+    return siblings;
+  });
+}
+
+function patchNode(forest: Forest, path: NodePath, patch: (node: Node) => Node): Forest {
+  const parentPath = path.slice(0, -1);
+  const index = path[path.length - 1];
+  return updateList(forest, parentPath.length ? parentPath : null, (siblings) => {
+    if (!siblings[index]) throw new Error('[press-cms] node not found at path');
+    siblings[index] = patch(siblings[index]);
+    return siblings;
+  });
+}
+
+export function setBlockData(forest: Forest, path: NodePath, data: Record<string, unknown>): Forest {
+  return patchNode(forest, path, (node) => {
+    if (node.type !== 'block') throw new Error('[press-cms] setBlockData targets block nodes');
+    return { ...node, data };
+  });
+}
+
+export function setContainerAttr(
+  forest: Forest,
+  path: NodePath,
+  key: 'width' | 'gap' | 'verticalAlign',
+  value: string | undefined,
+): Forest {
+  return patchNode(forest, path, (node) => {
+    if (node.type === 'block') throw new Error('[press-cms] blocks carry no container attrs');
+    const container = { ...(node.container ?? {}) } as Record<string, unknown>;
+    if (value === undefined) delete container[key];
+    else container[key] = value;
+    const next = { ...node } as Node & { container?: Record<string, unknown> };
+    if (Object.keys(container).length === 0) delete next.container;
+    else next.container = container;
+    return next as Node;
+  });
+}
+
+export function setRowRatio(forest: Forest, path: NodePath, ratio: Ratio): Forest {
+  return patchNode(forest, path, (node) => {
+    if (node.type !== 'row') throw new Error('[press-cms] setRowRatio targets row nodes');
+    const children = [...node.children];
+    while (children.length < RATIO_SLOTS[ratio]) children.push(newColumnNode());
+    return { ...node, ratio, children };
+  });
+}
+
+export function addColumn(forest: Forest, rowPath: NodePath): Forest {
+  const row = getNode(forest, rowPath);
+  if (!row || row.type !== 'row') throw new Error('[press-cms] addColumn targets row nodes');
+  return insertNode(forest, rowPath, row.children.length, newColumnNode());
+}
+```
+
+- [ ] **Step 4: Run tests, typecheck, commit**
+
+Run: `pnpm --filter @ogs-tech/press-cms test && pnpm --filter @ogs-tech/press-cms test:ts:front`
+Expected: PASS / exit 0.
+
+```bash
+git add packages/cms pnpm-lock.yaml
+git commit -m "feat(cms-admin): pure immutable tree operations with structural invariants"
+```
+
+### Task 10: Registry-driven form model
+
+**Files:**
+- Create: `packages/cms/admin/src/lib/form-model.ts`
+- Test: `packages/cms/admin/src/lib/form-model.test.ts`
+
+**Interfaces:**
+- Consumes: `Attr`, `PressSchema` types from `@ogs-tech/press-shared`.
+- Produces (exact — `node-form.tsx` renders from these, no other schema knowledge):
+  - `type FieldKind = 'text' | 'textarea' | 'select' | 'checkbox' | 'number' | 'media' | 'pageRef' | 'component' | 'json'`
+  - `interface FieldDescriptor { name: string; kind: FieldKind; required: boolean; options?: string[]; component?: string; repeatable?: boolean }`
+  - `fieldsFor(attributes: Record<string, Attr>): FieldDescriptor[]`
+  - `applicableContainerAttrs(nodeType: 'layout' | 'row' | 'column', topLevel: boolean): Array<'width' | 'gap' | 'verticalAlign'>`
+  - `paletteGroups(schema: PressSchema): Array<{ category: string; uids: string[] }>` — placeable BLOCK uids grouped by category, sorted; excludes `preset-config.*`, `preset-layout.*`, `preset-template.*`, `preset-molecule.*` (nested-only, never placed)
+- Attr→kind mapping: `string`/`uid`→`text`; `text`→`textarea`; `enumeration`→`select`; `boolean`→`checkbox`; `integer|biginteger|float|decimal`→`number`; `media`→`media`; `relation` with `target: 'plugin::press-cms.page'`→`pageRef`; `component`→`component` (uid + repeatable); `json`→`json`; anything else → skipped.
+
+- [ ] **Step 1: Write the failing tests**
+
+Create `packages/cms/admin/src/lib/form-model.test.ts`:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { applicableContainerAttrs, fieldsFor, paletteGroups } from './form-model';
+
+describe('fieldsFor', () => {
+  it('maps the contract attribute types to field kinds', () => {
+    const fields = fieldsFor({
+      title: { type: 'string', required: true },
+      content: { type: 'text' },
+      align: { type: 'enumeration', enum: ['left', 'center'] },
+      newTab: { type: 'boolean' },
+      image: { type: 'media', multiple: false },
+      page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' } as any,
+      cta: { type: 'component', component: 'preset-molecule.link', repeatable: false },
+      items: { type: 'component', component: 'preset-molecule.link', repeatable: true },
+      blob: { type: 'json' },
+      mystery: { type: 'password' },
+    });
+    expect(fields).toEqual([
+      { name: 'title', kind: 'text', required: true },
+      { name: 'content', kind: 'textarea', required: false },
+      { name: 'align', kind: 'select', required: false, options: ['left', 'center'] },
+      { name: 'newTab', kind: 'checkbox', required: false },
+      { name: 'image', kind: 'media', required: false },
+      { name: 'page', kind: 'pageRef', required: false },
+      { name: 'cta', kind: 'component', required: false, component: 'preset-molecule.link', repeatable: false },
+      { name: 'items', kind: 'component', required: false, component: 'preset-molecule.link', repeatable: true },
+      { name: 'blob', kind: 'json', required: false },
+    ]);
+  });
+});
+
+describe('applicableContainerAttrs', () => {
+  it('shows only the attrs that apply per node type (Spec §3)', () => {
+    expect(applicableContainerAttrs('layout', true)).toEqual(['gap']);
+    expect(applicableContainerAttrs('row', true)).toEqual(['width', 'gap', 'verticalAlign']);
+    expect(applicableContainerAttrs('row', false)).toEqual(['gap', 'verticalAlign']); // width is top-level-only
+    expect(applicableContainerAttrs('column', false)).toEqual(['gap', 'verticalAlign']);
+  });
+});
+
+describe('paletteGroups', () => {
+  it('groups placeable uids by category, excluding nested-only and config layers', () => {
+    const schema = {
+      contentTypes: {},
+      components: Object.fromEntries([
+        'preset-atom.paragraph', 'preset-atom.heading',
+        'preset-organism.hero', 'preset-organism.navbar',
+        'preset-molecule.link', 'preset-config.seo', 'preset-layout.container',
+        'custom-organism.callout',
+      ].map((uid) => [uid, { uid, attributes: {} }])),
+    } as any;
+    expect(paletteGroups(schema)).toEqual([
+      { category: 'custom-organism', uids: ['custom-organism.callout'] },
+      { category: 'preset-atom', uids: ['preset-atom.heading', 'preset-atom.paragraph'] },
+      { category: 'preset-organism', uids: ['preset-organism.hero', 'preset-organism.navbar'] },
+    ]);
+  });
+});
+```
+
+- [ ] **Step 2: Run to verify failure, then implement**
+
+Run: `pnpm --filter @ogs-tech/press-cms test` — expected FAIL.
+
+Create `packages/cms/admin/src/lib/form-model.ts`:
+
+```ts
+/**
+ * Registry schema → form descriptors. This is the whole "forms are generated
+ * from the schema catalog" mechanism (Spec §4): node-form.tsx renders from
+ * these descriptors and nothing else, so a new block (preset or custom) gets a
+ * working form with zero admin code. `preset-molecule.link` needs NO special
+ * case — its `page` relation maps to the pageRef dropdown like any other.
+ */
+import type { Attr, PressSchema } from '@ogs-tech/press-shared';
+
+export type FieldKind =
+  | 'text' | 'textarea' | 'select' | 'checkbox' | 'number'
+  | 'media' | 'pageRef' | 'component' | 'json';
+
+export interface FieldDescriptor {
+  name: string;
+  kind: FieldKind;
+  required: boolean;
+  options?: string[];
+  component?: string;
+  repeatable?: boolean;
+}
+
+const PAGE_TARGET = 'plugin::press-cms.page';
+const NUMBERS = new Set(['integer', 'biginteger', 'float', 'decimal']);
+
+export function fieldsFor(attributes: Record<string, Attr>): FieldDescriptor[] {
+  const out: FieldDescriptor[] = [];
+  for (const [name, attr] of Object.entries(attributes ?? {})) {
+    const base = { name, required: attr.required === true };
+    switch (attr.type) {
+      case 'string':
+      case 'uid':
+        out.push({ ...base, kind: 'text' });
+        break;
+      case 'text':
+        out.push({ ...base, kind: 'textarea' });
+        break;
+      case 'enumeration':
+        out.push({ ...base, kind: 'select', options: attr.enum ?? [] });
+        break;
+      case 'boolean':
+        out.push({ ...base, kind: 'checkbox' });
+        break;
+      case 'media':
+        out.push({ ...base, kind: 'media' });
+        break;
+      case 'relation':
+        if ((attr as Record<string, unknown>).target === PAGE_TARGET) out.push({ ...base, kind: 'pageRef' });
+        break;
+      case 'component':
+        if (typeof attr.component === 'string') {
+          out.push({ ...base, kind: 'component', component: attr.component, repeatable: attr.repeatable === true });
+        }
+        break;
+      case 'json':
+        out.push({ ...base, kind: 'json' });
+        break;
+      default:
+        if (attr.type && NUMBERS.has(attr.type)) out.push({ ...base, kind: 'number' });
+        // anything else (password, dynamiczone, …) is not form-editable — skipped
+    }
+  }
+  return out;
+}
+
+/** Which shared container attrs the form shows per node type (Spec §3: non-applicable attrs are hidden). */
+export function applicableContainerAttrs(
+  nodeType: 'layout' | 'row' | 'column',
+  topLevel: boolean,
+): Array<'width' | 'gap' | 'verticalAlign'> {
+  if (nodeType === 'layout') return ['gap'];
+  if (nodeType === 'row') return topLevel ? ['width', 'gap', 'verticalAlign'] : ['gap', 'verticalAlign'];
+  return ['gap', 'verticalAlign'];
+}
+
+/** Categories whose components are never PLACED as blocks (nested-only / settings / descriptors). */
+const NON_PLACEABLE = /^preset-(molecule|config|layout|template)$/;
+
+export function paletteGroups(schema: PressSchema): Array<{ category: string; uids: string[] }> {
+  const byCategory = new Map<string, string[]>();
+  for (const uid of Object.keys(schema.components ?? {})) {
+    const category = uid.split('.')[0];
+    if (NON_PLACEABLE.test(category)) continue;
+    if (!byCategory.has(category)) byCategory.set(category, []);
+    byCategory.get(category)!.push(uid);
+  }
+  return [...byCategory.entries()]
+    .map(([category, uids]) => ({ category, uids: uids.sort() }))
+    .sort((a, b) => a.category.localeCompare(b.category));
+}
+```
+
+- [ ] **Step 3: Run tests, typecheck, commit**
+
+Run: `pnpm --filter @ogs-tech/press-cms test && pnpm --filter @ogs-tech/press-cms test:ts:front`
+Expected: PASS.
+
+```bash
+git add packages/cms
+git commit -m "feat(cms-admin): registry-driven form model (descriptors, container applicability, palette groups)"
+```
+
+### Task 11: Builder Input component + custom-field registration
+
+**Files:**
+- Create: `packages/cms/admin/src/lib/press-data.ts`
+- Create: `packages/cms/admin/src/components/node-form.tsx`
+- Create: `packages/cms/admin/src/components/tree-editor.tsx`
+- Create: `packages/cms/admin/src/components/builder-input.tsx`
+- Modify: `packages/cms/admin/src/index.ts`
+- Test: `packages/cms/admin/src/components/builder-input.test.tsx`
+
+**Interfaces:**
+- Consumes: `tree-ops` (Task 9), `form-model` (Task 10), `PressSchema`/`PressTree` types; `GET /api/press/schema` and `GET /api/pages` (public routes).
+- Produces: default-exported `BuilderInput` React component receiving Strapi custom-field Input props `{ name, attribute, value, onChange, disabled?, label?, hint?, error? }`; registered as `plugin::press-cms.builder` in the admin. Two modes from `attribute.options?.mode`: default (a full `PressTree` with slot-mode editors) and `'slots'` (the `{ header, footer }` pageDefaults shape). `onChange` always emits `{ target: { name, value: <object>, type: 'json' } }`.
+- v1 UI contract (structural, Spec §4): collapsible `<details>` per node; add (palette select + button) / remove / ↑ / ↓; Row form = ratio select + Add column; Container section shows only applicable attrs with an "engine default" empty option; media fields store `{ assetId }` via Strapi's media-library dialog when available (`useStrapiApp` → `components['media-library']`), with a numeric-id input fallback; pageRef fields are a published-pages dropdown storing `{ documentId }`.
+
+- [ ] **Step 1: Data fetching cache**
+
+Create `packages/cms/admin/src/lib/press-data.ts`:
+
+```ts
+/**
+ * Admin-side data for the builder: the schema catalog (form generation) and the
+ * published pages list (pageRef dropdowns). Module-level promise cache — the
+ * admin runs same-origin with the API, both routes are public engine routes.
+ */
+import type { PressSchema } from '@ogs-tech/press-shared';
+
+export interface PageOption {
+  documentId: string;
+  title: string;
+  slug: string;
+}
+
+let schemaPromise: Promise<PressSchema> | null = null;
+let pagesPromise: Promise<PageOption[]> | null = null;
+
+export function fetchPressSchema(): Promise<PressSchema> {
+  schemaPromise ??= fetch('/api/press/schema').then((res) => {
+    if (!res.ok) throw new Error(`schema fetch failed: ${res.status}`);
+    return res.json() as Promise<PressSchema>;
+  });
+  return schemaPromise;
+}
+
+export function fetchPages(): Promise<PageOption[]> {
+  pagesPromise ??= fetch('/api/pages')
+    .then((res) => (res.ok ? res.json() : { data: [] }))
+    .then((json: { data: Array<{ documentId: string; title?: string; slug?: string }> }) =>
+      (json.data ?? []).map((p) => ({ documentId: p.documentId, title: p.title ?? p.slug ?? p.documentId, slug: p.slug ?? '' })),
+    );
+  return pagesPromise;
+}
+
+/** Test seam: reset the module cache between vitest cases. */
+export function resetPressDataCache(): void {
+  schemaPromise = null;
+  pagesPromise = null;
+}
+```
+
+- [ ] **Step 2: The registry-driven node form**
+
+Create `packages/cms/admin/src/components/node-form.tsx`:
+
+```tsx
+/**
+ * Per-block form generated from the schema catalog (Spec §4). Renders one input
+ * per FieldDescriptor; nested `component` descriptors recurse with the
+ * referenced component's own descriptors — so preset-molecule.link, the navbar
+ * cta chain (navbar → button → link) and any custom nesting all work with zero
+ * per-block code. Plain HTML elements on purpose (no design-system dep).
+ */
+import { useEffect, useState } from 'react';
+import type { PressSchema } from '@ogs-tech/press-shared';
+import { fieldsFor, type FieldDescriptor } from '../lib/form-model';
+import { fetchPages, type PageOption } from '../lib/press-data';
+
+interface NodeFormProps {
+  componentUid: string;
+  schema: PressSchema;
+  data: Record<string, unknown>;
+  disabled?: boolean;
+  onChange(data: Record<string, unknown>): void;
+  /** Injectable media picker (tests stub it; production wires the media-library dialog). */
+  MediaField: (props: { value: unknown; disabled?: boolean; onChange(v: unknown): void }) => JSX.Element;
+}
+
+const isRecord = (v: unknown): v is Record<string, unknown> => typeof v === 'object' && v !== null && !Array.isArray(v);
+
+function PageRefField({ value, disabled, onChange }: { value: unknown; disabled?: boolean; onChange(v: unknown): void }) {
+  const [pages, setPages] = useState<PageOption[]>([]);
+  useEffect(() => {
+    let live = true;
+    fetchPages().then((p) => live && setPages(p)).catch(() => undefined);
+    return () => { live = false; };
+  }, []);
+  const current = isRecord(value) && typeof value.documentId === 'string' ? value.documentId : '';
+  return (
+    <select
+      disabled={disabled}
+      value={current}
+      onChange={(e) => onChange(e.target.value ? { documentId: e.target.value } : undefined)}
+    >
+      <option value="">— none —</option>
+      {pages.map((p) => (
+        <option key={p.documentId} value={p.documentId}>{p.title} (/{p.slug})</option>
+      ))}
+    </select>
+  );
+}
+
+function Field({ field, schema, value, disabled, onChange, MediaField }: {
+  field: FieldDescriptor;
+  schema: PressSchema;
+  value: unknown;
+  disabled?: boolean;
+  onChange(v: unknown): void;
+  MediaField: NodeFormProps['MediaField'];
+}) {
+  switch (field.kind) {
+    case 'text':
+      return <input type="text" disabled={disabled} value={(value as string) ?? ''} onChange={(e) => onChange(e.target.value || undefined)} />;
+    case 'textarea':
+      return <textarea rows={4} disabled={disabled} value={(value as string) ?? ''} onChange={(e) => onChange(e.target.value || undefined)} />;
+    case 'number':
+      return <input type="number" disabled={disabled} value={value === undefined || value === null ? '' : String(value)} onChange={(e) => onChange(e.target.value === '' ? undefined : Number(e.target.value))} />;
+    case 'checkbox':
+      return <input type="checkbox" disabled={disabled} checked={value === true} onChange={(e) => onChange(e.target.checked)} />;
+    case 'select':
+      return (
+        <select disabled={disabled} value={(value as string) ?? ''} onChange={(e) => onChange(e.target.value || undefined)}>
+          <option value="">— default —</option>
+          {(field.options ?? []).map((opt) => <option key={opt} value={opt}>{opt}</option>)}
+        </select>
+      );
+    case 'media':
+      return <MediaField value={value} disabled={disabled} onChange={onChange} />;
+    case 'pageRef':
+      return <PageRefField value={value} disabled={disabled} onChange={onChange} />;
+    case 'json':
+      return (
+        <textarea
+          rows={4}
+          disabled={disabled}
+          defaultValue={value === undefined ? '' : JSON.stringify(value, null, 2)}
+          onBlur={(e) => {
+            try { onChange(e.target.value ? JSON.parse(e.target.value) : undefined); } catch { /* keep last valid value */ }
+          }}
+        />
+      );
+    case 'component': {
+      const nested = field.component ? schema.components[field.component] : undefined;
+      if (!nested) return <em>unknown component {field.component}</em>;
+      if (field.repeatable) {
+        const items = Array.isArray(value) ? (value as Record<string, unknown>[]) : [];
+        return (
+          <div data-press-repeat="">
+            {items.map((item, i) => (
+              <fieldset key={i}>
+                <NodeForm componentUid={field.component!} schema={schema} data={isRecord(item) ? item : {}} disabled={disabled}
+                  onChange={(next) => onChange(items.map((it, j) => (j === i ? next : it)))} MediaField={MediaField} />
+                <button type="button" disabled={disabled} onClick={() => onChange(items.filter((_, j) => j !== i))}>Remove</button>
+              </fieldset>
+            ))}
+            <button type="button" disabled={disabled} onClick={() => onChange([...items, {}])}>Add {field.name}</button>
+          </div>
+        );
+      }
+      return (
+        <NodeForm componentUid={field.component!} schema={schema} data={isRecord(value) ? (value as Record<string, unknown>) : {}}
+          disabled={disabled} onChange={(next) => onChange(next)} MediaField={MediaField} />
+      );
+    }
+    default:
+      return null;
+  }
+}
+
+export function NodeForm({ componentUid, schema, data, disabled, onChange, MediaField }: NodeFormProps) {
+  const component = schema.components[componentUid];
+  if (!component) return <em>unknown component {componentUid}</em>;
+  const fields = fieldsFor(component.attributes);
+  return (
+    <div data-press-form={componentUid}>
+      {fields.map((field) => (
+        <label key={field.name} style={{ display: 'block', marginBottom: 8 }}>
+          <span style={{ display: 'block', fontWeight: 600 }}>{field.name}{field.required ? ' *' : ''}</span>
+          <Field field={field} schema={schema} value={data[field.name]} disabled={disabled} MediaField={MediaField}
+            onChange={(v) => {
+              const next = { ...data };
+              if (v === undefined) delete next[field.name];
+              else next[field.name] = v;
+              onChange(next);
+            }} />
+        </label>
+      ))}
+    </div>
+  );
+}
+```
+
+- [ ] **Step 3: The recursive tree editor**
+
+Create `packages/cms/admin/src/components/tree-editor.tsx`:
+
+```tsx
+/**
+ * Structural tree editor (Spec §4 v1): collapsible nodes, add/remove/reorder
+ * via buttons, per-node forms. All mutations go through tree-ops, so the
+ * structural invariants hold by construction.
+ */
+import { useState } from 'react';
+import type { PressSchema, Ratio } from '@ogs-tech/press-shared';
+import { applicableContainerAttrs, paletteGroups } from '../lib/form-model';
+import {
+  addColumn, insertNode, moveNode, newBlockNode, newRowNode, removeNode,
+  setBlockData, setContainerAttr, setRowRatio, type Forest, type NodePath,
+} from '../lib/tree-ops';
+import { NodeForm } from './node-form';
+
+const RATIOS: Ratio[] = ['50-50', '33-67', '67-33', '33-33-33', '25-25-25-25'];
+const CONTAINER_OPTIONS: Record<'width' | 'gap' | 'verticalAlign', string[]> = {
+  width: ['prose', 'lg', 'full'],
+  gap: ['compact', 'normal', 'spacious'],
+  verticalAlign: ['top', 'center', 'bottom'],
+};
+
+export interface TreeEditorProps {
+  forest: Forest;
+  schema: PressSchema;
+  disabled?: boolean;
+  onChange(forest: Forest): void;
+  MediaField: Parameters<typeof NodeForm>[0]['MediaField'];
+}
+
+function AddControls({ schema, disabled, onAdd }: { schema: PressSchema; disabled?: boolean; onAdd(kind: string): void }) {
+  const [pick, setPick] = useState('');
+  const groups = paletteGroups(schema);
+  return (
+    <div data-press-add="">
+      <select aria-label="Add node" disabled={disabled} value={pick} onChange={(e) => setPick(e.target.value)}>
+        <option value="">Add…</option>
+        <option value="row">Row (columns layout)</option>
+        {groups.map((g) => (
+          <optgroup key={g.category} label={g.category}>
+            {g.uids.map((uid) => <option key={uid} value={uid}>{uid.split('.')[1]}</option>)}
+          </optgroup>
+        ))}
+      </select>
+      <button type="button" disabled={disabled || !pick} onClick={() => { onAdd(pick); setPick(''); }}>Add</button>
+    </div>
+  );
+}
+
+function ContainerSection({ nodeType, topLevel, container, disabled, onSet }: {
+  nodeType: 'row' | 'column';
+  topLevel: boolean;
+  container: Record<string, unknown> | undefined;
+  disabled?: boolean;
+  onSet(key: 'width' | 'gap' | 'verticalAlign', value: string | undefined): void;
+}) {
+  const attrs = applicableContainerAttrs(nodeType, topLevel);
+  return (
+    <fieldset data-press-container="">
+      <legend>Container</legend>
+      {attrs.map((key) => (
+        <label key={key}>
+          {key}
+          <select disabled={disabled} value={(container?.[key] as string) ?? ''} onChange={(e) => onSet(key, e.target.value || undefined)}>
+            <option value="">engine default</option>
+            {CONTAINER_OPTIONS[key].map((opt) => <option key={opt} value={opt}>{opt}</option>)}
+          </select>
+        </label>
+      ))}
+    </fieldset>
+  );
+}
+
+export function TreeEditor({ forest, schema, disabled, onChange, MediaField }: TreeEditorProps) {
+  const add = (parentPath: NodePath | null, index: number, kind: string): void => {
+    const node = kind === 'row' ? newRowNode('50-50') : newBlockNode(kind);
+    onChange(insertNode(forest, parentPath, index, node));
+  };
+
+  const renderForest = (nodes: Forest, parentPath: NodePath | null, topLevel: boolean): JSX.Element => (
+    <div data-press-forest="">
+      {nodes.map((node, i) => {
+        const path = [...(parentPath ?? []), i];
+        const key = node.id;
+        const controls = (
+          <span data-press-controls="">
+            <button type="button" aria-label={`Move up ${key}`} disabled={disabled} onClick={() => onChange(moveNode(forest, path, -1))}>↑</button>
+            <button type="button" aria-label={`Move down ${key}`} disabled={disabled} onClick={() => onChange(moveNode(forest, path, 1))}>↓</button>
+            <button type="button" aria-label={`Remove ${key}`} disabled={disabled} onClick={() => onChange(removeNode(forest, path))}>✕</button>
+          </span>
+        );
+        if (node.type === 'block') {
+          return (
+            <details key={key} data-press-node="block">
+              <summary>{node.component} {controls}</summary>
+              <NodeForm componentUid={node.component} schema={schema} data={node.data} disabled={disabled}
+                onChange={(data) => onChange(setBlockData(forest, path, data))} MediaField={MediaField} />
+            </details>
+          );
+        }
+        // node.type === 'row' (columns render inside it; tree-ops never yields a stray column)
+        return (
+          <details key={key} data-press-node="row" open>
+            <summary>Row · {node.ratio} {controls}</summary>
+            <label>
+              ratio
+              <select disabled={disabled} value={node.ratio} onChange={(e) => onChange(setRowRatio(forest, path, e.target.value as Ratio))}>
+                {RATIOS.map((r) => <option key={r} value={r}>{r}</option>)}
+              </select>
+            </label>
+            <ContainerSection nodeType="row" topLevel={topLevel} container={node.container as Record<string, unknown> | undefined}
+              disabled={disabled} onSet={(k, v) => onChange(setContainerAttr(forest, path, k, v))} />
+            <div data-press-columns="">
+              {node.children.map((column, ci) => {
+                const columnPath = [...path, ci];
+                return (
+                  <fieldset key={column.id} data-press-node="column">
+                    <legend>
+                      Column {ci + 1}
+                      <button type="button" aria-label={`Remove ${column.id}`} disabled={disabled} onClick={() => onChange(removeNode(forest, columnPath))}>✕</button>
+                    </legend>
+                    <ContainerSection nodeType="column" topLevel={false} container={column.container as Record<string, unknown> | undefined}
+                      disabled={disabled} onSet={(k, v) => onChange(setContainerAttr(forest, columnPath, k, v))} />
+                    {renderForest(column.children, columnPath, false)}
+                    <AddControls schema={schema} disabled={disabled} onAdd={(kind) => add(columnPath, column.children.length, kind)} />
+                  </fieldset>
+                );
+              })}
+              <button type="button" disabled={disabled} onClick={() => onChange(addColumn(forest, path))}>Add column</button>
+            </div>
+          </details>
+        );
+      })}
+      <AddControls schema={schema} disabled={disabled} onAdd={(kind) => add(parentPath, nodes.length, kind)} />
+    </div>
+  );
+
+  return renderForest(forest, null, true);
+}
+```
+
+- [ ] **Step 4: The custom-field Input (both modes) + registration**
+
+Create `packages/cms/admin/src/components/builder-input.tsx`:
+
+```tsx
+/**
+ * The `plugin::press-cms.builder` custom-field Input (Spec §4). Two shapes:
+ *  - default: a full PressTree (page body) with header/footer slot-mode editors
+ *  - options.mode === 'slots': the Site Settings pageDefaults `{ header, footer }`
+ * Value tolerance: Strapi hands the form value as an object (or a JSON string on
+ * some paths) — normalize on the way in, always emit an object with type 'json'.
+ */
+import { useEffect, useState } from 'react';
+import { useStrapiApp } from '@strapi/strapi/admin';
+import type { Node, PressSchema, PressTree, Slot } from '@ogs-tech/press-shared';
+import { fetchPressSchema } from '../lib/press-data';
+import type { Forest } from '../lib/tree-ops';
+import { TreeEditor } from './tree-editor';
+
+interface BuilderInputProps {
+  name: string;
+  attribute: { options?: { mode?: string } };
+  value?: unknown;
+  disabled?: boolean;
+  label?: string;
+  hint?: string;
+  error?: string;
+  onChange(event: { target: { name: string; value: unknown; type: string } }): void;
+}
+
+const isRecord = (v: unknown): v is Record<string, unknown> => typeof v === 'object' && v !== null && !Array.isArray(v);
+
+const parseValue = (value: unknown): unknown => {
+  if (typeof value !== 'string') return value;
+  try { return JSON.parse(value); } catch { return undefined; }
+};
+
+const emptyTree = (): PressTree => ({
+  version: 1,
+  root: { type: 'layout', header: { mode: 'inherit' }, footer: { mode: 'inherit' }, children: [] },
+});
+
+/** Media field: Strapi's media-library dialog when registered, else a bare asset-id input. Stores { assetId }. */
+function MediaField({ value, disabled, onChange }: { value: unknown; disabled?: boolean; onChange(v: unknown): void }) {
+  const components = useStrapiApp('PressBuilderMediaField', (state: any) => state.components);
+  const MediaLibraryDialog = components?.['media-library'];
+  const [open, setOpen] = useState(false);
+  const assetId = isRecord(value) && typeof value.assetId === 'number' ? value.assetId : undefined;
+  if (!MediaLibraryDialog) {
+    return (
+      <input
+        type="number"
+        placeholder="asset id"
+        disabled={disabled}
+        value={assetId ?? ''}
+        onChange={(e) => onChange(e.target.value === '' ? undefined : { assetId: Number(e.target.value) })}
+      />
+    );
+  }
+  return (
+    <span>
+      <button type="button" disabled={disabled} onClick={() => setOpen(true)}>
+        {assetId ? `Asset #${assetId} — change` : 'Pick media'}
+      </button>
+      {assetId ? <button type="button" disabled={disabled} onClick={() => onChange(undefined)}>Clear</button> : null}
+      {open ? (
+        <MediaLibraryDialog
+          allowedTypes={['images']}
+          onClose={() => setOpen(false)}
+          onSelectAssets={(assets: Array<{ id: number }>) => {
+            if (assets[0]) onChange({ assetId: assets[0].id });
+            setOpen(false);
+          }}
+        />
+      ) : null}
+    </span>
+  );
+}
+
+function SlotEditor({ title, slot, schema, disabled, onChange }: {
+  title: string;
+  slot: Slot;
+  schema: PressSchema;
+  disabled?: boolean;
+  onChange(slot: Slot): void;
+}) {
+  return (
+    <fieldset data-press-slot={title}>
+      <legend>{title}</legend>
+      <select
+        aria-label={`${title} mode`}
+        disabled={disabled}
+        value={slot.mode}
+        onChange={(e) => {
+          const mode = e.target.value as Slot['mode'];
+          onChange(mode === 'custom' ? { mode, children: slot.mode === 'custom' ? slot.children : [] } : { mode });
+        }}
+      >
+        <option value="inherit">inherit site defaults</option>
+        <option value="none">none (bare page)</option>
+        <option value="custom">custom</option>
+      </select>
+      {slot.mode === 'custom' ? (
+        <TreeEditor forest={slot.children as Forest} schema={schema} disabled={disabled}
+          onChange={(children) => onChange({ mode: 'custom', children: children as Node[] })} MediaField={MediaField} />
+      ) : null}
+    </fieldset>
+  );
+}
+
+export default function BuilderInput({ name, attribute, value, disabled, label, hint, error, onChange }: BuilderInputProps) {
+  const [schema, setSchema] = useState<PressSchema | null>(null);
+  const [loadError, setLoadError] = useState<string | null>(null);
+  useEffect(() => {
+    let live = true;
+    fetchPressSchema()
+      .then((s) => live && setSchema(s))
+      .catch((e) => live && setLoadError(String(e)));
+    return () => { live = false; };
+  }, []);
+
+  const emit = (next: unknown): void => onChange({ target: { name, value: next, type: 'json' } });
+  const parsed = parseValue(value);
+
+  if (loadError) return <p role="alert">press builder: schema unavailable ({loadError})</p>;
+  if (!schema) return <p>Loading press schema…</p>;
+
+  const slotsMode = attribute.options?.mode === 'slots';
+
+  if (slotsMode) {
+    const pd = isRecord(parsed) ? parsed : {};
+    const header = Array.isArray(pd.header) ? (pd.header as Forest) : [];
+    const footer = Array.isArray(pd.footer) ? (pd.footer as Forest) : [];
+    return (
+      <div data-press-builder="slots">
+        {label ? <strong>{label}</strong> : null}
+        <fieldset><legend>header</legend>
+          <TreeEditor forest={header} schema={schema} disabled={disabled}
+            onChange={(next) => emit({ ...pd, header: next })} MediaField={MediaField} />
+        </fieldset>
+        <fieldset><legend>footer</legend>
+          <TreeEditor forest={footer} schema={schema} disabled={disabled}
+            onChange={(next) => emit({ ...pd, footer: next })} MediaField={MediaField} />
+        </fieldset>
+        {hint ? <small>{hint}</small> : null}
+        {error ? <p role="alert">{error}</p> : null}
+      </div>
+    );
+  }
+
+  const tree: PressTree = isRecord(parsed) && isRecord(parsed.root) ? (parsed as unknown as PressTree) : emptyTree();
+  const setRoot = (patch: Partial<PressTree['root']>): void => emit({ ...tree, root: { ...tree.root, ...patch } });
+
+  return (
+    <div data-press-builder="tree">
+      {label ? <strong>{label}</strong> : null}
+      <SlotEditor title="header" slot={tree.root.header} schema={schema} disabled={disabled} onChange={(header) => setRoot({ header })} />
+      <fieldset data-press-slot="body">
+        <legend>body</legend>
+        <TreeEditor forest={tree.root.children as Forest} schema={schema} disabled={disabled}
+          onChange={(children) => setRoot({ children: children as Node[] })} MediaField={MediaField} />
+      </fieldset>
+      <SlotEditor title="footer" slot={tree.root.footer} schema={schema} disabled={disabled} onChange={(footer) => setRoot({ footer })} />
+      {hint ? <small>{hint}</small> : null}
+      {error ? <p role="alert">{error}</p> : null}
+    </div>
+  );
+}
+```
+
+In `packages/cms/admin/src/index.ts`, replace the `register()` no-op with the custom-field registration (keep `registerTrads` and `CATEGORY_LABELS` — drop only the `preset-molecule`-specific wording if any comment mentions nav-item):
+
+```ts
+export default {
+  register(app: any): void {
+    app.customFields.register({
+      name: 'builder',
+      pluginId: 'press-cms',
+      type: 'json',
+      intlLabel: { id: 'press-cms.builder.label', defaultMessage: 'Composition' },
+      intlDescription: { id: 'press-cms.builder.description', defaultMessage: 'The press composition tree (layout + blocks)' },
+      components: {
+        Input: async () => import('./components/builder-input'),
+      },
+      options: { base: [], advanced: [] },
+    });
+  },
+  async registerTrads({ locales }: { locales: string[] }): Promise<TradEntry[]> {
+    return locales.map((locale) => ({ locale, data: CATEGORY_LABELS[locale] ?? {} }));
+  },
+};
+```
+
+- [ ] **Step 5: Smoke tests (jsdom, hand-rolled harness — the repo's react-19 RTL constraint)**
+
+Create `packages/cms/admin/src/components/builder-input.test.tsx`:
+
+```tsx
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { act } from 'react';
+import { createRoot, type Root } from 'react-dom/client';
+import BuilderInput from './builder-input';
+import { resetPressDataCache } from '../lib/press-data';
+
+vi.mock('@strapi/strapi/admin', () => ({
+  useStrapiApp: () => undefined, // no media-library in tests → assetId input fallback
+}));
+
+const SCHEMA = {
+  tree: { version: 1 },
+  contentTypes: {},
+  components: {
+    'preset-atom.paragraph': { uid: 'preset-atom.paragraph', attributes: { content: { type: 'text', required: true } } },
+    'preset-organism.navbar': { uid: 'preset-organism.navbar', attributes: { items: { type: 'component', component: 'preset-molecule.link', repeatable: true } } },
+    'preset-molecule.link': { uid: 'preset-molecule.link', attributes: { label: { type: 'string' }, page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' }, url: { type: 'string' }, newTab: { type: 'boolean' } } },
+  },
+};
+
+let container: HTMLDivElement;
+let root: Root;
+(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true;
+
+beforeEach(() => {
+  resetPressDataCache();
+  vi.stubGlobal('fetch', vi.fn(async (url: string) => ({
+    ok: true,
+    json: async () => (String(url).includes('/api/press/schema') ? SCHEMA : { data: [{ documentId: 'home-doc', title: 'Home', slug: 'home' }] }),
+  })));
+  container = document.createElement('div');
+  document.body.appendChild(container);
+  root = createRoot(container);
+});
+
+afterEach(async () => {
+  await act(async () => root.unmount());
+  container.remove();
+  vi.unstubAllGlobals();
+});
+
+const flush = async () => act(async () => { await Promise.resolve(); });
+
+describe('BuilderInput (tree mode)', () => {
+  it('renders slot editors + body forest from an empty value and emits a tree on add', async () => {
+    const onChange = vi.fn();
+    await act(async () => {
+      root.render(
+        <BuilderInput name="body" attribute={{}} value={undefined} onChange={onChange} />,
+      );
+    });
+    await flush();
+    expect(container.textContent).toContain('header');
+    expect(container.textContent).toContain('body');
+
+    const select = container.querySelector('[data-press-slot="body"] select[aria-label="Add node"]') as HTMLSelectElement;
+    const addButton = select.parentElement!.querySelector('button') as HTMLButtonElement;
+    await act(async () => {
+      select.value = 'preset-atom.paragraph';
+      select.dispatchEvent(new Event('change', { bubbles: true }));
+    });
+    await act(async () => { addButton.click(); });
+
+    const emitted = onChange.mock.calls.at(-1)![0].target;
+    expect(emitted.type).toBe('json');
+    expect(emitted.value.version).toBe(1);
+    expect(emitted.value.root.children).toHaveLength(1);
+    expect(emitted.value.root.children[0]).toMatchObject({ type: 'block', component: 'preset-atom.paragraph', data: {} });
+    expect(typeof emitted.value.root.children[0].id).toBe('string');
+  });
+});
+
+describe('BuilderInput (slots mode)', () => {
+  it('edits { header, footer } node arrays', async () => {
+    const onChange = vi.fn();
+    const value = { header: [{ id: 'n1', type: 'block', component: 'preset-organism.navbar', data: {} }], footer: [] };
+    await act(async () => {
+      root.render(
+        <BuilderInput name="pageDefaults" attribute={{ options: { mode: 'slots' } }} value={value} onChange={onChange} />,
+      );
+    });
+    await flush();
+    expect(container.textContent).toContain('preset-organism.navbar');
+  });
+});
+```
+
+- [ ] **Step 6: Run tests + both typechecks + a real build**
+
+Run: `pnpm --filter @ogs-tech/press-cms test && pnpm --filter @ogs-tech/press-cms test:ts:front && pnpm --filter @ogs-tech/press-cms test:ts:back && pnpm --filter @ogs-tech/press-cms build`
+Expected: PASS everywhere; the strapi-plugin build compiles the admin bundle with the new components.
+
+- [ ] **Step 7: Manual verification note (deferred to Task 21's playground boot)**
+
+The media-library dialog wiring (`useStrapiApp` → `components['media-library']`) and the custom field's value round-trip through the content-manager CANNOT be proven by unit tests — Task 21 verifies them in the running playground admin (add a hero with an image via the picker; save; confirm `{ assetId }` in the DB and a hydrated URL on `/api/pages/home`). If the dialog component key differs in the installed Strapi 5.48 build, the fallback assetId input keeps the builder usable; fix the key there.
+
+- [ ] **Step 8: Commit**
+
+```bash
+git add packages/cms
+git commit -m "feat(cms-admin): structural composition-builder custom field (tree + slots modes, registry-driven forms)"
+```
+
+---
+
+## Phase 4 — `@ogs-tech/press-web`: link, atoms, tree renderer, host, type-sync
+
+Phase-4 prerequisite (fold into Task 12's commit): in `packages/web/package.json`, MOVE `"@ogs-tech/press-shared": "workspace:*"` from `devDependencies` to `dependencies` (Decision 3 — adopters need the validator at runtime; pnpm rewrites `workspace:*` to the exact version at publish), then `pnpm install`.
+
+### Task 12: Link primitives (`resolveLink` + `<PressLink>`)
+
+**Files:**
+- Create: `packages/web/src/link.ts`
+- Create: `packages/web/src/press-link.tsx`
+- Test: `packages/web/src/link.test.ts`
+
+**Interfaces:**
+- Consumes: nothing engine-internal.
+- Produces (exact — every linking component and the hydrator use these):
+  - `interface PressLinkData { label?: string; page?: { documentId?: string; slug?: string } | null; url?: string; newTab?: boolean }` (the hydrated wire shape of `preset-molecule.link`)
+  - `interface ResolvedLink { label: string; href: string; external: boolean; newTab: boolean }`
+  - `resolveLink(link: PressLinkData | null | undefined, homeSlug?: string): ResolvedLink | null` — precedence `page > url`; `page.slug === homeSlug` → `'/'`; page without slug (unpublished) falls back to `url`, else null; `external` true only for http(s); dangerous protocols (`javascript:`/`data:`/`vbscript:`) neutralized to `'#'` (the `safeHref` precedent)
+  - `coerceLink(value: unknown, homeSlug?: string): ResolvedLink | null` — passes an already-resolved link through (`href` string present), else treats the value as `PressLinkData`; tolerant of garbage (null)
+  - `<PressLink link={unknown} homeSlug?: string, ...anchor data-attrs>` — renders `<a href target rel>` with the resolved label as content (or `children` when given); null when unresolvable
+
+- [ ] **Step 1: Write the failing tests**
+
+Create `packages/web/src/link.test.ts`:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { coerceLink, resolveLink } from './link';
+
+describe('resolveLink', () => {
+  it('prefers page over url and collapses the home slug to /', () => {
+    expect(resolveLink({ label: 'About', page: { documentId: 'd1', slug: 'about' }, url: 'https://ignored' }, 'home'))
+      .toEqual({ label: 'About', href: '/about', external: false, newTab: false });
+    expect(resolveLink({ label: 'Home', page: { documentId: 'd2', slug: 'home' } }, 'home'))
+      .toEqual({ label: 'Home', href: '/', external: false, newTab: false });
+  });
+
+  it('falls back to url when the page ref has no slug (unpublished), then drops the link', () => {
+    expect(resolveLink({ label: 'X', page: { documentId: 'gone' }, url: '/fallback' }))
+      .toEqual({ label: 'X', href: '/fallback', external: false, newTab: false });
+    expect(resolveLink({ label: 'X', page: { documentId: 'gone' } })).toBeNull();
+    expect(resolveLink({ label: 'X' })).toBeNull();
+    expect(resolveLink(null)).toBeNull();
+  });
+
+  it('flags external http(s) urls and honors newTab', () => {
+    expect(resolveLink({ label: 'GH', url: 'https://github.com', newTab: true }))
+      .toEqual({ label: 'GH', href: 'https://github.com', external: true, newTab: true });
+    expect(resolveLink({ label: 'mail', url: 'mailto:x@y.z' })!.external).toBe(false);
+  });
+
+  it('neutralizes executable protocols', () => {
+    expect(resolveLink({ label: 'evil', url: 'javascript:alert(1)' })!.href).toBe('#');
+  });
+});
+
+describe('coerceLink', () => {
+  it('passes resolved links through and resolves raw link data', () => {
+    const resolved = { label: 'A', href: '/a', external: false, newTab: false };
+    expect(coerceLink(resolved)).toEqual(resolved);
+    expect(coerceLink({ label: 'B', url: '/b' })).toEqual({ label: 'B', href: '/b', external: false, newTab: false });
+    expect(coerceLink('garbage')).toBeNull();
+    expect(coerceLink(undefined)).toBeNull();
+  });
+});
+```
+
+- [ ] **Step 2: Run to verify failure, then implement**
+
+Run: `pnpm --filter @ogs-tech/press-web test src/link.test.ts` — expected FAIL.
+
+Create `packages/web/src/link.ts`:
+
+```ts
+/**
+ * The engine's ONE link concept (locked decision 2026-07-20): the hydrated wire
+ * shape of `preset-molecule.link` and its pure resolver. Precedence page > url;
+ * an internal page collapses to '/' when its slug is the home slug (the same
+ * routes.home anchor as the /home → / redirect); a page ref without a slug
+ * (unpublished/deleted) falls back to url, else the link drops. Everything that
+ * links — nav items, button atom, hero/cta, adopter blocks via <PressLink> —
+ * resolves through here, nowhere else.
+ */
+
+export interface PressLinkData {
+  label?: string;
+  page?: { documentId?: string; slug?: string } | null;
+  url?: string;
+  newTab?: boolean;
+}
+
+export interface ResolvedLink {
+  label: string;
+  href: string;
+  external: boolean;
+  newTab: boolean;
+}
+
+/** Neutralizes executable protocols an editor could type (blocks-content safeHref precedent). */
+function safeHref(url: string): string {
+  const trimmed = url.trim();
+  if (!trimmed) return '#';
+  return /^(?:javascript|data|vbscript):/i.test(trimmed) ? '#' : trimmed;
+}
+
+export function resolveLink(link: PressLinkData | null | undefined, homeSlug?: string): ResolvedLink | null {
+  if (!link || typeof link !== 'object') return null;
+  const label = link.label ?? '';
+  const newTab = link.newTab ?? false;
+  const slug = link.page?.slug;
+  if (slug) {
+    return { label, href: homeSlug !== undefined && slug === homeSlug ? '/' : `/${slug}`, external: false, newTab };
+  }
+  if (link.url) {
+    const href = safeHref(link.url);
+    return { label, href, external: /^https?:/i.test(href), newTab };
+  }
+  return null;
+}
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === 'object' && v !== null && !Array.isArray(v);
+
+/** Accepts either an already-resolved link (hydrated engine block) or raw PressLinkData. */
+export function coerceLink(value: unknown, homeSlug?: string): ResolvedLink | null {
+  if (!isRecord(value)) return null;
+  if (typeof value.href === 'string') {
+    return {
+      label: typeof value.label === 'string' ? value.label : '',
+      href: value.href,
+      external: value.external === true,
+      newTab: value.newTab === true,
+    };
+  }
+  return resolveLink(value as PressLinkData, homeSlug);
+}
+```
+
+Create `packages/web/src/press-link.tsx`:
+
+```tsx
+import type { ReactNode } from 'react';
+import { coerceLink } from './link';
+
+interface PressLinkProps {
+  /** Raw PressLinkData (block prop) or an already-resolved link (hydrated). */
+  link: unknown;
+  homeSlug?: string;
+  children?: ReactNode;
+  [dataAttr: `data-${string}`]: unknown;
+}
+
+/**
+ * The one anchor renderer for CMS links. Server component, zero JS: resolves
+ * via coerceLink and emits a plain <a>. Unresolvable → renders nothing (the
+ * hero/cta "CTA renders only when complete" tolerance, generalized).
+ */
+export function PressLink({ link, homeSlug, children, ...rest }: PressLinkProps) {
+  const resolved = coerceLink(link, homeSlug);
+  // Unresolvable → nothing; a neutralized '#' href still renders (safe no-op).
+  if (!resolved || !resolved.href) return null;
+  return (
+    <a
+      {...rest}
+      href={resolved.href}
+      target={resolved.newTab ? '_blank' : undefined}
+      rel={resolved.newTab ? 'noreferrer' : undefined}
+    >
+      {children ?? resolved.label}
+    </a>
+  );
+}
+```
+
+- [ ] **Step 3: Run tests, commit**
+
+Run: `pnpm --filter @ogs-tech/press-web test src/link.test.ts && pnpm --filter @ogs-tech/press-web typecheck`
+Expected: PASS. (Full-suite runs stay red until Task 17 finishes the renderer swap — run file-scoped tests through Phase 4.)
+
+```bash
+git add packages/web pnpm-lock.yaml
+git commit -m "feat(web): PressLink + resolveLink — the engine's one link resolver"
+```
+
+### Task 13: Plain-text atoms + base wire types
+
+**Files:**
+- Modify: `packages/web/src/types/base.ts`
+- Modify: `packages/web/src/blocks/paragraph.tsx`, `blocks/list.tsx`, `blocks/quote.tsx`, `blocks/button.tsx`
+- Delete: `packages/web/src/blocks/blocks-content.tsx`, `blocks/blocks-content.test.ts`
+- Test: rewrite `packages/web/src/blocks/paragraph.test.ts`, `blocks/list.test.ts`, `blocks/quote.test.ts`, `blocks/button.test.ts`
+
+**Interfaces:**
+- Consumes: `PressLink`/`PressLinkData` (Task 12), `PressTree` from `@ogs-tech/press-shared`.
+- Produces — `types/base.ts` after this task (exact, later tasks import these):
+  - `PressMedia` unchanged; `BlocksText`/`BlocksNode`/`BlocksContent` DELETED; `Block`/`PageBody`(old) DELETED
+  - `PresetAtomParagraph { content: string }` · `PresetAtomList { content?: string; format?: 'unordered' | 'ordered' }` · `PresetAtomQuote { content?: string; citation?: string }` · `PresetAtomButton { link?: PressLinkData; variant?: 'primary' | 'secondary' }` · `PresetAtomHeading/Image/Separator/Spacer` keep their fields — ALL WITHOUT `__component`/`id` (tree `data` objects, not DZ rows)
+  - `PresetOrganismHero { eyebrow?; title: string; subtitle?; image?: PressMedia; cta?: PressLinkData; align? }` · `PresetOrganismCta { title: string; subtitle?; button?: PressLinkData; align? }` · `PresetOrganismColumns`/`PresetMoleculeColumn` DELETED
+  - `export type PageBody = PressTree;` and `Page { id: number; documentId: string; title: string; slug?: string; body: PageBody }` (still `extends Canonical<'page'>`)
+  - Shared paragraph splitting helper exported from `paragraph.tsx`: `splitParagraphs(content: string | undefined): string[]` (split on blank lines, trim, drop empties)
+
+- [ ] **Step 1: Rewrite the atom tests (failing)**
+
+`packages/web/src/blocks/paragraph.test.ts` becomes:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { createElement } from 'react';
+import { Paragraph, splitParagraphs } from './paragraph';
+
+describe('splitParagraphs', () => {
+  it('splits on blank lines and drops empties', () => {
+    expect(splitParagraphs('One.\n\nTwo.\n\n\n')).toEqual(['One.', 'Two.']);
+    expect(splitParagraphs(undefined)).toEqual([]);
+    expect(splitParagraphs('  \n ')).toEqual([]);
+  });
+});
+
+describe('Paragraph', () => {
+  it('renders one <p> per blank-line-separated paragraph inside the data-block wrapper', () => {
+    const html = renderToStaticMarkup(createElement(Paragraph, { content: 'First.\n\nSecond.' }));
+    expect(html).toContain('data-block="preset-atom.paragraph"');
+    expect(html.match(/<p>/g)).toHaveLength(2);
+    expect(html).toContain('First.');
+  });
+
+  it('renders nothing for empty content (tolerance)', () => {
+    expect(renderToStaticMarkup(createElement(Paragraph, { content: '' }))).toBe('');
+  });
+});
+```
+
+`packages/web/src/blocks/list.test.ts` becomes:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { createElement } from 'react';
+import { List } from './list';
+
+describe('List', () => {
+  it('renders one <li> per non-empty line, unordered by default', () => {
+    const html = renderToStaticMarkup(createElement(List, { content: 'a\nb\n\nc' }));
+    expect(html).toContain('data-block="preset-atom.list"');
+    expect(html).toContain('<ul>');
+    expect(html.match(/<li>/g)).toHaveLength(3);
+  });
+
+  it('renders <ol> for format ordered and nothing when empty', () => {
+    expect(renderToStaticMarkup(createElement(List, { content: '1st', format: 'ordered' }))).toContain('<ol>');
+    expect(renderToStaticMarkup(createElement(List, { content: '' }))).toBe('');
+  });
+});
+```
+
+`packages/web/src/blocks/quote.test.ts` becomes:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { createElement } from 'react';
+import { Quote } from './quote';
+
+describe('Quote', () => {
+  it('renders paragraphs inside blockquote with optional cite', () => {
+    const html = renderToStaticMarkup(createElement(Quote, { content: 'Wise words.', citation: 'Someone' }));
+    expect(html).toContain('data-block="preset-atom.quote"');
+    expect(html).toContain('<blockquote>');
+    expect(html).toContain('Wise words.');
+    expect(html).toContain('<cite>Someone</cite>');
+  });
+
+  it('renders nothing when empty and omits cite when absent', () => {
+    expect(renderToStaticMarkup(createElement(Quote, { content: '' }))).toBe('');
+    expect(renderToStaticMarkup(createElement(Quote, { content: 'x' }))).not.toContain('<cite>');
+  });
+});
+```
+
+`packages/web/src/blocks/button.test.ts` becomes:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { createElement } from 'react';
+import { Button } from './button';
+
+describe('Button', () => {
+  it('renders the resolved link with the variant hook', () => {
+    const html = renderToStaticMarkup(
+      createElement(Button, { link: { label: 'Go', url: '/go' }, variant: 'secondary' }),
+    );
+    expect(html).toContain('data-block="preset-atom.button"');
+    expect(html).toContain('data-variant="secondary"');
+    expect(html).toContain('href="/go"');
+    expect(html).toContain('Go');
+  });
+
+  it('renders a hydrated (already-resolved) link and nothing when unresolvable', () => {
+    const html = renderToStaticMarkup(
+      createElement(Button, { link: { label: 'Home', href: '/', external: false, newTab: false } as any }),
+    );
+    expect(html).toContain('href="/"');
+    expect(renderToStaticMarkup(createElement(Button, {}))).toBe('');
+  });
+});
+```
+
+Run: `pnpm --filter @ogs-tech/press-web test src/blocks` — expected FAIL.
+
+- [ ] **Step 2: Rewrite the atoms**
+
+`packages/web/src/blocks/paragraph.tsx`:
+
+```tsx
+import type { PresetAtomParagraph } from '../types/base';
+
+/** Curated plain-text splitting (locked decision 2026-07-20): a blank line starts a new paragraph. */
+export function splitParagraphs(content: string | undefined): string[] {
+  return (content ?? '')
+    .split(/\n\s*\n/)
+    .map((p) => p.trim())
+    .filter(Boolean);
+}
+
+/**
+ * Atom `preset-atom.paragraph` — editorial prose from a curated plain-text
+ * string. Server-rendered, zero JS; the blocks AST left the wire with the
+ * composition-builder refactor.
+ */
+export function Paragraph({ content }: PresetAtomParagraph) {
+  const paragraphs = splitParagraphs(content);
+  if (paragraphs.length === 0) return null;
+  return (
+    <div data-block="preset-atom.paragraph">
+      {paragraphs.map((text, i) => (
+        <p key={i}>{text}</p>
+      ))}
+    </div>
+  );
+}
+```
+
+`packages/web/src/blocks/list.tsx`:
+
+```tsx
+import type { PresetAtomList } from '../types/base';
+
+/** Atom `preset-atom.list` — one item per non-empty line of the curated text. */
+export function List({ content, format }: PresetAtomList) {
+  const items = (content ?? '').split('\n').map((l) => l.trim()).filter(Boolean);
+  if (items.length === 0) return null;
+  const Tag = format === 'ordered' ? 'ol' : 'ul';
+  return (
+    <div data-block="preset-atom.list">
+      <Tag>
+        {items.map((item, i) => (
+          <li key={i}>{item}</li>
+        ))}
+      </Tag>
+    </div>
+  );
+}
+```
+
+`packages/web/src/blocks/quote.tsx`:
+
+```tsx
+import type { PresetAtomQuote } from '../types/base';
+import { splitParagraphs } from './paragraph';
+
+/** Atom `preset-atom.quote` — blockquote paragraphs + optional citation. */
+export function Quote({ content, citation }: PresetAtomQuote) {
+  const paragraphs = splitParagraphs(content);
+  if (paragraphs.length === 0) return null;
+  return (
+    <figure data-block="preset-atom.quote">
+      <blockquote>
+        {paragraphs.map((text, i) => (
+          <p key={i}>{text}</p>
+        ))}
+      </blockquote>
+      {citation ? <cite>{citation}</cite> : null}
+    </figure>
+  );
+}
+```
+
+(Match the CURRENT quote.tsx root element — if it renders a different wrapper today, keep that wrapper and only swap the content source; theme.css targets `[data-block="preset-atom.quote"] blockquote` and `cite`.)
+
+`packages/web/src/blocks/button.tsx`:
+
+```tsx
+import type { PresetAtomButton } from '../types/base';
+import { coerceLink } from '../link';
+import { PressLink } from '../press-link';
+
+/** Atom `preset-atom.button` — a call-to-action anchor resolved through the one link concept. */
+export function Button({ link, variant }: PresetAtomButton) {
+  if (!coerceLink(link)) return null;
+  return (
+    <div data-block="preset-atom.button">
+      <PressLink link={link} data-variant={variant ?? 'primary'} />
+    </div>
+  );
+}
+```
+
+Delete the blocks-AST renderer:
+
+```bash
+git rm packages/web/src/blocks/blocks-content.tsx packages/web/src/blocks/blocks-content.test.ts
+```
+
+- [ ] **Step 3: Rewrite `types/base.ts`**
+
+Apply the exact type surface from this task's **Interfaces** block: delete `BlocksText`/`BlocksNode`/`BlocksContent`, `PresetOrganismColumns`, `PresetMoleculeColumn`, the old `Block`/`PageBody`; strip `__component`/`id` from every `PresetAtom*`/`PresetOrganism*` interface; change content fields to `string`; change link fields to `PressLinkData` (import from `../link`); add:
+
+```ts
+import type { PressTree } from '@ogs-tech/press-shared';
+
+/** The page body IS the composition tree now (Spec §5 type-sync). */
+export type PageBody = PressTree;
+
+export interface Page extends Canonical<'page'> {
+  id: number;
+  documentId: string;
+  title: string;
+  slug?: string;
+  body: PageBody;
+}
+```
+
+Remove the now-dangling exports from `packages/web/src/index.ts`: `renderBlocks`, `Block`, `BlocksContent`, `BlocksNode`, `BlocksText`, `PresetOrganismColumns`, `PresetMoleculeColumn`. (The remaining index cleanup — BlockRenderer/Columns — happens in Task 17; if typecheck complains earlier because deleted symbols are still referenced by `sections/columns.tsx` or `block-renderer.tsx`, defer the FULL `pnpm typecheck` to Task 17 and rely on file-scoped tests here.)
+
+- [ ] **Step 4: Run the atom tests**
+
+Run: `pnpm --filter @ogs-tech/press-web test src/blocks src/link.test.ts`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add -A packages/web
+git commit -m "feat(web)!: plain-text atoms + link-descriptor button; blocks AST leaves the wire"
+```
+
+### Task 14: Organisms on the link descriptor (hero, cta, navbar)
+
+**Files:**
+- Modify: `packages/web/src/sections/hero.tsx`, `sections/cta.tsx`, `chrome/navbar.tsx`
+- Modify: `packages/web/src/config/types.ts` (ResolvedChromeNavbar cta shape + ResolvedLink re-home)
+- Test: update `packages/web/src/sections/hero.test.ts`, `sections/cta.test.ts`, `chrome/navbar.test.ts`
+
+**Interfaces:**
+- Consumes: `PressLink`/`coerceLink`/`ResolvedLink` (Task 12), base types (Task 13).
+- Produces:
+  - `Hero({ eyebrow, title, subtitle, image, cta, align })` — `cta` rendered via `<PressLink data-hero="cta">` (raw or hydrated)
+  - `Cta({ title, subtitle, button, align })` — same pattern, `data-cta="button"` hook preserved as today
+  - `config/types.ts`: `ResolvedNavLink` becomes `export type ResolvedNavLink = ResolvedLink;` (import from `../link`); `ResolvedChromeNavbar` becomes `{ brand: { name: string; logo?: string }; links: ResolvedLink[]; cta?: (ResolvedLink & { variant?: 'primary' | 'secondary' }) | null }` (no `__component`/`id`)
+  - `Navbar({ brand, links, cta })` renders the cta through `<PressLink data-navbar="cta" data-variant>`; `MobileNav` keeps receiving `{ links, cta: { label, href, variant } }` — build that view-model inline in navbar.tsx.
+
+- [ ] **Step 1: Update the organism tests (failing)**
+
+In `hero.test.ts`, replace every `ctaLabel: 'X', ctaHref: '/y'` fixture with `cta: { label: 'X', url: '/y' }` and keep the assertions (`data-hero="cta"`, href, label rendered; CTA omitted when `cta` absent or unresolvable). In `cta.test.ts`, same swap for `buttonLabel`/`buttonHref` → `button: { label, url }`. In `navbar.test.ts`, the `cta` fixture becomes the RESOLVED shape `{ label: 'Get started', href: 'https://x', external: true, newTab: false, variant: 'primary' }` and assertions stay (label + href + `data-variant` present, `data-navbar-desktop` row intact).
+
+Run: `pnpm --filter @ogs-tech/press-web test src/sections src/chrome` — expected FAIL.
+
+- [ ] **Step 2: Update the components**
+
+In `hero.tsx`: replace `ctaLabel`/`ctaHref` destructuring with `cta`; `const hasCta = Boolean(coerceLink(cta));` and render:
+
+```tsx
+{hasCta ? <PressLink data-hero="cta" link={cta} /> : null}
+```
+
+In `cta.tsx`: same mechanical swap for `button` (keep the existing wrapper markup and `data-*` hooks exactly as the file has them today, only the anchor source changes).
+
+In `navbar.tsx`: `cta` is now `(ResolvedLink & { variant?: ... }) | null | undefined`:
+
+```tsx
+const resolvedCta = coerceLink(cta);
+const hasCta = Boolean(resolvedCta?.label && resolvedCta?.href);
+// desktop:
+{hasCta ? <PressLink data-navbar="cta" data-variant={(cta as any)?.variant ?? 'primary'} link={cta} /> : null}
+// mobile view-model (MobileNav's prop contract is untouched):
+<MobileNav links={links ?? []} cta={hasCta ? { label: resolvedCta!.label, href: resolvedCta!.href, variant: (cta as any)?.variant } : undefined} />
+```
+
+In `config/types.ts`: apply the exact type changes from the Interfaces block above (`import type { ResolvedLink } from '../link';`).
+
+- [ ] **Step 3: Run, then commit**
+
+Run: `pnpm --filter @ogs-tech/press-web test src/sections src/chrome src/blocks`
+Expected: PASS.
+
+```bash
+git add packages/web
+git commit -m "refactor(web)!: hero/cta/navbar consume the shared link descriptor via PressLink"
+```
+
+### Task 15: Container-attr mappings (`tree/container-attrs.ts`)
+
+**Files:**
+- Create: `packages/web/src/tree/container-attrs.ts`
+- Test: `packages/web/src/tree/container-attrs.test.ts`
+
+**Interfaces:**
+- Consumes: `ContainerAttrs`, `Gap`, `Ratio`, `VerticalAlign` types from `@ogs-tech/press-shared`; `Responsive`/`Span`/`GridGap`/`GridAlignItems`/`ContainerMaxWidth` from the layout primitives.
+- Produces (exact — TreeRenderer consumes only these):
+  - `RATIO_SPANS: Record<Ratio, Responsive<Span>[]>` — moved VERBATIM from `sections/columns.tsx` (including the `25-25-25-25` two-stage `{ base: 12, md: 6, lg: 3 }` behavior)
+  - `spanFor(ratio: Ratio | undefined, index: number): Responsive<Span>` — unknown/absent ratio → `50-50`; index beyond the ratio's slots reuses the last span (tolerance carried over)
+  - `rowGap(attrs?: ContainerAttrs): Responsive<GridGap>` — `GAP_TIERS` moved verbatim (`compact`→`'sm'`, `normal`→`'md'`, `spacious`→`{ base: 'md', lg: 'lg' }`); absent → `normal`
+  - `rowAlign(attrs?: ContainerAttrs): GridAlignItems` — `top`→`start`, `center`→`center`, `bottom`→`end`; absent → `start`
+  - `rowWidth(attrs?: ContainerAttrs): ContainerMaxWidth` — `attrs?.width ?? 'lg'`
+  - `STACK_GAPS: Record<Gap, string>` = `{ compact: 'var(--press-space-3)', normal: 'var(--press-space-5)', spacious: 'var(--press-space-7)' }` and `stackGap(attrs?: ContainerAttrs): string | undefined` (absent gap → `undefined` → no data-attr, legacy block margins apply)
+  - `cellAlign(attrs?: ContainerAttrs): 'center' | 'end' | undefined` (`top`/absent → undefined)
+
+- [ ] **Step 1: Write the failing tests**
+
+Create `packages/web/src/tree/container-attrs.test.ts`:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { cellAlign, RATIO_SPANS, rowAlign, rowGap, rowWidth, spanFor, stackGap } from './container-attrs';
+
+describe('spanFor', () => {
+  it('keeps the columns-organism ratio scale, including 25-25-25-25 two-stage md/lg', () => {
+    expect(RATIO_SPANS['25-25-25-25'][0]).toEqual({ base: 12, md: 6, lg: 3 });
+    expect(spanFor('33-67', 1)).toEqual({ base: 12, md: 8 });
+  });
+
+  it('defaults to 50-50 and reuses the last span past the ratio slots (tolerance)', () => {
+    expect(spanFor(undefined, 0)).toEqual({ base: 12, md: 6 });
+    expect(spanFor('50-50', 5)).toEqual({ base: 12, md: 6 });
+  });
+});
+
+describe('container pickers (absent attr → engine default)', () => {
+  it('maps gap tiers with the 11-gap-floor rule (spacious is tier-scaled)', () => {
+    expect(rowGap()).toBe('md');
+    expect(rowGap({ gap: 'compact' })).toBe('sm');
+    expect(rowGap({ gap: 'spacious' })).toEqual({ base: 'md', lg: 'lg' });
+  });
+
+  it('maps alignment and width', () => {
+    expect(rowAlign()).toBe('start');
+    expect(rowAlign({ verticalAlign: 'bottom' })).toBe('end');
+    expect(rowWidth()).toBe('lg');
+    expect(rowWidth({ width: 'full' })).toBe('full');
+  });
+
+  it('stack gap is a CSS var only when declared; cell align skips top', () => {
+    expect(stackGap()).toBeUndefined();
+    expect(stackGap({ gap: 'spacious' })).toBe('var(--press-space-7)');
+    expect(cellAlign()).toBeUndefined();
+    expect(cellAlign({ verticalAlign: 'top' })).toBeUndefined();
+    expect(cellAlign({ verticalAlign: 'center' })).toBe('center');
+    expect(cellAlign({ verticalAlign: 'bottom' })).toBe('end');
+  });
+});
+```
+
+- [ ] **Step 2: Run (FAIL), implement**
+
+Create `packages/web/src/tree/container-attrs.ts`:
+
+```ts
+/**
+ * Curated container attrs → layout-primitive props (Spec §5). This module is
+ * where editorial intent meets the responsive system: the JSON never carries
+ * breakpoints — RATIO_SPANS/GAP_TIERS (inherited verbatim from the retired
+ * columns organism) own the base/md/lg mapping, so the 11-gap floor and the
+ * 25-25-25-25 two-stage md/lg behavior stay engine-owned and untouchable.
+ * Every picker treats an ABSENT attr as the engine default (Spec §3).
+ */
+import type { ContainerAttrs, Gap, Ratio } from '@ogs-tech/press-shared';
+import type { Responsive } from '../layout/breakpoints';
+import type { Span } from '../layout/column';
+import type { ContainerMaxWidth } from '../layout/container';
+import type { GridAlignItems, GridGap } from '../layout/grid';
+
+export const RATIO_SPANS: Record<Ratio, Responsive<Span>[]> = {
+  '50-50': [{ base: 12, md: 6 }, { base: 12, md: 6 }],
+  '33-67': [{ base: 12, md: 4 }, { base: 12, md: 8 }],
+  '67-33': [{ base: 12, md: 8 }, { base: 12, md: 4 }],
+  '33-33-33': [{ base: 12, md: 4 }, { base: 12, md: 4 }, { base: 12, md: 4 }],
+  '25-25-25-25': [
+    { base: 12, md: 6, lg: 3 },
+    { base: 12, md: 6, lg: 3 },
+    { base: 12, md: 6, lg: 3 },
+    { base: 12, md: 6, lg: 3 },
+  ],
+};
+
+/** Column i of a row: extra columns beyond the ratio's slots reuse the last span (columns tolerance). */
+export function spanFor(ratio: Ratio | undefined, index: number): Responsive<Span> {
+  const spans = (ratio && RATIO_SPANS[ratio]) || RATIO_SPANS['50-50'];
+  return spans[Math.min(index, spans.length - 1)];
+}
+
+/** Semantic gap → GridGap tiers: a 12-track grid carries 11 interior gaps, so 'spacious' tier-scales. */
+const GAP_TIERS: Record<Gap, Responsive<GridGap>> = {
+  compact: 'sm',
+  normal: 'md',
+  spacious: { base: 'md', lg: 'lg' },
+};
+
+export const rowGap = (attrs?: ContainerAttrs): Responsive<GridGap> => GAP_TIERS[attrs?.gap ?? 'normal'];
+
+const ALIGN_ITEMS: Record<NonNullable<ContainerAttrs['verticalAlign']>, GridAlignItems> = {
+  top: 'start',
+  center: 'center',
+  bottom: 'end',
+};
+
+export const rowAlign = (attrs?: ContainerAttrs): GridAlignItems => ALIGN_ITEMS[attrs?.verticalAlign ?? 'top'];
+
+export const rowWidth = (attrs?: ContainerAttrs): ContainerMaxWidth => attrs?.width ?? 'lg';
+
+/** Stack rhythm (layout root / column cells): a CSS space token consumed by theme.css stack rules. */
+export const STACK_GAPS: Record<Gap, string> = {
+  compact: 'var(--press-space-3)',
+  normal: 'var(--press-space-5)',
+  spacious: 'var(--press-space-7)',
+};
+
+/** undefined when undeclared — the renderer then emits NO stack attr and legacy per-block margins apply. */
+export const stackGap = (attrs?: ContainerAttrs): string | undefined =>
+  attrs?.gap ? STACK_GAPS[attrs.gap] : undefined;
+
+/** Cell content placement; 'top' is the flex default so it emits nothing. */
+export const cellAlign = (attrs?: ContainerAttrs): 'center' | 'end' | undefined =>
+  attrs?.verticalAlign === 'center' ? 'center' : attrs?.verticalAlign === 'bottom' ? 'end' : undefined;
+```
+
+- [ ] **Step 3: Run tests, commit**
+
+Run: `pnpm --filter @ogs-tech/press-web test src/tree`
+Expected: PASS.
+
+```bash
+git add packages/web
+git commit -m "feat(web): curated container-attr → layout-primitive mappings for the tree renderer"
+```
+
+### Task 16: Slot resolution + engine-block hydration (`tree/resolve-slots.ts`, map-site-settings rewrite)
+
+**Files:**
+- Create: `packages/web/src/tree/resolve-slots.ts`
+- Test: `packages/web/src/tree/resolve-slots.test.ts`
+- Modify: `packages/web/src/map-site-settings.ts`, `packages/web/src/config/types.ts`
+- Test: update `packages/web/src/map-site-settings.test.ts`
+
+**Interfaces:**
+- Consumes: `validateNodeArray`, tree types (shared); `resolveLink` (Task 12); `ResolvedPressConfig` (modified here).
+- Produces (exact):
+  - `interface ResolvedTree { header: Node[]; children: Node[]; footer: Node[]; rootContainer?: ContainerAttrs }`
+  - `resolveTree(tree: PressTree, site: ResolvedPressConfig): ResolvedTree` — slot matrix: `inherit`→`site.pageDefaults.<slot>`, `none`→`[]`, `custom`→its children; ALL three lists then pass through `hydrateEngineBlocks`
+  - `hydrateEngineBlocks(nodes: Node[], brand: { name: string; logo?: string }, homeSlug: string): Node[]` — recursive over rows/columns; per engine BlockNode: `preset-organism.navbar` data gains `brand` + `links: ResolvedLink[]` (from `items`) + resolved `cta` (`{ ...resolveLink(cta.link), variant }`); `preset-organism.footer` data gains `brand`; `preset-atom.button` data.link, `preset-organism.hero` data.cta, `preset-organism.cta` data.button are REPLACED by their `ResolvedLink` (homeSlug collapse applied). Adopter blocks pass through untouched (they use `<PressLink>` raw). Never mutates input.
+  - `config/types.ts`: `SiteSettingsData` — `header`/`footer` REPLACED by `pageDefaults?: { header?: unknown; footer?: unknown } | null`; `ResolvedPressConfig` — `chrome` REPLACED by `pageDefaults: { header: Node[]; footer: Node[] }` (RAW nodes — hydration happens at resolveTree, ONE hydration point); `ChromeBlock`/`ResolvedChromeFooter` deleted, `ResolvedChromeNavbar` kept (Task 14 shape — it types the navbar component's hydrated data)
+  - `mapSiteSettings`: validates each `pageDefaults` slot with `validateNodeArray` (fail-to-empty per slot + dev-only warn), stores raw nodes; everything else (identity/seo/theme/cookie) untouched.
+
+- [ ] **Step 1: Write the failing tests**
+
+Create `packages/web/src/tree/resolve-slots.test.ts`:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import type { Node, PressTree } from '@ogs-tech/press-shared';
+import { hydrateEngineBlocks, resolveTree } from './resolve-slots';
+
+const brand = { name: 'Press', logo: 'http://cms/logo.png' };
+
+const navbarNode = (): Node => ({
+  id: 'nav', type: 'block', component: 'preset-organism.navbar',
+  data: {
+    items: [
+      { label: 'Home', page: { documentId: 'd1', slug: 'home' } },
+      { label: 'GH', url: 'https://github.com', newTab: true },
+      { label: 'dead' }, // unresolvable → dropped from links
+    ],
+    cta: { link: { label: 'Go', url: '/go' }, variant: 'secondary' },
+  },
+});
+
+const site = (defaults: { header?: Node[]; footer?: Node[] }) =>
+  ({
+    brand: { ...brand, favicon: '' },
+    routes: { home: 'home' },
+    pageDefaults: { header: defaults.header ?? [], footer: defaults.footer ?? [] },
+  }) as any;
+
+const tree = (header: any, footer: any, children: Node[] = []): PressTree => ({
+  version: 1,
+  root: { type: 'layout', header, footer, children },
+});
+
+describe('hydrateEngineBlocks', () => {
+  it('hydrates navbar brand/links/cta with home-slug collapse, at any depth', () => {
+    const nested: Node[] = [{
+      id: 'r', type: 'row', ratio: '50-50', children: [
+        { id: 'c', type: 'column', children: [navbarNode()] },
+        { id: 'c2', type: 'column', children: [] },
+      ],
+    }];
+    const [row] = hydrateEngineBlocks(nested, brand, 'home') as any[];
+    const nav = row.children[0].children[0].data;
+    expect(nav.brand).toEqual(brand);
+    expect(nav.links).toEqual([
+      { label: 'Home', href: '/', external: false, newTab: false },
+      { label: 'GH', href: 'https://github.com', external: true, newTab: true },
+    ]);
+    expect(nav.cta).toMatchObject({ label: 'Go', href: '/go', variant: 'secondary' });
+  });
+
+  it('resolves button/hero/cta link fields and injects the footer brand', () => {
+    const nodes: Node[] = [
+      { id: 'b', type: 'block', component: 'preset-atom.button', data: { link: { label: 'Docs', page: { documentId: 'd9', slug: 'docs' } }, variant: 'primary' } },
+      { id: 'h', type: 'block', component: 'preset-organism.hero', data: { title: 'T', cta: { label: 'Read', url: '/read' } } },
+      { id: 'f', type: 'block', component: 'preset-organism.footer', data: {} },
+      { id: 'x', type: 'block', component: 'custom-organism.callout', data: { message: 'untouched' } },
+    ];
+    const out = hydrateEngineBlocks(nodes, brand, 'home') as any[];
+    expect(out[0].data.link).toEqual({ label: 'Docs', href: '/docs', external: false, newTab: false });
+    expect(out[1].data.cta.href).toBe('/read');
+    expect(out[2].data.brand).toEqual({ name: 'Press' });
+    expect(out[3].data).toEqual({ message: 'untouched' }); // adopter data is never touched
+    expect(nodes[0].type === 'block' && (nodes[0].data as any).link.page.slug).toBe('docs'); // input not mutated
+  });
+});
+
+describe('resolveTree slot matrix', () => {
+  const defaults = { header: [navbarNode()], footer: [{ id: 'f', type: 'block', component: 'preset-organism.footer', data: {} } as Node] };
+
+  it('inherit pulls (and hydrates) pageDefaults; none is empty; custom wins', () => {
+    const inherited = resolveTree(tree({ mode: 'inherit' }, { mode: 'inherit' }), site(defaults));
+    expect((inherited.header[0] as any).data.brand).toEqual(brand);
+    expect((inherited.footer[0] as any).data.brand).toEqual({ name: 'Press' });
+
+    const bare = resolveTree(tree({ mode: 'none' }, { mode: 'none' }), site(defaults));
+    expect(bare.header).toEqual([]);
+    expect(bare.footer).toEqual([]);
+
+    const custom = resolveTree(
+      tree({ mode: 'custom', children: [{ id: 'p', type: 'block', component: 'preset-atom.paragraph', data: { content: 'x' } }] }, { mode: 'none' }),
+      site(defaults),
+    );
+    expect((custom.header[0] as any).component).toBe('preset-atom.paragraph');
+  });
+
+  it('inherit against absent defaults renders bare (fail-to-empty)', () => {
+    const out = resolveTree(tree({ mode: 'inherit' }, { mode: 'inherit' }), site({}));
+    expect(out.header).toEqual([]);
+  });
+
+  it('carries the root container and hydrates body children too', () => {
+    const t = tree({ mode: 'none' }, { mode: 'none' }, [
+      { id: 'b', type: 'block', component: 'preset-atom.button', data: { link: { label: 'Go', url: '/g' } } },
+    ]);
+    t.root.container = { gap: 'spacious' };
+    const out = resolveTree(t, site({}));
+    expect(out.rootContainer).toEqual({ gap: 'spacious' });
+    expect((out.children[0] as any).data.link.href).toBe('/g');
+  });
+});
+```
+
+- [ ] **Step 2: Run (FAIL), implement**
+
+Create `packages/web/src/tree/resolve-slots.ts`:
+
+```ts
+/**
+ * Slot resolution + engine-block hydration — the ONE hydration point (Spec §5/§6).
+ * `inherit` resolves against Site Settings pageDefaults at render (ISR ~60s:
+ * editing the default header updates every inheriting page, no redeploy);
+ * `none` is a bare page; `custom` is page-owned chrome. All three lists — and
+ * the body — then get engine blocks hydrated WHEREVER they sit: navbar/footer
+ * gain brand (identity is never stored on a block), and every engine link
+ * field resolves with the homeSlug collapse. The engine names only its OWN
+ * blocks here — adopter data passes through untouched (custom blocks render
+ * links via <PressLink> themselves).
+ */
+import type { ContainerAttrs, Node, PressTree, Slot } from '@ogs-tech/press-shared';
+import type { ResolvedPressConfig } from '../config/types';
+import { resolveLink, type PressLinkData, type ResolvedLink } from '../link';
+
+export interface ResolvedTree {
+  header: Node[];
+  children: Node[];
+  footer: Node[];
+  rootContainer?: ContainerAttrs;
+}
+
+type Brand = { name: string; logo?: string };
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === 'object' && v !== null && !Array.isArray(v);
+
+/** Engine blocks whose data carries ONE link field to resolve in place. */
+const LINK_FIELDS: Record<string, string> = {
+  'preset-atom.button': 'link',
+  'preset-organism.hero': 'cta',
+  'preset-organism.cta': 'button',
+};
+
+function hydrateBlockData(component: string, data: Record<string, unknown>, brand: Brand, homeSlug: string): Record<string, unknown> {
+  if (component === 'preset-organism.navbar') {
+    const items = Array.isArray(data.items) ? (data.items as PressLinkData[]) : [];
+    const links = items
+      .map((item) => resolveLink(item, homeSlug))
+      .filter((link): link is ResolvedLink => link !== null);
+    const rawCta = isRecord(data.cta) ? data.cta : undefined;
+    const ctaLink = rawCta ? resolveLink(rawCta.link as PressLinkData, homeSlug) : null;
+    return {
+      ...data,
+      brand: { name: brand.name, logo: brand.logo },
+      links,
+      cta: ctaLink ? { ...ctaLink, variant: rawCta?.variant } : null,
+    };
+  }
+  if (component === 'preset-organism.footer') {
+    return { ...data, brand: { name: brand.name } };
+  }
+  const linkField = LINK_FIELDS[component];
+  if (linkField && data[linkField] !== undefined && data[linkField] !== null) {
+    return { ...data, [linkField]: resolveLink(data[linkField] as PressLinkData, homeSlug) };
+  }
+  return data;
+}
+
+export function hydrateEngineBlocks(nodes: Node[], brand: Brand, homeSlug: string): Node[] {
+  return nodes.map((node) => {
+    if (node.type === 'block') {
+      return { ...node, data: hydrateBlockData(node.component, node.data, brand, homeSlug) };
+    }
+    return { ...node, children: hydrateEngineBlocks(node.children as Node[], brand, homeSlug) } as Node;
+  });
+}
+
+function slotNodes(slot: Slot, defaults: Node[]): Node[] {
+  if (slot.mode === 'inherit') return defaults;
+  if (slot.mode === 'custom') return slot.children;
+  return [];
+}
+
+export function resolveTree(tree: PressTree, site: ResolvedPressConfig): ResolvedTree {
+  const brand: Brand = { name: site.brand.name, logo: site.brand.logo };
+  const homeSlug = site.routes.home;
+  const hydrate = (nodes: Node[]): Node[] => hydrateEngineBlocks(nodes, brand, homeSlug);
+  return {
+    header: hydrate(slotNodes(tree.root.header, site.pageDefaults.header)),
+    children: hydrate(tree.root.children),
+    footer: hydrate(slotNodes(tree.root.footer, site.pageDefaults.footer)),
+    rootContainer: tree.root.container,
+  };
+}
+```
+
+- [ ] **Step 3: Rewrite map-site-settings + config types**
+
+In `packages/web/src/config/types.ts` apply the Interfaces block above. In `packages/web/src/map-site-settings.ts`: delete `hydrateChromeBlocks`, `resolveNavItem`, `RawNavItem` (superseded by resolve-slots/link); replace the `chrome:` section of the return with:
+
+```ts
+import { validateNodeArray, type Node } from '@ogs-tech/press-shared';
+
+/** One pageDefaults slot: fail-to-empty on invalid nodes (Spec §6.3), dev-only warning. */
+function mapSlot(input: unknown, slot: string): Node[] {
+  if (input === undefined || input === null) return [];
+  const { value, errors } = validateNodeArray(input);
+  if (!value) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn(`[press/web] invalid pageDefaults.${slot} — rendering empty`, errors);
+    }
+    return [];
+  }
+  return value;
+}
+```
+
+and in the returned object:
+
+```ts
+pageDefaults: {
+  header: mapSlot(c.pageDefaults?.header, 'header'),
+  footer: mapSlot(c.pageDefaults?.footer, 'footer'),
+},
+```
+
+Update `map-site-settings.test.ts`: delete the chrome-hydration describe blocks (navbar links/brand assertions — that behavior now lives in `resolve-slots.test.ts`); add:
+
+```ts
+it('maps valid pageDefaults slots through and fails invalid slots to empty', () => {
+  const nodes = [{ id: 'n', type: 'block', component: 'preset-organism.navbar', data: {} }];
+  const ok = mapSiteSettings(buildTime, { pageDefaults: { header: nodes, footer: [] } } as any);
+  expect(ok.pageDefaults.header).toEqual(nodes);
+  const bad = mapSiteSettings(buildTime, { pageDefaults: { header: [{ id: 'c', type: 'column', children: [] }] } } as any);
+  expect(bad.pageDefaults.header).toEqual([]);
+});
+
+it('maps an absent/unreachable CMS to empty pageDefaults', () => {
+  expect(mapSiteSettings(buildTime, null).pageDefaults).toEqual({ header: [], footer: [] });
+});
+```
+
+(Keep every identity/SEO/theme/cookie test unchanged — that surface is untouched.)
+
+- [ ] **Step 4: Run, commit**
+
+Run: `pnpm --filter @ogs-tech/press-web test src/tree src/map-site-settings.test.ts`
+Expected: PASS.
+
+```bash
+git add packages/web
+git commit -m "feat(web)!: pageDefaults slots + one-point engine-block hydration (resolve-slots)"
+```
+
+### Task 17: TreeRenderer + kill list (BlockRenderer, blockKey, Columns)
+
+**Files:**
+- Create: `packages/web/src/tree/tree-renderer.tsx`
+- Test: `packages/web/src/tree/tree-renderer.test.tsx`
+- Delete: `packages/web/src/block-renderer.tsx`, `block-renderer.test.tsx`, `block-key.ts`, `block-key.test.ts`, `sections/columns.tsx`, `sections/columns.test.ts`
+- Modify: `packages/web/src/organism-blocks.ts`, `packages/web/src/index.ts`
+
+**Interfaces:**
+- Consumes: `validatePressTree` (shared), `resolveTree` (Task 16), container-attr pickers (Task 15), `atomBlocks`/`organismBlocks`, layout primitives.
+- Produces (exact):
+  - `TreeRenderer({ body, site, components }: { body: unknown; site: ResolvedPressConfig; components?: Record<string, ComponentType<any>> })` — validates (`value` null → dev warn + EMPTY body but chrome still resolves from pageDefaults, Spec §7), resolves, renders `<header>…</header><main>…</main><footer>…</footer>`
+  - Registry merge UNCHANGED: `{ ...atomBlocks, ...organismBlocks, ...components }`; unknown `component` → skip + dev-only `componentUrn` warning (BlockRenderer precedent); `node.id` is the React key
+  - Row top-level → `<Container as="section" maxWidth={rowWidth(...)}><Grid gap={rowGap(...)} alignItems={rowAlign(...)}>…`; nested → bare `<Grid>` (width ignored)
+  - Column → `<Column span={spanFor(parentRatio, i)}><div data-press-cell data-cell-align={cellAlign(...)} style={{ '--press-cell-gap': stackGap(...) }}>…</div></Column>` (attr/style omitted when undefined)
+  - `<main>`: when `rootContainer.gap` is set → `data-press-stack=""` + `style={{ '--press-tree-gap': stackGap(rootContainer) }}`; otherwise a plain `<main>` (legacy per-block margins)
+  - `organism-blocks.ts` loses `'preset-organism.columns'`; `index.ts`: remove `BlockRenderer`, `Columns`, `blockKey`-related exports; add `TreeRenderer`, `PressLink`, `resolveLink`, `coerceLink`, and type re-exports `PressTree`, `Node`, `RowNode`, `ColumnNode`, `BlockNode`, `Slot`, `ContainerAttrs`, `PressLinkData`, `ResolvedLink` (from `@ogs-tech/press-shared` / `./link`)
+
+- [ ] **Step 1: Write the failing tests**
+
+Create `packages/web/src/tree/tree-renderer.test.tsx`:
+
+```tsx
+import { describe, expect, it, vi } from 'vitest';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { createElement } from 'react';
+import type { Node, PressTree } from '@ogs-tech/press-shared';
+import { TreeRenderer } from './tree-renderer';
+
+const site = (overrides: Partial<{ header: Node[]; footer: Node[] }> = {}) =>
+  ({
+    brand: { name: 'Press', favicon: '' },
+    routes: { home: 'home' },
+    pageDefaults: { header: overrides.header ?? [], footer: overrides.footer ?? [] },
+  }) as any;
+
+const tree = (children: Node[], extra: Partial<PressTree['root']> = {}): PressTree => ({
+  version: 1,
+  root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children, ...extra },
+});
+
+const paragraph = (id: string, content: string): Node => ({
+  id, type: 'block', component: 'preset-atom.paragraph', data: { content },
+});
+
+describe('TreeRenderer', () => {
+  it('renders header/main/footer with top-level blocks as DIRECT main children (prose rail)', () => {
+    const html = renderToStaticMarkup(
+      createElement(TreeRenderer, { body: tree([paragraph('p1', 'Hello')]), site: site() }),
+    );
+    expect(html).toContain('<header></header>');
+    expect(html).toMatch(/<main[^>]*><div data-block="preset-atom.paragraph">/);
+    expect(html).toContain('<footer></footer>');
+  });
+
+  it('renders a top-level row as Container>Grid>Column and a NESTED row as bare Grid (recursion)', () => {
+    const body = tree([{
+      id: 'r1', type: 'row', ratio: '33-67', container: { width: 'full', gap: 'compact', verticalAlign: 'center' },
+      children: [
+        { id: 'c1', type: 'column', children: [paragraph('p2', 'left')] },
+        { id: 'c2', type: 'column', container: { verticalAlign: 'bottom', gap: 'spacious' }, children: [{
+          id: 'r2', type: 'row', ratio: '50-50', children: [
+            { id: 'c3', type: 'column', children: [paragraph('p3', 'deep')] },
+            { id: 'c4', type: 'column', children: [] },
+          ],
+        }] },
+      ],
+    }]);
+    const html = renderToStaticMarkup(createElement(TreeRenderer, { body, site: site() }));
+    expect(html).toContain('data-max-width="full"');                       // width applied top-level
+    expect((html.match(/data-press-layout="grid"/g) ?? []).length).toBe(2); // outer + nested grid
+    expect((html.match(/data-press-layout="container"/g) ?? []).length).toBe(1); // nested row gets NO Container
+    expect(html).toContain('data-align-items="center"');
+    expect(html).toContain('data-cell-align="end"');
+    expect(html).toContain('--press-cell-gap:var(--press-space-7)');
+    expect(html).toContain('deep');
+  });
+
+  it('resolves inherit slots against pageDefaults and hydrates the navbar there', () => {
+    const navbar: Node = { id: 'n', type: 'block', component: 'preset-organism.navbar', data: { items: [{ label: 'Home', url: '/' }] } };
+    const html = renderToStaticMarkup(
+      createElement(TreeRenderer, {
+        body: tree([], { header: { mode: 'inherit' } }),
+        site: site({ header: [navbar] }),
+      }),
+    );
+    expect(html).toContain('data-block="preset-organism.navbar"');
+    expect(html).toContain('Press'); // hydrated brand
+  });
+
+  it('applies the root gap as a main stack and omits it when undeclared', () => {
+    const withGap = tree([paragraph('p', 'x')], { container: { gap: 'compact' } });
+    expect(renderToStaticMarkup(createElement(TreeRenderer, { body: withGap, site: site() })))
+      .toMatch(/<main[^>]*data-press-stack[^>]*style="--press-tree-gap:var\(--press-space-3\)"/);
+    expect(renderToStaticMarkup(createElement(TreeRenderer, { body: tree([]), site: site() })))
+      .not.toContain('data-press-stack');
+  });
+
+  it('fails an invalid body to empty but KEEPS the inherited chrome (Spec §7)', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    const navbar: Node = { id: 'n', type: 'block', component: 'preset-organism.navbar', data: {} };
+    const html = renderToStaticMarkup(
+      createElement(TreeRenderer, { body: { version: 99 }, site: site({ header: [navbar] }) }),
+    );
+    expect(html).toContain('data-block="preset-organism.navbar"');
+    expect(html).toMatch(/<main[^>]*><\/main>/);
+    expect(warn).toHaveBeenCalled();
+    warn.mockRestore();
+  });
+
+  it('skips unknown components with a dev warning and honors adopter overrides', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    const body = tree([
+      { id: 'u', type: 'block', component: 'custom-organism.mystery', data: {} },
+      { id: 'h', type: 'block', component: 'preset-organism.hero', data: { title: 'T' } },
+    ]);
+    const MyHero = () => createElement('div', { 'data-my-hero': '' }, 'override');
+    const html = renderToStaticMarkup(
+      createElement(TreeRenderer, { body, site: site(), components: { 'preset-organism.hero': MyHero } }),
+    );
+    expect(html).toContain('data-my-hero');
+    expect(html).not.toContain('mystery');
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('custom-organism.mystery'));
+    warn.mockRestore();
+  });
+});
+```
+
+- [ ] **Step 2: Run (FAIL), implement**
+
+Create `packages/web/src/tree/tree-renderer.tsx`:
+
+```tsx
+/**
+ * TreeRenderer — renders a PressTree as <header>/<main>/<footer> (Spec §5).
+ * Layout-by-components: the App Router `children` slot is the outlet; the tree
+ * owns the page shell. Read-side tolerance (Spec §7): a malformed body renders
+ * EMPTY (dev warning) but chrome still resolves from pageDefaults; unknown
+ * block components are skipped (BlockRenderer precedent); container attrs were
+ * already sanitized by the shared validator.
+ */
+import type { ComponentType, CSSProperties } from 'react';
+import type { ColumnNode, Node, Ratio, RowNode } from '@ogs-tech/press-shared';
+import { validatePressTree } from '@ogs-tech/press-shared';
+import { atomBlocks } from '../atom-blocks';
+import { organismBlocks } from '../organism-blocks';
+import { componentUrn } from '../urn';
+import type { ResolvedPressConfig } from '../config/types';
+import { Column } from '../layout/column';
+import { Container } from '../layout/container';
+import { Grid } from '../layout/grid';
+import { cellAlign, rowAlign, rowGap, rowWidth, spanFor, stackGap } from './container-attrs';
+import { hydrateEngineBlocks, resolveTree, type ResolvedTree } from './resolve-slots';
+
+type Registry = Record<string, ComponentType<any>>;
+
+interface TreeRendererProps {
+  /** The raw page body (PressTree on the wire) — validated here, never trusted. */
+  body: unknown;
+  site: ResolvedPressConfig;
+  /** Adopter custom blocks, passed EXPLICITLY (no global registry — BlockRenderer contract kept). */
+  components?: Registry;
+}
+
+function BlockView({ node, registry }: { node: Node & { type: 'block' }; registry: Registry }) {
+  const Component = registry[node.component];
+  if (!Component) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn(`[press/web] no component registered for ${componentUrn(node.component)} — skipping`);
+    }
+    return null;
+  }
+  return <Component {...node.data} />;
+}
+
+function ColumnView({ column, ratio, index, registry }: { column: ColumnNode; ratio: Ratio; index: number; registry: Registry }) {
+  const gap = stackGap(column.container);
+  const align = cellAlign(column.container);
+  const style = gap ? ({ ['--press-cell-gap' as string]: gap } as CSSProperties) : undefined;
+  return (
+    <Column span={spanFor(ratio, index)}>
+      <div data-press-cell="" data-cell-align={align} style={style}>
+        <NodeList nodes={column.children} registry={registry} top={false} />
+      </div>
+    </Column>
+  );
+}
+
+function RowView({ row, registry, top }: { row: RowNode; registry: Registry; top: boolean }) {
+  const grid = (
+    <Grid gap={rowGap(row.container)} alignItems={rowAlign(row.container)}>
+      {row.children.map((column, i) => (
+        <ColumnView key={column.id} column={column} ratio={row.ratio} index={i} registry={registry} />
+      ))}
+    </Grid>
+  );
+  // width applies to top-level rows only (Spec §3); nested rows fill their cell.
+  if (!top) return grid;
+  return (
+    <Container as="section" maxWidth={rowWidth(row.container)}>
+      {grid}
+    </Container>
+  );
+}
+
+function NodeList({ nodes, registry, top }: { nodes: Node[]; registry: Registry; top: boolean }) {
+  return (
+    <>
+      {nodes.map((node) => {
+        if (node.type === 'block') return <BlockView key={node.id} node={node} registry={registry} />;
+        if (node.type === 'row') return <RowView key={node.id} row={node} registry={registry} top={top} />;
+        // A stray column never survives the validator; belt-and-braces skip.
+        return null;
+      })}
+    </>
+  );
+}
+
+export function TreeRenderer({ body, site, components = {} }: TreeRendererProps) {
+  const registry: Registry = { ...atomBlocks, ...organismBlocks, ...components };
+  const { value: tree, errors } = validatePressTree(body);
+  if (!tree && process.env.NODE_ENV !== 'production') {
+    console.warn('[press/web] malformed composition tree — rendering empty body', errors);
+  }
+  const brand = { name: site.brand.name, logo: site.brand.logo };
+  const resolved: ResolvedTree = tree
+    ? resolveTree(tree, site)
+    : {
+        // Malformed body (Spec §7): body fails to empty, chrome still inherits.
+        header: hydrateEngineBlocks(site.pageDefaults.header, brand, site.routes.home),
+        children: [],
+        footer: hydrateEngineBlocks(site.pageDefaults.footer, brand, site.routes.home),
+        rootContainer: undefined,
+      };
+  const gap = stackGap(resolved.rootContainer);
+  return (
+    <>
+      <header>
+        <NodeList nodes={resolved.header} registry={registry} top />
+      </header>
+      <main
+        data-press-stack={gap ? '' : undefined}
+        style={gap ? ({ ['--press-tree-gap' as string]: gap } as CSSProperties) : undefined}
+      >
+        <NodeList nodes={resolved.children} registry={registry} top />
+      </main>
+      <footer>
+        <NodeList nodes={resolved.footer} registry={registry} top />
+      </footer>
+    </>
+  );
+}
+```
+
+- [ ] **Step 3: Kill list + export surface**
+
+```bash
+git rm packages/web/src/block-renderer.tsx packages/web/src/block-renderer.test.tsx \
+       packages/web/src/block-key.ts packages/web/src/block-key.test.ts \
+       packages/web/src/sections/columns.tsx packages/web/src/sections/columns.test.ts
+```
+
+- `organism-blocks.ts`: delete the `Columns` import and the `'preset-organism.columns'` entry.
+- `index.ts`: remove `export { BlockRenderer } …`, `export { Columns } …`, `renderBlocks` (already gone in Task 13); add:
+
+```ts
+export { TreeRenderer } from './tree/tree-renderer';
+export { resolveTree, hydrateEngineBlocks } from './tree/resolve-slots';
+export { PressLink } from './press-link';
+export { resolveLink, coerceLink } from './link';
+export type { PressLinkData, ResolvedLink } from './link';
+export type {
+  PressTree, LayoutNode, Node, RowNode, ColumnNode, BlockNode, Slot,
+  ContainerAttrs, Ratio, Gap, VerticalAlign, ContainerWidth,
+} from '@ogs-tech/press-shared';
+```
+
+and drop the dead type re-exports (`Block`, `PresetOrganismColumns`, `PresetMoleculeColumn`, `ChromeBlock`, `ResolvedChromeFooter`; keep `ResolvedNavLink` as the alias). `urn.ts` and its `blockKey`-adjacent comment: `blockKey` was the COMPUTED identity class — delete any dangling reference in comments.
+
+- [ ] **Step 4: Full web suite now runs green**
+
+Run: `pnpm --filter @ogs-tech/press-web test && pnpm --filter @ogs-tech/press-web typecheck`
+Expected: ALL web tests PASS (this is the first full-suite green since Task 12), typecheck exit 0. Remaining failures here mean a missed call site of a deleted symbol — fix before committing.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add -A packages/web
+git commit -m "feat(web)!: TreeRenderer replaces BlockRenderer; columns organism and blockKey retired"
+```
+
+### Task 18: Host template + theme.css (prose rescope, stack/cell rules)
+
+**Files:**
+- Modify: `packages/web/templates/host/app/layout.tsx`
+- Modify: `packages/web/templates/host/app/[[...slug]]/page.tsx`
+- Modify: `packages/web/templates/host/next.config.ts`
+- Modify: `packages/web/theme.css`
+
+**Interfaces:**
+- Consumes: `TreeRenderer` (Task 17), `getSiteConfig`/`getPage` (unchanged).
+- Produces: the running host. ISR semantics unchanged (`revalidate = 60`, `generateStaticParams`, `/home → /` 308).
+
+- [ ] **Step 1: RootLayout drops the chrome**
+
+In `packages/web/templates/host/app/layout.tsx`: remove the `BlockRenderer` import and the `<header>…</header>` / `<main>{children}</main>` / `<footer>…</footer>` block. The `<body>` becomes:
+
+```tsx
+<body>
+  {/* The page shell (header/main/footer) is rendered by TreeRenderer inside the
+      route — the layout cannot see the slug, so it cannot resolve per-page
+      slots (Spec §5). It keeps html/head, theme injection, consent bootstrap
+      and the cookie banner. */}
+  {children}
+  <CookieConsentBanner key={site.plugins.cookieConsent.urn} plugin={site.plugins.cookieConsent} />
+</body>
+```
+
+(Keep `const site = await getSiteConfig(buildTime);`, the theme `<style>`, the consent script, fonts — all untouched. Remove the now-unused `customBlocks` import.)
+
+- [ ] **Step 2: The route renders the tree**
+
+In `packages/web/templates/host/app/[[...slug]]/page.tsx`, replace the imports (`BlockRenderer` → `TreeRenderer`) and the page component body:
+
+```tsx
+export default async function CatchAllPage({ params }: PageProps) {
+  const { slug } = await params;
+  const path = (slug ?? []).join('/');
+
+  // The home page is canonical at the root only. A direct hit on its slug
+  // (e.g. /home) 308-redirects to '/', so home has no public slug URL.
+  if (path && path === buildTime.routes.home) permanentRedirect('/');
+
+  const [site, page] = await Promise.all([
+    getSiteConfig(buildTime),
+    getPage(path || buildTime.routes.home),
+  ]);
+  if (!page) notFound();
+  return <TreeRenderer body={page.body} site={site} components={customBlocks} />;
+}
+```
+
+- [ ] **Step 3: Transpile press-shared**
+
+In `packages/web/templates/host/next.config.ts`:
+
+```ts
+transpilePackages: ['@ogs-tech/press-web', '@ogs-tech/press-shared'],
+```
+
+(with the comment extended: press-shared also ships TS source and is now a runtime dep of press-web.)
+
+- [ ] **Step 4: theme.css changes (four edits)**
+
+1. **Prose rescope (Spec §5 "Load-bearing CSS change")** — the selector at ~line 106 becomes DIRECT children only, so atoms inside Column cells fill their cell:
+
+```css
+main > [data-block^="preset-atom."],
+main > [data-block^="custom-atom."] {
+  max-width: var(--press-container-prose);
+  margin-inline-start: calc(max(100% - var(--press-container-lg), 0px) / 2 + var(--press-container-padding-x));
+  margin-inline-end: var(--press-container-padding-x);
+}
+```
+
+(Update the comment above it: "top-level BlockNodes render as direct `<main>` children, so the editorial prose column survives exactly where it applies; cell-nested atoms are excluded on purpose — the cell owns their width.")
+
+2. **Main stack rhythm** (only when the layout root declares a gap — flex gap replaces per-block margins, which do NOT collapse in flex, hence the margin reset):
+
+```css
+/* Tree root rhythm: the LayoutNode's container.gap. Flex gap replaces the
+   blocks' own vertical margins (margins never collapse inside flex — without
+   the reset every gap would double). Absent gap → no attr → legacy margins. */
+main[data-press-stack] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--press-tree-gap, var(--press-space-5));
+}
+main[data-press-stack] > * {
+  margin-block: 0;
+}
+```
+
+3. **Column cells**:
+
+```css
+/* Tree column cells: stack rhythm + vertical placement within the row height.
+   height:100% makes verticalAlign meaningful when siblings are taller. */
+[data-press-cell] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--press-cell-gap, var(--press-space-4));
+  height: 100%;
+}
+[data-press-cell] > * {
+  margin-block: 0;
+}
+[data-press-cell][data-cell-align="center"] { justify-content: center; }
+[data-press-cell][data-cell-align="end"] { justify-content: flex-end; }
+```
+
+4. **Delete every `preset-organism.columns` rule** — all selectors containing `[data-block="preset-organism.columns"]` (the `data-column="cell"/"content"/"image"/"button"` family, ~lines 229–395): the tree world renders REAL atom components inside cells.
+
+- [ ] **Step 5: Verify materialization still passes + commit**
+
+Run: `pnpm --filter @ogs-tech/press-web test && pnpm --filter @ogs-tech/press-web typecheck`
+Expected: PASS (materialize tests copy the templates verbatim; breakpoints test still asserts theme.css media literals — untouched).
+
+```bash
+git add packages/web
+git commit -m "feat(web)!: host renders the tree shell; prose rail rescoped to direct main children; cell/stack CSS"
+```
+
+### Task 19: Generator rewrite (type-sync for trees)
+
+**Files:**
+- Modify: `packages/web/src/generator/generate.ts`
+- Test: rewrite `packages/web/src/generator/generate.test.ts` (the `generateTypes` describe; keep `pascalForUid`/`tsTypeForAttribute` describes, extended)
+
+**Interfaces:**
+- Consumes: `PressSchema` (with `tree` version), `Attr`.
+- Produces — generated file contract (exact):
+  - Header comment unchanged + `import type { PressTree } from '@ogs-tech/press-web';`
+  - `PressMedia` interface (unchanged) + NEW `export interface PressPageRef { documentId: string; slug?: string }`
+  - One interface per component in `schema.components` — NO `__component`, NO `id` (tree `data` objects, not DZ rows)
+  - `tsTypeForAttribute` new mapping: `relation` with `target: 'plugin::press-cms.page'` → `'PressPageRef'` (other relations still skipped by `emitInterfaceBody`)
+  - `export type PageBody = PressTree;` — the `HeaderBlocks`/`FooterBlocks` unions DIE
+  - `Page` interface: `body: PageBody`; `pageDefaults`-bearing site-setting stays un-emitted (as today)
+
+- [ ] **Step 1: Update the tests (failing)**
+
+In `generate.test.ts`:
+- Extend `tsTypeForAttribute`: `expect(tsTypeForAttribute({ type: 'relation', target: 'plugin::press-cms.page' } as any)).toBe('PressPageRef');` and keep `expect(tsTypeForAttribute({ type: 'relation' })).toBe('unknown');` (non-page relations remain skipped at emit).
+- Rewrite the `generateTypes` describe fixture: page `body` attr becomes `{ type: 'customField', customField: 'plugin::press-cms.builder' }`; components map includes `preset-molecule.link` with the `page` relation attr. New assertions:
+
+```ts
+const out = generateTypes(schema as any);
+expect(out).toContain("import type { PressTree } from '@ogs-tech/press-web';");
+expect(out).toContain('export interface PressPageRef {');
+expect(out).toContain('export type PageBody = PressTree;');
+expect(out).not.toContain('__component');
+expect(out).not.toContain('HeaderBlocks');
+expect(out).toContain('export interface PresetMoleculeLink {');
+expect(out).toContain('page?: PressPageRef;');
+expect(out).toMatch(/export interface Page \{[\s\S]*body: PageBody;/);
+expect(out).not.toMatch(/interface \w+ \{\n  id: number;/); // data shapes carry no row id
+```
+
+Run: `pnpm --filter @ogs-tech/press-web test src/generator` — expected FAIL.
+
+- [ ] **Step 2: Rewrite generate.ts**
+
+Changes to `packages/web/src/generator/generate.ts`:
+
+```ts
+const PAGE_REF = `export interface PressPageRef {
+  documentId: string;
+  slug?: string;
+}`;
+
+// in tsTypeForAttribute, BEFORE the final fallback:
+  if (attr.type === 'relation') {
+    return (attr as Record<string, unknown>).target === 'plugin::press-cms.page' ? 'PressPageRef' : 'unknown';
+  }
+
+// in emitInterfaceBody: change the relation skip to skip only NON-page relations:
+      if (attr.type === 'relation' && (attr as Record<string, unknown>).target !== 'plugin::press-cms.page') return null;
+
+// in generateTypes:
+  const blocks: string[] = [
+    '// AUTO-GENERATED by @ogs-tech/press-web sync-types — DO NOT EDIT.',
+    '// Regenerate with: pnpm --filter @ogs-tech/press-web sync-types',
+    '',
+    "import type { PressTree } from '@ogs-tech/press-web';",
+    '',
+    PRESS_MEDIA,
+    '',
+    PAGE_REF,
+    '',
+  ];
+  // component emission loses the dzMembers logic and the id line:
+  for (const [uid, comp] of Object.entries(schema.components)) {
+    const name = pascalForUid(uid);
+    componentTypeNames[uid] = name;
+    blocks.push(`export interface ${name} {`, emitInterfaceBody(comp.attributes), `}`, '');
+  }
+  blocks.push('/** The page body IS the composition tree (composition-builder spec §5). */');
+  blocks.push(`export type PageBody = PressTree;`, '');
+  // Page interface: body maps to PageBody exactly as before; delete the union() helper
+  // and the HeaderBlocks/FooterBlocks block entirely.
+```
+
+(Also delete the now-unused `dzMembers` computation and `union` helper; empty-interface guard: when a component has zero emitted fields, `emitInterfaceBody` returns `''` — keep pushing it; an empty interface is valid TS.)
+
+- [ ] **Step 3: Run, commit**
+
+Run: `pnpm --filter @ogs-tech/press-web test && pnpm --filter @ogs-tech/press-web typecheck`
+Expected: full suite PASS.
+
+```bash
+git add packages/web
+git commit -m "feat(web)!: generator emits tree-world types (PageBody = PressTree, PressPageRef, no DZ unions)"
+```
+
+---
+
+## Phase 5 — CLI seed, scaffold baseline, integration & docs
+
+### Task 20: Tree seed + the seed-shape regression guard
+
+**Files:**
+- Create: `packages/cli/templates/cms/scripts/seed-content.mjs`
+- Modify: `packages/cli/templates/cms/scripts/seed.mjs`
+- Modify: `packages/cli/templates/project/packages/shared/types/generated.ts`
+- Modify: `packages/cli/package.json` (devDependency `"@ogs-tech/press-shared": "workspace:*"`)
+- Test: `packages/cli/src/create/seed-content.test.ts`
+
+**Interfaces:**
+- Consumes: `validatePressTree` (shared) in the test; the tree/link/plain-text contracts.
+- Produces: `seed-content.mjs` exports `SITE_SETTINGS` (unchanged values), `buildHomeBody({ heroAssetId })` → a `PressTree`, and `buildPageDefaults({ homeDocumentId, repoUrl, npmCreateUrl })` → `{ header, footer }`. Extracted as a pure data module precisely so the CLI test can validate the seeded shape — the missing seed-regression guard named in Spec §8.
+
+- [ ] **Step 1: Write the seed content module**
+
+Create `packages/cli/templates/cms/scripts/seed-content.mjs`:
+
+```js
+// cms/scripts/seed-content.mjs — the demo content as PURE DATA, importable by
+// both seed.mjs (to write it) and the engine's CLI test suite (to validate the
+// tree shape against the shared validator — the seed-regression guard).
+// Plain-text content throughout (curated `content: text` decision 2026-07-20).
+import { randomUUID } from 'node:crypto';
+
+export const REPO_URL = 'https://github.com/ogs-tech/press';
+export const PRESS_SITE_URL = 'https://useogs.com/press';
+export const NPM_CREATE_URL = 'https://www.npmjs.com/package/@ogs-tech/create-press';
+
+export const SITE_SETTINGS = {
+  name: 'Press',
+  url: 'http://localhost:3000',
+  locale: 'en',
+  seo: {
+    titleTemplate: '%s · Press',
+    title: 'Press',
+    description: 'A press-powered site, server-rendered end-to-end.',
+  },
+  themeColors: {
+    primary: '#119350',
+    accent: '#D9A12C',
+    secondary: '#3D5CC2',
+    ink: '#142036',
+    surface: '#FAF8F3',
+    muted: '#7A7E89',
+    danger: '#C0392B',
+    onPrimary: '#FFFFFF',
+    border: 'rgba(20,32,54,0.12)',
+  },
+  themeRadius: { xs: '6px', sm: '10px', md: '14px', lg: '20px' },
+};
+
+const block = (component, data = {}) => ({ id: randomUUID(), type: 'block', component, data });
+const column = (children, container) => ({ id: randomUUID(), type: 'column', children, ...(container ? { container } : {}) });
+const row = (ratio, children, container) => ({ id: randomUUID(), type: 'row', ratio, children, ...(container ? { container } : {}) });
+
+/**
+ * The demo home as a PressTree (Spec §4 seeds): hero → prose atoms → a 50-50
+ * row whose right column nests ANOTHER row (the recursion demo) → separator/
+ * button/spacer → cta banner → adopter callout. Chrome inherits pageDefaults.
+ */
+export const buildHomeBody = ({ heroAssetId }) => ({
+  version: 1,
+  root: {
+    type: 'layout',
+    header: { mode: 'inherit' },
+    footer: { mode: 'inherit' },
+    children: [
+      block('preset-organism.hero', {
+        eyebrow: 'Press engine',
+        title: 'Hello from press',
+        subtitle: 'A press-powered site, server-rendered end-to-end.',
+        image: { assetId: heroAssetId },
+        cta: { label: 'Read the docs', url: REPO_URL },
+        align: 'left',
+      }),
+      block('preset-atom.heading', { text: 'What ships in the box', level: '2' }),
+      block('preset-atom.paragraph', {
+        content: 'This prose lives in the CMS and renders as static HTML — no client hydration.',
+      }),
+      block('preset-atom.list', {
+        format: 'unordered',
+        content: [
+          'Atomic text blocks — paragraph, heading, list and quote.',
+          'Media & structure — image, button, separator and spacer.',
+          'Rows and columns — recursive layout composed in the admin.',
+          'Your own custom-* blocks, usable anywhere in the tree.',
+        ].join('\n'),
+      }),
+      block('preset-atom.quote', {
+        content: 'The contract is HTML on the server.',
+        citation: 'The press engine',
+      }),
+      // The composition mechanism itself: a 50-50 row whose RIGHT column nests
+      // another 50-50 row — full recursion on the demo page.
+      row('50-50', [
+        column([
+          block('preset-atom.paragraph', {
+            content: 'Editor-composed layout — rows and columns arranged in the admin, rendered on the engine grid.',
+          }),
+        ]),
+        column([
+          row('50-50', [
+            column([block('preset-atom.paragraph', { content: 'Columns nest rows.' })]),
+            column([block('preset-atom.paragraph', { content: 'Rows nest columns.' })]),
+          ]),
+        ], { verticalAlign: 'center' }),
+      ], { gap: 'normal' }),
+      block('preset-atom.separator', { variant: 'line' }),
+      block('preset-atom.button', {
+        link: { label: 'Star on GitHub', url: REPO_URL, newTab: true },
+        variant: 'secondary',
+      }),
+      block('preset-atom.spacer', { size: 'md' }),
+      block('preset-organism.cta', {
+        title: 'Ready to press publish?',
+        subtitle: 'Scaffold a site, open the admin, and ship your first page in minutes.',
+        button: { label: 'Scaffold your site', url: PRESS_SITE_URL },
+        align: 'center',
+      }),
+      block('custom-organism.callout', {
+        message: 'Adopter callout renders via the Project-zone block map',
+        variant: 'success',
+      }),
+    ],
+  },
+});
+
+/**
+ * Demo navigation for Site Settings pageDefaults: the Home item is a PAGE REF
+ * ({ documentId }) — exercising the reference-hydration path end-to-end — plus
+ * an external link and a CTA button. The footer keeps the bare seeded node.
+ */
+export const buildPageDefaults = ({ homeDocumentId }) => ({
+  header: [
+    block('preset-organism.navbar', {
+      items: [
+        { label: 'Home', page: { documentId: homeDocumentId } },
+        { label: 'GitHub', url: REPO_URL, newTab: true },
+      ],
+      cta: { link: { label: 'Get started', url: NPM_CREATE_URL }, variant: 'primary' },
+    }),
+  ],
+  footer: [block('preset-organism.footer', {})],
+});
+```
+
+- [ ] **Step 2: Rewrite seed.mjs around it**
+
+In `packages/cli/templates/cms/scripts/seed.mjs`: keep the boot scaffolding (createRequire/compileStrapi/createStrapi, PNG constant, uploadImage, teardown) VERBATIM; replace the content section with this flow (ORDER inverted vs today — the page must exist before pageDefaults can reference its documentId):
+
+```js
+import { buildHomeBody, buildPageDefaults, SITE_SETTINGS } from './seed-content.mjs';
+
+// … inside main(), after app load:
+
+// 1. The published home page (skip-if-any-published-page-exists, unchanged rule).
+let homeDocumentId;
+const existing = await app.documents(PAGE_UID).findMany({ status: 'published' });
+if (existing.length > 0) {
+  console.log(`[seed] ${existing.length} published page(s) exist — skipping page seed (delete cms/.tmp to reset).`);
+  homeDocumentId = existing.find((p) => p.slug === SLUG)?.documentId;
+} else {
+  const heroImageId = await uploadImage('press-hero.png');
+  console.log(`[seed] uploaded hero image id=${heroImageId}`);
+  const page = await app.documents(PAGE_UID).create({
+    data: { title: 'Hello from press', slug: SLUG, body: buildHomeBody({ heroAssetId: heroImageId }) },
+    status: 'published',
+  });
+  homeDocumentId = page.documentId;
+  console.log(`[seed] created published page documentId=${page.documentId} slug=${SLUG}`);
+}
+
+// 2. Site Settings: identity + theme + demo pageDefaults (idempotent: skip once named).
+const settings = await app.documents(SITE_SETTING_UID).findFirst();
+if (settings?.name) {
+  console.log('[seed] site settings already filled — skipping.');
+} else {
+  const data = { ...SITE_SETTINGS };
+  if (homeDocumentId) data.pageDefaults = buildPageDefaults({ homeDocumentId });
+  if (settings) {
+    await app.documents(SITE_SETTING_UID).update({ documentId: settings.documentId, data });
+    console.log('[seed] site settings filled (pageDefaults navigation seeded).');
+  } else {
+    await app.documents(SITE_SETTING_UID).create({ data });
+    console.log('[seed] site settings created (pageDefaults navigation seeded).');
+  }
+}
+```
+
+(Delete the old `header` navbar array and the old DZ `body` array wholesale. `REPO_URL`/`NPM_CREATE_URL`/`PRESS_SITE_URL` now come from seed-content.mjs — remove the local constants.)
+
+- [ ] **Step 3: The seed-regression guard (failing first)**
+
+Add `"@ogs-tech/press-shared": "workspace:*"` to `packages/cli/package.json` devDependencies; `pnpm install`.
+
+Create `packages/cli/src/create/seed-content.test.ts`:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { validatePressTree, validateNodeArray } from '@ogs-tech/press-shared';
+// The template ships as plain .mjs data — imported across the package boundary on purpose:
+// this test IS the guard that the scaffold seeds a valid tree (spec §8, CLI).
+// eslint-not-applicable: repo has no eslint.
+import { buildHomeBody, buildPageDefaults } from '../../templates/cms/scripts/seed-content.mjs';
+
+describe('seeded home body', () => {
+  const tree = buildHomeBody({ heroAssetId: 7 }) as any;
+
+  it('is a valid PressTree with inherited chrome', () => {
+    const { value, errors, warnings } = validatePressTree(tree);
+    expect(errors).toEqual([]);
+    expect(warnings).toEqual([]);
+    expect(value!.root.header).toEqual({ mode: 'inherit' });
+  });
+
+  it('opens with the hero (assetId media ref) and closes with cta + adopter callout', () => {
+    const children = tree.root.children;
+    expect(children[0]).toMatchObject({ type: 'block', component: 'preset-organism.hero' });
+    expect(children[0].data.image).toEqual({ assetId: 7 });
+    expect(children.at(-2)).toMatchObject({ component: 'preset-organism.cta' });
+    expect(children.at(-1)).toMatchObject({ component: 'custom-organism.callout' });
+  });
+
+  it('demonstrates recursion: a 50-50 row whose column nests another row', () => {
+    const rowNode = tree.root.children.find((n: any) => n.type === 'row');
+    expect(rowNode.ratio).toBe('50-50');
+    const nested = rowNode.children[1].children.find((n: any) => n.type === 'row');
+    expect(nested).toBeDefined();
+    expect(nested.children).toHaveLength(2);
+  });
+
+  it('uses plain-text content and link descriptors (no blocks AST, no href strings)', () => {
+    const json = JSON.stringify(tree);
+    expect(json).not.toContain('"type":"paragraph"');   // no blocks AST nodes
+    expect(json).not.toContain('ctaHref');
+    const button = tree.root.children.find((n: any) => n.component === 'preset-atom.button');
+    expect(button.data.link).toMatchObject({ label: 'Star on GitHub' });
+  });
+});
+
+describe('seeded pageDefaults', () => {
+  const pd = buildPageDefaults({ homeDocumentId: 'home-doc' }) as any;
+
+  it('slots validate as Node[] and the Home item is a page ref', () => {
+    expect(validateNodeArray(pd.header).errors).toEqual([]);
+    expect(validateNodeArray(pd.footer).errors).toEqual([]);
+    const navbar = pd.header[0];
+    expect(navbar.data.items[0].page).toEqual({ documentId: 'home-doc' });
+    expect(navbar.data.cta.link.label).toBe('Get started');
+  });
+});
+```
+
+Run: `pnpm --filter @ogs-tech/create-press test` — expected: PASS once Steps 1–2 exist (write the test BEFORE seed-content.mjs if strict test-first ordering is wanted; the module is data, so either order is acceptable — the guard's value is permanent regression protection).
+
+- [ ] **Step 4: Refresh the scaffold's committed type baseline**
+
+Replace `packages/cli/templates/project/packages/shared/types/generated.ts` with a baseline matching the NEW generator output (Task 19 contract — no `__component`/`id`, PressPageRef, `PageBody = PressTree`). Content:
+
+```ts
+// AUTO-GENERATED by @ogs-tech/press-web sync-types — DO NOT EDIT.
+// Regenerate with: pnpm --filter @ogs-tech/press-web sync-types
+
+import type { PressTree } from '@ogs-tech/press-web';
+
+export interface PressMedia {
+  url: string;
+  width?: number;
+  height?: number;
+  alternativeText?: string | null;
+  name?: string;
+  mime?: string;
+}
+
+export interface PressPageRef {
+  documentId: string;
+  slug?: string;
+}
+
+export interface PresetAtomParagraph {
+  content: string;
+}
+
+export interface PresetAtomHeading {
+  text: string;
+  level: '1' | '2' | '3' | '4' | '5' | '6';
+}
+
+export interface PresetAtomList {
+  content: string;
+  format?: 'unordered' | 'ordered';
+}
+
+export interface PresetAtomQuote {
+  content: string;
+  citation?: string;
+}
+
+export interface PresetAtomImage {
+  image: PressMedia;
+  caption?: string;
+}
+
+export interface PresetAtomButton {
+  link?: PresetMoleculeLink;
+  variant?: 'primary' | 'secondary';
+}
+
+export interface PresetAtomSeparator {
+  variant?: 'line' | 'dots';
+}
+
+export interface PresetAtomSpacer {
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+}
+
+export interface PresetMoleculeLink {
+  label?: string;
+  page?: PressPageRef;
+  url?: string;
+  newTab?: boolean;
+}
+
+export interface PresetLayoutContainer {
+  width?: 'prose' | 'lg' | 'full';
+  gap?: 'compact' | 'normal' | 'spacious';
+  verticalAlign?: 'top' | 'center' | 'bottom';
+}
+
+export interface PresetLayoutRow {
+  ratio?: '50-50' | '33-67' | '67-33' | '33-33-33' | '25-25-25-25';
+  container?: PresetLayoutContainer;
+}
+
+export interface PresetLayoutColumn {
+  container?: PresetLayoutContainer;
+}
+
+export interface PresetOrganismHero {
+  eyebrow?: string;
+  title: string;
+  subtitle?: string;
+  image?: PressMedia;
+  cta?: PresetMoleculeLink;
+  align?: 'left' | 'center';
+}
+
+export interface PresetOrganismCta {
+  title: string;
+  subtitle?: string;
+  button?: PresetMoleculeLink;
+  align?: 'left' | 'center';
+}
+
+export interface PresetOrganismNavbar {
+  items?: PresetMoleculeLink[];
+  cta?: PresetAtomButton;
+}
+
+export interface PresetOrganismFooter {
+  text?: string;
+}
+
+export interface CustomOrganismCallout {
+  message: string;
+  variant?: 'info' | 'warning' | 'success';
+}
+
+/** The page body IS the composition tree (composition-builder spec §5). */
+export type PageBody = PressTree;
+
+export interface Page {
+  id: number;
+  documentId: string;
+  title: string;
+  slug?: string;
+  body: PageBody;
+}
+```
+
+(The preset-config interfaces the live generator will also emit are OMITTED from the baseline on purpose — nothing in a fresh scaffold imports them, and the first `press dev` overwrites the file with the exact live output. Note this in the file only if the current baseline carries a similar note.)
+
+Check `packages/cli/templates/project/packages/web/blocks/custom/Callout.tsx`: it types props via the generated `CustomOrganismCallout` — the interface lost `__component`/`id` but kept `message`/`variant`, so it compiles unchanged. If it destructures `id` or `__component`, remove that.
+
+- [ ] **Step 5: Run the CLI suite + commit**
+
+Run: `pnpm --filter @ogs-tech/create-press test && pnpm --filter @ogs-tech/create-press typecheck` (if the package has no typecheck script, `pnpm -r --if-present typecheck` covers it in Task 21)
+Expected: PASS — including the existing scaffold/compute-versions suites (untouched).
+
+```bash
+git add -A packages/cli pnpm-lock.yaml
+git commit -m "feat(cli)!: seed the demo home as a PressTree + pageDefaults navigation; seed-shape regression guard"
+```
+
+### Task 21: Playground regeneration, end-to-end verification, changesets, CLAUDE.md
+
+**Files:**
+- Regenerate: `apps/playground` (whole tree, via script)
+- Create: `.changeset/composition-builder.md`
+- Modify: `CLAUDE.md`
+
+- [ ] **Step 1: Regenerate the dogfood playground**
+
+```bash
+pnpm exec tsx scripts/create-playground.ts && pnpm install
+```
+
+Expected: `apps/playground` recreated from the live scaffold (workspace-rewired). Inspect `git status` — the diff should show the new seed scripts, generated.ts baseline, next.config transpile line; the cms Strapi uuid is preserved by the script.
+
+- [ ] **Step 2: Full monorepo verification**
+
+```bash
+pnpm build && pnpm -r test && pnpm -r --if-present typecheck && pnpm pack:check
+```
+
+Expected: every step exit 0. `pack:check` now dry-run-publishes **@ogs-tech/press-shared too** (it matches `./packages/*` and is no longer private) — confirm its tarball lists `src/tree.ts`/`src/validate-tree.ts` and NO `*.test.ts`.
+
+- [ ] **Step 3: Boot the playground and verify the loop end-to-end (manual, from the "playground loads cms dist" rule: `pnpm build` already ran)**
+
+```bash
+pnpm dev
+```
+
+Verify, in order:
+1. cms boots; seed runs; web boots. `curl -s localhost:1337/api/press/schema | grep '"tree"'` → `{"version":1}` present.
+2. `curl -s localhost:1337/api/pages/home` → `body.version === 1`; the hero's `image` carries a hydrated `url` (not a bare assetId); the navbar item in `/api/site-setting` `pageDefaults.header` carries `page: { documentId, slug: "home" }`.
+3. `localhost:3000` renders: navbar (brand + Home + GitHub + CTA), hero with image, prose atoms at the ~72ch rail, the recursive 50-50 row, cta banner, adopter callout, footer.
+4. Admin (`localhost:1337/admin`): open the home page — the Composition field renders the tree; add a paragraph inside a column; Save; reload `localhost:3000` (or wait ≤60s ISR) — the change appears. Pick an image via the media dialog on a hero (Task 11 Step 7 verification); if the dialog key mismatches, the assetId fallback input must appear — fix the key then.
+5. Site Settings: pageDefaults renders the slots editor; emptying the header and saving renders inheriting pages bare.
+
+Any failure here is a bug in the corresponding task — apply superpowers:systematic-debugging, fix at root cause, re-run this step.
+
+- [ ] **Step 4: Changeset**
+
+Create `.changeset/composition-builder.md` (major across the board — the atomic-design/chrome-blocks precedent for wire-breaking changes):
+
+```md
+---
+'@ogs-tech/press-shared': major
+'@ogs-tech/press-cms': major
+'@ogs-tech/press-web': major
+'@ogs-tech/create-press': major
+---
+
+feat!: composition builder — a JSON PressTree replaces the dynamic-zone mechanism engine-wide
+
+BREAKING (wire + palette + API), no data migration (pre-release):
+
+- `page.body` and the new `site-setting.pageDefaults` store a `PressTree` /
+  `Node[]` slots via the `plugin::press-cms.builder` JSON custom field; the
+  page-body and chrome Dynamic Zones (and `dz-populate`) are gone.
+- Per-page layout root: header/footer slots (`inherit | none | custom`), rows
+  with 1–4 ratio-bound columns, full recursion, adopter `custom-*` blocks
+  anywhere. Curated `container` attrs (`width`/`gap`/`verticalAlign`).
+- `@ogs-tech/press-shared` is now a PUBLISHED runtime dependency of press-web:
+  it ships the tree types + the sanitizing `validatePressTree` validator used
+  by the cms write path and the web render path.
+- Palette: new `preset-molecule.link` (label/page/url/newTab) referenced by
+  button/hero/cta/navbar; `preset-molecule.nav-item`, `preset-molecule.column`,
+  `preset-organism.columns` removed. Text atoms store curated PLAIN TEXT
+  (`content: text`) — the Strapi blocks AST leaves the wire (`renderBlocks`
+  removed). `preset-layout.{container,row,column}` descriptors drive the
+  builder's layout forms.
+- Serve-time hydration: media `{ assetId }` and page `{ documentId }` refs are
+  resolved server-side (fresh URLs/slugs; rename-safe internal links).
+- Web: `TreeRenderer` (header/main/footer shell) replaces `BlockRenderer`;
+  `PressLink`/`resolveLink` are the one link resolver; prose rail rescoped to
+  direct `<main>` children; `PageBody` generates as `PressTree`; the
+  `HeaderBlocks`/`FooterBlocks` unions are gone.
+```
+
+- [ ] **Step 5: Rewrite the affected CLAUDE.md sections**
+
+Update `CLAUDE.md` (this file is the living architectural reference — Spec §10 phase 5). Precise edits:
+
+1. **"Architecture — the moving parts" → new first subsection "Composition trees (`PressTree`)"** replacing the DZ-centric framing: page `body` and Site Settings `pageDefaults` are JSON trees stored by the `plugin::press-cms.builder` custom field; node kinds (layout root with `inherit|none|custom` slots, row/ratio, column-recursion, block/`data`); the ONE `container` attr surface; responsiveness never in the JSON; ids are builder-minted, never URNs; version-gated readers; strict-write/tolerant-read validator split (shared validator, cms lifecycles reject warnings, web sanitizes); serve-time hydration of `{ assetId }`/`{ documentId }` refs (kills the populate bug class — `dz-populate` is gone).
+2. **"The contract + type-sync loop"**: serialize-schema serves the FULL palette + `tree.version`; generator emits data-shaped interfaces (no `__component`/`id`), `PressPageRef`, `PageBody = PressTree`; `HeaderBlocks`/`FooterBlocks` unions are gone.
+3. **"Component palette"**: components are a pure schema catalog (nothing is "admitted" — `admitCustomBlocks` is gone; the `custom-*` prefix remains the whole extension contract, discovered from the registry); `preset-molecule.link` is the one link concept (page ref > url, hydrated slug); text atoms are curated plain text (blank line = paragraph; one list item per line); `preset-layout.{container,row,column}` are registry descriptors for builder forms (the category is no longer reserved-empty); columns/nav-item/molecule.column retired; picker-labels section: note the builder has its own palette select (categories still labelled for the admin).
+4. **"Build-time anchors vs. runtime Site Settings"**: `header`/`footer` DZs → `pageDefaults` JSON slots; inheritance semantics (edit-once-update-everywhere via ISR; emptied-is-respected; failure → bare pages); `chrome` key in `ResolvedPressConfig` → `pageDefaults` raw `Node[]` + one hydration point in `resolveTree`.
+5. **Layout primitives section**: add that `TreeRenderer` is now the primitives' first consumer (top-level row = Container+Grid, nested row = bare Grid, cells = `[data-press-cell]` stacks); the prose rule is DIRECT-children-scoped now — update the load-bearing-CSS paragraph.
+6. **packages/shared bullet in "Layout"**: no longer "type-only"; it is a PUBLISHED runtime dep (wire types + pure validators; zero Strapi/Next imports); cms bundles it into dist (devDependency), web depends on it (adopter-installed, transpiled by the host).
+7. **Mobile nav / navbar hydration bullets**: navbar `items` are `preset-molecule.link[]`; hydration happens in `resolveTree` for engine blocks wherever they sit.
+8. Remove every stale mention: `preset-organism.columns`, `preset-molecule.column`, `nav-item`, `buildBodyPopulate`/`dz-populate`, `renderBlocks`/blocks AST, `BlockRenderer` (now `TreeRenderer` — note override contract `components={{ 'preset-organism.hero': MyHero }}` is unchanged), `blockKey` (the COMPUTED URN class: state that tree node `id`s replaced it as React keys and remain outside the URN system).
+
+- [ ] **Step 6: Final commit**
+
+```bash
+git add -A
+git commit -m "docs+chore!: playground regenerated for the composition builder; changeset + CLAUDE.md architecture rewrite"
+```
+
+---
+
+## Self-review record (plan-time)
+
+**Spec coverage check** (spec section → task): §3 data model + validator → Tasks 1–2; §4 storage → Task 4; §4 schema catalog + preset-layout + serialize → Tasks 3, 5; §4 admin field → Tasks 9–11; §4 validation & seeds → Tasks 7–8, 20; §5 TreeRenderer → Tasks 15–17; §5 host template → Task 18; §5 type-sync → Task 19; §5 CSS rescope → Task 18; §6 settings behavior → Tasks 8, 16, 21(step 3.5); §7 error handling → Tasks 2 (sanitize/version gate), 16 (slot failure→none, defaults fail-to-empty), 17 (malformed body, unknown component/type skips); §8 testing → every task's test steps + Task 20 (CLI guard); §10 changesets/docs → Task 21.
+
+**Deviations from the spec text (all user-approved 2026-07-20, recorded in "Decisions locked" above):** curated plain-text `content` replaces blocks AST; `preset-molecule.link` everywhere (nav-item deleted — it was exactly a link; the spec's "nav-item nesting pattern" references map to link nesting); press-shared becomes published (forced by the spec's own runtime-validator requirement); page refs hydrate `{ documentId } → slug` (extends the spec's media-only hydration sentence to links, same mechanism).
+
+**Known risk points, each with an in-plan verification step:** press-shared bundling into cms dist (Task 5 Step 5 grep); custom-field value round-trip + media-library dialog key in Strapi 5.48 admin (Task 11 Step 7 + Task 21 Step 3, with the assetId-input fallback as the safety net); flex-gap vs block-margin doubling (Task 18 margin resets, asserted visually in Task 21 Step 3).
+
+
+
+
+
diff --git a/docs/superpowers/plans/2026-07-22-free-column-spans.md b/docs/superpowers/plans/2026-07-22-free-column-spans.md
new file mode 100644
index 0000000..f54f0e4
--- /dev/null
+++ b/docs/superpowers/plans/2026-07-22-free-column-spans.md
@@ -0,0 +1,1541 @@
+# Free Column Spans Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Replace the closed `RowNode.ratio` enum with a free, per-breakpoint `ColumnNode.span` (1–12 tracks, mobile-first), edited in the admin composition builder.
+
+**Architecture:** The composition wire (`@ogs-tech/press-shared`) bumps to `PRESS_TREE_VERSION = 2`: `RowNode.ratio` is removed and each `ColumnNode` gains `span: { base; md?; lg? }`. The web `<Column>` primitive and `theme.css` are untouched — the new shape already matches the `Responsive<Span>` they consume, so `spanFor` becomes a passthrough. The admin builder replaces the ratio `<SingleSelect>` with per-column base/md/lg span selects, a read-only 12-track preview bar, a breakpoint toggle, and a per-tier total badge. No data migration (pre-release, authorized): stored v1 trees fail-to-empty on read.
+
+**Tech Stack:** TypeScript, React 19, Strapi 5 plugin (`@strapi/design-system`), Next.js host, Vitest, pnpm workspaces, changesets.
+
+## Global Constraints
+
+- **Node 20.x / pnpm 10.x**; the whole monorepo is pinned to **React 19** (root `pnpm.overrides`) — never add a second React.
+- **`PRESS_TREE_VERSION = 2`** on the wire. Readers reject any other version (fail-to-empty). **No data migration.**
+- **`Span` is `number` in `@ogs-tech/press-shared`** (range 1..12 enforced by the validator, not the type); the web primitive's `Span` stays the literal union `1|…|12`. The web mapping casts the validated value.
+- **`ColumnSpan` object-only**: `{ base: Span; md?: Span; lg?: Span }`, `base` required. This is the ONE responsive value stored in the JSON — a conscious reversal of "responsiveness never in the JSON."
+- **Strict-write / tolerant-read split is preserved**: structural failure → `value: null` + `errors`; attr-level failure (bad span/container) → sanitize + `warnings`; writers reject on errors OR warnings; readers render whenever `value` is non-null.
+- **`MAX_COLUMNS` builder cap = 12** (was 4). The wire has **no** upper column cap — only a non-empty requirement.
+- **New-node defaults:** new column `{ base: 12 }`; new row = 2 columns each `{ base: 12, md: 6 }` (stacked on mobile, 50/50 on desktop).
+- **No eslint** in this repo — the quality gate is `tsc --noEmit` (per package) + Vitest. `web`/`shared` ship TS source; only `cms` compiles (`strapi-plugin build`).
+- Commit messages end with:
+  `Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>`
+- Work stays on the current branch `feat/columns-block`.
+
+---
+
+## File Structure
+
+**`packages/shared/src/`** — the wire contract (source of truth for the change)
+- `tree.ts` — MODIFY: version → 2, add `Span`/`ColumnSpan`, add `ColumnNode.span`, remove `Ratio`/`RowNode.ratio`, revise header comment.
+- `validate-tree.ts` — MODIFY: version gate → 2, remove ratio validation, add span sanitization, drop the row upper-column cap.
+- `validate-tree.test.ts` — MODIFY: fixtures to v2 + spans; new span-validation cases.
+
+**`packages/web/src/`** — renderer (primitives + CSS untouched)
+- `tree/container-attrs.ts` — MODIFY: delete `RATIO_SPANS`, rewrite `spanFor(column)`.
+- `tree/tree-renderer.tsx` — MODIFY: drop `ratio`/`index` threading.
+- `index.ts` — MODIFY: remove the `Ratio` re-export.
+- `tree/container-attrs.test.ts`, `tree/tree-renderer.test.tsx`, `tree/resolve-slots.test.ts`, `map-page.test.ts` — MODIFY: fixtures to v2 + spans.
+
+**`packages/cms/admin/src/`** — the builder UI
+- `lib/tree-ops.ts` — MODIFY: `MAX_COLUMNS = 12`, remove `RATIO_SLOTS`/`setRowRatio`, add `setColumnSpan`/`effectiveSpan`, new span-aware factories.
+- `lib/tree-ops.test.ts` — MODIFY: rewrite ratio-era tests as span/cap tests.
+- `components/tree-editor.tsx` — MODIFY: remove ratio select; add `SpanControls`, `GridPreview`, breakpoint toggle, total badge.
+- `components/tree-editor.test.tsx` — CREATE: design-system render test for the span controls + badge.
+- `components/builder-input.tsx` — MODIFY: `emptyTree` version → `PRESS_TREE_VERSION`.
+- `components/builder-input.test.tsx` — MODIFY: schema mock + assertion to version 2.
+
+**`packages/cms/server/src/`** — descriptors + server-side guards
+- `components/layout/row.json` — MODIFY: remove the `ratio` field + description.
+- `lib/serialize-schema.test.ts`, `lib/inject-components.test.ts`, `lib/validate-write.test.ts`, `lib/hydrate-tree.test.ts`, `lib/serve-hydrated.test.ts` — MODIFY: fixtures/assertions to v2, drop ratio.
+
+**`packages/cli/`** + **`apps/playground/`** — scaffold + dogfood
+- `templates/cms/scripts/seed-content.mjs` + `apps/playground/packages/cms/scripts/seed-content.mjs` — MODIFY: `row`/`column` helpers + demo to spans, `version: 2`.
+- `src/create/seed-content.test.ts` — MODIFY: shape assertions.
+- `templates/project/packages/shared/types/generated.ts` + `apps/playground/packages/shared/types/generated.ts` — MODIFY: drop `ratio?` from `PresetLayoutRow`.
+
+**Docs / release**
+- `CLAUDE.md` — MODIFY: "Composition trees" + "Layout primitives" sections.
+- `.changeset/free-column-spans.md` — CREATE: major for shared/web/cms.
+
+---
+
+## Task 1: Shared — wire model + validator at version 2
+
+**Files:**
+- Modify: `packages/shared/src/tree.ts`
+- Modify: `packages/shared/src/validate-tree.ts`
+- Test: `packages/shared/src/validate-tree.test.ts`
+
+**Interfaces:**
+- Produces: `PRESS_TREE_VERSION = 2`; `type Span = number`; `interface ColumnSpan { base: Span; md?: Span; lg?: Span }`; `ColumnNode` now has `span: ColumnSpan`; `RowNode` no longer has `ratio`; `type Ratio` is **removed**. `validatePressTree`/`validateNodeArray` signatures are unchanged (still `TreeResult<T>`), but a valid `ColumnNode` now always carries a well-formed `span`, and the exported constant `MAX_ROW_COLUMNS` is **removed**.
+- Consumes: nothing new.
+
+- [ ] **Step 1: Rewrite the shared test fixtures + add span cases (they must fail first)**
+
+Replace the entire contents of `packages/shared/src/validate-tree.test.ts` with:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import { validateNodeArray, validatePressTree } from './validate-tree';
+import type { PressTree } from './tree';
+
+const block = (component: string, data: Record<string, unknown> = {}) => ({
+  id: `id-${component}`,
+  type: 'block' as const,
+  component,
+  data,
+});
+
+const validTree = (): PressTree => ({
+  version: 2,
+  root: {
+    type: 'layout',
+    header: { mode: 'inherit' },
+    footer: { mode: 'none' },
+    container: { gap: 'normal' },
+    children: [
+      block('preset-organism.hero', { title: 'Hi' }),
+      {
+        id: 'row-1',
+        type: 'row',
+        container: { width: 'lg', gap: 'compact', verticalAlign: 'center' },
+        children: [
+          { id: 'col-1', type: 'column', span: { base: 12, md: 6 }, children: [block('preset-atom.paragraph', { content: 'a' })] },
+          {
+            id: 'col-2',
+            type: 'column',
+            span: { base: 12, md: 6 },
+            container: { gap: 'spacious', verticalAlign: 'bottom' },
+            // the recursion point: a row INSIDE a column (must validate at depth)
+            children: [
+              {
+                id: 'row-2',
+                type: 'row',
+                children: [
+                  { id: 'col-3', type: 'column', span: { base: 12, md: 4 }, children: [block('custom-organism.callout')] },
+                  { id: 'col-4', type: 'column', span: { base: 12, md: 8 }, children: [] },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+});
+
+describe('validatePressTree', () => {
+  it('accepts a valid deeply recursive tree and returns a sanitized copy', () => {
+    const input = validTree();
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.warnings).toEqual([]);
+    expect(out.value).toEqual(input);
+    expect(out.value).not.toBe(input); // deep copy, never the input reference
+  });
+
+  it('rejects non-objects and the retired v1 version (fail-to-empty gate)', () => {
+    expect(validatePressTree(null).value).toBeNull();
+    expect(validatePressTree('[]').value).toBeNull();
+    const v1 = { ...validTree(), version: 1 };
+    const out = validatePressTree(v1);
+    expect(out.value).toBeNull();
+    expect(out.errors[0].path).toBe('$.version');
+  });
+
+  it('rejects a root that is not a layout node', () => {
+    const out = validatePressTree({ version: 2, root: block('preset-atom.paragraph') });
+    expect(out.value).toBeNull();
+    expect(out.errors[0].path).toBe('$.root');
+  });
+
+  it('strips invalid container attr values as warnings, never errors', () => {
+    const input = validTree();
+    (input.root.children[1] as any).container = { width: 'xl', gap: 'normal', verticalAlign: 'middle' };
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.warnings.map((w) => w.path)).toEqual([
+      '$.root.children[1].container.width',
+      '$.root.children[1].container.verticalAlign',
+    ]);
+    expect((out.value!.root.children[1] as any).container).toEqual({ gap: 'normal' });
+  });
+
+  it('errors on a column outside a row and on unknown node types', () => {
+    const stray = validatePressTree({
+      version: 2,
+      root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+        { id: 'c', type: 'column', span: { base: 12 }, children: [] },
+      ] },
+    });
+    expect(stray.value).toBeNull();
+    expect(stray.errors[0].message).toMatch(/only legal directly under a row/);
+
+    const unknown = validatePressTree({
+      version: 2,
+      root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+        { id: 'x', type: 'mystery' },
+      ] },
+    });
+    expect(unknown.value).toBeNull();
+  });
+
+  it('requires a non-empty column list and column-only row children, with NO upper cap on the wire', () => {
+    const empty = validTree();
+    (empty.root.children[1] as any).children = [];
+    expect(validatePressTree(empty).value).toBeNull();
+
+    const notColumn = validTree();
+    (notColumn.root.children[1] as any).children = [block('preset-atom.paragraph')];
+    expect(validatePressTree(notColumn).value).toBeNull();
+
+    const many = validTree();
+    (many.root.children[1] as any).children = Array.from({ length: 6 }, (_, i) => ({
+      id: `c${i}`, type: 'column', span: { base: 2 }, children: [],
+    }));
+    expect(validatePressTree(many).errors).toEqual([]); // 6 columns is valid — the cap is a builder concern
+  });
+
+  it('requires block ids and component uids', () => {
+    const noId = validTree();
+    delete (noId.root.children[0] as any).id;
+    expect(validatePressTree(noId).value).toBeNull();
+
+    const noComponent = validTree();
+    delete (noComponent.root.children[0] as any).component;
+    expect(validatePressTree(noComponent).value).toBeNull();
+  });
+
+  it('coerces an unknown slot mode to none with a warning (render: treat as none)', () => {
+    const input = validTree();
+    (input.root as any).header = { mode: 'mystery' };
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.warnings.some((w) => w.path === '$.root.header.mode')).toBe(true);
+    expect(out.value!.root.header).toEqual({ mode: 'none' });
+  });
+
+  it('validates custom slot children recursively', () => {
+    const input = validTree();
+    (input.root as any).footer = { mode: 'custom', children: [block('preset-organism.footer')] };
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.value!.root.footer).toEqual({ mode: 'custom', children: [block('preset-organism.footer')] });
+  });
+});
+
+describe('span validation (attr-level: sanitize + warn, never nulls the tree)', () => {
+  const rowWithSpan = (span: unknown) => ({
+    version: 2,
+    root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+      { id: 'r', type: 'row', children: [{ id: 'c', type: 'column', span, children: [] }] },
+    ] },
+  });
+  const colSpan = (out: ReturnType<typeof validatePressTree>) =>
+    (out.value!.root.children[0] as any).children[0].span;
+
+  it('accepts a well-formed span object with declared tiers', () => {
+    const out = validatePressTree(rowWithSpan({ base: 6, md: 4, lg: 3 }));
+    expect(out.errors).toEqual([]);
+    expect(out.warnings).toEqual([]);
+    expect(colSpan(out)).toEqual({ base: 6, md: 4, lg: 3 });
+  });
+
+  it('defaults a missing/non-object span to { base: 12 } with a warning', () => {
+    const out = validatePressTree(rowWithSpan(undefined));
+    expect(out.errors).toEqual([]);
+    expect(out.warnings.some((w) => w.path.endsWith('.span'))).toBe(true);
+    expect(colSpan(out)).toEqual({ base: 12 });
+  });
+
+  it('defaults an out-of-range base to 12 and drops out-of-range md/lg (inherit via cascade)', () => {
+    const out = validatePressTree(rowWithSpan({ base: 0, md: 99, lg: 3 }));
+    expect(out.errors).toEqual([]);
+    expect(colSpan(out)).toEqual({ base: 12, lg: 3 });
+    expect(out.warnings.some((w) => w.path.endsWith('.span.base'))).toBe(true);
+    expect(out.warnings.some((w) => w.path.endsWith('.span.md'))).toBe(true);
+  });
+
+  it('treats a non-integer span as invalid (no silent rounding)', () => {
+    const out = validatePressTree(rowWithSpan({ base: 6.5 }));
+    expect(colSpan(out)).toEqual({ base: 12 });
+    expect(out.warnings.some((w) => w.path.endsWith('.span.base'))).toBe(true);
+  });
+});
+
+describe('validateNodeArray', () => {
+  it('accepts a bare Node[] (the pageDefaults slot shape)', () => {
+    const nodes = [block('preset-organism.navbar')];
+    const out = validateNodeArray(nodes);
+    expect(out.errors).toEqual([]);
+    expect(out.value).toEqual(nodes);
+  });
+
+  it('rejects non-arrays and invalid members', () => {
+    expect(validateNodeArray({}).value).toBeNull();
+    expect(validateNodeArray([{ id: 'x', type: 'column', span: { base: 12 }, children: [] }]).value).toBeNull();
+  });
+});
+```
+
+- [ ] **Step 2: Run the shared test to verify it fails**
+
+Run: `pnpm --filter @ogs-tech/press-shared test`
+Expected: FAIL — the fixtures reference `span` and `version: 2` which the current `tree.ts` type/validator reject (compile errors on `ColumnNode.span` and assertion failures such as "expected null" on the v1-gate test).
+
+- [ ] **Step 3: Update the data model in `tree.ts`**
+
+In `packages/shared/src/tree.ts`, replace the header comment + version constant (lines 1–14) so it reads:
+
+```ts
+/**
+ * The press composition tree — the JSON stored by the `plugin::press-cms.builder`
+ * custom field (page `body`) and, as bare `Node[]` slots, by Site Settings
+ * `pageDefaults`. Pure wire types: no Strapi, no React.
+ *
+ * Column `span` (base/md/lg) is the ONE responsive value this JSON carries — the
+ * deliberate exception to "responsiveness lives in code". `container` attrs remain
+ * editorial intents the web renderer maps to Responsive<T> values code-side.
+ */
+
+/** Readers reject any other version (fail-to-empty); gates future migrations. */
+export const PRESS_TREE_VERSION = 2;
+
+/** 1..12 track span. Kept `number` on the wire (not a 12-arm literal union);
+ *  the range is enforced by the validator, not the type. */
+export type Span = number;
+
+/** Mobile-first responsive span: `base` is the required mobile default; `md`/`lg`
+ *  are optional overrides that cascade up (md inherits base, lg inherits md). */
+export interface ColumnSpan {
+  base: Span;
+  md?: Span;
+  lg?: Span;
+}
+
+export type Gap = 'compact' | 'normal' | 'spacious';
+```
+
+(Note: the old `export type Ratio = …` line is deleted; the three following `export type` lines for `Gap`/`VerticalAlign`/`ContainerWidth` are unchanged — the block above only replaces the `Ratio` line with the new `Span`/`ColumnSpan` declarations and keeps `Gap`. Leave `VerticalAlign` and `ContainerWidth` exactly as they are below it.)
+
+Then replace the `ColumnNode` and `RowNode` interfaces:
+
+```ts
+/** The recursion point: a column nests arbitrary nodes, including further rows. */
+export interface ColumnNode {
+  id: string;
+  type: 'column';
+  /** Per-breakpoint width in 12-track units — the one responsive value on the wire. */
+  span: ColumnSpan;
+  container?: ContainerAttrs;
+  children: Node[];
+}
+
+export interface RowNode {
+  id: string;
+  type: 'row';
+  container?: ContainerAttrs;
+  /** 1..N columns; each column owns its own span (no shared row-level ratio). */
+  children: ColumnNode[];
+}
+```
+
+- [ ] **Step 4: Update the validator in `validate-tree.ts`**
+
+In `packages/shared/src/validate-tree.ts`:
+
+Change the type import (line 13) to add `ColumnSpan`:
+
+```ts
+import type { ColumnNode, ColumnSpan, ContainerAttrs, LayoutNode, Node, PressTree, RowNode, Slot } from './tree';
+```
+
+Delete the `MAX_ROW_COLUMNS` export (line 27) and the `RATIOS` constant (line 29). The remaining `WIDTHS`/`GAPS`/`VERTICAL_ALIGNS` lines stay.
+
+Add a `sanitizeSpan` helper immediately after `sanitizeContainer` (after line 71):
+
+```ts
+const isSpanValue = (v: unknown): v is number =>
+  typeof v === 'number' && Number.isInteger(v) && v >= 1 && v <= 12;
+
+/** Attr-level: a malformed span never nulls the tree — it defaults + warns. */
+function sanitizeSpan(input: unknown, path: string, ctx: Ctx): ColumnSpan {
+  if (!isRecord(input)) {
+    warn(ctx, path, 'span must be an object { base; md?; lg? } — defaulted to { base: 12 }');
+    return { base: 12 };
+  }
+  let base: number;
+  if (isSpanValue(input.base)) {
+    base = input.base;
+  } else {
+    warn(ctx, `${path}.base`, `base span must be an integer 1..12 — defaulted to 12`);
+    base = 12;
+  }
+  const out: ColumnSpan = { base };
+  for (const tier of ['md', 'lg'] as const) {
+    const v = input[tier];
+    if (v === undefined) continue;
+    if (isSpanValue(v)) out[tier] = v;
+    else warn(ctx, `${path}.${tier}`, `${tier} span must be an integer 1..12 — tier dropped (inherits)`);
+  }
+  return out;
+}
+```
+
+Update `validateColumn` (lines 80–92) to build the span:
+
+```ts
+function validateColumn(input: unknown, path: string, ctx: Ctx): ColumnNode | null {
+  if (!isRecord(input) || input.type !== 'column') {
+    return fail(ctx, path, `row children must be column nodes, got ${JSON.stringify(isRecord(input) ? input.type : input)}`);
+  }
+  const id = requireId(input, path, ctx);
+  if (id === null) return null;
+  const children = validateChildren(input.children, `${path}.children`, ctx);
+  if (children === null) return null;
+  const node: ColumnNode = { id, type: 'column', span: sanitizeSpan(input.span, `${path}.span`, ctx), children };
+  const container = sanitizeContainer(input.container, `${path}.container`, ctx);
+  if (container) node.container = container;
+  return node;
+}
+```
+
+Replace the `case 'row':` block (lines 124–145) with the ratio-free, cap-free version:
+
+```ts
+    case 'row': {
+      const id = requireId(input, path, ctx);
+      if (id === null) return null;
+      if (!Array.isArray(input.children)) {
+        return fail(ctx, `${path}.children`, 'row children must be an array of columns');
+      }
+      if (input.children.length < 1) {
+        return fail(ctx, `${path}.children`, 'a row carries at least one column');
+      }
+      const columns: ColumnNode[] = [];
+      input.children.forEach((c, i) => {
+        const col = validateColumn(c, `${path}.children[${i}]`, ctx);
+        if (col) columns.push(col);
+      });
+      const node: RowNode = { id, type: 'row', children: columns };
+      const container = sanitizeContainer(input.container, `${path}.container`, ctx);
+      if (container) node.container = container;
+      return node;
+    }
+```
+
+(The version-gate in `validatePressTree` needs no edit — it compares against the imported `PRESS_TREE_VERSION`, now `2`.)
+
+- [ ] **Step 5: Run the shared test + typecheck to verify they pass**
+
+Run: `pnpm --filter @ogs-tech/press-shared test && pnpm --filter @ogs-tech/press-shared typecheck`
+Expected: PASS — all `validatePressTree`/`validateNodeArray`/span-validation cases green; `tsc --noEmit` clean.
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add packages/shared/src/tree.ts packages/shared/src/validate-tree.ts packages/shared/src/validate-tree.test.ts
+git commit -m "feat(shared)!: column spans replace row ratio; PRESS_TREE_VERSION 2
+
+Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>"
+```
+
+---
+
+## Task 2: Web — renderer passthrough + downstream fixtures
+
+**Files:**
+- Modify: `packages/web/src/tree/container-attrs.ts`
+- Modify: `packages/web/src/tree/tree-renderer.tsx`
+- Modify: `packages/web/src/index.ts`
+- Test: `packages/web/src/tree/container-attrs.test.ts`
+- Test: `packages/web/src/tree/tree-renderer.test.tsx`
+- Test: `packages/web/src/tree/resolve-slots.test.ts`
+- Test: `packages/web/src/map-page.test.ts`
+
+**Interfaces:**
+- Consumes (from Task 1): `ColumnNode.span: ColumnSpan`, no `RowNode.ratio`, no `Ratio` type, `PRESS_TREE_VERSION = 2`.
+- Produces: `spanFor(column: ColumnNode): Responsive<Span>` (was `spanFor(ratio, index)`); `RATIO_SPANS` is **removed**; `web/src/index.ts` no longer re-exports `Ratio`.
+
+- [ ] **Step 1: Rewrite `container-attrs.test.ts` (fails first)**
+
+Replace `packages/web/src/tree/container-attrs.test.ts` with:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import type { ColumnNode } from '@ogs-tech/press-shared';
+import { cellAlign, rowAlign, rowGap, rowWidth, spanFor, stackGap } from './container-attrs';
+
+const col = (span: ColumnNode['span']): ColumnNode => ({ id: 'c', type: 'column', span, children: [] });
+
+describe('spanFor', () => {
+  it('returns the column span unchanged (base plus any declared tiers)', () => {
+    expect(spanFor(col({ base: 12 }))).toEqual({ base: 12 });
+    expect(spanFor(col({ base: 12, md: 6 }))).toEqual({ base: 12, md: 6 });
+    expect(spanFor(col({ base: 12, md: 6, lg: 3 }))).toEqual({ base: 12, md: 6, lg: 3 });
+  });
+});
+
+describe('container pickers (absent attr → engine default)', () => {
+  it('maps gap tiers with the 11-gap-floor rule (spacious is tier-scaled)', () => {
+    expect(rowGap()).toBe('md');
+    expect(rowGap({ gap: 'compact' })).toBe('sm');
+    expect(rowGap({ gap: 'spacious' })).toEqual({ base: 'md', lg: 'lg' });
+  });
+
+  it('maps alignment and width', () => {
+    expect(rowAlign()).toBe('start');
+    expect(rowAlign({ verticalAlign: 'bottom' })).toBe('end');
+    expect(rowWidth()).toBe('lg');
+    expect(rowWidth({ width: 'full' })).toBe('full');
+  });
+
+  it('stack gap is a CSS var only when declared; cell align skips top', () => {
+    expect(stackGap()).toBeUndefined();
+    expect(stackGap({ gap: 'spacious' })).toBe('var(--press-space-7)');
+    expect(cellAlign()).toBeUndefined();
+    expect(cellAlign({ verticalAlign: 'top' })).toBeUndefined();
+    expect(cellAlign({ verticalAlign: 'center' })).toBe('center');
+    expect(cellAlign({ verticalAlign: 'bottom' })).toBe('end');
+  });
+});
+```
+
+- [ ] **Step 2: Run the web test to verify it fails**
+
+Run: `pnpm --filter @ogs-tech/press-web test src/tree/container-attrs.test.ts`
+Expected: FAIL — `spanFor(col(...))` is called with a `ColumnNode` but the current `spanFor(ratio, index)` and `RATIO_SPANS` reject it (compile error on the removed `RATIO_SPANS` import is gone from the test, but `spanFor`'s signature mismatch fails).
+
+- [ ] **Step 3: Rewrite `spanFor` in `container-attrs.ts`**
+
+In `packages/web/src/tree/container-attrs.ts`, replace the header comment + imports (lines 1–13) and the `RATIO_SPANS`/`spanFor` block (lines 15–32) with:
+
+```ts
+/**
+ * Curated container attrs → layout-primitive props. Editorial intent meets the
+ * responsive system here: `container` attrs map to Responsive<T> props, and a
+ * column's stored `span` (the ONE responsive value on the wire) passes straight
+ * through to the <Column> primitive. Every picker treats an ABSENT attr as the
+ * engine default.
+ */
+import type { ColumnNode, ContainerAttrs, Gap } from '@ogs-tech/press-shared';
+import type { Responsive } from '../layout/breakpoints';
+import type { Span } from '../layout/column';
+import type { ContainerMaxWidth } from '../layout/container';
+import type { GridAlignItems, GridGap } from '../layout/grid';
+
+/** A column's stored span → the Responsive<Span> the <Column> primitive consumes.
+ *  `base` is guaranteed by the validator; md/lg cascade up via the CSS var() chain.
+ *  Cast is safe: the validator has already constrained every tier to 1..12. */
+export function spanFor(column: ColumnNode): Responsive<Span> {
+  return column.span as Responsive<Span>;
+}
+```
+
+Leave everything from `const GAP_TIERS` onward (line 34) unchanged.
+
+- [ ] **Step 4: Update `tree-renderer.tsx`**
+
+In `packages/web/src/tree/tree-renderer.tsx`:
+
+Change the shared import (line 10) to drop `Ratio`:
+
+```ts
+import type { ColumnNode, Node, RowNode } from '@ogs-tech/press-shared';
+```
+
+Replace `ColumnView` (lines 43–54) with:
+
+```tsx
+function ColumnView({ column, registry }: { column: ColumnNode; registry: Registry }) {
+  const gap = stackGap(column.container);
+  const align = cellAlign(column.container);
+  const style = gap ? ({ ['--press-cell-gap' as string]: gap } as CSSProperties) : undefined;
+  return (
+    <Column span={spanFor(column)}>
+      <div data-press-cell="" data-cell-align={align} style={style}>
+        <NodeList nodes={column.children} registry={registry} top={false} />
+      </div>
+    </Column>
+  );
+}
+```
+
+In `RowView` (lines 56–71), replace the `.map` call so it no longer threads `ratio`/`index`:
+
+```tsx
+      {row.children.map((column) => (
+        <ColumnView key={column.id} column={column} registry={registry} />
+      ))}
+```
+
+- [ ] **Step 5: Remove the `Ratio` re-export from `index.ts`**
+
+In `packages/web/src/index.ts`, delete the `Ratio,` line from the `export type { … } from '@ogs-tech/press-shared';` block (it sits between `ContainerAttrs,` and `Gap,`).
+
+- [ ] **Step 6: Update the remaining web fixtures**
+
+In `packages/web/src/tree/tree-renderer.test.tsx`:
+
+Change the `tree` helper (line 15) `version: 1` → `version: 2`.
+
+Replace the row fixture in the "renders a top-level row as Container>Grid>Column …" test (the object passed to `tree([...])`, lines 34–45) with the ratio-free, spanned version, and extend the assertions:
+
+```tsx
+    const body = tree([{
+      id: 'r1', type: 'row', container: { width: 'full', gap: 'compact', verticalAlign: 'center' },
+      children: [
+        { id: 'c1', type: 'column', span: { base: 12, md: 4 }, children: [paragraph('p2', 'left')] },
+        { id: 'c2', type: 'column', span: { base: 12, md: 8 }, container: { verticalAlign: 'bottom', gap: 'spacious' }, children: [{
+          id: 'r2', type: 'row', children: [
+            { id: 'c3', type: 'column', span: { base: 12, md: 6 }, children: [paragraph('p3', 'deep')] },
+            { id: 'c4', type: 'column', span: { base: 12, md: 6 }, children: [] },
+          ],
+        }] },
+      ],
+    }]);
+    const html = renderToStaticMarkup(createElement(TreeRenderer, { body, site: site() }));
+    expect(html).toContain('data-max-width="full"');                       // width applied top-level
+    expect((html.match(/data-press-layout="grid"/g) ?? []).length).toBe(2); // outer + nested grid
+    expect((html.match(/data-press-layout="container"/g) ?? []).length).toBe(1); // nested row gets NO Container
+    expect(html).toContain('data-align-items="center"');
+    expect(html).toContain('data-cell-align="end"');
+    expect(html).toContain('--press-cell-gap:var(--press-space-7)');
+    expect(html).toContain('--press-col-span-md:4');   // first column's md span
+    expect(html).toContain('--press-col-span-md:8');   // second column's md span
+    expect(html).toContain('deep');
+```
+
+In `packages/web/src/tree/resolve-slots.test.ts`:
+- Change the `tree` helper (line 27) `version: 1` → `version: 2`.
+- In the `nested` fixture (the row inside "hydrates navbar brand/links/cta … at any depth"), remove `ratio: '50-50'` and add `span: { base: 12 }` to each of the two columns, e.g. `{ id: 'c', type: 'column', span: { base: 12 }, children: [navbarNode()] }` and `{ id: 'c2', type: 'column', span: { base: 12 }, children: [] }`.
+- Search the rest of the file for any other `ratio:` on a row or column literal typed as `Node`/`PressTree` and apply the same edit (drop `ratio`, add `span: { base: 12 }` to columns).
+
+In `packages/web/src/map-page.test.ts`:
+- Change the `body` fixture (line 10) `version: 1` → `version: 2`.
+
+- [ ] **Step 7: Run the full web suite + typecheck**
+
+Run: `pnpm --filter @ogs-tech/press-web test && pnpm --filter @ogs-tech/press-web typecheck`
+Expected: PASS — renderer emits `--press-col-span-md:4`/`:8`; nested row still emits exactly one Container; `tsc --noEmit` clean (no `Ratio`, no `version: 1` literal errors).
+
+- [ ] **Step 8: Commit**
+
+```bash
+git add packages/web/src/tree/container-attrs.ts packages/web/src/tree/tree-renderer.tsx packages/web/src/index.ts \
+  packages/web/src/tree/container-attrs.test.ts packages/web/src/tree/tree-renderer.test.tsx \
+  packages/web/src/tree/resolve-slots.test.ts packages/web/src/map-page.test.ts
+git commit -m "feat(web)!: render column.span; drop RATIO_SPANS and the Ratio re-export
+
+Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>"
+```
+
+---
+
+## Task 3: CMS admin — tree-ops (span factories + ops)
+
+**Files:**
+- Modify: `packages/cms/admin/src/lib/tree-ops.ts`
+- Test: `packages/cms/admin/src/lib/tree-ops.test.ts`
+
+**Interfaces:**
+- Consumes (from Task 1): `ColumnNode.span`, `ColumnSpan`, no `Ratio`.
+- Produces:
+  - `MAX_COLUMNS = 12`
+  - `newColumnNode(span?: ColumnSpan): ColumnNode` (default `{ base: 12 }`)
+  - `newRowNode(): RowNode` — 2 columns each `{ base: 12, md: 6 }` (no ratio argument)
+  - `setColumnSpan(forest, path, tier: 'base' | 'md' | 'lg', value: number | undefined): Forest`
+  - `effectiveSpan(span: ColumnSpan, tier: 'base' | 'md' | 'lg'): number` — resolves the lg→md→base cascade
+  - `RATIO_SLOTS` and `setRowRatio` are **removed**
+
+- [ ] **Step 1: Rewrite `tree-ops.test.ts` (fails first)**
+
+Replace `packages/cms/admin/src/lib/tree-ops.test.ts` with:
+
+```ts
+import { describe, expect, it } from 'vitest';
+import {
+  addColumn, effectiveSpan, getNode, insertNode, MAX_COLUMNS, moveNode, newBlockNode, newColumnNode,
+  newRowNode, removeNode, setBlockData, setColumnSpan, setContainerAttr, type Forest,
+} from './tree-ops';
+
+const forest = (): Forest => {
+  const row = newRowNode();
+  return [newBlockNode('preset-organism.hero'), row];
+};
+
+describe('node factories', () => {
+  it('mints unique string ids and 2-column rows with the mobile-first defaults', () => {
+    const a = newBlockNode('preset-atom.paragraph');
+    const b = newBlockNode('preset-atom.paragraph');
+    expect(a.id).not.toBe(b.id);
+    expect(a).toMatchObject({ type: 'block', component: 'preset-atom.paragraph', data: {} });
+    expect(newColumnNode().span).toEqual({ base: 12 });
+    expect(newColumnNode({ base: 12, md: 6 }).span).toEqual({ base: 12, md: 6 });
+    const row = newRowNode();
+    expect(row.children).toHaveLength(2);
+    expect(row.children.every((c) => c.type === 'column')).toBe(true);
+    expect(row.children.every((c) => c.span.base === 12 && c.span.md === 6)).toBe(true);
+  });
+});
+
+describe('insertNode invariants (by construction)', () => {
+  it('inserts blocks and rows at the root and inside columns', () => {
+    const f = forest();
+    const out = insertNode(f, null, 0, newBlockNode('preset-atom.spacer'));
+    expect(out).toHaveLength(3);
+    expect((out[0] as any).component).toBe('preset-atom.spacer');
+    expect(f).toHaveLength(2); // immutable
+
+    const intoColumn = insertNode(out, [2, 0], 0, newRowNode()); // row INSIDE a column: the recursion point
+    expect((getNode(intoColumn, [2, 0, 0]) as any).type).toBe('row');
+  });
+
+  it('refuses a column outside a row and a non-column inside a row', () => {
+    const f = forest();
+    expect(() => insertNode(f, null, 0, newColumnNode())).toThrow(/column/i);
+    expect(() => insertNode(f, [1], 0, newBlockNode('preset-atom.spacer'))).toThrow(/row/i);
+  });
+
+  it('caps a row at 12 columns (MAX_COLUMNS)', () => {
+    let f: Forest = [newRowNode()]; // starts with 2 columns
+    while ((f[0] as any).children.length < MAX_COLUMNS) f = addColumn(f, [0]);
+    expect((f[0] as any).children).toHaveLength(12);
+    expect(() => addColumn(f, [0])).toThrow(/12/);
+  });
+});
+
+describe('remove / move / update', () => {
+  it('removes at depth and moves within siblings (clamped)', () => {
+    const f = forest();
+    expect(removeNode(f, [0])).toHaveLength(1);
+    const moved = moveNode(f, [1], -1);
+    expect((moved[0] as any).type).toBe('row');
+    expect(moveNode(moved, [0], -1)).toEqual(moved); // clamped at the edge
+  });
+
+  it('sets block data and container attrs immutably', () => {
+    const f = forest();
+    const withData = setBlockData(f, [0], { title: 'Hi' });
+    expect((withData[0] as any).data).toEqual({ title: 'Hi' });
+    expect((f[0] as any).data).toEqual({});
+
+    const withAttr = setContainerAttr(f, [1], 'gap', 'compact');
+    expect((withAttr[1] as any).container).toEqual({ gap: 'compact' });
+    const cleared = setContainerAttr(withAttr, [1], 'gap', undefined);
+    expect((cleared[1] as any).container).toBeUndefined();
+  });
+});
+
+describe('span ops', () => {
+  it('setColumnSpan sets base and sets/clears md·lg (clear = inherit)', () => {
+    let f: Forest = [newRowNode()]; // row with 2 columns
+    f = setColumnSpan(f, [0, 0], 'base', 6);
+    expect((f[0] as any).children[0].span.base).toBe(6);
+    f = setColumnSpan(f, [0, 0], 'lg', 3);
+    expect((f[0] as any).children[0].span.lg).toBe(3);
+    f = setColumnSpan(f, [0, 0], 'md', undefined); // clear md → inherit
+    expect((f[0] as any).children[0].span).toEqual({ base: 6, lg: 3 });
+  });
+
+  it('setColumnSpan targets only column nodes', () => {
+    const f = forest();
+    expect(() => setColumnSpan(f, [0], 'base', 6)).toThrow(/column/i); // [0] is a block
+  });
+
+  it('effectiveSpan resolves the lg→md→base cascade', () => {
+    expect(effectiveSpan({ base: 12 }, 'md')).toBe(12);
+    expect(effectiveSpan({ base: 12, md: 6 }, 'lg')).toBe(6);
+    expect(effectiveSpan({ base: 12, md: 6, lg: 3 }, 'lg')).toBe(3);
+    expect(effectiveSpan({ base: 8 }, 'base')).toBe(8);
+  });
+});
+```
+
+- [ ] **Step 2: Run the test to verify it fails**
+
+Run: `pnpm --filter @ogs-tech/press-cms test src/lib/tree-ops.test.ts`
+Expected: FAIL — `setColumnSpan`/`effectiveSpan` don't exist; `newRowNode()` still requires a `ratio` argument; `MAX_COLUMNS` is 4.
+
+- [ ] **Step 3: Update `tree-ops.ts`**
+
+In `packages/cms/admin/src/lib/tree-ops.ts`:
+
+Change the shared import (line 8) to drop `Ratio` and add `ColumnSpan`:
+
+```ts
+import type { BlockNode, ColumnNode, ColumnSpan, Node, RowNode } from '@ogs-tech/press-shared';
+```
+
+Replace the `RATIO_SLOTS`/`MAX_COLUMNS`/factory block (lines 13–34) with:
+
+```ts
+export const MAX_COLUMNS = 12;
+
+const uuid = (): string => globalThis.crypto.randomUUID();
+
+export const newBlockNode = (component: string): BlockNode => ({ id: uuid(), type: 'block', component, data: {} });
+
+export const newColumnNode = (span: ColumnSpan = { base: 12 }): ColumnNode => ({
+  id: uuid(), type: 'column', span, children: [],
+});
+
+/** A fresh row: 2 columns, stacked on mobile (base 12) and 50/50 on desktop (md 6). */
+export const newRowNode = (): RowNode => ({
+  id: uuid(),
+  type: 'row',
+  children: [newColumnNode({ base: 12, md: 6 }), newColumnNode({ base: 12, md: 6 })],
+});
+
+/** The span actually applied at a tier, resolving the mobile-first cascade (lg→md→base). */
+export function effectiveSpan(span: ColumnSpan, tier: 'base' | 'md' | 'lg'): number {
+  if (tier === 'lg') return span.lg ?? span.md ?? span.base;
+  if (tier === 'md') return span.md ?? span.base;
+  return span.base;
+}
+```
+
+Replace the `setRowRatio` function (lines 151–158) with `setColumnSpan`:
+
+```ts
+export function setColumnSpan(
+  forest: Forest,
+  path: NodePath,
+  tier: 'base' | 'md' | 'lg',
+  value: number | undefined,
+): Forest {
+  return patchNode(forest, path, (node) => {
+    if (node.type !== 'column') throw new Error('[press-cms] setColumnSpan targets column nodes');
+    const span: ColumnSpan = { ...node.span };
+    if (tier === 'base') {
+      span.base = value ?? 12; // base can never be cleared
+    } else if (value === undefined) {
+      delete span[tier];
+    } else {
+      span[tier] = value;
+    }
+    return { ...node, span };
+  });
+}
+```
+
+(`addColumn` at the bottom already calls `newColumnNode()` with no argument — the new default `{ base: 12 }` applies with no edit.)
+
+- [ ] **Step 4: Run the test to verify it passes**
+
+Run: `pnpm --filter @ogs-tech/press-cms test src/lib/tree-ops.test.ts`
+Expected: PASS — all node-factory, insert-invariant, span-op, and 12-column-cap tests green.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add packages/cms/admin/src/lib/tree-ops.ts packages/cms/admin/src/lib/tree-ops.test.ts
+git commit -m "feat(cms)!: tree-ops setColumnSpan/effectiveSpan; MAX_COLUMNS 12; drop ratio ops
+
+Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>"
+```
+
+---
+
+## Task 4: CMS admin — builder UI (span controls, preview bar, badge)
+
+**Files:**
+- Modify: `packages/cms/admin/src/components/tree-editor.tsx`
+- Modify: `packages/cms/admin/src/components/builder-input.tsx`
+- Test: `packages/cms/admin/src/components/tree-editor.test.tsx` (create)
+- Test: `packages/cms/admin/src/components/builder-input.test.tsx`
+
+**Interfaces:**
+- Consumes (from Task 3): `MAX_COLUMNS = 12`, `newRowNode()`, `newColumnNode`, `setColumnSpan`, `effectiveSpan`.
+- Consumes (from Task 1): `ColumnNode.span`, `PRESS_TREE_VERSION`.
+- Produces: builder emits `ColumnNode` with per-tier spans; new presentational `GridPreview`, `SpanControls` (module-scoped in `tree-editor.tsx`); a per-row breakpoint toggle (`data-press-tier`) and total badge (`data-press-span-total`).
+
+- [ ] **Step 1: Write the design-system render test (fails first)**
+
+Create `packages/cms/admin/src/components/tree-editor.test.tsx`:
+
+```tsx
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { act } from 'react';
+import type { ReactElement } from 'react';
+import { createRoot, type Root } from 'react-dom/client';
+import { DesignSystemProvider } from '@strapi/design-system';
+import type { PressSchema } from '@ogs-tech/press-shared';
+import { TreeEditor } from './tree-editor';
+import { newBlockNode, newRowNode, type Forest } from '../lib/tree-ops';
+
+const SCHEMA = { tree: { version: 2 }, contentTypes: {}, components: {} } as unknown as PressSchema;
+const MediaField = () => null;
+
+let container: HTMLDivElement;
+let root: Root;
+(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true;
+
+const stubBrowserApis = (): void => {
+  if (!window.matchMedia) {
+    window.matchMedia = ((query: string) => ({
+      matches: false, media: query, onchange: null,
+      addEventListener() {}, removeEventListener() {}, addListener() {}, removeListener() {}, dispatchEvent() { return false; },
+    })) as any;
+  }
+  if (!(globalThis as any).ResizeObserver) {
+    (globalThis as any).ResizeObserver = class { observe() {} unobserve() {} disconnect() {} };
+  }
+};
+
+const render = (ui: ReactElement) => root.render(<DesignSystemProvider>{ui}</DesignSystemProvider>);
+
+beforeEach(() => {
+  stubBrowserApis();
+  container = document.createElement('div');
+  document.body.appendChild(container);
+  root = createRoot(container);
+});
+
+afterEach(async () => {
+  await act(async () => root.unmount());
+  container.remove();
+});
+
+const buttonByText = (scope: ParentNode, text: string): HTMLButtonElement => {
+  const btn = [...scope.querySelectorAll('button')].find((b) => b.textContent?.trim() === text);
+  if (!btn) throw new Error(`button "${text}" not found`);
+  return btn as HTMLButtonElement;
+};
+
+describe('TreeEditor span controls', () => {
+  // hero + a 2-column row → collapsibleIds.length === 2 → the "Expand all" button appears.
+  const forest = (): Forest => [newBlockNode('preset-organism.hero'), newRowNode()];
+
+  it('renders per-column span selects, a tier toggle, and a per-tier total badge', async () => {
+    await act(async () => {
+      render(<TreeEditor forest={forest()} schema={SCHEMA} onChange={() => {}} MediaField={MediaField} />);
+    });
+    // open the row (and the hero) so the row body renders its span UI
+    await act(async () => { buttonByText(container, 'Expand all').click(); });
+
+    // three tier-toggle buttons on the row
+    expect(container.querySelectorAll('[data-press-tier]')).toHaveLength(3);
+    // each column card exposes a span control group
+    expect(container.querySelectorAll('[data-press-span]').length).toBeGreaterThanOrEqual(2);
+
+    // default tier is base: two columns at base 12 → 24/12 total
+    const badge = () => container.querySelector('[data-press-span-total]')!.textContent ?? '';
+    expect(badge()).toContain('24/12');
+
+    // switch the toggle to md: two columns at md 6 → 12/12
+    await act(async () => { (container.querySelector('[data-press-tier="md"]') as HTMLButtonElement).click(); });
+    expect(badge()).toContain('12/12');
+  });
+});
+```
+
+- [ ] **Step 2: Run the test to verify it fails**
+
+Run: `pnpm --filter @ogs-tech/press-cms test src/components/tree-editor.test.tsx`
+Expected: FAIL — `newRowNode()` type/signature already updated by Task 3, but there are no `[data-press-tier]` / `[data-press-span]` / `[data-press-span-total]` elements yet (the RowCard still renders a ratio select).
+
+- [ ] **Step 3: Update the imports + constants in `tree-editor.tsx`**
+
+In `packages/cms/admin/src/components/tree-editor.tsx`:
+
+Change the shared import (lines 20–22) to drop `Ratio`:
+
+```ts
+import type {
+  BlockNode, ColumnNode, PressSchema, RowNode,
+} from '@ogs-tech/press-shared';
+```
+
+Change the tree-ops import (lines 28–30) to drop `setRowRatio` and add `effectiveSpan`, `setColumnSpan`:
+
+```ts
+import {
+  addColumn, effectiveSpan, insertNode, MAX_COLUMNS, moveNode, newBlockNode, newRowNode,
+  removeNode, setBlockData, setColumnSpan, setContainerAttr, type Forest, type NodePath,
+} from '../lib/tree-ops';
+```
+
+Replace the `const RATIOS` line (line 33) with the span-control constants:
+
+```ts
+const SPAN_VALUES = Array.from({ length: 12 }, (_, i) => i + 1); // 1..12
+const TIERS = ['base', 'md', 'lg'] as const;
+type Tier = (typeof TIERS)[number];
+```
+
+- [ ] **Step 4: Add `SpanControls` and `GridPreview` (module-scoped)**
+
+In `tree-editor.tsx`, add these two components immediately **before** `function ColumnCard` (before line 237):
+
+```tsx
+/** Per-column base/md/lg span selects — base required 1..12, md/lg clearable (inherit). */
+function SpanControls({ column, columnPath, ctx }: { column: ColumnNode; columnPath: NodePath; ctx: TreeCtx }) {
+  const set = (tier: Tier, value: number | undefined): void =>
+    ctx.onChange(setColumnSpan(ctx.forest, columnPath, tier, value));
+  return (
+    <Flex gap={2} alignItems="flex-end" wrap="wrap" data-press-span="">
+      <Field.Root name="span-base">
+        <Field.Label>Base</Field.Label>
+        <SingleSelect size="S" disabled={ctx.disabled} value={String(column.span.base)}
+          onChange={(v) => set('base', Number(v))}>
+          {SPAN_VALUES.map((n) => <SingleSelectOption key={n} value={String(n)}>{n}</SingleSelectOption>)}
+        </SingleSelect>
+      </Field.Root>
+      <Field.Root name="span-md">
+        <Field.Label>md</Field.Label>
+        <SingleSelect size="S" placeholder="inherit" disabled={ctx.disabled}
+          value={column.span.md !== undefined ? String(column.span.md) : undefined}
+          onClear={() => set('md', undefined)} clearLabel="Inherit from base"
+          onChange={(v) => set('md', v ? Number(v) : undefined)}>
+          {SPAN_VALUES.map((n) => <SingleSelectOption key={n} value={String(n)}>{n}</SingleSelectOption>)}
+        </SingleSelect>
+      </Field.Root>
+      <Field.Root name="span-lg">
+        <Field.Label>lg</Field.Label>
+        <SingleSelect size="S" placeholder="inherit" disabled={ctx.disabled}
+          value={column.span.lg !== undefined ? String(column.span.lg) : undefined}
+          onClear={() => set('lg', undefined)} clearLabel="Inherit from md"
+          onChange={(v) => set('lg', v ? Number(v) : undefined)}>
+          {SPAN_VALUES.map((n) => <SingleSelectOption key={n} value={String(n)}>{n}</SingleSelectOption>)}
+        </SingleSelect>
+      </Field.Root>
+    </Flex>
+  );
+}
+
+/** Read-only 12-track bar of each column's EFFECTIVE span at the active tier. */
+function GridPreview({ columns, tier }: { columns: ColumnNode[]; tier: Tier }) {
+  const spans = columns.map((c) => effectiveSpan(c.span, tier));
+  const total = spans.reduce((a, b) => a + b, 0);
+  const trailing = total < 12 ? 12 - total : 0; // fill; overflow (>12) wraps naturally
+  return (
+    <div data-press-grid-preview="" style={{ display: 'grid', gridTemplateColumns: 'repeat(12, 1fr)', gap: '2px' }}>
+      {spans.map((n, i) => (
+        <div key={i} style={{
+          gridColumn: `span ${Math.max(1, Math.min(n, 12))}`,
+          background: '#4945ff', color: '#fff', fontSize: '11px', lineHeight: '18px',
+          textAlign: 'center', borderRadius: '2px',
+        }}>{n}</div>
+      ))}
+      {trailing > 0 ? <div style={{ gridColumn: `span ${trailing}`, background: '#dcdce4', borderRadius: '2px' }} /> : null}
+    </div>
+  );
+}
+```
+
+- [ ] **Step 5: Add `SpanControls` into `ColumnCard`**
+
+In `ColumnCard` (lines 237–257), insert a span-control block between the header `Flex` and the existing `ContainerSection` `Box`. The body becomes:
+
+```tsx
+function ColumnCard({ column, columnPath, index, ctx }: { column: ColumnNode; columnPath: NodePath; index: number; ctx: TreeCtx }) {
+  return (
+    <Box data-press-node="column" hasRadius background="neutral0" borderColor="neutral200" borderStyle="solid" borderWidth="1px" padding={2}>
+      <Flex justifyContent="space-between" alignItems="center">
+        <Flex gap={2} alignItems="center">
+          <COLUMN_ICON />
+          <Typography variant="pi" fontWeight="bold" textColor="neutral700">Column {index + 1}</Typography>
+        </Flex>
+        <IconButton label={`Remove column ${index + 1}`} variant="ghost" size="S" disabled={ctx.disabled}
+          onClick={() => ctx.onChange(removeNode(ctx.forest, columnPath))}><Trash /></IconButton>
+      </Flex>
+      <Box marginTop={2}>
+        <SpanControls column={column} columnPath={columnPath} ctx={ctx} />
+      </Box>
+      <Box marginTop={2}>
+        <ContainerSection nodeType="column" topLevel={false} container={column.container as Record<string, unknown> | undefined}
+          disabled={ctx.disabled} onSet={(k, v) => ctx.onChange(setContainerAttr(ctx.forest, columnPath, k, v))} />
+      </Box>
+      <Box marginTop={2}>
+        <TreeForest nodes={column.children} parentPath={columnPath} topLevel={false} ctx={ctx} />
+      </Box>
+    </Box>
+  );
+}
+```
+
+- [ ] **Step 6: Rewrite `RowCard` — remove the ratio select, add the tier toggle + badge + preview**
+
+Replace `RowCard` (lines 259–310) with:
+
+```tsx
+function RowCard({ node, path, topLevel, ctx }: { node: RowNode; path: NodePath; topLevel: boolean; ctx: TreeCtx }) {
+  const open = ctx.openIds.has(node.id);
+  const [tier, setTier] = useState<Tier>('base');
+  const columnCount = node.children.length;
+  const total = node.children.reduce((sum, c) => sum + effectiveSpan(c.span, tier), 0);
+  return (
+    <Box data-press-node="row" hasRadius background="primary100" borderColor="primary200" borderStyle="solid" borderWidth="1px" padding={2}>
+      <Flex justifyContent="space-between" alignItems="center" gap={2} wrap="wrap">
+        <Flex gap={2} alignItems="center" minWidth={0}>
+          <IconButton label={open ? 'Collapse row' : 'Expand row'} variant="ghost" size="S" onClick={() => ctx.toggleOpen(node.id)}>
+            {open ? <ChevronDown /> : <ChevronRight />}
+          </IconButton>
+          <ROW_ICON />
+          <Typography fontWeight="bold" textColor="primary600">Row</Typography>
+          {!open ? (
+            <Typography variant="pi" textColor="neutral600">· {columnCount} column{columnCount === 1 ? '' : 's'}</Typography>
+          ) : null}
+        </Flex>
+        <NodeControls
+          label="row"
+          disabled={ctx.disabled}
+          onUp={() => ctx.onChange(moveNode(ctx.forest, path, -1))}
+          onDown={() => ctx.onChange(moveNode(ctx.forest, path, 1))}
+          onRemove={() => ctx.onChange(removeNode(ctx.forest, path))}
+        />
+      </Flex>
+      {open ? (
+        <>
+          <Box marginTop={2}>
+            <ContainerSection nodeType="row" topLevel={topLevel} container={node.container as Record<string, unknown> | undefined}
+              disabled={ctx.disabled} onSet={(k, v) => ctx.onChange(setContainerAttr(ctx.forest, path, k, v))} />
+          </Box>
+          <Box marginTop={2} data-press-preview="">
+            <Flex justifyContent="space-between" alignItems="center" marginBottom={2}>
+              <Flex gap={1} tag="span" data-press-tier-toggle="">
+                {TIERS.map((t) => (
+                  <Button key={t} size="S" variant={t === tier ? 'secondary' : 'tertiary'} disabled={ctx.disabled}
+                    aria-pressed={t === tier} data-press-tier={t} onClick={() => setTier(t)}>
+                    {t === 'base' ? 'Base' : t}
+                  </Button>
+                ))}
+              </Flex>
+              <Typography variant="pi" fontWeight="bold" data-press-span-total=""
+                textColor={total > 12 ? 'danger600' : 'neutral600'}>
+                {tier} {total}/12
+              </Typography>
+            </Flex>
+            <GridPreview columns={node.children} tier={tier} />
+          </Box>
+          <Flex direction="column" alignItems="stretch" gap={2} marginTop={2} data-press-columns="">
+            {node.children.map((column, ci) => (
+              <ColumnCard key={column.id} column={column} columnPath={[...path, ci]} index={ci} ctx={ctx} />
+            ))}
+            {columnCount < MAX_COLUMNS ? (
+              <Box>
+                <Button variant="tertiary" size="S" startIcon={<Plus />} disabled={ctx.disabled}
+                  onClick={() => ctx.onChange(addColumn(ctx.forest, path))}>Add column</Button>
+              </Box>
+            ) : null}
+          </Flex>
+        </>
+      ) : null}
+    </Box>
+  );
+}
+```
+
+- [ ] **Step 7: Fix `newRowNode('50-50')` in `AddMenu`**
+
+In `AddMenu.add` (line 150), change the row branch to call `newRowNode()` with no argument:
+
+```tsx
+    const node = kind === 'row' ? newRowNode() : newBlockNode(kind);
+```
+
+- [ ] **Step 8: Update `builder-input.tsx` to stamp version 2**
+
+In `packages/cms/admin/src/components/builder-input.tsx`:
+
+Add `PRESS_TREE_VERSION` to the shared import (line 15) — it currently imports types only, so add a value import line beneath it:
+
+```ts
+import type { Node, PressSchema, PressTree, Slot } from '@ogs-tech/press-shared';
+import { PRESS_TREE_VERSION } from '@ogs-tech/press-shared';
+```
+
+Change `emptyTree` (lines 38–41) so the version is single-sourced:
+
+```ts
+const emptyTree = (): PressTree => ({
+  version: PRESS_TREE_VERSION,
+  root: { type: 'layout', header: { mode: 'inherit' }, footer: { mode: 'inherit' }, children: [] },
+});
+```
+
+- [ ] **Step 9: Update `builder-input.test.tsx` to version 2**
+
+In `packages/cms/admin/src/components/builder-input.test.tsx`:
+- Change the `SCHEMA` mock (line 15) `tree: { version: 1 }` → `tree: { version: 2 }`.
+- Change the assertion (line 87) `expect(emitted.value.version).toBe(1);` → `expect(emitted.value.version).toBe(2);`.
+
+- [ ] **Step 10: Run the admin component tests + build (admin tsc)**
+
+Run: `pnpm --filter @ogs-tech/press-cms test src/components/tree-editor.test.tsx src/components/builder-input.test.tsx && pnpm --filter @ogs-tech/press-cms build`
+Expected: PASS — the render test finds the three tier buttons, the span groups, and the badge flipping `24/12` → `12/12`; `builder-input` emits `version: 2`; `strapi-plugin build` type-checks the admin bundle clean (no `Ratio`, no `setRowRatio`).
+
+- [ ] **Step 11: Commit**
+
+```bash
+git add packages/cms/admin/src/components/tree-editor.tsx packages/cms/admin/src/components/tree-editor.test.tsx \
+  packages/cms/admin/src/components/builder-input.tsx packages/cms/admin/src/components/builder-input.test.tsx
+git commit -m "feat(cms)!: builder span controls, 12-track preview bar, tier toggle + total badge
+
+Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>"
+```
+
+---
+
+## Task 5: CMS server — descriptor + server-side fixtures
+
+**Files:**
+- Modify: `packages/cms/server/src/components/layout/row.json`
+- Test: `packages/cms/server/src/lib/inject-components.test.ts`
+- Test: `packages/cms/server/src/lib/serialize-schema.test.ts`
+- Test: `packages/cms/server/src/lib/validate-write.test.ts`
+- Test: `packages/cms/server/src/lib/hydrate-tree.test.ts`
+- Test: `packages/cms/server/src/lib/serve-hydrated.test.ts`
+
+**Interfaces:**
+- Consumes (from Task 1): validator at version 2, span-aware columns, no ratio.
+- Produces: `preset-layout.row` descriptor with **no** `ratio` attribute; `/api/press/schema` serves `tree: { version: 2 }` (no code change — `serialize-schema.ts` reads the imported `PRESS_TREE_VERSION`).
+
+- [ ] **Step 1: Remove `ratio` from the row descriptor**
+
+Replace `packages/cms/server/src/components/layout/row.json` with:
+
+```json
+{
+  "collectionName": "components_preset_layout_rows",
+  "info": {
+    "displayName": "Row",
+    "icon": "apps",
+    "description": "A tree row: a horizontal band of columns; each column owns its per-breakpoint span. container carries the shared layout attributes"
+  },
+  "options": {},
+  "attributes": {
+    "container": { "type": "component", "repeatable": false, "component": "preset-layout.container" }
+  },
+  "config": {
+    "metadatas": {
+      "container": { "edit": { "label": "Container" } }
+    }
+  }
+}
+```
+
+(`column.json` is unchanged — span is builder-owned structural data, not a descriptor field, exactly as `id`/`children` are.)
+
+- [ ] **Step 2: Update the server-side test fixtures/assertions**
+
+In `packages/cms/server/src/lib/inject-components.test.ts`, replace the `preset-layout.row` assertion (lines 119–128) so it proves `ratio` is gone:
+
+```ts
+    const rowAttrs = components.get('preset-layout.row')?.attributes as Record<string, unknown>;
+    expect(components.get('preset-layout.row')?.modelType).toBe('component');
+    expect(components.get('preset-layout.row')?.category).toBe('preset-layout');
+    expect(rowAttrs).not.toHaveProperty('ratio');
+    expect(rowAttrs).toMatchObject({
+      container: { type: 'component', repeatable: false, component: 'preset-layout.container' },
+    });
+```
+
+Also update the comment just above (lines 104–107) so it no longer claims `row's ratio is the closed column-split enum` — change that clause to: `row carries only the container reference now; column span is builder-owned structural data`.
+
+In `packages/cms/server/src/lib/serialize-schema.test.ts`, change the version assertion (line 47):
+
+```ts
+    expect(serializeSchema(fakeStrapi()).tree).toEqual({ version: 2 });
+```
+
+In `packages/cms/server/src/lib/validate-write.test.ts`:
+- `validTree` (line 5) `version: 1` → `version: 2`.
+- In the "rejects structural errors AND stripped-attr warnings" test, the `warned` tree (lines 18–24) → `version: 2`, drop `ratio: '50-50'`, and give the column a span. It must still trip the `width: 'xl'` warning so the write is rejected:
+
+```ts
+    const warned = {
+      version: 2,
+      root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+        { id: 'r', type: 'row', container: { width: 'xl' }, children: [
+          { id: 'c', type: 'column', span: { base: 12 }, children: [] },
+        ] },
+      ] },
+    };
+```
+
+In `packages/cms/server/src/lib/hydrate-tree.test.ts`:
+- The `nodes` fixture's row (line 20) → drop `ratio: '50-50'`, add `span: { base: 12 }` to each column (`{ id: 'c1', type: 'column', span: { base: 12 }, children: [...] }`, `{ id: 'c2', type: 'column', span: { base: 12 }, children: [] }`).
+- The tree fixture at line 71 `version: 1` → `version: 2`.
+
+In `packages/cms/server/src/lib/serve-hydrated.test.ts`:
+- `bodyOf` (line 44) `version: 1` → `version: 2`.
+- If any `bodyOf(...)` call constructs a row with `ratio`, drop it and add `span: { base: 12 }` to its columns (search the file for `type: 'row'`).
+
+- [ ] **Step 3: Run the full cms suite + server tsc**
+
+Run: `pnpm --filter @ogs-tech/press-cms test && pnpm --filter @ogs-tech/press-cms test:ts:back`
+Expected: PASS — `serializeSchema` serves `{ version: 2 }`; the row descriptor no longer exposes `ratio`; the strict-write test still rejects on the `width` warning; hydration/serve tests green; server `tsc --noEmit` clean.
+
+- [ ] **Step 4: Commit**
+
+```bash
+git add packages/cms/server/src/components/layout/row.json \
+  packages/cms/server/src/lib/inject-components.test.ts packages/cms/server/src/lib/serialize-schema.test.ts \
+  packages/cms/server/src/lib/validate-write.test.ts packages/cms/server/src/lib/hydrate-tree.test.ts \
+  packages/cms/server/src/lib/serve-hydrated.test.ts
+git commit -m "feat(cms)!: drop ratio from the row descriptor; serve tree version 2
+
+Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>"
+```
+
+---
+
+## Task 6: Seeds + generated types
+
+**Files:**
+- Modify: `packages/cli/templates/cms/scripts/seed-content.mjs`
+- Modify: `apps/playground/packages/cms/scripts/seed-content.mjs` (byte-identical copy)
+- Test: `packages/cli/src/create/seed-content.test.ts`
+- Modify: `packages/cli/templates/project/packages/shared/types/generated.ts`
+- Modify: `apps/playground/packages/shared/types/generated.ts`
+
+**Interfaces:**
+- Consumes (from Task 1): validator at version 2, span-aware columns.
+- Produces: `buildHomeBody(...)` returns a `version: 2` tree whose row columns carry `span`; `PresetLayoutRow` generated interface has no `ratio?`.
+
+- [ ] **Step 1: Update the CLI seed-content test (fails first)**
+
+In `packages/cli/src/create/seed-content.test.ts`, replace the "demonstrates atoms then the grid …" test body (lines 18–34) with the span-aware assertions:
+
+```ts
+  it('demonstrates atoms then the grid: heading/paragraph/list atoms + a spanned row (no hero, no nested rows)', () => {
+    const children = tree.root.children;
+    expect(children.map((n: any) => n.type)).toEqual(['block', 'block', 'block', 'block', 'row']);
+    expect(children.slice(0, 4).map((n: any) => n.component)).toEqual([
+      'preset-atom.heading', 'preset-atom.paragraph', 'preset-atom.list', 'preset-atom.heading',
+    ]);
+    expect(children.some((n: any) => n.component === 'preset-organism.hero')).toBe(false);
+
+    const rowNode = children[4];
+    expect(rowNode).toMatchObject({ type: 'row' });
+    expect(rowNode).not.toHaveProperty('ratio');
+    expect(rowNode.children).toHaveLength(2);
+    // each column carries a mobile-first span (stacked on phones, 50/50 on desktop)
+    expect(rowNode.children[0].span).toEqual({ base: 12, md: 6 });
+    expect(rowNode.children[1].span).toEqual({ base: 12, md: 6 });
+    // an image atom (media assetId ref) sits in the first column; no deeper row nesting
+    const imageAtom = rowNode.children[0].children[0];
+    expect(imageAtom).toMatchObject({ type: 'block', component: 'preset-atom.image' });
+    expect(imageAtom.data.image).toEqual({ assetId: 7 });
+    expect(rowNode.children[1].children.some((n: any) => n.type === 'row')).toBe(false);
+  });
+```
+
+(The first test — "is a valid PressTree with inherited chrome" — needs no edit; it already asserts `errors`/`warnings` are empty, which now runs against the v2 validator.)
+
+- [ ] **Step 2: Run the CLI test to verify it fails**
+
+Run: `pnpm --filter @ogs-tech/create-press test src/create/seed-content.test.ts`
+Expected: FAIL — the seed still emits `version: 1`, a `ratio` on the row, and columns without `span`.
+
+- [ ] **Step 3: Rewrite the seed helpers + demo**
+
+In `packages/cli/templates/cms/scripts/seed-content.mjs`, replace the `column`/`row` helpers (lines 35–36) with span-aware versions:
+
+```js
+const column = (span, children, container) => ({ id: randomUUID(), type: 'column', span, children, ...(container ? { container } : {}) });
+const row = (children, container) => ({ id: randomUUID(), type: 'row', children, ...(container ? { container } : {}) });
+```
+
+Change the `buildHomeBody` version + the demo row (lines 47–72). Set `version: 2` and rewrite the `row(...)` call so each column carries a span:
+
+```js
+export const buildHomeBody = ({ imageAssetId }) => ({
+  version: 2,
+  root: {
+    type: 'layout',
+    header: { mode: 'inherit' },
+    footer: { mode: 'inherit' },
+    children: [
+      block('preset-atom.heading', { text: 'Components', level: '2' }),
+      block('preset-atom.paragraph', {
+        content: 'Components are the blocks you place in the tree. They render as static HTML with no client hydration.',
+      }),
+      block('preset-atom.list', {
+        format: 'unordered',
+        content: ['Atoms — heading, paragraph, list, quote, image, button', 'Organisms — hero, cta and site chrome', 'Your own custom-* blocks, anywhere in the tree'].join('\n'),
+      }),
+      block('preset-atom.heading', { text: 'Grid layout', level: '2' }),
+      // Grid layout: two columns, stacked on phones (base 12) and 50/50 on desktop (md 6).
+      row([
+        column({ base: 12, md: 6 }, [block('preset-atom.image', { image: { assetId: imageAssetId }, caption: 'An image component inside a column' })]),
+        column({ base: 12, md: 6 }, [block('preset-atom.paragraph', {
+          content: 'Rows and columns are the grid layout. Here an image fills the left column and this paragraph the right — a 12/6 span split. Compose the rest in the builder.',
+        })]),
+      ]),
+    ],
+  },
+});
+```
+
+(`buildPageDefaults` uses no rows/columns — it stays unchanged.)
+
+- [ ] **Step 4: Mirror the change into the playground copy**
+
+The playground seed is a byte-identical copy. Copy the file over:
+
+Run: `cp packages/cli/templates/cms/scripts/seed-content.mjs apps/playground/packages/cms/scripts/seed-content.mjs`
+
+Verify identical:
+
+Run: `diff packages/cli/templates/cms/scripts/seed-content.mjs apps/playground/packages/cms/scripts/seed-content.mjs && echo IDENTICAL`
+Expected: `IDENTICAL`.
+
+- [ ] **Step 5: Drop `ratio?` from both generated `PresetLayoutRow` interfaces**
+
+In `packages/cli/templates/project/packages/shared/types/generated.ts`, replace the `PresetLayoutRow` interface (lines 70–73) with:
+
+```ts
+export interface PresetLayoutRow {
+  container?: PresetLayoutContainer;
+}
+```
+
+Apply the exact same edit to `apps/playground/packages/shared/types/generated.ts` (the interface there spans lines 100–103; the `PresetLayoutColumn` interface directly below stays unchanged — span is structural, not a generated field). `pnpm dev` regenerates the playground copy from the live schema and will reproduce this shape.
+
+- [ ] **Step 6: Run the CLI test to verify it passes**
+
+Run: `pnpm --filter @ogs-tech/create-press test && pnpm --filter @ogs-tech/create-press typecheck`
+Expected: PASS — the seeded home body validates clean at v2 and the row columns carry `{ base: 12, md: 6 }` spans.
+
+- [ ] **Step 7: Commit**
+
+```bash
+git add packages/cli/templates/cms/scripts/seed-content.mjs apps/playground/packages/cms/scripts/seed-content.mjs \
+  packages/cli/src/create/seed-content.test.ts \
+  packages/cli/templates/project/packages/shared/types/generated.ts apps/playground/packages/shared/types/generated.ts
+git commit -m "feat(cli)!: seed spanned columns at tree version 2; generated PresetLayoutRow drops ratio
+
+Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>"
+```
+
+---
+
+## Task 7: Docs, changeset, full-suite verification + playground reseed
+
+**Files:**
+- Modify: `CLAUDE.md`
+- Create: `.changeset/free-column-spans.md`
+
+**Interfaces:**
+- Consumes: every prior task.
+- Produces: an updated architectural reference + a `major`/`major`/`major` changeset; a fully green monorepo build/test/typecheck; a reseeded playground DB at v2.
+
+- [ ] **Step 1: Update `CLAUDE.md` — "Composition trees"**
+
+Open `CLAUDE.md`. In the "Composition trees (`PressTree`)" bullet list, find the `RowNode`/`ColumnNode` sentence (grep for `carries a \`ratio\``) and replace it with:
+
+> A `RowNode` carries 1–`MAX_COLUMNS` (12) `ColumnNode` children (no shared
+> row-level ratio); each `ColumnNode` carries a `span` (`ColumnSpan`: `{ base;
+> md?; lg? }`, `base` required, each tier 1–12 tracks, mobile-first) — the ONE
+> responsive value stored in the tree — and is the recursion point: it nests
+> arbitrary further `Node`s, including more rows, to unlimited depth; a
+> `BlockNode` is a placed component.
+
+Find the "Responsiveness NEVER appears in this JSON" sentence (grep `Responsiveness NEVER appears`) and replace it with:
+
+> Column `span` (per-breakpoint, mobile-first) is the ONE responsive value the
+> composition JSON carries — a deliberate reversal of the old
+> "responsiveness never in the JSON" rule. Everything else stays code-side:
+> `container` attrs are editorial intents only, mapped to `Responsive<T>`
+> layout-primitive props by `web/src/tree/container-attrs.ts` (`GAP_TIERS`).
+> `spanFor(column)` now passes the stored span straight to `<Column>` — the old
+> `RATIO_SPANS`/`RATIO_SLOTS`/`setRowRatio` mapping table is retired.
+
+Find "**Version-gated readers.** `PRESS_TREE_VERSION` (currently `1`)" and change `1` → `2`.
+
+- [ ] **Step 2: Update `CLAUDE.md` — "Layout primitives" + retirement note**
+
+In the "Layout primitives" section, find the `TreeRenderer` paragraph describing how a `ColumnNode` becomes `<Column span={…}>`. Append a sentence:
+
+> A column's `<Column span>` now comes from its own stored `ColumnSpan`
+> (`spanFor(column)` — a passthrough); the retired `RowNode.ratio` no longer
+> exists, so `spanFor` takes the column, not `(ratio, index)`. `theme.css` and
+> the four primitives are untouched — `ColumnSpan` already matches the
+> `Responsive<Span>` the `<Column>` primitive consumes, and the
+> `--press-col-span[-md|-lg]` var() cascade handles mobile-first inheritance.
+
+Also, in the "Retired" bullet inside "Canonical identity" or wherever retired mechanisms are catalogued, note in prose: `RATIO_SPANS` (web), `setRowRatio`/`RATIO_SLOTS` (cms admin), and `MAX_ROW_COLUMNS` (shared validator) are retired with the ratio→span change; `MAX_COLUMNS` (builder) is now 12.
+
+- [ ] **Step 3: Write the changeset**
+
+Create `.changeset/free-column-spans.md`:
+
+```md
+---
+'@ogs-tech/press-shared': major
+'@ogs-tech/press-web': major
+'@ogs-tech/press-cms': major
+'@ogs-tech/create-press': patch
+---
+
+feat!: free 1–12 column spans per breakpoint, replacing the row ratio enum
+
+BREAKING (wire): `PRESS_TREE_VERSION` bumps 1 → 2. `RowNode.ratio` (and the
+`Ratio` type) is removed; each `ColumnNode` now carries `span: { base; md?; lg? }`
+(1–12 tracks, mobile-first, `base` required) — the one responsive value stored in
+the composition tree. Readers fail-to-empty on any other version; writers reject
+malformed spans. **No data migration** (pre-release, authorized): stored v1 trees
+are dropped on read.
+
+- shared: `Span`/`ColumnSpan` types, span validation (default `{ base: 12 }` +
+  warn on malformed tiers), version-2 gate, no wire column cap.
+- web: `spanFor(column)` passthrough; `RATIO_SPANS` removed; `<Column>`, the four
+  primitives, and `theme.css` are untouched.
+- cms: builder replaces the row-ratio select with per-column base/md/lg span
+  selects, a read-only 12-track preview bar, a breakpoint toggle, and a per-tier
+  total badge; `MAX_COLUMNS` 4 → 12; `preset-layout.row` descriptor drops `ratio`.
+
+Adopters must reseed: a playground/dev DB seeded at v1 (pageDefaults/home) reads
+back empty until reseeded — reset the DB and let `pnpm dev` reseed at v2.
+```
+
+- [ ] **Step 4: Run the whole monorepo build + test + typecheck**
+
+Run: `pnpm build && pnpm -r test && pnpm -r --if-present typecheck`
+Expected: PASS across all packages — `strapi-plugin build` compiles the cms plugin (admin + server) clean; every Vitest suite green; every `tsc --noEmit` clean. If anything fails, fix the offending fixture/type before proceeding (do not weaken assertions to pass).
+
+- [ ] **Step 5: Reseed the playground DB and smoke-test the app**
+
+The playground DB was seeded at v1 and must be reset so the idempotent seed writes a v2 tree:
+
+Run: `rm -f apps/playground/packages/cms/.tmp/data.db`
+
+Then boot the dogfood and confirm it comes up (cms `:1337/admin`, web `:3000`) and regenerates `apps/playground/packages/shared/types/generated.ts`:
+
+Run: `pnpm dev`
+Expected: the CMS boots, `seedSiteSetting`/CLI seed write pageDefaults + home at v2, the web home renders the spanned demo row (image + paragraph, 50/50 on desktop / stacked on mobile), and `generated.ts` has no `ratio?` on `PresetLayoutRow`. Stop the dev process once verified (Ctrl-C).
+
+> If `pnpm dev` cannot be run interactively in your environment, at minimum confirm `git status` shows the regenerated `apps/playground/packages/shared/types/generated.ts` matches the hand-edit from Task 6 (no `ratio?`), and note in the PR that a manual playground reseed is required.
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add CLAUDE.md .changeset/free-column-spans.md apps/playground/packages/shared/types/generated.ts
+git commit -m "docs+chore!: document column spans; changeset (shared/web/cms major)
+
+Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>"
+```
+
+---
+
+## Self-Review (completed against the spec)
+
+**Spec coverage** — every section maps to a task:
+- §3 data model → Task 1 (tree.ts).
+- §4 validator (version gate, ratio removal, span validation, non-empty columns) → Task 1 (validate-tree.ts + tests).
+- §5 web renderer (`spanFor(column)`, drop `RATIO_SPANS`, `ColumnView`/`RowView`) → Task 2. Primitives/CSS explicitly untouched (confirmed: `theme.css:528-539` already has the base/md/lg cascade).
+- §6 builder (tree-ops `setColumnSpan`/`newRowNode`/`MAX_COLUMNS=12`; tree-editor `SpanControls`/`GridPreview`/toggle/badge; row.json ratio removal; form-model unaffected) → Tasks 3, 4, 5. `form-model.ts` needs no edit — it never references `ratio` (verified).
+- §7 seeds, generated.ts, serialize-schema (no code change) → Tasks 5, 6.
+- §8 testing (shared span cases, web spanFor + renderer vars, tree-ops caps, tree-editor DS test, serialize/descriptor, breakpoints unchanged) → embedded in each task. `breakpoints.test.ts` is intentionally not modified (its passing run in Task 7's `pnpm -r test` confirms no CSS drift).
+- §9 migration/changeset → Task 7 (changeset + playground reseed).
+- §10 docs → Task 7 (CLAUDE.md) + Task 1 (tree.ts header).
+- §11 out of scope (drag/resize, `start` offset, `<section>` question, theme.css/primitives) → nothing in the plan touches these.
+
+**Ripple coverage beyond the spec's explicit list** (found during exploration, all assigned): `web/src/index.ts` `Ratio` re-export (Task 2), `builder-input.tsx`/`.test.tsx` hard-coded `version: 1` (Task 4), and the v1 fixtures in `resolve-slots.test.ts` / `map-page.test.ts` / `validate-write.test.ts` / `hydrate-tree.test.ts` / `serve-hydrated.test.ts` / `inject-components.test.ts` (Tasks 2 & 5) — all would break `tsc`/assertions once the wire moves to v2.
+
+**Type consistency:** `ColumnSpan`/`Span`/`effectiveSpan`/`setColumnSpan`/`spanFor(column)`/`newRowNode()`/`MAX_COLUMNS` names and signatures are used identically across the Interfaces blocks and code steps. `spanFor` is `(column: ColumnNode) => Responsive<Span>` everywhere; `effectiveSpan` is `(span: ColumnSpan, tier) => number` everywhere.
diff --git a/docs/superpowers/specs/2026-07-20-composition-builder-design.md b/docs/superpowers/specs/2026-07-20-composition-builder-design.md
new file mode 100644
index 0000000..adfc447
--- /dev/null
+++ b/docs/superpowers/specs/2026-07-20-composition-builder-design.md
@@ -0,0 +1,273 @@
+# Composition Builder — design spec
+
+Date: 2026-07-20
+Status: approved direction, pre-implementation
+Breaking: YES — replaces the dynamic-zone composition mechanism engine-wide (pre-release; authorized)
+
+## 1. Problem
+
+Page composition today is a flat Strapi dynamic zone. Editors cannot express layout
+structure beyond the closed `preset-organism.columns` block, because Strapi 5 forbids
+dynamic zones inside components — polymorphic children are only legal on content-types.
+The product vision requires: a per-page layout root (header/footer/children, so pages
+can drop or replace chrome), rows with N arbitrary children, columns that nest rows
+(full recursion), and adopter custom blocks usable anywhere in that tree.
+
+## 2. Decisions (brainstorm outcomes)
+
+| Decision | Choice |
+| --- | --- |
+| Scope | One spec, complete refactor of the composition mechanism (body + chrome) |
+| Architecture family | Custom page-builder field storing a JSON tree (family C) |
+| Recursion | Full — Row inside Column, unbounded depth |
+| v1 admin UX | Structural: collapsible tree + per-node forms (no WYSIWYG canvas) |
+| Block schema source | Registry-driven: Strapi components remain the schema catalog |
+| Responsive control | Curated presets only; engine maps to base/md/lg |
+| Container attrs | One shared curated `container` group (`width`/`gap`/`verticalAlign`) on every children-bearing node; `ratio` stays Row-only |
+| Site chrome | Site Settings header/footer DZs die; `pageDefaults` JSON holds the default chrome pages inherit |
+| Compatibility | Breaking wire + palette change; no data migration (pre-release) |
+
+## 3. Data model — `PressTree` (`@ogs-tech/press-shared`)
+
+```ts
+interface PressTree { version: 1; root: LayoutNode }
+
+interface LayoutNode {
+  type: 'layout';
+  header: Slot;
+  footer: Slot;
+  container?: ContainerAttrs;              // only `gap` applies: rhythm between top-level children
+  children: Node[];
+}
+
+// The ONE attribute surface for every children-bearing node. Closed enums; an
+// absent field (or the whole group absent) means the engine default. Attrs that
+// don't apply to a node type are ignored by the renderer and hidden by the form.
+interface ContainerAttrs {
+  width?: 'prose' | 'lg' | 'full';         // Container tier — top-level Rows only; ignored when nested
+  gap?: Gap;                               // 'compact' | 'normal' | 'spacious' — Row: track gap; Column/Layout: stack rhythm
+  verticalAlign?: VerticalAlign;           // 'top' | 'center' | 'bottom' — Row: aligns cells; Column: content within the cell
+}
+
+type Slot =
+  | { mode: 'inherit' }                    // resolve against Site Settings pageDefaults
+  | { mode: 'none' }                       // bare page
+  | { mode: 'custom'; children: Node[] };  // page-owned chrome
+
+type Node = RowNode | ColumnNode | BlockNode;
+
+interface RowNode {
+  id: string;                              // stable node id, generated by the builder UI
+  type: 'row';
+  ratio: Ratio;                            // Row-only: defines the column split (closed enum, the current columns scale)
+  container?: ContainerAttrs;
+  children: ColumnNode[];                  // 1..4, ratio-bound
+}
+
+interface ColumnNode { id: string; type: 'column'; container?: ContainerAttrs; children: Node[] }  // recursion point
+
+interface BlockNode {
+  id: string;
+  type: 'block';
+  component: string;                       // palette uid, e.g. 'preset-atom.paragraph', 'custom-organism.callout'
+  data: Record<string, unknown>;           // validated against the component's registry schema
+}
+```
+
+Rules baked into the model:
+
+- **One attribute surface, not per-node bespoke props.** Every children-bearing node
+  carries the same optional `container` group; the builder renders it as one reusable
+  form section, and defaults live in one place. `ratio` is the deliberate exception —
+  it defines the column split, so it cannot generalize beyond Row.
+- **Responsiveness never appears in the JSON.** `ratio` and the `container` attrs are
+  editorial intents; the web renderer maps them to `Responsive<T>` values (the
+  `RATIO_SPANS` / `GAP_TIERS` maps inherited from `sections/columns.tsx`). The 11-gap
+  floor and the 25-25-25-25 two-stage md/lg behavior stay engine-owned and
+  untouchable by editors.
+- **Media inside `data` is a reference, not a snapshot**: `{ assetId: number }`. The
+  cms plugin hydrates url/alt/dimensions server-side when serving pages and site
+  settings alike, so the wire
+  always carries fresh asset URLs and the JSON never rots.
+- **`id` is for React keys and builder operations only** — never an `Entity`; block
+  instances stay out of the URN system (same rationale as `blockKey` today).
+- `version` gates future migrations; readers reject unknown versions (fail-to-empty).
+
+### press-shared changes nature
+
+`press-shared` today is imported type-only. It now additionally ships the **runtime
+tree validator** (pure TS, no deps) used by both sides: cms compiles it into its dist
+(save-time validation), web consumes it as source (render-time guard). This is a
+deliberate contract change: shared = wire types + pure wire validators, still zero
+Strapi/Next imports.
+
+## 4. CMS side (`@ogs-tech/press-cms`)
+
+### Storage
+
+- `page.body`: dynamic zone → **custom field** (`plugin::press-cms.builder`, storage
+  type `json`) holding a `PressTree`. Draft & publish is untouched — the tree versions
+  with the page entry.
+- `site-setting.pageDefaults`: new JSON field `{ header: Node[]; footer: Node[] }` —
+  the default chrome every page inherits. The `header`/`footer` DZs are removed.
+  Identity, SEO, theme values, cookie consent stay exactly as they are.
+
+### Components become a schema catalog
+
+- `preset-atom.*`, `preset-organism.*` (hero, cta, navbar, footer) and `custom-*`
+  stay registered via `injectComponents`, but no dynamic zone references them. They
+  are now pure schema descriptors: the builder generates per-block forms from them,
+  and the type-sync generator keeps emitting per-block `data` interfaces from them.
+- `preset-layout` finally gains components: **`preset-layout.container`** — the shared
+  `ContainerAttrs` descriptor (`width`/`gap`/`verticalAlign` enums) — plus
+  **`preset-layout.row`** (the `ratio` enum + a `container` component field) and
+  **`preset-layout.column`** (a `container` component field). Row and column reference
+  the shared descriptor via `component:` fields (the `nav-item` nesting pattern), so
+  layout-node forms are registry-driven exactly like block forms and the container
+  section is defined once.
+- **Removed:** `preset-organism.columns`, `preset-molecule.column` (superseded by the
+  mechanism), all DZ admission arrays in `page`/`site-setting` schema.json, and
+  `dz-populate.ts` entirely — JSON needs no populate, which kills the whole
+  "vanished from the wire but visible in the admin" bug class.
+- `admitCustomBlocks` shrinks to custom-block *discovery*: it feeds the `custom-*`
+  catalog instead of pushing uids into DZ arrays (category labels remain the admin
+  bundle's `registerTrads` job, unchanged). The adopter
+  contract is unchanged: drop a component JSON under `src/components/custom-<layer>/`
+  and it appears in the builder's block palette on every slot.
+- `serialize-schema` serves the full registered palette (it can no longer walk DZ
+  admission lists) plus the tree contract version, still at `GET /api/press/schema`.
+
+### Admin custom field (v1, structural)
+
+- Registered via `app.customFields.register` in the plugin's `strapi-admin` bundle.
+- Collapsible tree editor: add / remove / reorder / indent-outdent nodes via buttons;
+  per-node form generated from the registry schema — the "Container" section is
+  generated once from `preset-layout.container` and reused on every children-bearing
+  node, showing only the attrs that apply to that node type; media picked with
+  Strapi's native asset picker (stores `assetId`); node ids minted client-side
+  (`crypto.randomUUID`).
+- Structural invariants enforced by construction in the UI: Column only under Row,
+  Row children are Columns only, slot editors accept `Node[]`.
+- Site Settings `pageDefaults` reuses the same field component scoped to a single
+  `Node[]` slot (no layout root).
+
+### Validation & seeds
+
+- Lifecycle `beforeCreate`/`beforeUpdate` on `page` and `site-setting` run the shared
+  validator; invalid trees are rejected with actionable messages (the UI should make
+  this unreachable; the lifecycle is the backstop for API writes).
+- `bootstrap()` seeds `pageDefaults` once (plugin-store flag `pageDefaultsSeeded`)
+  with bare navbar/footer block nodes; an editor-emptied slot is respected forever.
+  The flag is not set when the Site Settings record is missing (self-healing order,
+  the `seedCookieConsent` precedent).
+- The CLI `seed.mjs` writes the demo home as a `PressTree` (hero, prose blocks, a
+  50-50 row demonstrating recursion, cta, custom callout) and fills demo navigation
+  into `pageDefaults` in the same idempotent pass that fills identity.
+
+## 5. Web side (`@ogs-tech/press-web`)
+
+### TreeRenderer replaces BlockRenderer
+
+- `LayoutNode` → emits `<header>` (resolved slot), `<main>` (children), `<footer>`;
+  its `container.gap` sets the vertical rhythm between top-level children.
+- `RowNode` at top level → `<Container maxWidth={container.width}><Grid gap
+  alignItems>` from the container attrs; nested inside a Column → bare `<Grid>`
+  filling the cell (`width` ignored). An absent group or attr resolves to the same
+  engine defaults the columns organism uses today.
+- `ColumnNode` → `<Column span>` with spans derived from the parent row's `ratio`
+  preset; extra columns beyond the ratio's slots reuse the last span (current
+  columns tolerance rules carry over). Its own `container` styles the cell: `gap`
+  is the stack rhythm, `verticalAlign` places content within the cell height.
+- `BlockNode` → the existing registry merge, unchanged:
+  `{ ...atomBlocks, ...organismBlocks, ...customBlocks }`; adopter overrides via
+  `components={{ 'preset-organism.hero': MyHero }}` keep working verbatim; unknown
+  component → skip + dev-only warning.
+
+### Host template
+
+- `RootLayout` drops `<header>`/`<footer>` (it cannot see the slug); keeps html/head,
+  theme style injection, consent bootstrap, cookie banner.
+- `app/[[...slug]]/page.tsx` fetches page + site config, resolves `inherit` slots
+  against `site.pageDefaults`, renders the tree. ISR semantics (revalidate 60,
+  generateStaticParams) unchanged.
+- Navbar/footer block instances — wherever they sit (defaults or custom slots) — are
+  still hydrated by `mapSiteSettings` (brand + resolved links from identity).
+
+### Type-sync
+
+- Tree node types are static exports of `press-shared` (not generated).
+- The generator keeps emitting per-block `data` interfaces from the schema; `PageBody`
+  becomes `PressTree`; the `HeaderBlocks`/`FooterBlocks` unions die.
+
+### Load-bearing CSS change
+
+The global prose-width rule currently matches preset/custom atoms at any depth under
+`main`. Atoms inside Column cells must fill their cell, so the rule is rescoped to
+direct children of `main` only (`main > [data-block^="preset-atom."]`, same for
+`custom-atom.`) — top-level BlockNodes render as direct `<main>` children, so the
+editorial prose column survives exactly where it applies today. This
+replaces the old workaround where `columns.tsx` avoided atom components entirely —
+in the tree world, cells render the real atom components.
+
+## 6. Settings behavior (inheritance semantics)
+
+1. **Editing** — Site Settings shows the two `pageDefaults` slots with the same tree
+   UI and full palette; no special rules.
+2. **Inheritance** — `mode: 'inherit'` resolves at render via `getSiteConfig`
+   (ISR ~60s): editing the default header updates every inheriting page, no redeploy,
+   no per-page touch. `none`/`custom` pages are unaffected.
+3. **Failure** — CMS unreachable or malformed `pageDefaults` → treated as empty →
+   inheriting pages render bare (unbranded over synthetic, never crash).
+4. **Emptied is respected** — the engine never re-seeds an editor-emptied slot.
+5. **Out of scope for v1** — `pageDefaults` carries chrome only; a default *body*
+   template for new pages is a named future seam (that is where page templates and
+   the reserved `preset-template` layer will plug in).
+
+## 7. Error handling
+
+| Failure | Behavior |
+| --- | --- |
+| Malformed / wrong-version tree on the wire | Body renders empty + dev warning (fail-to-empty; never crash) |
+| Unknown `component` uid in a BlockNode | Skip node + dev-only warning (BlockRenderer precedent) |
+| Unknown node `type` | Skip subtree + dev warning |
+| Invalid `container` attr value on the wire | Treat that attr as absent → engine default (attr-level failure, never tree-level) |
+| Slot resolution failure | Treat as `none` |
+| Invalid tree submitted via API | Lifecycle validator rejects with actionable message |
+| CMS down at build | Static params fail to empty; pages render on demand (ISR unchanged) |
+
+## 8. Testing
+
+- **press-shared** — validator unit tests: valid/invalid fixtures, version gate,
+  slot modes, deeply recursive trees (recursion is unbounded and must validate),
+  ratio/children arity.
+- **press-web** — TreeRenderer: recursion, ratio + container-attr mappings (including
+  the spacious tier-scaling and 25-25-25-25 two-stage behavior), container defaults
+  (absent group/attr → current engine defaults) and non-applicable attrs ignored per
+  node type, slot resolution matrix (inherit/none/custom × defaults present/absent),
+  tolerance rules, the rescoped prose selector; generator tests updated for
+  `PressTree`.
+- **press-cms** — serialize-schema over the full palette; lifecycle validation;
+  `pageDefaults` seeding flag + idempotency; admin tree editor smoke tests with the
+  hand-rolled `act()`+`createRoot` harness (react-19 RTL constraint).
+- **CLI** — assert the seeded home's tree shape (closes the missing seed-regression
+  guard found during exploration).
+
+## 9. Out of scope (named, deliberate)
+
+- WYSIWYG canvas / drag-and-drop builder (v2 evolution on the same JSON model).
+- Per-breakpoint editor controls (curated presets only).
+- Page templates / default body trees in `pageDefaults` (future seam, `preset-template`).
+- i18n of tree content.
+- Reusable cross-page fragments (would require content-type-backed nodes).
+
+## 10. Impact & sequencing
+
+Estimated effort 3–5 weeks. Changesets: major on `press-shared`, `press-cms`,
+`press-web`, `create-press`. Implementation phases for the plan:
+
+1. `press-shared`: tree contract + validator.
+2. `press-cms`: storage swap, catalog serialization, lifecycle validation, seeds.
+3. `press-cms` admin: builder custom field (tree + forms + asset picker).
+4. `press-web`: TreeRenderer, host template, type-sync, CSS rescope.
+5. CLI seed + playground regeneration; kill list cleanup; CLAUDE.md rewrite of the
+   affected sections.
diff --git a/docs/superpowers/specs/2026-07-22-free-column-spans-design.md b/docs/superpowers/specs/2026-07-22-free-column-spans-design.md
new file mode 100644
index 0000000..d5a1e63
--- /dev/null
+++ b/docs/superpowers/specs/2026-07-22-free-column-spans-design.md
@@ -0,0 +1,241 @@
+# Free Column Spans — design spec
+
+Date: 2026-07-22
+Status: approved direction, pre-implementation
+Breaking: YES — wire change (`PRESS_TREE_VERSION` 1 → 2, `RowNode.ratio` removed, `ColumnNode.span` added); pre-release, no data migration
+
+## 1. Problem
+
+A row's column split is expressed today by a closed `RowNode.ratio` enum
+(`50-50 | 33-67 | 67-33 | 33-33-33 | 25-25-25-25`), which the engine maps to
+12-track spans (`RATIO_SPANS` in `packages/web/src/tree/container-attrs.ts`).
+Two limits:
+
+1. **Not a true 12-column grid.** Editors can only pick 5 presets; they cannot
+   express an arbitrary N-of-12 width per column.
+2. **Ratio and column count can silently diverge.** `insertNode`/`addColumn`
+   enforce only `MAX_COLUMNS = 4`, not the ratio's own slot count
+   (`RATIO_SLOTS`). Picking `50-50` (2 slots) and adding columns to 4 makes
+   `spanFor` reuse the last span → `50-50` renders `6-6-6-6` (a 2×2 wrap),
+   `33-67` renders `4-8-8-8` (= 28 track-units, with sparse-placement gaps
+   because no `grid-auto-flow: dense`). The rendered result stops matching the
+   ratio label — reads as "not following the 12-column canon."
+
+The product wants a real 12-column grid: a **free span (1–12) per column**,
+controllable **per breakpoint**, edited in the admin composition builder.
+
+## 2. Decisions (brainstorm outcomes)
+
+| Decision | Choice |
+| --- | --- |
+| Where the gap is felt | Admin composition builder — but the change spans `shared → web → cms-server → cms-admin → cli/seeds` |
+| Column width model | Free span **1–12 per column**, replacing the `ratio` enum |
+| Responsive control | **Full per-breakpoint**, mobile-first: each column stores span for `base`/`md`/`lg` (`base` required; `md`/`lg` optional, cascade up) |
+| Ratio | **Removed entirely** from the wire; no presets kept |
+| Sum-to-12 | **Free** (Bootstrap-style): sum < 12 leaves trailing space, sum > 12 wraps (CSS grid auto-placement). Builder shows a per-tier total, never blocks |
+| Span JSON shape | **Object-only** `{ base; md?; lg? }`, `base` required |
+| Builder UX | Per-column `base`/`md`/`lg` selects + **read-only 12-track preview bar** + breakpoint toggle (Base/md/lg) + per-tier total badge |
+| `MAX_COLUMNS` | 4 → **12** |
+| New-node defaults | New column `{ base: 12 }`; new row = 2 columns each `{ base: 12, md: 6 }` (stacked on mobile, 50/50 on desktop) |
+| Wire version | `PRESS_TREE_VERSION` 1 → 2; readers fail-to-empty on v1; **no data migration** (pre-release, authorized) |
+| Architecture note | Consciously **reverses** "responsiveness never in the JSON" — column span is now the one responsive value stored in the tree. CLAUDE.md updated. |
+
+Explicitly rejected: interactive drag/resize preview (selects + read-only bar
+instead); keeping `ratio` as a stored default or as builder presets (removed
+outright, per the brainstorm); a scalar-or-object span shape (object-only chosen
+for validation clarity and a 1:1 match with the 3-field builder control).
+
+## 3. Data model — `@ogs-tech/press-shared` (`src/tree.ts`)
+
+```ts
+/** Readers reject any other version (fail-to-empty); gates future migrations. */
+export const PRESS_TREE_VERSION = 2;   // was 1
+
+/** 1..12 track span. Kept `number` (not a 12-arm literal union) on the wire;
+ *  the range is enforced by the validator, not the type. */
+export type Span = number;
+
+/** Mobile-first responsive span: `base` is the required mobile default; `md`/`lg`
+ *  are optional overrides that cascade up (md inherits base, lg inherits md).
+ *  This is the ONE responsive value the composition JSON carries. */
+export interface ColumnSpan {
+  base: Span;
+  md?: Span;
+  lg?: Span;
+}
+
+export interface ColumnNode {
+  id: string;
+  type: 'column';
+  span: ColumnSpan;            // NEW
+  container?: ContainerAttrs;
+  children: Node[];
+}
+
+export interface RowNode {
+  id: string;
+  type: 'row';
+  // ratio: Ratio;             // REMOVED
+  container?: ContainerAttrs;
+  children: ColumnNode[];      // 1..MAX_COLUMNS; each column owns its span
+}
+```
+
+- **Remove** `export type Ratio = …` (line 14).
+- Rewrite the file header comment: responsiveness NO LONGER "never appears in
+  this JSON" — `ColumnSpan` (base/md/lg) is the deliberate exception; `container`
+  attrs remain editorial intents mapped code-side.
+- `Span` is `number` in `shared`; the `web` primitive's `Span` is the literal
+  union `1|…|12`. The web mapping (`spanFor`) casts the validated value to the
+  web `Span` — safe because the validator has already constrained it to 1..12.
+
+## 4. Validator — `@ogs-tech/press-shared` (`src/validate-tree.ts`)
+
+Keep the existing **strict-write / tolerant-read** split (structural failure →
+`value: null` + `errors`; attr-level failure → sanitize + `warnings`; writers
+reject on errors OR warnings; readers render whenever `value` is non-null).
+
+- **Version gate** (line ~173): expect `2`. A v1 tree fails → `value: null`
+  (fail-to-empty). No migration.
+- **Remove** ratio validation (`RATIOS`, lines ~127–128) and the `ratio` field
+  when building `RowNode` (line ~141).
+- **Column count**: no longer tied to a ratio's slot count. Accept `children`
+  as a non-empty `ColumnNode[]` (structural). The 12-column cap is a builder
+  concern (`MAX_COLUMNS`), not a wire invariant.
+- **New: span validation** (attr-level, sanitize + warn — never nulls the tree):
+  - `span` absent or not an object → default `{ base: 12 }`, warning.
+  - `base` not an integer in `[1,12]` → default `12`, warning.
+  - `md` / `lg` present but not an integer in `[1,12]` → **drop that tier**
+    (inherit via cascade), warning. Absent `md`/`lg` is valid and silent.
+  - No silent rounding — a non-integer is invalid, handled as above.
+  - The output `ColumnNode` always has a well-formed `span` (base guaranteed).
+- Net effect: a builder-produced tree (always valid) writes clean; a malformed
+  direct-API write is rejected (warnings block); a legacy/hand-written read
+  renders best-effort with defaults.
+
+## 5. Web renderer — `packages/web/src/tree/`
+
+CSS, `theme.css`, and the four layout primitives (`Grid`, `Column`, `Row`,
+`Container`) are **untouched** — the new `ColumnSpan` shape matches the
+`Responsive<Span>` the `<Column>` primitive already consumes.
+
+- **`container-attrs.ts`**
+  - **Delete** `RATIO_SPANS`.
+  - Replace `spanFor(ratio, index)` with `spanFor(column: ColumnNode):
+    Responsive<Span>` → returns `column.span` (base defaulted to 12), cast to
+    web `Span`.
+  - Keep `GAP_TIERS`, `rowGap`, `rowAlign`, `rowWidth`, `STACK_GAPS`,
+    `stackGap`, `cellAlign` unchanged.
+- **`tree-renderer.tsx`**
+  - `ColumnView` drops the `ratio`/`index` props; reads `column.span` via the
+    new `spanFor(column)`.
+  - `RowView` maps `row.children` to `ColumnView` without threading
+    `ratio`/`index`.
+  - Element output unchanged: `<Container as="section"><Grid>` (top row),
+    bare `<Grid>` (nested); `<Grid>`/`<Column>` remain `<div>`.
+
+## 6. Builder — `packages/cms/admin/src/`
+
+### `lib/tree-ops.ts`
+- **Remove** `RATIO_SLOTS`, `setRowRatio`, and the `ratio` argument of
+  `newRowNode`.
+- `newColumnNode(span = { base: 12 })` → sets `span`.
+- `newRowNode()` → `children: [newColumnNode({ base: 12, md: 6 }),
+  newColumnNode({ base: 12, md: 6 })]` (2 columns, 50/50 on desktop, stacked on
+  mobile).
+- `MAX_COLUMNS = 12`.
+- **New op** `setColumnSpan(forest, path, tier: 'base' | 'md' | 'lg', value:
+  number | undefined): Forest` — immutable, matching existing op style. `base`
+  takes a required 1..12; `md`/`lg` take a value or `undefined` (clear → inherit).
+
+### `components/tree-editor.tsx`
+- **Remove** `RATIOS`, the row-ratio `SingleSelect`, and the `setRowRatio` import.
+- **`ColumnCard`** gains a "Span" control group: three `SingleSelect`s —
+  `base` (1..12, required), `md` and `lg` (1..12 + an "inherit / —" option =
+  `undefined`). Each wired to `setColumnSpan`.
+- **`RowCard`** gains:
+  - a **breakpoint toggle** (Base | md | lg) held in local component state,
+    selecting which tier the preview renders.
+  - a **read-only preview bar**: a 12-track CSS grid (admin-side inline style)
+    rendering each column's *effective* span at the active tier (mobile-first
+    cascade lg→md→base) as a labelled filled segment, with trailing empty tracks
+    when the tier total < 12 and visual wrap when > 12.
+  - a **per-tier total badge** (e.g. `md 10/12`) computed from effective spans.
+- **New presentational component** `GridPreview({ columns, tier })` (admin-only,
+  in `tree-editor.tsx` or a sibling file) for the bar.
+
+### Descriptors / `lib/form-model.ts`
+- **`server/src/components/layout/row.json`**: remove the `ratio` enumeration
+  field; update the description.
+- **`server/src/components/layout/column.json`**: **no** span field added —
+  span is builder-owned structural data (like `id`/`children`), not a
+  descriptor-generated form field. This matches how `ratio`'s control was
+  bespoke in `tree-editor` rather than generated from the descriptor.
+- `form-model.ts`: unaffected by span (the `container` attr generation is
+  unchanged); adjust only if it references `ratio`.
+
+## 7. Seeds, generated types, schema
+
+- **`seed-content.mjs`** (CLI template `packages/cli/templates/cms/scripts/` +
+  its playground copy `apps/playground/packages/cms/scripts/`): rewrite the
+  `row(...)` helper — drop the `ratio` param; columns carry `span`. Update the
+  demo-home rows to the new shape. Preserve idempotency/flags.
+- **`seed-content.test.ts`** (`packages/cli/src/create/`): update the shape
+  assertions.
+- **`generated.ts`** (CLI template `packages/cli/templates/project/packages/
+  shared/types/` + playground copy): regenerate — the `preset-layout.row`
+  interface drops `ratio?`; column span is structural (not in the generated
+  component interface). `pnpm dev` regenerates the playground copy; the committed
+  template is synced by the generator.
+- **`serialize-schema.ts`**: no code change — it reads the live registry;
+  removing `ratio` from `row.json` and the already-imported `PRESS_TREE_VERSION`
+  (now 2) auto-reflect on `/api/press/schema`.
+
+## 8. Testing
+
+- **shared** `validate-tree.test.ts`: valid span object; missing base → `12` +
+  warning; out-of-range `md`/`lg` stripped + warning; a write rejects on those
+  warnings; v1 tree → fail-to-empty under the version-2 gate.
+- **web** `container-attrs.test.ts`: `spanFor(column)` returns `column.span`
+  with base default 12.
+- **web** `tree-renderer.test.tsx`: a row with per-column spans emits the right
+  `--press-col-span[-md|-lg]` on each `data-press-layout="column"`; nested row
+  still emits no `Container`.
+- **cms-admin** `tree-ops.test.ts`: `setColumnSpan` (set/clear base·md·lg),
+  `newRowNode`/`newColumnNode` defaults, `MAX_COLUMNS = 12` cap.
+- **cms-admin** `tree-editor` test: renders base/md/lg selects; the total badge
+  computes the effective per-tier sum (uses the design-system vitest config).
+- **cms** `serialize-schema.test.ts` + the layout-descriptor tests: `row` no
+  longer exposes `ratio`; `column` still enumerated.
+- **web** `breakpoints.test.ts`: unchanged — a passing run confirms the CSS
+  contract did not drift.
+
+## 9. Migration & compatibility
+
+- `PRESS_TREE_VERSION` 1 → 2. **No data migration** (pre-release, authorized).
+  Stored v1 trees (ratio-based) fail validation → fail-to-empty on read; writers
+  reject them. The **playground DB must be reseeded** — `pnpm dev` reseeds via
+  idempotent flags, but a slot already seeded at v1 (pageDefaults/home) may need
+  a manual reseed / DB reset; call this out in the changeset.
+- **Changeset**: mark `@ogs-tech/press-shared`, `@ogs-tech/press-web`, and
+  `@ogs-tech/press-cms` as **major**; `pnpm version-packages` regenerates the
+  CLI's pinned versions.
+
+## 10. Docs
+
+- **CLAUDE.md**: update "Composition trees" and "Layout primitives" — `ratio` is
+  gone; `ColumnNode.span` (per-breakpoint, mobile-first) now carries
+  responsiveness in the JSON. Revise the "Responsiveness NEVER appears in this
+  JSON" statement to: column span is the one responsive value stored in the tree;
+  all other layout responsiveness stays code-side (`container` → `Responsive<T>`).
+  Note the retired `RATIO_SPANS` / `setRowRatio` / `RATIO_SLOTS`.
+- **`tree.ts` header comment**: revised to match.
+
+## 11. Out of scope
+
+- Interactive drag/resize preview (rejected; selects + read-only bar).
+- Per-column `start` offset (the `<Column start>` prop exists but stays
+  engine-internal; not exposed to editors).
+- The `<section>`-per-row semantic-element question (pre-existing behavior;
+  separate concern).
+- Any change to `theme.css` or the four layout primitives.
diff --git a/package.json b/package.json
index 712c69d..d1855c5 100644
--- a/package.json
+++ b/package.json
@@ -32,10 +32,10 @@
     "overrides": {
       "@strapi/sdk-plugin>esbuild": "0.28.0",
       "esbuild-loader>esbuild": "0.28.0",
-      "react": "^18.3.1",
-      "react-dom": "^18.3.1",
-      "@types/react": "^18.3.31",
-      "@types/react-dom": "^18.3.7"
+      "react": "19.2.7",
+      "react-dom": "19.2.7",
+      "@types/react": "^19.0.0",
+      "@types/react-dom": "^19.0.0"
     }
   }
 }
diff --git a/packages/cli/package.json b/packages/cli/package.json
index 0166484..63f6e39 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -23,6 +23,7 @@
     "commander": "^13.0.0"
   },
   "devDependencies": {
+    "@ogs-tech/press-shared": "workspace:*",
     "@types/node": "^20",
     "tsx": "^4.19.0",
     "typescript": "^5",
diff --git a/packages/cli/src/create/seed-content.test.ts b/packages/cli/src/create/seed-content.test.ts
new file mode 100644
index 0000000..55169de
--- /dev/null
+++ b/packages/cli/src/create/seed-content.test.ts
@@ -0,0 +1,59 @@
+import { describe, expect, it } from 'vitest';
+import { validatePressTree, validateNodeArray } from '@ogs-tech/press-shared';
+// The template ships as plain .mjs data — imported across the package boundary on purpose:
+// this test IS the guard that the scaffold seeds a valid tree (spec §8, CLI).
+// eslint-not-applicable: repo has no eslint.
+import { buildHomeBody, buildPageDefaults } from '../../templates/cms/scripts/seed-content.mjs';
+
+describe('seeded home body', () => {
+  const tree = buildHomeBody({ imageAssetId: 7 }) as any;
+
+  it('is a valid PressTree with inherited chrome', () => {
+    const { value, errors, warnings } = validatePressTree(tree);
+    expect(errors).toEqual([]);
+    expect(warnings).toEqual([]);
+    expect(value!.root.header).toEqual({ mode: 'inherit' });
+  });
+
+  it('demonstrates atoms then the grid: heading/paragraph/list atoms + a spanned row (no hero, no nested rows)', () => {
+    const children = tree.root.children;
+    expect(children.map((n: any) => n.type)).toEqual(['block', 'block', 'block', 'block', 'row']);
+    expect(children.slice(0, 4).map((n: any) => n.component)).toEqual([
+      'preset-atom.heading', 'preset-atom.paragraph', 'preset-atom.list', 'preset-atom.heading',
+    ]);
+    expect(children.some((n: any) => n.component === 'preset-organism.hero')).toBe(false);
+
+    const rowNode = children[4];
+    expect(rowNode).toMatchObject({ type: 'row' });
+    expect(rowNode).not.toHaveProperty('ratio');
+    expect(rowNode.children).toHaveLength(2);
+    // each column carries a mobile-first span (stacked on phones, 50/50 on desktop)
+    expect(rowNode.children[0].span).toEqual({ base: 12, md: 6 });
+    expect(rowNode.children[1].span).toEqual({ base: 12, md: 6 });
+    // an image atom (media assetId ref) sits in the first column; no deeper row nesting
+    const imageAtom = rowNode.children[0].children[0];
+    expect(imageAtom).toMatchObject({ type: 'block', component: 'preset-atom.image' });
+    expect(imageAtom.data.image).toEqual({ assetId: 7 });
+    expect(rowNode.children[1].children.some((n: any) => n.type === 'row')).toBe(false);
+  });
+
+  it('uses plain-text content (no blocks AST, no href strings)', () => {
+    const json = JSON.stringify(tree);
+    expect(json).not.toContain('"type":"paragraph"');   // no blocks AST nodes
+    expect(json).not.toContain('ctaHref');
+    const paragraph = tree.root.children.find((n: any) => n.component === 'preset-atom.paragraph');
+    expect(typeof paragraph.data.content).toBe('string');
+  });
+});
+
+describe('seeded pageDefaults', () => {
+  const pd = buildPageDefaults({ homeDocumentId: 'home-doc' }) as any;
+
+  it('slots validate as Node[] and the Home item is a page ref', () => {
+    expect(validateNodeArray(pd.header).errors).toEqual([]);
+    expect(validateNodeArray(pd.footer).errors).toEqual([]);
+    const navbar = pd.header[0];
+    expect(navbar.data.items[0].page).toEqual({ documentId: 'home-doc' });
+    expect(navbar.data.cta.link.label).toBe('Get started');
+  });
+});
diff --git a/packages/cli/src/create/versions.generated.ts b/packages/cli/src/create/versions.generated.ts
index 0b5c045..fb966c8 100644
--- a/packages/cli/src/create/versions.generated.ts
+++ b/packages/cli/src/create/versions.generated.ts
@@ -6,6 +6,6 @@ export const VERSIONS = {
   pressWeb: '0.4.1',
   pressCms: '0.3.2',
   next: '^15.1.0',
-  react: '^18.3.1',
+  react: '^19.2.7',
   strapi: '5.48.0',
 } as const;
diff --git a/packages/cli/src/publish/publish-readiness.test.ts b/packages/cli/src/publish/publish-readiness.test.ts
index b0ba7fc..2d8d320 100644
--- a/packages/cli/src/publish/publish-readiness.test.ts
+++ b/packages/cli/src/publish/publish-readiness.test.ts
@@ -36,10 +36,13 @@ describe('publish-readiness', () => {
     expect(controlled, `${name} has neither a files allowlist nor an .npmignore`).toBe(true);
   });
 
-  it('keeps @ogs-tech/press-shared private (internal dev-only contract, never published)', () => {
-    // web/cms consume it via `import type` only — erased at transpile time, so the
-    // adopter never resolves it. Publishing it would leak an internal package.
-    expect(manifestOf('@ogs-tech/press-shared').private).toBe(true);
+  it('publishes @ogs-tech/press-shared as a public runtime contract package', () => {
+    // press-web now imports its validator at runtime (composition-builder Decision 3),
+    // so press-shared is a co-published runtime dependency, not a private, dev-only,
+    // never-published package.
+    const manifest = manifestOf('@ogs-tech/press-shared');
+    expect(manifest.private).not.toBe(true);
+    expect(manifest.publishConfig?.access).toBe('public');
   });
 
   it('flags a manifest missing publishConfig and version', () => {
@@ -49,11 +52,23 @@ describe('publish-readiness', () => {
   });
 
   it('flags a surviving workspace: protocol in a published dependency field', () => {
+    const violations = checkPublishReadiness({
+      publishConfig: { access: 'public' },
+      version: '1.0.0',
+      dependencies: { 'some-external-pkg': 'workspace:*' },
+    });
+    expect(violations).toContain('dependencies.some-external-pkg still uses the workspace: protocol');
+  });
+
+  it('allows a workspace: protocol dependency on a co-published PUBLISHABLE_PACKAGES target', () => {
+    // press-web's "@ogs-tech/press-shared": "workspace:*" is exactly this case: both
+    // packages are co-published via changesets, which rewrites the spec to press-shared's
+    // real published version at publish time — no unresolvable protocol ships.
     const violations = checkPublishReadiness({
       publishConfig: { access: 'public' },
       version: '1.0.0',
       dependencies: { '@ogs-tech/press-shared': 'workspace:*' },
     });
-    expect(violations).toContain('dependencies.@ogs-tech/press-shared still uses the workspace: protocol');
+    expect(violations).not.toContain('dependencies.@ogs-tech/press-shared still uses the workspace: protocol');
   });
 });
diff --git a/packages/cli/src/publish/publish-readiness.ts b/packages/cli/src/publish/publish-readiness.ts
index b0c6fa8..08b9874 100644
--- a/packages/cli/src/publish/publish-readiness.ts
+++ b/packages/cli/src/publish/publish-readiness.ts
@@ -19,11 +19,19 @@ export interface Manifest {
 /**
  * The packages published to npm: @ogs-tech/create-press (the run-once scaffolder,
  * which is NOT a generated-project dependency) plus the engine @ogs-tech/press-{web,cms}
- * that a generated project installs. @ogs-tech/press-shared is deliberately absent: it is
- * an internal, dev-only contract package (web/cms import it via `import type`, erased at
- * transpile time), so it stays private and must NOT publish. The test asserts that privacy separately.
+ * that a generated project installs, and @ogs-tech/press-shared — the wire contract
+ * package (PressSchema types + the `validatePressTree` runtime validator) that
+ * press-web now depends on at runtime (Decision 3 of the composition-builder
+ * refactor). press-shared is a PUBLISHED runtime contract package, not an internal,
+ * dev-only, never-published one — it ships its own version/publishConfig and is
+ * co-published alongside web/cms via changesets.
  */
-export const PUBLISHABLE_PACKAGES = ['@ogs-tech/create-press', '@ogs-tech/press-web', '@ogs-tech/press-cms'] as const;
+export const PUBLISHABLE_PACKAGES = [
+  '@ogs-tech/create-press',
+  '@ogs-tech/press-web',
+  '@ogs-tech/press-cms',
+  '@ogs-tech/press-shared',
+] as const;
 
 // Dependency fields that ship in the published manifest. devDependencies do not,
 // so a workspace: spec there is harmless — but here it would point the tarball at
@@ -50,10 +58,17 @@ export function checkPublishReadiness(manifest: Manifest): string[] {
   // stays pure. A package may legitimately use either (cli/cms: files; web:
   // .npmignore, because under a files allowlist npm stops honoring .npmignore).
 
-  // workspace: must be rewritten to a real range by the publish tool, never shipped raw.
+  // workspace: must be rewritten to a real range by the publish tool, never shipped raw
+  // — UNLESS the target is itself one of PUBLISHABLE_PACKAGES: changesets co-publish
+  // those together, rewriting workspace:* to that package's real published version, so
+  // e.g. press-web's `"@ogs-tech/press-shared": "workspace:*"` resolves at publish time.
+  // A workspace: spec pointing at anything else would ship a protocol npm can't resolve
+  // and break the adopter's install.
   for (const field of PUBLISHED_DEP_FIELDS) {
     for (const [dep, spec] of Object.entries(manifest[field] ?? {})) {
-      if (typeof spec === 'string' && spec.startsWith('workspace:')) {
+      const isWorkspaceSpec = typeof spec === 'string' && spec.startsWith('workspace:');
+      const isCoPublishedTarget = (PUBLISHABLE_PACKAGES as readonly string[]).includes(dep);
+      if (isWorkspaceSpec && !isCoPublishedTarget) {
         violations.push(`${field}.${dep} still uses the workspace: protocol`);
       }
     }
diff --git a/packages/cli/templates/cms/scripts/seed-content.mjs b/packages/cli/templates/cms/scripts/seed-content.mjs
new file mode 100644
index 0000000..67ea99c
--- /dev/null
+++ b/packages/cli/templates/cms/scripts/seed-content.mjs
@@ -0,0 +1,90 @@
+// cms/scripts/seed-content.mjs — the demo content as PURE DATA, importable by
+// both seed.mjs (to write it) and the engine's CLI test suite (to validate the
+// tree shape against the shared validator — the seed-regression guard).
+// Plain-text content throughout (curated `content: text` decision 2026-07-20).
+import { randomUUID } from 'node:crypto';
+
+export const REPO_URL = 'https://github.com/ogs-tech/press';
+export const PRESS_SITE_URL = 'https://useogs.com/press';
+export const NPM_CREATE_URL = 'https://www.npmjs.com/package/@ogs-tech/create-press';
+
+export const SITE_SETTINGS = {
+  name: 'Press',
+  url: 'http://localhost:3000',
+  locale: 'en',
+  seo: {
+    titleTemplate: '%s · Press',
+    title: 'Press',
+    description: 'A press-powered site, server-rendered end-to-end.',
+  },
+  themeColors: {
+    primary: '#119350',
+    accent: '#D9A12C',
+    secondary: '#3D5CC2',
+    ink: '#142036',
+    surface: '#FAF8F3',
+    muted: '#7A7E89',
+    danger: '#C0392B',
+    onPrimary: '#FFFFFF',
+    border: 'rgba(20,32,54,0.12)',
+  },
+  themeRadius: { xs: '6px', sm: '10px', md: '14px', lg: '20px' },
+};
+
+const block = (component, data = {}) => ({ id: randomUUID(), type: 'block', component, data });
+const column = (span, children, container) => ({ id: randomUUID(), type: 'column', span, children, ...(container ? { container } : {}) });
+const row = (children, container) => ({ id: randomUUID(), type: 'row', children, ...(container ? { container } : {}) });
+
+/**
+ * The demo home as a PressTree (Spec §4 seeds): a deliberately SIMPLE showcase of
+ * the two things worth demonstrating up front — the COMPONENTS you place (a few
+ * blocks + a note on the wider palette) and the GRID LAYOUT (a 50-50 row split
+ * into columns, with a component in each cell; the image component also carries
+ * the media-crosses-REST proof via its `image` assetId). No hero, no deep
+ * nesting — the rest of the palette is composed in the admin builder, not
+ * pre-seeded. Chrome inherits pageDefaults.
+ */
+export const buildHomeBody = ({ imageAssetId }) => ({
+  version: 2,
+  root: {
+    type: 'layout',
+    header: { mode: 'inherit' },
+    footer: { mode: 'inherit' },
+    children: [
+      block('preset-atom.heading', { text: 'Components', level: '2' }),
+      block('preset-atom.paragraph', {
+        content: 'Components are the blocks you place in the tree. They render as static HTML with no client hydration.',
+      }),
+      block('preset-atom.list', {
+        format: 'unordered',
+        content: ['Atoms — heading, paragraph, list, quote, image, button', 'Organisms — hero, cta and site chrome', 'Your own custom-* blocks, anywhere in the tree'].join('\n'),
+      }),
+      block('preset-atom.heading', { text: 'Grid layout', level: '2' }),
+      // Grid layout: two columns, stacked on phones (base 12) and 50/50 on desktop (md 6).
+      row([
+        column({ base: 12, md: 6 }, [block('preset-atom.image', { image: { assetId: imageAssetId }, caption: 'An image component inside a column' })]),
+        column({ base: 12, md: 6 }, [block('preset-atom.paragraph', {
+          content: 'Rows and columns are the grid layout. Here an image fills the left column and this paragraph the right — a 12/6 span split. Compose the rest in the builder.',
+        })]),
+      ]),
+    ],
+  },
+});
+
+/**
+ * Demo navigation for Site Settings pageDefaults: the Home item is a PAGE REF
+ * ({ documentId }) — exercising the reference-hydration path end-to-end — plus
+ * an external link and a CTA button. The footer keeps the bare seeded node.
+ */
+export const buildPageDefaults = ({ homeDocumentId }) => ({
+  header: [
+    block('preset-organism.navbar', {
+      items: [
+        { label: 'Home', page: { documentId: homeDocumentId } },
+        { label: 'GitHub', url: REPO_URL, newTab: true },
+      ],
+      cta: { link: { label: 'Get started', url: NPM_CREATE_URL }, variant: 'primary' },
+    }),
+  ],
+  footer: [block('preset-organism.footer', {})],
+});
diff --git a/packages/cli/templates/cms/scripts/seed.mjs b/packages/cli/templates/cms/scripts/seed.mjs
index e4d1694..0d760b8 100644
--- a/packages/cli/templates/cms/scripts/seed.mjs
+++ b/packages/cli/templates/cms/scripts/seed.mjs
@@ -1,19 +1,17 @@
 // cms/scripts/seed.mjs — One-shot sample content for the cms host. Boots it
 // programmatically (CMS server must be STOPPED), fills the Site Settings single
 // type (identity/SEO + theme + a demo navbar with links and CTA), uploads one
-// tiny PNG (the hero cover — the media-crosses-REST proof), and creates a
-// PUBLISHED 'home' page that opens with the engine's layout-system organisms
-// (preset-organism.hero 2-col responsive grid, closing preset-organism.cta
-// banner) around a ~72ch prose atom sequence (heading, paragraph, list, quote,
-// separator, button, spacer) plus the adopter's custom-organism.callout, so the
-// first `press dev` renders a branded, themed, fully-navigable site. Every CTA
-// label on the page is distinct on purpose — demo content must not read as
-// copy-paste repetition.
+// tiny PNG (the image-atom cover — the media-crosses-REST proof), and creates a
+// PUBLISHED 'home' page kept deliberately SIMPLE (a few components + one 50-50
+// grid-layout row — see buildHomeBody), so the first `press dev` renders a
+// branded, themed, navigable site whose body demonstrates components and the
+// grid layout without being a pre-filled kitchen sink.
 // Skip-if-empty: seeds only a fresh CMS — existing content is never overwritten
 // (delete cms/.tmp to reset).
 import { createRequire } from 'node:module';
 import { mkdirSync, writeFileSync } from 'node:fs';
 import path from 'node:path';
+import { buildHomeBody, buildPageDefaults, SITE_SETTINGS } from './seed-content.mjs';
 
 // Load Strapi through the CommonJS resolver: its `.mjs` build does bare directory
 // imports (e.g. `lodash/fp`) that Node's native ESM loader rejects, whereas the CJS
@@ -27,100 +25,18 @@ const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
 const SLUG = 'home';
 
 // A visible 480×270 (16:9) placeholder cover — brand primary over accent — so
-// the hero's media field renders a real image rather than a degenerate 1×1
-// transparent pixel (and proves an uploaded media crosses the REST contract).
+// the image atom renders a real image rather than a degenerate 1×1 transparent
+// pixel (and proves an uploaded media crosses the REST contract).
 const PNG = Buffer.from(
   'iVBORw0KGgoAAAANSUhEUgAAAeAAAAEOCAIAAADe+FMwAAAC+ElEQVR42u3UQQ0AIAwAsVnAB2LwhoLJws0s8NySJlVwj4t1DwANhQQABg2AQQMYNAAGDWDQABg0AAYNYNAAGDSAQQNg0AAYNIBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0AAYNYNAAGDSAQQNg0AAGDYBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0gEGrAGDQABg0gEEDYNAABg2AQQNg0AAGDYBBAxg0AAYNgEEDGDQABg1g0AAYNIBBA2DQABg0gEEDYNAABg2AQQNg0AAGDYBBAxg0AAYNYNAAGDQABg1g0AAYNIBBA2DQABg0gEEDYNAABg2AQQMYtAoABg2AQQMYNAAGDWDQABg0AAYNYNAAGDSAQQNg0AAYNIBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0AAYNYNAAGDSAQQNg0AAGDYBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0gEEDYNAAGDSAQQNg0AAGDYBBA2DQAAYNgEEDGDQABg2AQQMYNAAGDWDQABg0gEEDYNAAGDSAQQNg0AAGDYBBA2DQAAYNgEEDGDQABg1g0AAYNAAGDWDQABg0gEEDYNAAGDSAQQNg0AAGDYBBAxg0AAYNwO+gX24AGjJoAIMGwKABDBoAgwYwaAAMGgCDBjBoAAwawKABMGgADBrAoAEwaACDBsCgAQwaAIMGwKABDBoAgwYwaAAMGgCDBjBoAAwawKABMGgAgwbAoAEwaACDBsCgAQwaAIMGwKABDBoAgwYwaAAMGsCgJQAwaAAMGsCgATBoAIMGwKABMGgAgwbAoAEMGgCDBsCgAQwaAIMGMGgADBrAoAEwaAAMGsCgATBoAIMGwKABMGgAgwbAoAEMGgCDBjBoAAwaAIMGMGgADBrAoAEwaAAMGsCgATBoAIMGwKABDFoFAIMGwKABDBoAgwYwaAAMGgCDBjBoAAwawKABMGgADBrAoAEwaACDBsCgAQwaAIMGwKABJiqe+vFZK33AgwAAAABJRU5ErkJggg==',
   'base64',
 );
 
-// Demo Site Settings. Theme values MIRROR the engine's DEFAULT_THEME
-// (packages/web/src/config/default-theme.ts) so the seeded look matches the
-// runtime fallback exactly — once written, this CMS record is the source of truth
-// and DEFAULT_THEME only acts as the CMS-down floor. Edit freely in the admin.
-const REPO_URL = 'https://github.com/ogs-tech/press';
-// The cta banner's conversion link: the press page on the OGS site. Not live
-// until the site launches — the path is the launch-day contract (adjust here
-// if the final route differs). The other buttons keep their own semantics:
-// starring and reading the docs live on the repo, "Get started" opens the
-// published create-press package (the actual scaffold quickstart).
-const PRESS_SITE_URL = 'https://useogs.com/press';
-const NPM_CREATE_URL = 'https://www.npmjs.com/package/@ogs-tech/create-press';
-
-const SITE_SETTINGS = {
-  name: 'Press',
-  url: 'http://localhost:3000',
-  locale: 'en',
-  seo: {
-    titleTemplate: '%s · Press',
-    title: 'Press',
-    description: 'A press-powered site, server-rendered end-to-end.',
-  },
-  themeColors: {
-    primary: '#119350',
-    accent: '#D9A12C',
-    secondary: '#3D5CC2',
-    ink: '#142036',
-    surface: '#FAF8F3',
-    muted: '#7A7E89',
-    danger: '#C0392B',
-    onPrimary: '#FFFFFF',
-    border: 'rgba(20,32,54,0.12)',
-  },
-  themeRadius: { xs: '6px', sm: '10px', md: '14px', lg: '20px' },
-};
-
 async function main() {
   const appContext = await compileStrapi();
   const app = await createStrapi(appContext).load();
 
   try {
-    // Site Settings (single type): the engine's bootstrap already seeded an EMPTY
-    // record (Strapi runs plugin bootstrap during app.load()), so fill THAT record
-    // once with demo identity/SEO + theme + a demo navbar. Runs before the page
-    // skip below so it is never gated by existing pages. Idempotent: skip once an
-    // editor set a name, so their values are never clobbered (reset by deleting
-    // cms/.tmp).
-    //
-    // The navbar the bootstrap seeded is BARE (no items, no cta) — without links
-    // the MobileNav hamburger doesn't even render, so the demo fills it. Items
-    // are url-based ('/' resolves through the same homeSlug anchor as the
-    // /home → / redirect); the page-RELATION path stays an admin-editing demo —
-    // the engine seeds no page besides 'home' to point one at.
-    const settings = await app.documents(SITE_SETTING_UID).findFirst();
-    if (settings?.name) {
-      console.log('[seed] site settings already filled — skipping.');
-    } else {
-      const header = [
-        {
-          __component: 'preset-organism.navbar',
-          items: [
-            { label: 'Home', url: '/' },
-            { label: 'GitHub', url: REPO_URL, newTab: true },
-          ],
-          cta: { label: 'Get started', href: NPM_CREATE_URL, variant: 'primary' },
-        },
-      ];
-      if (settings) {
-        await app
-          .documents(SITE_SETTING_UID)
-          .update({ documentId: settings.documentId, data: { ...SITE_SETTINGS, header } });
-        console.log('[seed] site settings filled (empty record updated, navbar links seeded).');
-      } else {
-        await app.documents(SITE_SETTING_UID).create({ data: { ...SITE_SETTINGS, header } });
-        console.log('[seed] site settings created (navbar links seeded).');
-      }
-    }
-
-    // Skip-if-empty: only seed a fresh CMS. Once any published page exists (the
-    // first boot's sample, or the adopter's own content), leave it untouched so
-    // `press dev` never discards their work. Reset by deleting cms/.tmp (the DB).
-    const existing = await app.documents(PAGE_UID).findMany({ status: 'published' });
-    if (existing.length > 0) {
-      console.log(`[seed] ${existing.length} published page(s) exist — skipping seed (delete cms/.tmp to reset).`);
-      return;
-    }
-
     const tmpDir = path.join(process.cwd(), '.tmp');
     mkdirSync(tmpDir, { recursive: true });
 
@@ -135,116 +51,45 @@ async function main() {
       });
       return uploaded[0].id;
     };
-    const heroImageId = await uploadImage('press-hero.png');
-    console.log(`[seed] uploaded hero image id=${heroImageId}`);
 
-    // Create the published "Hello from press" home as a layout-system showcase:
-    // it OPENS with preset-organism.hero (the engine's responsive 2-col grid —
-    // text 7 / image 5 on md+, stacked below; its media field is the single
-    // image on the page) and CLOSES with a centered preset-organism.cta banner,
-    // wrapping a ~72ch prose atom sequence — heading/paragraph/list/quote plus
-    // structural separator/button/spacer — and the adopter's
-    // custom-organism.callout. One image, one link target per block, three
-    // DISTINCT CTA labels: demo content stays deduplicated by design.
-    const page = await app.documents(PAGE_UID).create({
-      data: {
-        title: 'Hello from press',
-        slug: SLUG,
-        body: [
-          {
-            __component: 'preset-organism.hero',
-            eyebrow: 'Press engine',
-            title: 'Hello from press',
-            subtitle: 'A press-powered site, server-rendered end-to-end.',
-            image: heroImageId,
-            ctaLabel: 'Read the docs',
-            ctaHref: REPO_URL,
-            align: 'left',
-          },
-          { __component: 'preset-atom.heading', text: 'What ships in the box', level: '2' },
-          {
-            __component: 'preset-atom.paragraph',
-            content: [
-              {
-                type: 'paragraph',
-                children: [
-                  { type: 'text', text: 'This prose lives in the CMS and renders as ' },
-                  { type: 'text', text: 'static HTML', bold: true },
-                  { type: 'text', text: ' — no client hydration.' },
-                ],
-              },
-            ],
-          },
-          {
-            __component: 'preset-atom.list',
-            content: [
-              {
-                type: 'list',
-                format: 'unordered',
-                children: [
-                  {
-                    type: 'list-item',
-                    children: [
-                      { type: 'text', text: 'Atomic text blocks', bold: true },
-                      { type: 'text', text: ' — paragraph, heading, list and quote.' },
-                    ],
-                  },
-                  {
-                    type: 'list-item',
-                    children: [
-                      { type: 'text', text: 'Media & structure', bold: true },
-                      { type: 'text', text: ' — image, button, separator and spacer.' },
-                    ],
-                  },
-                  {
-                    type: 'list-item',
-                    children: [
-                      { type: 'text', text: 'Layout organisms', bold: true },
-                      { type: 'text', text: ' — hero and call-to-action banners composed on the engine’s 12-column grid.' },
-                    ],
-                  },
-                  {
-                    type: 'list-item',
-                    children: [
-                      { type: 'text', text: 'Your own ' },
-                      { type: 'text', text: 'custom-*', code: true },
-                      { type: 'text', text: ' blocks, admitted automatically into the page.' },
-                    ],
-                  },
-                ],
-              },
-            ],
-          },
-          {
-            __component: 'preset-atom.quote',
-            content: [
-              { type: 'paragraph', children: [{ type: 'text', text: 'The contract is HTML on the server.' }] },
-            ],
-            citation: 'The press engine',
-          },
-          { __component: 'preset-atom.separator', variant: 'line' },
-          { __component: 'preset-atom.button', label: 'Star on GitHub', href: REPO_URL, variant: 'secondary' },
-          // md, not lg: the cta banner below already carries its own section
-          // margin — a lg spacer stacked on it read as a ~120px dead zone.
-          { __component: 'preset-atom.spacer', size: 'md' },
-          {
-            __component: 'preset-organism.cta',
-            title: 'Ready to press publish?',
-            subtitle: 'Scaffold a site, open the admin, and ship your first page in minutes.',
-            buttonLabel: 'Scaffold your site',
-            buttonHref: PRESS_SITE_URL,
-            align: 'center',
-          },
-          {
-            __component: 'custom-organism.callout',
-            message: 'Adopter callout renders via the Project-zone block map',
-            variant: 'success',
-          },
-        ],
-      },
-      status: 'published',
-    });
-    console.log(`[seed] created published page documentId=${page.documentId} slug=${SLUG}`);
+    // 1. The published home page (skip-if-any-published-page-exists, unchanged rule).
+    // Created FIRST (order inverted vs the old header-then-page flow) so its
+    // documentId exists for pageDefaults' navbar Home item below.
+    let homeDocumentId;
+    const existing = await app.documents(PAGE_UID).findMany({ status: 'published' });
+    if (existing.length > 0) {
+      console.log(`[seed] ${existing.length} published page(s) exist — skipping page seed (delete cms/.tmp to reset).`);
+      homeDocumentId = existing.find((p) => p.slug === SLUG)?.documentId;
+    } else {
+      const coverImageId = await uploadImage('press-cover.png');
+      console.log(`[seed] uploaded cover image id=${coverImageId}`);
+      const page = await app.documents(PAGE_UID).create({
+        data: { title: 'Hello from press', slug: SLUG, body: buildHomeBody({ imageAssetId: coverImageId }) },
+        status: 'published',
+      });
+      homeDocumentId = page.documentId;
+      console.log(`[seed] created published page documentId=${page.documentId} slug=${SLUG}`);
+    }
+
+    // 2. Site Settings: identity + theme + demo pageDefaults (idempotent: skip once named).
+    // The engine's bootstrap already seeded an EMPTY record (Strapi runs plugin
+    // bootstrap during app.load()), so fill THAT record once. Idempotent: skip
+    // once an editor set a name, so their values are never clobbered (reset by
+    // deleting cms/.tmp).
+    const settings = await app.documents(SITE_SETTING_UID).findFirst();
+    if (settings?.name) {
+      console.log('[seed] site settings already filled — skipping.');
+    } else {
+      const data = { ...SITE_SETTINGS };
+      if (homeDocumentId) data.pageDefaults = buildPageDefaults({ homeDocumentId });
+      if (settings) {
+        await app.documents(SITE_SETTING_UID).update({ documentId: settings.documentId, data });
+        console.log('[seed] site settings filled (pageDefaults navigation seeded).');
+      } else {
+        await app.documents(SITE_SETTING_UID).create({ data });
+        console.log('[seed] site settings created (pageDefaults navigation seeded).');
+      }
+    }
   } finally {
     // Content is committed by here. better-sqlite3's tarn pool can throw a benign
     // "aborted" as it drains during app.destroy() (e.g. background image processing
diff --git a/packages/cli/templates/project/packages/shared/types/generated.ts b/packages/cli/templates/project/packages/shared/types/generated.ts
index 852b075..713520f 100644
--- a/packages/cli/templates/project/packages/shared/types/generated.ts
+++ b/packages/cli/templates/project/packages/shared/types/generated.ts
@@ -1,8 +1,7 @@
-// BOOTSTRAP content contract — a minimal, COMMITTED baseline so the project
-// typechecks and builds before the first `press dev`. This file is OVERWRITTEN
-// from the live CMS schema by `press dev` (sync-types); it intentionally mirrors
-// only the starter schema (the `custom-organism.callout` block). Safe to commit — later
-// schema changes land here as reviewable diffs.
+// AUTO-GENERATED by @ogs-tech/press-web sync-types — DO NOT EDIT.
+// Regenerate with: pnpm --filter @ogs-tech/press-web sync-types
+
+import type { PressTree } from '@ogs-tech/press-web';
 
 export interface PressMedia {
   url: string;
@@ -13,21 +12,106 @@ export interface PressMedia {
   mime?: string;
 }
 
+export interface PressPageRef {
+  documentId: string;
+  slug?: string;
+}
+
+export interface PresetAtomParagraph {
+  content: string;
+}
+
+export interface PresetAtomHeading {
+  text: string;
+  level: '1' | '2' | '3' | '4' | '5' | '6';
+}
+
+export interface PresetAtomList {
+  content: string;
+  format?: 'unordered' | 'ordered';
+}
+
+export interface PresetAtomQuote {
+  content: string;
+  citation?: string;
+}
+
+export interface PresetAtomImage {
+  image: PressMedia;
+  caption?: string;
+}
+
+export interface PresetAtomButton {
+  link?: PresetMoleculeLink;
+  variant?: 'primary' | 'secondary';
+}
+
+export interface PresetAtomSeparator {
+  variant?: 'line' | 'dots';
+}
+
+export interface PresetAtomSpacer {
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+}
+
+export interface PresetMoleculeLink {
+  label?: string;
+  page?: PressPageRef;
+  url?: string;
+  newTab?: boolean;
+}
+
+export interface PresetLayoutContainer {
+  width?: 'prose' | 'lg' | 'full';
+  gap?: 'compact' | 'normal' | 'spacious';
+  verticalAlign?: 'top' | 'center' | 'bottom';
+}
+
+export interface PresetLayoutRow {
+  container?: PresetLayoutContainer;
+}
+
+export interface PresetLayoutColumn {
+  container?: PresetLayoutContainer;
+}
+
+export interface PresetOrganismHero {
+  eyebrow?: string;
+  title: string;
+  subtitle?: string;
+  image?: PressMedia;
+  cta?: PresetMoleculeLink;
+  align?: 'left' | 'center';
+}
+
+export interface PresetOrganismCta {
+  title: string;
+  subtitle?: string;
+  button?: PresetMoleculeLink;
+  align?: 'left' | 'center';
+}
+
+export interface PresetOrganismNavbar {
+  items?: PresetMoleculeLink[];
+  cta?: PresetAtomButton;
+}
+
+export interface PresetOrganismFooter {
+  text?: string;
+}
+
 export interface CustomOrganismCallout {
-  __component: 'custom-organism.callout';
-  id: number;
   message: string;
   variant?: 'info' | 'warning' | 'success';
 }
 
-// Permissive baseline: the real union (every `custom-*` block) is filled in on
-// the first sync. Kept forgiving so any starter page body still typechecks.
-export type PageBody = Array<{ __component: string; id: number; [key: string]: unknown }>;
+/** The page body IS the composition tree (composition-builder spec §5). */
+export type PageBody = PressTree;
 
 export interface Page {
   id: number;
   documentId: string;
   title: string;
-  slug: string;
+  slug?: string;
   body: PageBody;
 }
diff --git a/packages/cms/admin/src/components/builder-input.test.tsx b/packages/cms/admin/src/components/builder-input.test.tsx
new file mode 100644
index 0000000..d744470
--- /dev/null
+++ b/packages/cms/admin/src/components/builder-input.test.tsx
@@ -0,0 +1,104 @@
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { act } from 'react';
+import type { ReactElement } from 'react';
+import { createRoot, type Root } from 'react-dom/client';
+import { DesignSystemProvider } from '@strapi/design-system';
+import BuilderInput from './builder-input';
+import { resetPressDataCache } from '../lib/press-data';
+
+vi.mock('@strapi/strapi/admin', () => ({
+  useStrapiApp: () => undefined, // no media-library in tests → assetId input fallback
+}));
+
+const SCHEMA = {
+  tree: { version: 2 },
+  contentTypes: {},
+  components: {
+    'preset-atom.paragraph': { uid: 'preset-atom.paragraph', attributes: { content: { type: 'text', required: true } } },
+    'preset-organism.navbar': { uid: 'preset-organism.navbar', attributes: { items: { type: 'component', component: 'preset-molecule.link', repeatable: true } } },
+    'preset-molecule.link': { uid: 'preset-molecule.link', attributes: { label: { type: 'string' }, page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' }, url: { type: 'string' }, newTab: { type: 'boolean' } } },
+  },
+};
+
+let container: HTMLDivElement;
+let root: Root;
+(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true;
+
+// jsdom lacks these; the design-system widgets touch them on render.
+const stubBrowserApis = (): void => {
+  if (!window.matchMedia) {
+    window.matchMedia = ((query: string) => ({
+      matches: false, media: query, onchange: null,
+      addEventListener() {}, removeEventListener() {}, addListener() {}, removeListener() {}, dispatchEvent() { return false; },
+    })) as any;
+  }
+  if (!(globalThis as any).ResizeObserver) {
+    (globalThis as any).ResizeObserver = class { observe() {} unobserve() {} disconnect() {} };
+  }
+};
+
+const render = (ui: ReactElement) => root.render(<DesignSystemProvider>{ui}</DesignSystemProvider>);
+
+beforeEach(() => {
+  stubBrowserApis();
+  resetPressDataCache();
+  vi.stubGlobal('fetch', vi.fn(async (url: string) => ({
+    ok: true,
+    json: async () => (String(url).includes('/api/press/schema') ? SCHEMA : { data: [{ documentId: 'home-doc', title: 'Home', slug: 'home' }] }),
+  })));
+  container = document.createElement('div');
+  document.body.appendChild(container);
+  root = createRoot(container);
+});
+
+afterEach(async () => {
+  await act(async () => root.unmount());
+  container.remove();
+  vi.unstubAllGlobals();
+});
+
+const flush = async () => act(async () => { await Promise.resolve(); });
+
+/** Finds a <button> by its exact (trimmed) visible text — icon-only children carry no text. */
+const buttonByText = (scope: ParentNode, text: string): HTMLButtonElement => {
+  const btn = [...scope.querySelectorAll('button')].find((b) => b.textContent?.trim() === text);
+  if (!btn) throw new Error(`button "${text}" not found`);
+  return btn as HTMLButtonElement;
+};
+
+describe('BuilderInput (tree mode)', () => {
+  it('renders slot sections + body forest and emits a tree when a palette block is added', async () => {
+    const onChange = vi.fn();
+    await act(async () => {
+      render(<BuilderInput name="body" attribute={{}} value={undefined} onChange={onChange} />);
+    });
+    await flush();
+    expect(container.textContent).toContain('Header');
+    expect(container.textContent).toContain('Body');
+    expect(container.textContent).toContain('Footer');
+
+    const body = container.querySelector('[data-press-slot="body"]') as HTMLElement;
+    await act(async () => { buttonByText(body, 'Add block').click(); }); // open the palette
+    await act(async () => { buttonByText(body, 'Paragraph').click(); }); // pick a block
+
+    const emitted = onChange.mock.calls.at(-1)![0].target;
+    expect(emitted.type).toBe('json');
+    expect(emitted.value.version).toBe(2);
+    expect(emitted.value.root.children).toHaveLength(1);
+    expect(emitted.value.root.children[0]).toMatchObject({ type: 'block', component: 'preset-atom.paragraph', data: {} });
+    expect(typeof emitted.value.root.children[0].id).toBe('string');
+  });
+});
+
+describe('BuilderInput (slots mode)', () => {
+  it('edits { header, footer } node arrays and labels blocks by friendly name', async () => {
+    const onChange = vi.fn();
+    const value = { header: [{ id: 'n1', type: 'block', component: 'preset-organism.navbar', data: {} }], footer: [] };
+    await act(async () => {
+      render(<BuilderInput name="pageDefaults" attribute={{ options: { mode: 'slots' } }} value={value} onChange={onChange} />);
+    });
+    await flush();
+    expect(container.textContent).toContain('Navbar');
+  });
+});
diff --git a/packages/cms/admin/src/components/builder-input.tsx b/packages/cms/admin/src/components/builder-input.tsx
new file mode 100644
index 0000000..4165ed3
--- /dev/null
+++ b/packages/cms/admin/src/components/builder-input.tsx
@@ -0,0 +1,193 @@
+/**
+ * The `plugin::press-cms.builder` custom-field Input (Spec §4). Two shapes:
+ *  - default: a full PressTree (page body) with header/footer slot-mode editors
+ *  - options.mode === 'slots': the Site Settings pageDefaults `{ header, footer }`
+ * Value tolerance: Strapi hands the form value as an object (or a JSON string on
+ * some paths) — normalize on the way in, always emit an object with type 'json'.
+ * Rendered with the design-system so the field reads as native admin UI; the
+ * production admin already wraps plugin inputs in its DesignSystemProvider.
+ */
+import { useEffect, useState } from 'react';
+import type { JSX } from 'react'; // @types/react 19 removed the global JSX namespace
+import { useStrapiApp } from '@strapi/strapi/admin';
+import { Box, Button, Field, Flex, NumberInput, SingleSelect, SingleSelectOption, Typography } from '@strapi/design-system';
+import { Image } from '@strapi/icons';
+import type { Node, PressSchema, PressTree, Slot } from '@ogs-tech/press-shared';
+import { PRESS_TREE_VERSION } from '@ogs-tech/press-shared';
+import { fetchPressSchema } from '../lib/press-data';
+import type { Forest } from '../lib/tree-ops';
+import { TreeEditor } from './tree-editor';
+
+interface BuilderInputProps {
+  name: string;
+  attribute: { options?: { mode?: string } };
+  value?: unknown;
+  disabled?: boolean;
+  label?: string;
+  hint?: string;
+  error?: string;
+  onChange(event: { target: { name: string; value: unknown; type: string } }): void;
+}
+
+const isRecord = (v: unknown): v is Record<string, unknown> => typeof v === 'object' && v !== null && !Array.isArray(v);
+
+const parseValue = (value: unknown): unknown => {
+  if (typeof value !== 'string') return value;
+  try { return JSON.parse(value); } catch { return undefined; }
+};
+
+const emptyTree = (): PressTree => ({
+  version: PRESS_TREE_VERSION,
+  root: { type: 'layout', header: { mode: 'inherit' }, footer: { mode: 'inherit' }, children: [] },
+});
+
+/** A titled card wrapping one slot's editor — the visual unit for header/body/footer. */
+function Section({ dataSlot, title, children }: { dataSlot: string; title: string; children: JSX.Element }) {
+  return (
+    <Box data-press-slot={dataSlot} background="neutral0" hasRadius shadow="tableShadow" padding={4}>
+      <Typography variant="delta" tag="h3">{title}</Typography>
+      <Box marginTop={3}>{children}</Box>
+    </Box>
+  );
+}
+
+/** Media field: Strapi's media-library dialog when registered, else a bare asset-id input. Stores { assetId }. */
+function MediaField({ value, disabled, onChange }: { value: unknown; disabled?: boolean; onChange(v: unknown): void }) {
+  const components = useStrapiApp('PressBuilderMediaField', (state: any) => state.components);
+  const MediaLibraryDialog = components?.['media-library'];
+  const [open, setOpen] = useState(false);
+  const assetId = isRecord(value) && typeof value.assetId === 'number' ? value.assetId : undefined;
+  if (!MediaLibraryDialog) {
+    return (
+      <NumberInput
+        aria-label="asset id"
+        placeholder="asset id"
+        disabled={disabled}
+        value={assetId}
+        onValueChange={(v) => onChange(v == null ? undefined : { assetId: v })}
+      />
+    );
+  }
+  return (
+    <>
+      <Flex gap={2}>
+        <Button variant="secondary" size="S" startIcon={<Image />} disabled={disabled} onClick={() => setOpen(true)}>
+          {assetId ? `Asset #${assetId} — change` : 'Pick media'}
+        </Button>
+        {assetId ? <Button variant="danger-light" size="S" disabled={disabled} onClick={() => onChange(undefined)}>Clear</Button> : null}
+      </Flex>
+      {open ? (
+        <MediaLibraryDialog
+          allowedTypes={['images']}
+          onClose={() => setOpen(false)}
+          onSelectAssets={(assets: Array<{ id: number }>) => {
+            if (assets[0]) onChange({ assetId: assets[0].id });
+            setOpen(false);
+          }}
+        />
+      ) : null}
+    </>
+  );
+}
+
+function SlotEditor({ title, slot, schema, disabled, onChange }: {
+  title: string;
+  slot: Slot;
+  schema: PressSchema;
+  disabled?: boolean;
+  onChange(slot: Slot): void;
+}) {
+  return (
+    <Section dataSlot={title.toLowerCase()} title={title}>
+      <>
+        <Box maxWidth="20rem">
+          <Field.Root name={`${title}-mode`}>
+            <Field.Label>Mode</Field.Label>
+            <SingleSelect
+              aria-label={`${title} mode`}
+              disabled={disabled}
+              value={slot.mode}
+              onChange={(v) => {
+                const mode = v as Slot['mode'];
+                onChange(mode === 'custom' ? { mode, children: slot.mode === 'custom' ? slot.children : [] } : { mode });
+              }}
+            >
+              <SingleSelectOption value="inherit">Inherit site defaults</SingleSelectOption>
+              <SingleSelectOption value="none">None (bare page)</SingleSelectOption>
+              <SingleSelectOption value="custom">Custom</SingleSelectOption>
+            </SingleSelect>
+          </Field.Root>
+        </Box>
+        {slot.mode === 'custom' ? (
+          <Box marginTop={4}>
+            <TreeEditor forest={slot.children as Forest} schema={schema} disabled={disabled}
+              onChange={(children) => onChange({ mode: 'custom', children: children as Node[] })} MediaField={MediaField} />
+          </Box>
+        ) : null}
+      </>
+    </Section>
+  );
+}
+
+export default function BuilderInput({ name, attribute, value, disabled, label, hint, error, onChange }: BuilderInputProps) {
+  const [schema, setSchema] = useState<PressSchema | null>(null);
+  const [loadError, setLoadError] = useState<string | null>(null);
+  useEffect(() => {
+    let live = true;
+    fetchPressSchema()
+      .then((s) => live && setSchema(s))
+      .catch((e) => live && setLoadError(String(e)));
+    return () => { live = false; };
+  }, []);
+
+  const emit = (next: unknown): void => onChange({ target: { name, value: next, type: 'json' } });
+  const parsed = parseValue(value);
+
+  if (loadError) return <Typography role="alert" textColor="danger600">press builder: schema unavailable ({loadError})</Typography>;
+  if (!schema) return <Typography textColor="neutral600">Loading press schema…</Typography>;
+
+  const slotsMode = attribute.options?.mode === 'slots';
+
+  const footer = (
+    <>
+      {hint ? <Typography variant="pi" textColor="neutral600">{hint}</Typography> : null}
+      {error ? <Typography variant="pi" textColor="danger600" role="alert">{error}</Typography> : null}
+    </>
+  );
+
+  if (slotsMode) {
+    const pd = isRecord(parsed) ? parsed : {};
+    const header = Array.isArray(pd.header) ? (pd.header as Forest) : [];
+    const footerNodes = Array.isArray(pd.footer) ? (pd.footer as Forest) : [];
+    return (
+      <Flex direction="column" alignItems="stretch" gap={4} data-press-builder="slots">
+        {label ? <Typography variant="beta" tag="h2">{label}</Typography> : null}
+        <Section dataSlot="header" title="Header">
+          <TreeEditor forest={header} schema={schema} disabled={disabled}
+            onChange={(next) => emit({ ...pd, header: next })} MediaField={MediaField} />
+        </Section>
+        <Section dataSlot="footer" title="Footer">
+          <TreeEditor forest={footerNodes} schema={schema} disabled={disabled}
+            onChange={(next) => emit({ ...pd, footer: next })} MediaField={MediaField} />
+        </Section>
+        {footer}
+      </Flex>
+    );
+  }
+
+  const tree: PressTree = isRecord(parsed) && isRecord(parsed.root) ? (parsed as unknown as PressTree) : emptyTree();
+  const setRoot = (patch: Partial<PressTree['root']>): void => emit({ ...tree, root: { ...tree.root, ...patch } });
+
+  return (
+    <Flex direction="column" alignItems="stretch" gap={4} data-press-builder="tree">
+      {label ? <Typography variant="beta" tag="h2">{label}</Typography> : null}
+      <SlotEditor title="Header" slot={tree.root.header} schema={schema} disabled={disabled} onChange={(header) => setRoot({ header })} />
+      <Section dataSlot="body" title="Body">
+        <TreeEditor forest={tree.root.children as Forest} schema={schema} disabled={disabled}
+          onChange={(children) => setRoot({ children: children as Node[] })} MediaField={MediaField} />
+      </Section>
+      <SlotEditor title="Footer" slot={tree.root.footer} schema={schema} disabled={disabled} onChange={(footer) => setRoot({ footer })} />
+      {footer}
+    </Flex>
+  );
+}
diff --git a/packages/cms/admin/src/components/node-form.tsx b/packages/cms/admin/src/components/node-form.tsx
new file mode 100644
index 0000000..a1acc12
--- /dev/null
+++ b/packages/cms/admin/src/components/node-form.tsx
@@ -0,0 +1,195 @@
+/**
+ * Per-block form generated from the schema catalog (Spec §4). Renders one input
+ * per FieldDescriptor; nested `component` descriptors recurse with the referenced
+ * component's own descriptors — so preset-molecule.link, the navbar cta chain
+ * (navbar → button → link) and any custom nesting all work with zero per-block
+ * code. Controls are Strapi design-system widgets so the form reads as native
+ * admin UI; the descriptor layer (form-model.ts) is the only thing that knows
+ * about press schema.
+ */
+import { useEffect, useState } from 'react';
+import type { JSX } from 'react'; // @types/react 19 removed the global JSX namespace
+import {
+  Box, Button, Field, Flex, NumberInput, SingleSelect, SingleSelectOption,
+  Textarea, TextInput, Toggle, Typography,
+} from '@strapi/design-system';
+import { Plus, Trash } from '@strapi/icons';
+import type { PressSchema } from '@ogs-tech/press-shared';
+import { fieldsFor, type FieldDescriptor } from '../lib/form-model';
+import { fieldLabel } from '../lib/palette-labels';
+import { fetchPages, type PageOption } from '../lib/press-data';
+
+interface NodeFormProps {
+  componentUid: string;
+  schema: PressSchema;
+  data: Record<string, unknown>;
+  disabled?: boolean;
+  onChange(data: Record<string, unknown>): void;
+  /** Injectable media picker (tests stub it; production wires the media-library dialog). */
+  MediaField: (props: { value: unknown; disabled?: boolean; onChange(v: unknown): void }) => JSX.Element;
+}
+
+const isRecord = (v: unknown): v is Record<string, unknown> => typeof v === 'object' && v !== null && !Array.isArray(v);
+
+function PageRefField({ value, disabled, onChange }: { value: unknown; disabled?: boolean; onChange(v: unknown): void }) {
+  const [pages, setPages] = useState<PageOption[]>([]);
+  useEffect(() => {
+    let live = true;
+    fetchPages().then((p) => live && setPages(p)).catch(() => undefined);
+    return () => { live = false; };
+  }, []);
+  const current = isRecord(value) && typeof value.documentId === 'string' ? value.documentId : undefined;
+  return (
+    <SingleSelect
+      aria-label="Linked page"
+      placeholder="— none —"
+      disabled={disabled}
+      value={current}
+      onClear={() => onChange(undefined)}
+      clearLabel="Clear page"
+      onChange={(v) => onChange(v ? { documentId: String(v) } : undefined)}
+    >
+      {pages.map((p) => (
+        <SingleSelectOption key={p.documentId} value={p.documentId}>{p.title} (/{p.slug})</SingleSelectOption>
+      ))}
+    </SingleSelect>
+  );
+}
+
+/** The leaf control for a single (non-component) descriptor. */
+function FieldControl({ field, value, disabled, onChange, MediaField }: {
+  field: FieldDescriptor;
+  value: unknown;
+  disabled?: boolean;
+  onChange(v: unknown): void;
+  MediaField: NodeFormProps['MediaField'];
+}) {
+  switch (field.kind) {
+    case 'text':
+      return <TextInput aria-label={field.name} disabled={disabled} value={(value as string) ?? ''} onChange={(e) => onChange(e.target.value || undefined)} />;
+    case 'textarea':
+      return <Textarea aria-label={field.name} disabled={disabled} value={(value as string) ?? ''} onChange={(e) => onChange(e.target.value || undefined)} />;
+    case 'number':
+      return <NumberInput aria-label={field.name} disabled={disabled} value={typeof value === 'number' ? value : undefined} onValueChange={(v) => onChange(v ?? undefined)} />;
+    case 'checkbox':
+      return <Toggle aria-label={field.name} onLabel="Yes" offLabel="No" disabled={disabled} checked={value === true} onChange={(e) => onChange(e.currentTarget.checked)} />;
+    case 'select':
+      return (
+        <SingleSelect
+          aria-label={field.name}
+          placeholder="— default —"
+          disabled={disabled}
+          value={(value as string) ?? undefined}
+          onClear={() => onChange(undefined)}
+          clearLabel="Clear"
+          onChange={(v) => onChange(v ? String(v) : undefined)}
+        >
+          {(field.options ?? []).map((opt) => <SingleSelectOption key={opt} value={opt}>{opt}</SingleSelectOption>)}
+        </SingleSelect>
+      );
+    case 'media':
+      return <MediaField value={value} disabled={disabled} onChange={onChange} />;
+    case 'pageRef':
+      return <PageRefField value={value} disabled={disabled} onChange={onChange} />;
+    case 'json':
+      return (
+        <Textarea
+          aria-label={field.name}
+          disabled={disabled}
+          defaultValue={value === undefined ? '' : JSON.stringify(value, null, 2)}
+          onBlur={(e) => {
+            try { onChange(e.target.value ? JSON.parse(e.target.value) : undefined); } catch { /* keep last valid value */ }
+          }}
+        />
+      );
+    default:
+      return null;
+  }
+}
+
+/** A nested `component` descriptor: a bordered section that recurses into NodeForm (repeatable → a list). */
+function ComponentField({ field, schema, value, disabled, onChange, MediaField }: {
+  field: FieldDescriptor;
+  schema: PressSchema;
+  value: unknown;
+  disabled?: boolean;
+  onChange(v: unknown): void;
+  MediaField: NodeFormProps['MediaField'];
+}) {
+  const nested = field.component ? schema.components[field.component] : undefined;
+  if (!field.component || !nested) return <Typography variant="pi" textColor="danger600">unknown component {field.component}</Typography>;
+
+  const shell = (children: JSX.Element) => (
+    <Box paddingLeft={4} marginTop={1} style={{ borderLeft: '2px solid var(--press-nest-rail, rgba(120,120,140,0.25))' }}>
+      {children}
+    </Box>
+  );
+
+  if (!field.repeatable) {
+    return shell(
+      <NodeForm componentUid={field.component} schema={schema} data={isRecord(value) ? value : {}} disabled={disabled}
+        onChange={onChange} MediaField={MediaField} />,
+    );
+  }
+
+  const items = Array.isArray(value) ? (value as Record<string, unknown>[]) : [];
+  return shell(
+    <Flex direction="column" alignItems="stretch" gap={2} data-press-repeat="">
+      {items.map((item, i) => (
+        <Box key={i} padding={2} hasRadius background="neutral0" borderColor="neutral200" borderStyle="solid" borderWidth="1px">
+          <Flex justifyContent="space-between" alignItems="center" marginBottom={1}>
+            <Typography variant="pi" fontWeight="bold" textColor="neutral600">{fieldLabel(field.name)} {i + 1}</Typography>
+            <Button variant="danger-light" size="S" startIcon={<Trash />} disabled={disabled}
+              onClick={() => onChange(items.filter((_, j) => j !== i))}>Remove</Button>
+          </Flex>
+          <NodeForm componentUid={field.component!} schema={schema} data={isRecord(item) ? item : {}} disabled={disabled}
+            onChange={(next) => onChange(items.map((it, j) => (j === i ? next : it)))} MediaField={MediaField} />
+        </Box>
+      ))}
+      <Box>
+        <Button variant="secondary" size="S" startIcon={<Plus />} disabled={disabled}
+          onClick={() => onChange([...items, {}])}>Add {fieldLabel(field.name)}</Button>
+      </Box>
+    </Flex>,
+  );
+}
+
+export function NodeForm({ componentUid, schema, data, disabled, onChange, MediaField }: NodeFormProps) {
+  const component = schema.components[componentUid];
+  if (!component) return <Typography variant="pi" textColor="danger600">unknown component {componentUid}</Typography>;
+  const fields = fieldsFor(component.attributes);
+
+  if (fields.length === 0) {
+    return <Typography variant="pi" textColor="neutral500">This block has no editable fields.</Typography>;
+  }
+
+  const set = (name: string, v: unknown): void => {
+    const next = { ...data };
+    if (v === undefined) delete next[name];
+    else next[name] = v;
+    onChange(next);
+  };
+
+  return (
+    <Flex direction="column" alignItems="stretch" gap={3} data-press-form={componentUid}>
+      {fields.map((field) => {
+        if (field.kind === 'component') {
+          return (
+            <Box key={field.name}>
+              <Typography variant="pi" fontWeight="bold" textColor="neutral700">{fieldLabel(field.name)}</Typography>
+              <ComponentField field={field} schema={schema} value={data[field.name]} disabled={disabled}
+                onChange={(v) => set(field.name, v)} MediaField={MediaField} />
+            </Box>
+          );
+        }
+        return (
+          <Field.Root key={field.name} name={field.name} required={field.required}>
+            <Field.Label>{fieldLabel(field.name)}</Field.Label>
+            <FieldControl field={field} value={data[field.name]} disabled={disabled}
+              onChange={(v) => set(field.name, v)} MediaField={MediaField} />
+          </Field.Root>
+        );
+      })}
+    </Flex>
+  );
+}
diff --git a/packages/cms/admin/src/components/tree-editor.test.tsx b/packages/cms/admin/src/components/tree-editor.test.tsx
new file mode 100644
index 0000000..e231901
--- /dev/null
+++ b/packages/cms/admin/src/components/tree-editor.test.tsx
@@ -0,0 +1,74 @@
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { act } from 'react';
+import type { ReactElement } from 'react';
+import { createRoot, type Root } from 'react-dom/client';
+import { DesignSystemProvider } from '@strapi/design-system';
+import type { PressSchema } from '@ogs-tech/press-shared';
+import { TreeEditor } from './tree-editor';
+import { newBlockNode, newRowNode, type Forest } from '../lib/tree-ops';
+
+const SCHEMA = { tree: { version: 2 }, contentTypes: {}, components: {} } as unknown as PressSchema;
+const MediaField = () => <></>; // no-op stub; prop type requires a JSX.Element, not null
+
+let container: HTMLDivElement;
+let root: Root;
+(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true;
+
+const stubBrowserApis = (): void => {
+  if (!window.matchMedia) {
+    window.matchMedia = ((query: string) => ({
+      matches: false, media: query, onchange: null,
+      addEventListener() {}, removeEventListener() {}, addListener() {}, removeListener() {}, dispatchEvent() { return false; },
+    })) as any;
+  }
+  if (!(globalThis as any).ResizeObserver) {
+    (globalThis as any).ResizeObserver = class { observe() {} unobserve() {} disconnect() {} };
+  }
+};
+
+const render = (ui: ReactElement) => root.render(<DesignSystemProvider>{ui}</DesignSystemProvider>);
+
+beforeEach(() => {
+  stubBrowserApis();
+  container = document.createElement('div');
+  document.body.appendChild(container);
+  root = createRoot(container);
+});
+
+afterEach(async () => {
+  await act(async () => root.unmount());
+  container.remove();
+});
+
+const buttonByText = (scope: ParentNode, text: string): HTMLButtonElement => {
+  const btn = [...scope.querySelectorAll('button')].find((b) => b.textContent?.trim() === text);
+  if (!btn) throw new Error(`button "${text}" not found`);
+  return btn as HTMLButtonElement;
+};
+
+describe('TreeEditor span controls', () => {
+  // hero + a 2-column row → collapsibleIds.length === 2 → the "Expand all" button appears.
+  const forest = (): Forest => [newBlockNode('preset-organism.hero'), newRowNode()];
+
+  it('renders per-column span selects, a tier toggle, and a per-tier total badge', async () => {
+    await act(async () => {
+      render(<TreeEditor forest={forest()} schema={SCHEMA} onChange={() => {}} MediaField={MediaField} />);
+    });
+    // open the row (and the hero) so the row body renders its span UI
+    await act(async () => { buttonByText(container, 'Expand all').click(); });
+
+    // three tier-toggle buttons on the row
+    expect(container.querySelectorAll('[data-press-tier]')).toHaveLength(3);
+    // each column card exposes a span control group
+    expect(container.querySelectorAll('[data-press-span]').length).toBeGreaterThanOrEqual(2);
+
+    // default tier is base: two columns at base 12 → 24/12 total
+    const badge = () => container.querySelector('[data-press-span-total]')!.textContent ?? '';
+    expect(badge()).toContain('24/12');
+
+    // switch the toggle to md: two columns at md 6 → 12/12
+    await act(async () => { (container.querySelector('[data-press-tier="md"]') as HTMLButtonElement).click(); });
+    expect(badge()).toContain('12/12');
+  });
+});
diff --git a/packages/cms/admin/src/components/tree-editor.tsx b/packages/cms/admin/src/components/tree-editor.tsx
new file mode 100644
index 0000000..d7de2cb
--- /dev/null
+++ b/packages/cms/admin/src/components/tree-editor.tsx
@@ -0,0 +1,437 @@
+/**
+ * Structural tree editor (Spec §4 v1): collapsible node cards, add/remove/reorder
+ * via buttons, per-node forms — rendered with Strapi's design-system so the
+ * builder reads as native admin UI. All mutations go through tree-ops, so the
+ * structural invariants hold by construction.
+ *
+ * Card components are module-level (stable identity) on purpose: an editor whose
+ * card components are declared inside render would remount on every keystroke and
+ * lose each card's open/closed state. They receive a shared `ctx` and recurse
+ * through `TreeForest` (mutual recursion: Row → Column → TreeForest → Row …).
+ */
+import { useState } from 'react';
+import type { JSX } from 'react'; // @types/react 19 removed the global JSX namespace
+import {
+  Box, Button, Divider, Field, Flex, IconButton, SingleSelect, SingleSelectOption, Typography,
+} from '@strapi/design-system';
+import {
+  ArrowDown, ArrowUp, ChevronDown, ChevronRight, Plus, Trash,
+} from '@strapi/icons';
+import type {
+  BlockNode, ColumnNode, PressSchema, RowNode,
+} from '@ogs-tech/press-shared';
+import { applicableContainerAttrs, paletteGroups } from '../lib/form-model';
+import {
+  blockIcon, blockLabel, categoryLabel, COLUMN_ICON, fieldLabel, ROW_ICON,
+} from '../lib/palette-labels';
+import {
+  addColumn, effectiveSpan, insertNode, MAX_COLUMNS, moveNode, newBlockNode, newRowNode,
+  removeNode, setBlockData, setColumnSpan, setContainerAttr, type Forest, type NodePath,
+} from '../lib/tree-ops';
+import { NodeForm } from './node-form';
+
+const SPAN_VALUES = Array.from({ length: 12 }, (_, i) => i + 1); // 1..12
+const TIERS = ['base', 'md', 'lg'] as const;
+type Tier = (typeof TIERS)[number];
+const CONTAINER_OPTIONS: Record<'width' | 'gap' | 'verticalAlign', string[]> = {
+  width: ['prose', 'lg', 'full'],
+  gap: ['compact', 'normal', 'spacious'],
+  verticalAlign: ['top', 'center', 'bottom'],
+};
+
+type MediaFieldComponent = Parameters<typeof NodeForm>[0]['MediaField'];
+
+/** Everything a card needs, threaded once through the tree instead of per prop. */
+interface TreeCtx {
+  forest: Forest;
+  schema: PressSchema;
+  disabled?: boolean;
+  onChange(forest: Forest): void;
+  MediaField: MediaFieldComponent;
+  /** Central open/collapsed set (keyed by node id) so "Collapse all" is one setState. */
+  openIds: Set<string>;
+  toggleOpen(id: string): void;
+}
+
+/** Every collapsible node id (blocks + rows) in document order — drives expand/collapse-all. */
+function collectCollapsibleIds(nodes: Forest): string[] {
+  const ids: string[] = [];
+  const walk = (list: Forest): void => {
+    for (const node of list) {
+      if (node.type === 'block') ids.push(node.id);
+      else if (node.type === 'row') {
+        ids.push(node.id);
+        for (const col of node.children) walk(col.children);
+      }
+    }
+  };
+  walk(nodes);
+  return ids;
+}
+
+export interface TreeEditorProps {
+  forest: Forest;
+  schema: PressSchema;
+  disabled?: boolean;
+  onChange(forest: Forest): void;
+  MediaField: MediaFieldComponent;
+}
+
+/** Up / down / remove — the reorder+delete cluster shared by block and row cards. */
+function NodeControls({ label, disabled, onUp, onDown, onRemove }: {
+  label: string;
+  disabled?: boolean;
+  onUp(): void;
+  onDown(): void;
+  onRemove(): void;
+}) {
+  return (
+    <Flex gap={1} tag="span">
+      <IconButton label={`Move ${label} up`} variant="ghost" size="S" disabled={disabled} onClick={onUp}><ArrowUp /></IconButton>
+      <IconButton label={`Move ${label} down`} variant="ghost" size="S" disabled={disabled} onClick={onDown}><ArrowDown /></IconButton>
+      <IconButton label={`Remove ${label}`} variant="ghost" size="S" disabled={disabled} onClick={onRemove}><Trash /></IconButton>
+    </Flex>
+  );
+}
+
+/** Collapsible "Layout options" — the shared container attrs applicable to this node. */
+function ContainerSection({ nodeType, topLevel, container, disabled, onSet }: {
+  nodeType: 'row' | 'column';
+  topLevel: boolean;
+  container: Record<string, unknown> | undefined;
+  disabled?: boolean;
+  onSet(key: 'width' | 'gap' | 'verticalAlign', value: string | undefined): void;
+}) {
+  const [open, setOpen] = useState(false);
+  const attrs = applicableContainerAttrs(nodeType, topLevel);
+  if (attrs.length === 0) return null;
+  const activeCount = attrs.filter((k) => container?.[k] != null).length;
+  return (
+    <Box data-press-container="">
+      <Flex gap={1} alignItems="center">
+        <IconButton label={open ? 'Hide layout options' : 'Show layout options'} variant="ghost" size="S" onClick={() => setOpen((o) => !o)}>
+          {open ? <ChevronDown /> : <ChevronRight />}
+        </IconButton>
+        <Typography variant="pi" fontWeight="bold" textColor="neutral600">
+          Layout options{activeCount ? ` · ${activeCount}` : ''}
+        </Typography>
+      </Flex>
+      {open ? (
+        <Flex direction="column" alignItems="stretch" gap={2} marginTop={2} paddingLeft={6}>
+          {attrs.map((key) => (
+            <Field.Root key={key} name={key}>
+              <Field.Label>{fieldLabel(key)}</Field.Label>
+              <SingleSelect
+                placeholder="engine default"
+                disabled={disabled}
+                value={(container?.[key] as string) ?? undefined}
+                onClear={() => onSet(key, undefined)}
+                clearLabel="Reset to engine default"
+                onChange={(v) => onSet(key, v ? String(v) : undefined)}
+              >
+                {CONTAINER_OPTIONS[key].map((opt) => <SingleSelectOption key={opt} value={opt}>{opt}</SingleSelectOption>)}
+              </SingleSelect>
+            </Field.Root>
+          ))}
+        </Flex>
+      ) : null}
+    </Box>
+  );
+}
+
+/** The palette + "Row" entry, an inline panel toggled by one button (no duplicate adder). */
+function AddMenu({ ctx, parentPath, index, allowRow }: {
+  ctx: TreeCtx;
+  parentPath: NodePath | null;
+  index: number;
+  allowRow: boolean;
+}) {
+  const [open, setOpen] = useState(false);
+  const groups = paletteGroups(ctx.schema);
+  const add = (kind: string): void => {
+    const node = kind === 'row' ? newRowNode() : newBlockNode(kind);
+    ctx.onChange(insertNode(ctx.forest, parentPath, index, node));
+    setOpen(false);
+  };
+  return (
+    <Box data-press-add="">
+      <Button
+        variant="secondary"
+        size="S"
+        startIcon={<Plus />}
+        disabled={ctx.disabled}
+        data-press-add-trigger=""
+        onClick={() => setOpen((o) => !o)}
+      >
+        Add block
+      </Button>
+      {open ? (
+        <Box marginTop={1} padding={2} hasRadius background="neutral0" borderColor="neutral200" borderStyle="solid" borderWidth="1px" shadow="filterShadow">
+          <Flex direction="column" alignItems="stretch" gap={1}>
+            {allowRow ? (
+              <Button variant="ghost" size="S" fullWidth startIcon={<ROW_ICON />} disabled={ctx.disabled}
+                data-press-add-kind="row" onClick={() => add('row')}>Row · columns layout</Button>
+            ) : null}
+            {groups.map((g) => (
+              <Box key={g.category} paddingTop={2}>
+                <Typography variant="sigma" textColor="neutral600">{categoryLabel(g.category)}</Typography>
+                <Flex direction="column" alignItems="stretch" gap={1} marginTop={1}>
+                  {g.uids.map((uid) => {
+                    const Icon = blockIcon(uid);
+                    return (
+                      <Button key={uid} variant="ghost" size="S" fullWidth startIcon={<Icon />} disabled={ctx.disabled}
+                        data-press-add-uid={uid} onClick={() => add(uid)}>{blockLabel(uid)}</Button>
+                    );
+                  })}
+                </Flex>
+              </Box>
+            ))}
+          </Flex>
+        </Box>
+      ) : null}
+    </Box>
+  );
+}
+
+function EmptyHint() {
+  return (
+    <Box padding={4} hasRadius background="neutral100" borderColor="neutral300" borderStyle="dashed" borderWidth="1px">
+      <Typography variant="pi" textColor="neutral500">No blocks yet — use “Add block” to place one.</Typography>
+    </Box>
+  );
+}
+
+function BlockCard({ node, path, ctx }: { node: BlockNode; path: NodePath; ctx: TreeCtx }) {
+  const open = ctx.openIds.has(node.id);
+  const Icon = blockIcon(node.component);
+  const label = blockLabel(node.component);
+  return (
+    <Box data-press-node="block" hasRadius background="neutral0" borderColor="neutral200" borderStyle="solid" borderWidth="1px" shadow="tableShadow">
+      <Flex justifyContent="space-between" alignItems="center" padding={2} gap={2}>
+        <Flex gap={2} alignItems="center" minWidth={0}>
+          <IconButton label={open ? `Collapse ${label}` : `Expand ${label}`} variant="ghost" size="S" onClick={() => ctx.toggleOpen(node.id)}>
+            {open ? <ChevronDown /> : <ChevronRight />}
+          </IconButton>
+          <Icon />
+          <Typography fontWeight="semiBold" ellipsis>{label}</Typography>
+        </Flex>
+        <NodeControls
+          label={label}
+          disabled={ctx.disabled}
+          onUp={() => ctx.onChange(moveNode(ctx.forest, path, -1))}
+          onDown={() => ctx.onChange(moveNode(ctx.forest, path, 1))}
+          onRemove={() => ctx.onChange(removeNode(ctx.forest, path))}
+        />
+      </Flex>
+      {open ? (
+        <>
+          <Divider />
+          <Box padding={3}>
+            <NodeForm componentUid={node.component} schema={ctx.schema} data={node.data} disabled={ctx.disabled}
+              onChange={(data) => ctx.onChange(setBlockData(ctx.forest, path, data))} MediaField={ctx.MediaField} />
+          </Box>
+        </>
+      ) : null}
+    </Box>
+  );
+}
+
+/** Per-column base/md/lg span selects — base required 1..12, md/lg clearable (inherit). */
+function SpanControls({ column, columnPath, ctx }: { column: ColumnNode; columnPath: NodePath; ctx: TreeCtx }) {
+  const set = (tier: Tier, value: number | undefined): void =>
+    ctx.onChange(setColumnSpan(ctx.forest, columnPath, tier, value));
+  return (
+    <Flex gap={2} alignItems="flex-end" wrap="wrap" data-press-span="">
+      <Field.Root name="span-base">
+        <Field.Label>Base</Field.Label>
+        <SingleSelect size="S" disabled={ctx.disabled} value={String(column.span.base)}
+          onChange={(v) => set('base', Number(v))}>
+          {SPAN_VALUES.map((n) => <SingleSelectOption key={n} value={String(n)}>{n}</SingleSelectOption>)}
+        </SingleSelect>
+      </Field.Root>
+      <Field.Root name="span-md">
+        <Field.Label>md</Field.Label>
+        <SingleSelect size="S" placeholder="inherit" disabled={ctx.disabled}
+          value={column.span.md !== undefined ? String(column.span.md) : undefined}
+          onClear={() => set('md', undefined)} clearLabel="Inherit from base"
+          onChange={(v) => set('md', v ? Number(v) : undefined)}>
+          {SPAN_VALUES.map((n) => <SingleSelectOption key={n} value={String(n)}>{n}</SingleSelectOption>)}
+        </SingleSelect>
+      </Field.Root>
+      <Field.Root name="span-lg">
+        <Field.Label>lg</Field.Label>
+        <SingleSelect size="S" placeholder="inherit" disabled={ctx.disabled}
+          value={column.span.lg !== undefined ? String(column.span.lg) : undefined}
+          onClear={() => set('lg', undefined)} clearLabel="Inherit from md"
+          onChange={(v) => set('lg', v ? Number(v) : undefined)}>
+          {SPAN_VALUES.map((n) => <SingleSelectOption key={n} value={String(n)}>{n}</SingleSelectOption>)}
+        </SingleSelect>
+      </Field.Root>
+    </Flex>
+  );
+}
+
+/** Read-only 12-track bar of each column's EFFECTIVE span at the active tier. */
+function GridPreview({ columns, tier }: { columns: ColumnNode[]; tier: Tier }) {
+  const spans = columns.map((c) => effectiveSpan(c.span, tier));
+  const total = spans.reduce((a, b) => a + b, 0);
+  const trailing = total < 12 ? 12 - total : 0; // fill; overflow (>12) wraps naturally
+  return (
+    <div data-press-grid-preview="" style={{ display: 'grid', gridTemplateColumns: 'repeat(12, 1fr)', gap: '2px' }}>
+      {spans.map((n, i) => (
+        <div key={i} style={{
+          gridColumn: `span ${Math.max(1, Math.min(n, 12))}`,
+          background: '#4945ff', color: '#fff', fontSize: '11px', lineHeight: '18px',
+          textAlign: 'center', borderRadius: '2px',
+        }}>{n}</div>
+      ))}
+      {trailing > 0 ? <div style={{ gridColumn: `span ${trailing}`, background: '#dcdce4', borderRadius: '2px' }} /> : null}
+    </div>
+  );
+}
+
+function ColumnCard({ column, columnPath, index, ctx }: { column: ColumnNode; columnPath: NodePath; index: number; ctx: TreeCtx }) {
+  return (
+    <Box data-press-node="column" hasRadius background="neutral0" borderColor="neutral200" borderStyle="solid" borderWidth="1px" padding={2}>
+      <Flex justifyContent="space-between" alignItems="center">
+        <Flex gap={2} alignItems="center">
+          <COLUMN_ICON />
+          <Typography variant="pi" fontWeight="bold" textColor="neutral700">Column {index + 1}</Typography>
+        </Flex>
+        <IconButton label={`Remove column ${index + 1}`} variant="ghost" size="S" disabled={ctx.disabled}
+          onClick={() => ctx.onChange(removeNode(ctx.forest, columnPath))}><Trash /></IconButton>
+      </Flex>
+      <Box marginTop={2}>
+        <SpanControls column={column} columnPath={columnPath} ctx={ctx} />
+      </Box>
+      <Box marginTop={2}>
+        <ContainerSection nodeType="column" topLevel={false} container={column.container as Record<string, unknown> | undefined}
+          disabled={ctx.disabled} onSet={(k, v) => ctx.onChange(setContainerAttr(ctx.forest, columnPath, k, v))} />
+      </Box>
+      <Box marginTop={2}>
+        <TreeForest nodes={column.children} parentPath={columnPath} topLevel={false} ctx={ctx} />
+      </Box>
+    </Box>
+  );
+}
+
+function RowCard({ node, path, topLevel, ctx }: { node: RowNode; path: NodePath; topLevel: boolean; ctx: TreeCtx }) {
+  const open = ctx.openIds.has(node.id);
+  const [tier, setTier] = useState<Tier>('base');
+  const columnCount = node.children.length;
+  const total = node.children.reduce((sum, c) => sum + effectiveSpan(c.span, tier), 0);
+  return (
+    <Box data-press-node="row" hasRadius background="primary100" borderColor="primary200" borderStyle="solid" borderWidth="1px" padding={2}>
+      <Flex justifyContent="space-between" alignItems="center" gap={2} wrap="wrap">
+        <Flex gap={2} alignItems="center" minWidth={0}>
+          <IconButton label={open ? 'Collapse row' : 'Expand row'} variant="ghost" size="S" onClick={() => ctx.toggleOpen(node.id)}>
+            {open ? <ChevronDown /> : <ChevronRight />}
+          </IconButton>
+          <ROW_ICON />
+          <Typography fontWeight="bold" textColor="primary600">Row</Typography>
+          {!open ? (
+            <Typography variant="pi" textColor="neutral600">· {columnCount} column{columnCount === 1 ? '' : 's'}</Typography>
+          ) : null}
+        </Flex>
+        <NodeControls
+          label="row"
+          disabled={ctx.disabled}
+          onUp={() => ctx.onChange(moveNode(ctx.forest, path, -1))}
+          onDown={() => ctx.onChange(moveNode(ctx.forest, path, 1))}
+          onRemove={() => ctx.onChange(removeNode(ctx.forest, path))}
+        />
+      </Flex>
+      {open ? (
+        <>
+          <Box marginTop={2}>
+            <ContainerSection nodeType="row" topLevel={topLevel} container={node.container as Record<string, unknown> | undefined}
+              disabled={ctx.disabled} onSet={(k, v) => ctx.onChange(setContainerAttr(ctx.forest, path, k, v))} />
+          </Box>
+          <Box marginTop={2} data-press-preview="">
+            <Flex justifyContent="space-between" alignItems="center" marginBottom={2}>
+              <Flex gap={1} tag="span" data-press-tier-toggle="">
+                {TIERS.map((t) => (
+                  <Button key={t} size="S" variant={t === tier ? 'secondary' : 'tertiary'} disabled={ctx.disabled}
+                    aria-pressed={t === tier} data-press-tier={t} onClick={() => setTier(t)}>
+                    {t === 'base' ? 'Base' : t}
+                  </Button>
+                ))}
+              </Flex>
+              <Typography variant="pi" fontWeight="bold" data-press-span-total=""
+                textColor={total > 12 ? 'danger600' : 'neutral600'}>
+                {tier} {total}/12
+              </Typography>
+            </Flex>
+            <GridPreview columns={node.children} tier={tier} />
+          </Box>
+          <Flex direction="column" alignItems="stretch" gap={2} marginTop={2} data-press-columns="">
+            {node.children.map((column, ci) => (
+              <ColumnCard key={column.id} column={column} columnPath={[...path, ci]} index={ci} ctx={ctx} />
+            ))}
+            {columnCount < MAX_COLUMNS ? (
+              <Box>
+                <Button variant="tertiary" size="S" startIcon={<Plus />} disabled={ctx.disabled}
+                  onClick={() => ctx.onChange(addColumn(ctx.forest, path))}>Add column</Button>
+              </Box>
+            ) : null}
+          </Flex>
+        </>
+      ) : null}
+    </Box>
+  );
+}
+
+/** One slot's Node[] as cards, with the trailing Add palette. Recursion point for nesting. */
+function TreeForest({ nodes, parentPath, topLevel, ctx }: {
+  nodes: Forest;
+  parentPath: NodePath | null;
+  topLevel: boolean;
+  ctx: TreeCtx;
+}): JSX.Element {
+  return (
+    <Flex direction="column" alignItems="stretch" gap={2} data-press-forest="">
+      {nodes.map((node, i) => {
+        const path = [...(parentPath ?? []), i];
+        if (node.type === 'block') return <BlockCard key={node.id} node={node} path={path} ctx={ctx} />;
+        // node.type === 'row' (columns render inside it; tree-ops never yields a stray column).
+        if (node.type === 'row') return <RowCard key={node.id} node={node} path={path} topLevel={topLevel} ctx={ctx} />;
+        return null;
+      })}
+      {nodes.length === 0 ? <EmptyHint /> : null}
+      <AddMenu ctx={ctx} parentPath={parentPath} index={nodes.length} allowRow />
+    </Flex>
+  );
+}
+
+export function TreeEditor({ forest, schema, disabled, onChange, MediaField }: TreeEditorProps) {
+  const [openIds, setOpenIds] = useState<Set<string>>(() => new Set());
+  const toggleOpen = (id: string): void =>
+    setOpenIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  const ctx: TreeCtx = { forest, schema, disabled, onChange, MediaField, openIds, toggleOpen };
+  const collapsibleIds = collectCollapsibleIds(forest);
+  const anyOpen = collapsibleIds.some((id) => openIds.has(id));
+
+  return (
+    <Flex direction="column" alignItems="stretch" gap={2}>
+      {collapsibleIds.length > 1 ? (
+        <Flex justifyContent="flex-end">
+          <Button
+            variant="tertiary"
+            size="S"
+            disabled={disabled}
+            startIcon={anyOpen ? <ChevronRight /> : <ChevronDown />}
+            onClick={() => setOpenIds(anyOpen ? new Set() : new Set(collapsibleIds))}
+          >
+            {anyOpen ? 'Collapse all' : 'Expand all'}
+          </Button>
+        </Flex>
+      ) : null}
+      <TreeForest nodes={forest} parentPath={null} topLevel ctx={ctx} />
+    </Flex>
+  );
+}
diff --git a/packages/cms/admin/src/index.ts b/packages/cms/admin/src/index.ts
index 01e479b..1b5a584 100644
--- a/packages/cms/admin/src/index.ts
+++ b/packages/cms/admin/src/index.ts
@@ -53,8 +53,22 @@ const CATEGORY_LABELS: Record<string, Record<string, string>> = {
 CATEGORY_LABELS.pt = CATEGORY_LABELS['pt-BR'];
 
 export default {
-  register(): void {
-    // No admin surface beyond translations — the plugin is server-first.
+  register(app: any): void {
+    // The composition-builder custom field: the JSON PressTree editor that
+    // replaces the retired Dynamic Zones on page `body` and Site Settings
+    // `pageDefaults`. Registered as `plugin::press-cms.builder`; the Input is
+    // lazy-imported so the tree-editor bundle only loads on the edit view.
+    app.customFields.register({
+      name: 'builder',
+      pluginId: 'press-cms',
+      type: 'json',
+      intlLabel: { id: 'press-cms.builder.label', defaultMessage: 'Composition' },
+      intlDescription: { id: 'press-cms.builder.description', defaultMessage: 'The press composition tree (layout + blocks)' },
+      components: {
+        Input: async () => import('./components/builder-input'),
+      },
+      options: { base: [], advanced: [] },
+    });
   },
   async registerTrads({ locales }: { locales: string[] }): Promise<TradEntry[]> {
     return locales.map((locale) => ({ locale, data: CATEGORY_LABELS[locale] ?? {} }));
diff --git a/packages/cms/admin/src/lib/form-model.test.ts b/packages/cms/admin/src/lib/form-model.test.ts
new file mode 100644
index 0000000..452ed16
--- /dev/null
+++ b/packages/cms/admin/src/lib/form-model.test.ts
@@ -0,0 +1,58 @@
+import { describe, expect, it } from 'vitest';
+import { applicableContainerAttrs, fieldsFor, paletteGroups } from './form-model';
+
+describe('fieldsFor', () => {
+  it('maps the contract attribute types to field kinds', () => {
+    const fields = fieldsFor({
+      title: { type: 'string', required: true },
+      content: { type: 'text' },
+      align: { type: 'enumeration', enum: ['left', 'center'] },
+      newTab: { type: 'boolean' },
+      image: { type: 'media', multiple: false },
+      page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' } as any,
+      cta: { type: 'component', component: 'preset-molecule.link', repeatable: false },
+      items: { type: 'component', component: 'preset-molecule.link', repeatable: true },
+      blob: { type: 'json' },
+      mystery: { type: 'password' },
+    });
+    expect(fields).toEqual([
+      { name: 'title', kind: 'text', required: true },
+      { name: 'content', kind: 'textarea', required: false },
+      { name: 'align', kind: 'select', required: false, options: ['left', 'center'] },
+      { name: 'newTab', kind: 'checkbox', required: false },
+      { name: 'image', kind: 'media', required: false },
+      { name: 'page', kind: 'pageRef', required: false },
+      { name: 'cta', kind: 'component', required: false, component: 'preset-molecule.link', repeatable: false },
+      { name: 'items', kind: 'component', required: false, component: 'preset-molecule.link', repeatable: true },
+      { name: 'blob', kind: 'json', required: false },
+    ]);
+  });
+});
+
+describe('applicableContainerAttrs', () => {
+  it('shows only the attrs that apply per node type (Spec §3)', () => {
+    expect(applicableContainerAttrs('layout', true)).toEqual(['gap']);
+    expect(applicableContainerAttrs('row', true)).toEqual(['width', 'gap', 'verticalAlign']);
+    expect(applicableContainerAttrs('row', false)).toEqual(['gap', 'verticalAlign']); // width is top-level-only
+    expect(applicableContainerAttrs('column', false)).toEqual(['gap', 'verticalAlign']);
+  });
+});
+
+describe('paletteGroups', () => {
+  it('groups placeable uids by category, excluding nested-only and config layers', () => {
+    const schema = {
+      contentTypes: {},
+      components: Object.fromEntries([
+        'preset-atom.paragraph', 'preset-atom.heading',
+        'preset-organism.hero', 'preset-organism.navbar',
+        'preset-molecule.link', 'preset-config.seo', 'preset-layout.container',
+        'custom-organism.callout',
+      ].map((uid) => [uid, { uid, attributes: {} }])),
+    } as any;
+    expect(paletteGroups(schema)).toEqual([
+      { category: 'custom-organism', uids: ['custom-organism.callout'] },
+      { category: 'preset-atom', uids: ['preset-atom.heading', 'preset-atom.paragraph'] },
+      { category: 'preset-organism', uids: ['preset-organism.hero', 'preset-organism.navbar'] },
+    ]);
+  });
+});
diff --git a/packages/cms/admin/src/lib/form-model.ts b/packages/cms/admin/src/lib/form-model.ts
new file mode 100644
index 0000000..8a093c4
--- /dev/null
+++ b/packages/cms/admin/src/lib/form-model.ts
@@ -0,0 +1,90 @@
+/**
+ * Registry schema → form descriptors. This is the whole "forms are generated
+ * from the schema catalog" mechanism (Spec §4): node-form.tsx renders from
+ * these descriptors and nothing else, so a new block (preset or custom) gets a
+ * working form with zero admin code. `preset-molecule.link` needs NO special
+ * case — its `page` relation maps to the pageRef dropdown like any other.
+ */
+import type { Attr, PressSchema } from '@ogs-tech/press-shared';
+
+export type FieldKind =
+  | 'text' | 'textarea' | 'select' | 'checkbox' | 'number'
+  | 'media' | 'pageRef' | 'component' | 'json';
+
+export interface FieldDescriptor {
+  name: string;
+  kind: FieldKind;
+  required: boolean;
+  options?: string[];
+  component?: string;
+  repeatable?: boolean;
+}
+
+const PAGE_TARGET = 'plugin::press-cms.page';
+const NUMBERS = new Set(['integer', 'biginteger', 'float', 'decimal']);
+
+export function fieldsFor(attributes: Record<string, Attr>): FieldDescriptor[] {
+  const out: FieldDescriptor[] = [];
+  for (const [name, attr] of Object.entries(attributes ?? {})) {
+    const base = { name, required: attr.required === true };
+    switch (attr.type) {
+      case 'string':
+      case 'uid':
+        out.push({ ...base, kind: 'text' });
+        break;
+      case 'text':
+        out.push({ ...base, kind: 'textarea' });
+        break;
+      case 'enumeration':
+        out.push({ ...base, kind: 'select', options: attr.enum ?? [] });
+        break;
+      case 'boolean':
+        out.push({ ...base, kind: 'checkbox' });
+        break;
+      case 'media':
+        out.push({ ...base, kind: 'media' });
+        break;
+      case 'relation':
+        if ((attr as Record<string, unknown>).target === PAGE_TARGET) out.push({ ...base, kind: 'pageRef' });
+        break;
+      case 'component':
+        if (typeof attr.component === 'string') {
+          out.push({ ...base, kind: 'component', component: attr.component, repeatable: attr.repeatable === true });
+        }
+        break;
+      case 'json':
+        out.push({ ...base, kind: 'json' });
+        break;
+      default:
+        if (attr.type && NUMBERS.has(attr.type)) out.push({ ...base, kind: 'number' });
+        // anything else (password, dynamiczone, …) is not form-editable — skipped
+    }
+  }
+  return out;
+}
+
+/** Which shared container attrs the form shows per node type (Spec §3: non-applicable attrs are hidden). */
+export function applicableContainerAttrs(
+  nodeType: 'layout' | 'row' | 'column',
+  topLevel: boolean,
+): Array<'width' | 'gap' | 'verticalAlign'> {
+  if (nodeType === 'layout') return ['gap'];
+  if (nodeType === 'row') return topLevel ? ['width', 'gap', 'verticalAlign'] : ['gap', 'verticalAlign'];
+  return ['gap', 'verticalAlign'];
+}
+
+/** Categories whose components are never PLACED as blocks (nested-only / settings / descriptors). */
+const NON_PLACEABLE = /^preset-(molecule|config|layout|template)$/;
+
+export function paletteGroups(schema: PressSchema): Array<{ category: string; uids: string[] }> {
+  const byCategory = new Map<string, string[]>();
+  for (const uid of Object.keys(schema.components ?? {})) {
+    const category = uid.split('.')[0];
+    if (NON_PLACEABLE.test(category)) continue;
+    if (!byCategory.has(category)) byCategory.set(category, []);
+    byCategory.get(category)!.push(uid);
+  }
+  return [...byCategory.entries()]
+    .map(([category, uids]) => ({ category, uids: uids.sort() }))
+    .sort((a, b) => a.category.localeCompare(b.category));
+}
diff --git a/packages/cms/admin/src/lib/palette-labels.ts b/packages/cms/admin/src/lib/palette-labels.ts
new file mode 100644
index 0000000..d536d86
--- /dev/null
+++ b/packages/cms/admin/src/lib/palette-labels.ts
@@ -0,0 +1,94 @@
+/**
+ * Presentation-only mapping from a component uid → a human label + an icon, for
+ * the composition builder's palette and node cards. Labels never touch the wire:
+ * a uid is DB/contract and unchanged for display (same rule as index.ts's
+ * category trads). Anything not explicitly mapped degrades gracefully — the last
+ * uid segment is title-cased and the atomic layer picks a fallback icon — so a
+ * brand-new preset or an adopter `custom-*` block gets a sensible label + glyph
+ * with zero edits here.
+ */
+import type { ComponentType, SVGProps } from 'react';
+import {
+  ArrowsOut, BulletList, Cursor, Feather, HeadingOne, Image, Layout, Link,
+  Minus, Paragraph, PuzzlePiece, Quotes, SquaresFour, Stack, Star,
+} from '@strapi/icons';
+
+export type IconType = ComponentType<SVGProps<SVGSVGElement>>;
+
+/** Structural (non-block) node glyphs — rows and columns are minted, never placed. */
+export const ROW_ICON: IconType = SquaresFour;
+export const COLUMN_ICON: IconType = Stack;
+
+/** Exact uid → icon. Falls through to the per-layer default below. */
+const BLOCK_ICONS: Record<string, IconType> = {
+  'preset-atom.paragraph': Paragraph,
+  'preset-atom.heading': HeadingOne,
+  'preset-atom.list': BulletList,
+  'preset-atom.quote': Quotes,
+  'preset-atom.image': Image,
+  'preset-atom.button': Cursor,
+  'preset-atom.separator': Minus,
+  'preset-atom.spacer': ArrowsOut,
+  'preset-molecule.link': Link,
+  'preset-organism.hero': Star,
+  'preset-organism.cta': Cursor,
+  'preset-organism.navbar': Layout,
+  'preset-organism.footer': Layout,
+};
+
+const LAYER_ICONS: Record<string, IconType> = {
+  atom: Feather,
+  molecule: Link,
+  organism: Layout,
+};
+
+export function blockIcon(uid: string): IconType {
+  const exact = BLOCK_ICONS[uid];
+  if (exact) return exact;
+  const [category] = uid.split('.');
+  const [owner, layer] = category.split('-');
+  if (owner === 'custom') return PuzzlePiece;
+  return LAYER_ICONS[layer] ?? PuzzlePiece;
+}
+
+/** Acronyms/proper spellings the title-caser would otherwise mangle. */
+const NAME_OVERRIDES: Record<string, string> = {
+  cta: 'CTA',
+  seo: 'SEO',
+};
+
+const titleize = (raw: string): string =>
+  raw
+    .replace(/[-_]/g, ' ')
+    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+    .replace(/\b\w/g, (c) => c.toUpperCase());
+
+/** "preset-organism.hero" → "Hero"; "custom-organism.callout" → "Callout". */
+export function blockLabel(uid: string): string {
+  const name = uid.split('.')[1] ?? uid;
+  return NAME_OVERRIDES[name] ?? titleize(name);
+}
+
+/** A component attribute name → a friendlier form label ("newTab" → "New Tab"). */
+export function fieldLabel(name: string): string {
+  return NAME_OVERRIDES[name] ?? titleize(name);
+}
+
+const CATEGORY_LABELS: Record<string, string> = {
+  'preset-atom': 'Atoms',
+  'preset-molecule': 'Molecules',
+  'preset-organism': 'Organisms',
+  'preset-config': 'Configuration',
+  'preset-layout': 'Layout',
+  'preset-template': 'Templates',
+  'custom-atom': 'Custom atoms',
+  'custom-molecule': 'Custom molecules',
+  'custom-organism': 'Custom organisms',
+  'custom-layout': 'Custom layout',
+  'custom-template': 'Custom templates',
+};
+
+/** "preset-organism" → "Organisms"; unmapped categories show their raw uid segment. */
+export function categoryLabel(category: string): string {
+  return CATEGORY_LABELS[category] ?? category;
+}
diff --git a/packages/cms/admin/src/lib/press-data.ts b/packages/cms/admin/src/lib/press-data.ts
new file mode 100644
index 0000000..ae4ccab
--- /dev/null
+++ b/packages/cms/admin/src/lib/press-data.ts
@@ -0,0 +1,38 @@
+/**
+ * Admin-side data for the builder: the schema catalog (form generation) and the
+ * published pages list (pageRef dropdowns). Module-level promise cache — the
+ * admin runs same-origin with the API, both routes are public engine routes.
+ */
+import type { PressSchema } from '@ogs-tech/press-shared';
+
+export interface PageOption {
+  documentId: string;
+  title: string;
+  slug: string;
+}
+
+let schemaPromise: Promise<PressSchema> | null = null;
+let pagesPromise: Promise<PageOption[]> | null = null;
+
+export function fetchPressSchema(): Promise<PressSchema> {
+  schemaPromise ??= fetch('/api/press/schema').then((res) => {
+    if (!res.ok) throw new Error(`schema fetch failed: ${res.status}`);
+    return res.json() as Promise<PressSchema>;
+  });
+  return schemaPromise;
+}
+
+export function fetchPages(): Promise<PageOption[]> {
+  pagesPromise ??= fetch('/api/pages')
+    .then((res) => (res.ok ? res.json() : { data: [] }))
+    .then((json: { data: Array<{ documentId: string; title?: string; slug?: string }> }) =>
+      (json.data ?? []).map((p) => ({ documentId: p.documentId, title: p.title ?? p.slug ?? p.documentId, slug: p.slug ?? '' })),
+    );
+  return pagesPromise;
+}
+
+/** Test seam: reset the module cache between vitest cases. */
+export function resetPressDataCache(): void {
+  schemaPromise = null;
+  pagesPromise = null;
+}
diff --git a/packages/cms/admin/src/lib/tree-ops.test.ts b/packages/cms/admin/src/lib/tree-ops.test.ts
new file mode 100644
index 0000000..f6af472
--- /dev/null
+++ b/packages/cms/admin/src/lib/tree-ops.test.ts
@@ -0,0 +1,97 @@
+import { describe, expect, it } from 'vitest';
+import {
+  addColumn, effectiveSpan, getNode, insertNode, MAX_COLUMNS, moveNode, newBlockNode, newColumnNode,
+  newRowNode, removeNode, setBlockData, setColumnSpan, setContainerAttr, type Forest,
+} from './tree-ops';
+
+const forest = (): Forest => {
+  const row = newRowNode();
+  return [newBlockNode('preset-organism.hero'), row];
+};
+
+describe('node factories', () => {
+  it('mints unique string ids and 2-column rows with the mobile-first defaults', () => {
+    const a = newBlockNode('preset-atom.paragraph');
+    const b = newBlockNode('preset-atom.paragraph');
+    expect(a.id).not.toBe(b.id);
+    expect(a).toMatchObject({ type: 'block', component: 'preset-atom.paragraph', data: {} });
+    expect(newColumnNode().span).toEqual({ base: 12 });
+    expect(newColumnNode({ base: 12, md: 6 }).span).toEqual({ base: 12, md: 6 });
+    const row = newRowNode();
+    expect(row.children).toHaveLength(2);
+    expect(row.children.every((c) => c.type === 'column')).toBe(true);
+    expect(row.children.every((c) => c.span.base === 12 && c.span.md === 6)).toBe(true);
+  });
+});
+
+describe('insertNode invariants (by construction)', () => {
+  it('inserts blocks and rows at the root and inside columns', () => {
+    const f = forest();
+    const out = insertNode(f, null, 0, newBlockNode('preset-atom.spacer'));
+    expect(out).toHaveLength(3);
+    expect((out[0] as any).component).toBe('preset-atom.spacer');
+    expect(f).toHaveLength(2); // immutable
+
+    const intoColumn = insertNode(out, [2, 0], 0, newRowNode()); // row INSIDE a column: the recursion point
+    expect((getNode(intoColumn, [2, 0, 0]) as any).type).toBe('row');
+  });
+
+  it('refuses a column outside a row and a non-column inside a row', () => {
+    const f = forest();
+    expect(() => insertNode(f, null, 0, newColumnNode())).toThrow(/column/i);
+    expect(() => insertNode(f, [1], 0, newBlockNode('preset-atom.spacer'))).toThrow(/row/i);
+  });
+
+  it('caps a row at 12 columns (MAX_COLUMNS)', () => {
+    let f: Forest = [newRowNode()]; // starts with 2 columns
+    while ((f[0] as any).children.length < MAX_COLUMNS) f = addColumn(f, [0]);
+    expect((f[0] as any).children).toHaveLength(12);
+    expect(() => addColumn(f, [0])).toThrow(/12/);
+  });
+});
+
+describe('remove / move / update', () => {
+  it('removes at depth and moves within siblings (clamped)', () => {
+    const f = forest();
+    expect(removeNode(f, [0])).toHaveLength(1);
+    const moved = moveNode(f, [1], -1);
+    expect((moved[0] as any).type).toBe('row');
+    expect(moveNode(moved, [0], -1)).toEqual(moved); // clamped at the edge
+  });
+
+  it('sets block data and container attrs immutably', () => {
+    const f = forest();
+    const withData = setBlockData(f, [0], { title: 'Hi' });
+    expect((withData[0] as any).data).toEqual({ title: 'Hi' });
+    expect((f[0] as any).data).toEqual({});
+
+    const withAttr = setContainerAttr(f, [1], 'gap', 'compact');
+    expect((withAttr[1] as any).container).toEqual({ gap: 'compact' });
+    const cleared = setContainerAttr(withAttr, [1], 'gap', undefined);
+    expect((cleared[1] as any).container).toBeUndefined();
+  });
+});
+
+describe('span ops', () => {
+  it('setColumnSpan sets base and sets/clears md·lg (clear = inherit)', () => {
+    let f: Forest = [newRowNode()]; // row with 2 columns
+    f = setColumnSpan(f, [0, 0], 'base', 6);
+    expect((f[0] as any).children[0].span.base).toBe(6);
+    f = setColumnSpan(f, [0, 0], 'lg', 3);
+    expect((f[0] as any).children[0].span.lg).toBe(3);
+    f = setColumnSpan(f, [0, 0], 'md', undefined); // clear md → inherit
+    expect((f[0] as any).children[0].span).toEqual({ base: 6, lg: 3 });
+  });
+
+  it('setColumnSpan targets only column nodes', () => {
+    const f = forest();
+    expect(() => setColumnSpan(f, [0], 'base', 6)).toThrow(/column/i); // [0] is a block
+  });
+
+  it('effectiveSpan resolves the lg→md→base cascade', () => {
+    expect(effectiveSpan({ base: 12 }, 'md')).toBe(12);
+    expect(effectiveSpan({ base: 12, md: 6 }, 'lg')).toBe(6);
+    expect(effectiveSpan({ base: 12, md: 6, lg: 3 }, 'lg')).toBe(3);
+    expect(effectiveSpan({ base: 8 }, 'base')).toBe(8);
+  });
+});
diff --git a/packages/cms/admin/src/lib/tree-ops.ts b/packages/cms/admin/src/lib/tree-ops.ts
new file mode 100644
index 0000000..857d998
--- /dev/null
+++ b/packages/cms/admin/src/lib/tree-ops.ts
@@ -0,0 +1,177 @@
+/**
+ * Pure, immutable operations on a composition forest (a slot's Node[]). The
+ * builder UI calls ONLY these — the structural invariants (Spec §4: Column only
+ * under Row, Row children are Columns only, 1–12 columns via MAX_COLUMNS; the
+ * wire itself has no upper cap) are enforced here by
+ * construction, which is what makes the lifecycle validator "unreachable" from
+ * the admin. No React, no Strapi: unit-tested without a DOM.
+ */
+import type { BlockNode, ColumnNode, ColumnSpan, Node, RowNode } from '@ogs-tech/press-shared';
+
+export type Forest = Node[];
+export type NodePath = number[];
+
+export const MAX_COLUMNS = 12;
+
+const uuid = (): string => globalThis.crypto.randomUUID();
+
+export const newBlockNode = (component: string): BlockNode => ({ id: uuid(), type: 'block', component, data: {} });
+
+export const newColumnNode = (span: ColumnSpan = { base: 12 }): ColumnNode => ({
+  id: uuid(), type: 'column', span, children: [],
+});
+
+/** A fresh row: 2 columns, stacked on mobile (base 12) and 50/50 on desktop (md 6). */
+export const newRowNode = (): RowNode => ({
+  id: uuid(),
+  type: 'row',
+  children: [newColumnNode({ base: 12, md: 6 }), newColumnNode({ base: 12, md: 6 })],
+});
+
+/** The span actually applied at a tier, resolving the mobile-first cascade (lg→md→base). */
+export function effectiveSpan(span: ColumnSpan, tier: 'base' | 'md' | 'lg'): number {
+  if (tier === 'lg') return span.lg ?? span.md ?? span.base;
+  if (tier === 'md') return span.md ?? span.base;
+  return span.base;
+}
+
+const childrenOf = (node: Node): Node[] =>
+  node.type === 'block' ? [] : (node.children as Node[]);
+
+export function getNode(forest: Forest, path: NodePath): Node | null {
+  let list: Node[] = forest;
+  let node: Node | null = null;
+  for (const index of path) {
+    node = list[index] ?? null;
+    if (!node) return null;
+    list = childrenOf(node);
+  }
+  return node;
+}
+
+/** Rebuilds the spine along `path`, applying `update` to the addressed sibling list. */
+function updateList(forest: Forest, parentPath: NodePath | null, update: (siblings: Node[], parent: Node | null) => Node[]): Forest {
+  if (parentPath === null || parentPath.length === 0) {
+    if (parentPath === null) return update([...forest], null);
+  }
+  const walk = (list: Node[], path: NodePath): Node[] => {
+    if (path.length === 0) return update([...list], null);
+    const [head, ...rest] = path;
+    return list.map((node, i) => {
+      if (i !== head) return node;
+      if (node.type === 'block') throw new Error('[press-cms] a block node has no children');
+      if (rest.length === 0) {
+        return { ...node, children: update([...(node.children as Node[])], node) } as Node;
+      }
+      return { ...node, children: walk(node.children as Node[], rest) } as Node;
+    });
+  };
+  return walk(forest, parentPath ?? []);
+}
+
+function assertLegalChild(parent: Node | null, child: Node): void {
+  if (parent === null || parent.type === 'column') {
+    if (child.type === 'column') throw new Error('[press-cms] a column is only legal directly under a row');
+    return;
+  }
+  if (parent.type === 'row') {
+    if (child.type !== 'column') throw new Error('[press-cms] row children must be columns');
+    return;
+  }
+  throw new Error('[press-cms] a block node cannot take children');
+}
+
+export function insertNode(forest: Forest, parentPath: NodePath | null, index: number, node: Node): Forest {
+  const parent = parentPath === null ? null : getNode(forest, parentPath);
+  if (parentPath !== null && !parent) throw new Error('[press-cms] insert parent not found');
+  assertLegalChild(parent, node);
+  if (parent?.type === 'row' && (parent.children as Node[]).length >= MAX_COLUMNS) {
+    throw new Error(`[press-cms] a row carries at most ${MAX_COLUMNS} columns`);
+  }
+  return updateList(forest, parentPath, (siblings) => {
+    siblings.splice(Math.max(0, Math.min(index, siblings.length)), 0, node);
+    return siblings;
+  });
+}
+
+export function removeNode(forest: Forest, path: NodePath): Forest {
+  const parentPath = path.slice(0, -1);
+  const index = path[path.length - 1];
+  return updateList(forest, parentPath.length ? parentPath : null, (siblings) => {
+    siblings.splice(index, 1);
+    return siblings;
+  });
+}
+
+export function moveNode(forest: Forest, path: NodePath, delta: -1 | 1): Forest {
+  const parentPath = path.slice(0, -1);
+  const index = path[path.length - 1];
+  return updateList(forest, parentPath.length ? parentPath : null, (siblings) => {
+    const target = index + delta;
+    if (target < 0 || target >= siblings.length) return siblings;
+    const [node] = siblings.splice(index, 1);
+    siblings.splice(target, 0, node);
+    return siblings;
+  });
+}
+
+function patchNode(forest: Forest, path: NodePath, patch: (node: Node) => Node): Forest {
+  const parentPath = path.slice(0, -1);
+  const index = path[path.length - 1];
+  return updateList(forest, parentPath.length ? parentPath : null, (siblings) => {
+    if (!siblings[index]) throw new Error('[press-cms] node not found at path');
+    siblings[index] = patch(siblings[index]);
+    return siblings;
+  });
+}
+
+export function setBlockData(forest: Forest, path: NodePath, data: Record<string, unknown>): Forest {
+  return patchNode(forest, path, (node) => {
+    if (node.type !== 'block') throw new Error('[press-cms] setBlockData targets block nodes');
+    return { ...node, data };
+  });
+}
+
+export function setContainerAttr(
+  forest: Forest,
+  path: NodePath,
+  key: 'width' | 'gap' | 'verticalAlign',
+  value: string | undefined,
+): Forest {
+  return patchNode(forest, path, (node) => {
+    if (node.type === 'block') throw new Error('[press-cms] blocks carry no container attrs');
+    const container = { ...(node.container ?? {}) } as Record<string, unknown>;
+    if (value === undefined) delete container[key];
+    else container[key] = value;
+    const next = { ...node } as Node & { container?: Record<string, unknown> };
+    if (Object.keys(container).length === 0) delete next.container;
+    else next.container = container;
+    return next as Node;
+  });
+}
+
+export function setColumnSpan(
+  forest: Forest,
+  path: NodePath,
+  tier: 'base' | 'md' | 'lg',
+  value: number | undefined,
+): Forest {
+  return patchNode(forest, path, (node) => {
+    if (node.type !== 'column') throw new Error('[press-cms] setColumnSpan targets column nodes');
+    const span: ColumnSpan = { ...node.span };
+    if (tier === 'base') {
+      span.base = value ?? 12; // base can never be cleared
+    } else if (value === undefined) {
+      delete span[tier];
+    } else {
+      span[tier] = value;
+    }
+    return { ...node, span };
+  });
+}
+
+export function addColumn(forest: Forest, rowPath: NodePath): Forest {
+  const row = getNode(forest, rowPath);
+  if (!row || row.type !== 'row') throw new Error('[press-cms] addColumn targets row nodes');
+  return insertNode(forest, rowPath, row.children.length, newColumnNode());
+}
diff --git a/packages/cms/package.json b/packages/cms/package.json
index 6df6234..fbfc081 100644
--- a/packages/cms/package.json
+++ b/packages/cms/package.json
@@ -51,7 +51,11 @@
     "vitest": "^2.1.0"
   },
   "peerDependencies": {
-    "@strapi/strapi": "^5.0.0"
+    "@strapi/design-system": "^2.0.0",
+    "@strapi/icons": "^2.0.0",
+    "@strapi/strapi": "^5.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "strapi": {
     "kind": "plugin",
diff --git a/packages/cms/server/src/bootstrap.ts b/packages/cms/server/src/bootstrap.ts
index 39a6762..0b514a2 100644
--- a/packages/cms/server/src/bootstrap.ts
+++ b/packages/cms/server/src/bootstrap.ts
@@ -1,8 +1,25 @@
 import type { Core } from '@strapi/strapi';
 import { seedSiteSetting } from './lib/seed-site-setting';
 import { seedCookieConsent } from './lib/seed-cookie-consent';
+import { assertValidPageWrite, assertValidSiteSettingWrite } from './lib/validate-write';
 
 const bootstrap = async ({ strapi }: { strapi: Core.Strapi }) => {
+  // Write-path backstop (Spec §4): the admin builder can't produce an invalid
+  // tree; raw API writes are rejected here with actionable messages.
+  const guard = (event: any): void => {
+    if (event.model?.uid === 'plugin::press-cms.page') assertValidPageWrite(event.params?.data);
+    else assertValidSiteSettingWrite(event.params?.data);
+  };
+  strapi.db.lifecycles.subscribe({
+    models: ['plugin::press-cms.page', 'plugin::press-cms.site-setting'],
+    beforeCreate(event: any) {
+      guard(event);
+    },
+    beforeUpdate(event: any) {
+      guard(event);
+    },
+  } as any);
+
   await seedSiteSetting(strapi);
   // Order matters: seedCookieConsent updates the record seedSiteSetting creates
   // (and self-heals — without marking its flag — if the record is absent).
diff --git a/packages/cms/server/src/components/atoms/button.json b/packages/cms/server/src/components/atoms/button.json
index ef2046a..b392870 100644
--- a/packages/cms/server/src/components/atoms/button.json
+++ b/packages/cms/server/src/components/atoms/button.json
@@ -3,8 +3,13 @@
   "info": { "displayName": "Button", "icon": "cursor", "description": "A call-to-action button shipped by the press engine" },
   "options": {},
   "attributes": {
-    "label": { "type": "string", "required": true },
-    "href": { "type": "string", "required": true },
-    "variant": { "type": "enumeration", "enum": ["primary", "secondary"], "default": "primary", "required": true }
+    "link": { "type": "component", "repeatable": false, "component": "preset-molecule.link" },
+    "variant": { "type": "enumeration", "enum": ["primary", "secondary"], "default": "primary" }
+  },
+  "config": {
+    "metadatas": {
+      "link": { "edit": { "label": "Link" } },
+      "variant": { "edit": { "label": "Variant" } }
+    }
   }
 }
diff --git a/packages/cms/server/src/components/atoms/list.json b/packages/cms/server/src/components/atoms/list.json
index a07abb1..9dc1335 100644
--- a/packages/cms/server/src/components/atoms/list.json
+++ b/packages/cms/server/src/components/atoms/list.json
@@ -3,6 +3,13 @@
   "info": { "displayName": "List", "icon": "bulletList", "description": "An ordered or unordered list shipped by the press engine" },
   "options": {},
   "attributes": {
-    "content": { "type": "blocks", "required": true }
+    "content": { "type": "text", "required": true },
+    "format": { "type": "enumeration", "enum": ["unordered", "ordered"], "default": "unordered" }
+  },
+  "config": {
+    "metadatas": {
+      "content": { "edit": { "label": "Items", "description": "One item per line." } },
+      "format": { "edit": { "label": "Format" } }
+    }
   }
 }
diff --git a/packages/cms/server/src/components/atoms/paragraph.json b/packages/cms/server/src/components/atoms/paragraph.json
index 57677f3..a37282b 100644
--- a/packages/cms/server/src/components/atoms/paragraph.json
+++ b/packages/cms/server/src/components/atoms/paragraph.json
@@ -3,6 +3,11 @@
   "info": { "displayName": "Paragraph", "icon": "write", "description": "A prose paragraph shipped by the press engine" },
   "options": {},
   "attributes": {
-    "content": { "type": "blocks", "required": true }
+    "content": { "type": "text", "required": true }
+  },
+  "config": {
+    "metadatas": {
+      "content": { "edit": { "label": "Content", "description": "Plain text. A blank line starts a new paragraph." } }
+    }
   }
 }
diff --git a/packages/cms/server/src/components/atoms/quote.json b/packages/cms/server/src/components/atoms/quote.json
index b079466..34b4c2e 100644
--- a/packages/cms/server/src/components/atoms/quote.json
+++ b/packages/cms/server/src/components/atoms/quote.json
@@ -3,7 +3,13 @@
   "info": { "displayName": "Quote", "icon": "quote", "description": "A block quotation with an optional citation shipped by the press engine" },
   "options": {},
   "attributes": {
-    "content": { "type": "blocks", "required": true },
+    "content": { "type": "text", "required": true },
     "citation": { "type": "string" }
+  },
+  "config": {
+    "metadatas": {
+      "content": { "edit": { "label": "Quote", "description": "Plain text. A blank line starts a new paragraph." } },
+      "citation": { "edit": { "label": "Citation" } }
+    }
   }
 }
diff --git a/packages/cms/server/src/components/layout/column.json b/packages/cms/server/src/components/layout/column.json
new file mode 100644
index 0000000..5dc71e2
--- /dev/null
+++ b/packages/cms/server/src/components/layout/column.json
@@ -0,0 +1,17 @@
+{
+  "collectionName": "components_preset_layout_columns",
+  "info": {
+    "displayName": "Column",
+    "icon": "stack",
+    "description": "A tree column: the recursion point — nests blocks and further rows"
+  },
+  "options": {},
+  "attributes": {
+    "container": { "type": "component", "repeatable": false, "component": "preset-layout.container" }
+  },
+  "config": {
+    "metadatas": {
+      "container": { "edit": { "label": "Container" } }
+    }
+  }
+}
diff --git a/packages/cms/server/src/components/layout/container.json b/packages/cms/server/src/components/layout/container.json
new file mode 100644
index 0000000..6a92629
--- /dev/null
+++ b/packages/cms/server/src/components/layout/container.json
@@ -0,0 +1,21 @@
+{
+  "collectionName": "components_preset_layout_containers",
+  "info": {
+    "displayName": "Container",
+    "icon": "expand",
+    "description": "The shared curated attribute surface (width / gap / vertical alignment) carried by every children-bearing tree node"
+  },
+  "options": {},
+  "attributes": {
+    "width": { "type": "enumeration", "enum": ["prose", "lg", "full"] },
+    "gap": { "type": "enumeration", "enum": ["compact", "normal", "spacious"] },
+    "verticalAlign": { "type": "enumeration", "enum": ["top", "center", "bottom"] }
+  },
+  "config": {
+    "metadatas": {
+      "width": { "edit": { "label": "Width", "description": "Top-level rows only; ignored when nested." } },
+      "gap": { "edit": { "label": "Gap", "description": "Row: space between columns. Column/page: vertical rhythm." } },
+      "verticalAlign": { "edit": { "label": "Vertical alignment", "description": "Row: aligns cells. Column: places content within the cell." } }
+    }
+  }
+}
diff --git a/packages/cms/server/src/components/layout/row.json b/packages/cms/server/src/components/layout/row.json
new file mode 100644
index 0000000..5a3a346
--- /dev/null
+++ b/packages/cms/server/src/components/layout/row.json
@@ -0,0 +1,17 @@
+{
+  "collectionName": "components_preset_layout_rows",
+  "info": {
+    "displayName": "Row",
+    "icon": "apps",
+    "description": "A tree row: a horizontal band of columns; each column owns its per-breakpoint span. container carries the shared layout attributes"
+  },
+  "options": {},
+  "attributes": {
+    "container": { "type": "component", "repeatable": false, "component": "preset-layout.container" }
+  },
+  "config": {
+    "metadatas": {
+      "container": { "edit": { "label": "Container" } }
+    }
+  }
+}
diff --git a/packages/cms/server/src/components/molecules/nav-item.json b/packages/cms/server/src/components/molecules/link.json
similarity index 74%
rename from packages/cms/server/src/components/molecules/nav-item.json
rename to packages/cms/server/src/components/molecules/link.json
index 3c4c0b8..1fad603 100644
--- a/packages/cms/server/src/components/molecules/nav-item.json
+++ b/packages/cms/server/src/components/molecules/link.json
@@ -1,13 +1,13 @@
 {
-  "collectionName": "components_preset_molecule_nav_items",
+  "collectionName": "components_preset_molecule_links",
   "info": {
-    "displayName": "Nav Item",
+    "displayName": "Link",
     "icon": "link",
-    "description": "A single navigation entry: an internal page link or an external URL"
+    "description": "The engine's one link concept: an internal page reference (survives renames) or a URL, with a label"
   },
   "options": {},
   "attributes": {
-    "label": { "type": "string", "required": true },
+    "label": { "type": "string" },
     "page": { "type": "relation", "relation": "oneToOne", "target": "plugin::press-cms.page" },
     "url": { "type": "string" },
     "newTab": { "type": "boolean", "default": false }
diff --git a/packages/cms/server/src/components/organisms/cta.json b/packages/cms/server/src/components/organisms/cta.json
index a55292b..d0f114b 100644
--- a/packages/cms/server/src/components/organisms/cta.json
+++ b/packages/cms/server/src/components/organisms/cta.json
@@ -5,8 +5,7 @@
   "attributes": {
     "title": { "type": "string", "required": true },
     "subtitle": { "type": "text" },
-    "buttonLabel": { "type": "string", "required": true },
-    "buttonHref": { "type": "string", "required": true },
+    "button": { "type": "component", "repeatable": false, "component": "preset-molecule.link" },
     "align": { "type": "enumeration", "enum": ["left", "center"], "default": "left" }
   }
 }
diff --git a/packages/cms/server/src/components/organisms/hero.json b/packages/cms/server/src/components/organisms/hero.json
index aa252c6..f176b4f 100644
--- a/packages/cms/server/src/components/organisms/hero.json
+++ b/packages/cms/server/src/components/organisms/hero.json
@@ -7,8 +7,7 @@
     "title": { "type": "string", "required": true },
     "subtitle": { "type": "text" },
     "image": { "type": "media", "multiple": false, "allowedTypes": ["images"] },
-    "ctaLabel": { "type": "string" },
-    "ctaHref": { "type": "string" },
+    "cta": { "type": "component", "repeatable": false, "component": "preset-molecule.link" },
     "align": { "type": "enumeration", "enum": ["left", "center"], "default": "left" }
   }
 }
diff --git a/packages/cms/server/src/components/organisms/navbar.json b/packages/cms/server/src/components/organisms/navbar.json
index 7f526a2..492bac4 100644
--- a/packages/cms/server/src/components/organisms/navbar.json
+++ b/packages/cms/server/src/components/organisms/navbar.json
@@ -7,7 +7,7 @@
   },
   "options": {},
   "attributes": {
-    "items": { "type": "component", "repeatable": true, "component": "preset-molecule.nav-item" },
+    "items": { "type": "component", "repeatable": true, "component": "preset-molecule.link" },
     "cta": { "type": "component", "repeatable": false, "component": "preset-atom.button" }
   },
   "config": {
diff --git a/packages/cms/server/src/content-types/page/schema.json b/packages/cms/server/src/content-types/page/schema.json
index 7b5dfce..58fbd99 100644
--- a/packages/cms/server/src/content-types/page/schema.json
+++ b/packages/cms/server/src/content-types/page/schema.json
@@ -15,19 +15,8 @@
     "title": { "type": "string", "required": true },
     "slug": { "type": "uid", "targetField": "title" },
     "body": {
-      "type": "dynamiczone",
-      "components": [
-        "preset-atom.paragraph",
-        "preset-atom.heading",
-        "preset-atom.list",
-        "preset-atom.quote",
-        "preset-atom.image",
-        "preset-atom.button",
-        "preset-atom.separator",
-        "preset-atom.spacer",
-        "preset-organism.hero",
-        "preset-organism.cta"
-      ]
+      "type": "customField",
+      "customField": "plugin::press-cms.builder"
     }
   }
 }
diff --git a/packages/cms/server/src/content-types/site-setting/schema.json b/packages/cms/server/src/content-types/site-setting/schema.json
index cfc426d..3e92dbd 100644
--- a/packages/cms/server/src/content-types/site-setting/schema.json
+++ b/packages/cms/server/src/content-types/site-setting/schema.json
@@ -19,35 +19,10 @@
     "themeColors": { "type": "component", "repeatable": false, "component": "preset-config.theme-colors" },
     "themeRadius": { "type": "component", "repeatable": false, "component": "preset-config.theme-radius" },
     "cookieConsent": { "type": "component", "repeatable": false, "component": "preset-config.cookie-consent" },
-    "header": {
-      "type": "dynamiczone",
-      "components": [
-        "preset-organism.navbar",
-        "preset-organism.footer",
-        "preset-atom.paragraph",
-        "preset-atom.heading",
-        "preset-atom.list",
-        "preset-atom.quote",
-        "preset-atom.image",
-        "preset-atom.button",
-        "preset-atom.separator",
-        "preset-atom.spacer"
-      ]
-    },
-    "footer": {
-      "type": "dynamiczone",
-      "components": [
-        "preset-organism.navbar",
-        "preset-organism.footer",
-        "preset-atom.paragraph",
-        "preset-atom.heading",
-        "preset-atom.list",
-        "preset-atom.quote",
-        "preset-atom.image",
-        "preset-atom.button",
-        "preset-atom.separator",
-        "preset-atom.spacer"
-      ]
+    "pageDefaults": {
+      "type": "customField",
+      "customField": "plugin::press-cms.builder",
+      "options": { "mode": "slots" }
     }
   },
   "config": {
@@ -61,8 +36,7 @@
       "themeColors": { "edit": { "label": "Theme Colors" } },
       "themeRadius": { "edit": { "label": "Theme Radius" } },
       "cookieConsent": { "edit": { "label": "Cookie Consent", "description": "Cookie banner shown to visitors. Category keys (necessary/analytics/marketing) are engine-fixed; toggles and copy are yours." } },
-      "header": { "edit": { "label": "Header", "description": "Block-composed site header. The Navbar block renders brand + links + CTA." } },
-      "footer": { "edit": { "label": "Footer", "description": "Block-composed site footer." } }
+      "pageDefaults": { "edit": { "label": "Page defaults", "description": "The default header and footer every page inherits. Pages can override or drop them per-slot." } }
     }
   }
 }
diff --git a/packages/cms/server/src/controllers/page.ts b/packages/cms/server/src/controllers/page.ts
index f57fcd2..3de8c22 100644
--- a/packages/cms/server/src/controllers/page.ts
+++ b/packages/cms/server/src/controllers/page.ts
@@ -1,48 +1,30 @@
 import type { Core } from '@strapi/strapi';
-import { buildBodyPopulate } from '../lib/dz-populate';
+import { hydratePageDoc, hydratePageDocs } from '../lib/serve-hydrated';
 
 const PAGE_UID = 'plugin::press-cms.page';
 
 /**
- * Engine-owned page controller. The adopter never defines this — it ships the
- * wire shape the front-end consumes (Spec §5.1).
- *
- * Published-only + 404 (Spec decision 2026-06-11): every read filters to the
- * published view; a missing/unpublished slug is a 404, surfaced by `getPage` as
- * the App Router's notFound().
+ * Engine-owned page controller. `body` is a JSON custom field now — no dynamic
+ * zone, no populate tree: the whole "vanished from the wire but visible in the
+ * admin" bug class is gone (Spec §4). Published-only + 404 semantics unchanged.
+ * Media/page-ref hydration is layered on in lib/serve-hydrated (Task 6).
  */
-const page = ({ strapi }: { strapi: Core.Strapi }) => {
-  // Returns the document-service `populate` VALUE for the page body DZ — i.e.
-  // `{ body: { on: {...} } }`. It must be assigned to the `populate` KEY of the
-  // query (not spread into the query root); spreading drops it and Strapi omits
-  // the dynamic zone entirely from the response.
-  const bodyPopulate = () => {
-    const ct = strapi.contentType(PAGE_UID as any) as any;
-    const components: string[] = ct?.attributes?.body?.components ?? [];
-    return buildBodyPopulate(components);
-  };
+const page = ({ strapi }: { strapi: Core.Strapi }) => ({
+  async find(ctx: any) {
+    const data = await strapi.documents(PAGE_UID as any).findMany({ status: 'published' });
+    ctx.body = { data: await hydratePageDocs(strapi, data as any[]) };
+  },
 
-  return {
-    async find(ctx: any) {
-      const data = await strapi.documents(PAGE_UID as any).findMany({
-        status: 'published',
-        populate: bodyPopulate(),
-      });
-      ctx.body = { data };
-    },
-
-    async findOne(ctx: any) {
-      const { slug } = ctx.params;
-      const [doc] = await strapi.documents(PAGE_UID as any).findMany({
-        filters: { slug },
-        status: 'published',
-        limit: 1,
-        populate: bodyPopulate(),
-      });
-      if (!doc) return ctx.notFound();
-      ctx.body = { data: doc };
-    },
-  };
-};
+  async findOne(ctx: any) {
+    const { slug } = ctx.params;
+    const [doc] = await strapi.documents(PAGE_UID as any).findMany({
+      filters: { slug },
+      status: 'published',
+      limit: 1,
+    });
+    if (!doc) return ctx.notFound();
+    ctx.body = { data: await hydratePageDoc(strapi, doc) };
+  },
+});
 
 export default page;
diff --git a/packages/cms/server/src/controllers/site-setting.test.ts b/packages/cms/server/src/controllers/site-setting.test.ts
index 0a21a77..f22813d 100644
--- a/packages/cms/server/src/controllers/site-setting.test.ts
+++ b/packages/cms/server/src/controllers/site-setting.test.ts
@@ -6,23 +6,16 @@ const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
 /**
  * The engine owns the wire shape: the controller computes the populate
  * server-side and `ctx.query` is never honored. `populate: '*'` is SHALLOW — it
- * would leave `preset-organism.navbar's items.page` (and `seo.image`) unpopulated, so every internal
- * nav link silently falls back to its raw `url` and an internal page link 404s.
- * These tests pin the deep-populate contract the web resolver (mapSiteSettings)
- * depends on.
+ * would leave `seo.image` unpopulated. `header`/`footer` are gone (Spec §4: the
+ * composition-builder JSON custom field replaces the chrome Dynamic Zones); these
+ * tests pin the remaining deep-populate contract the web resolver
+ * (mapSiteSettings) depends on.
  */
 describe('site-setting controller', () => {
   function run(record: unknown = { name: 'Acme' }) {
     const findFirst = vi.fn().mockResolvedValue(record);
     const documents = vi.fn(() => ({ findFirst }));
-    const contentType = vi.fn(() => ({
-      uid: SITE_SETTING_UID,
-      attributes: {
-        header: { type: 'dynamiczone', components: ['preset-organism.navbar', 'preset-atom.paragraph', 'custom-organism.callout'] },
-        footer: { type: 'dynamiczone', components: ['preset-organism.footer', 'custom-organism.callout'] },
-      },
-    }));
-    const strapi = { documents, contentType } as any;
+    const strapi = { documents } as any;
     const ctx: any = {};
     return { strapi, ctx, documents, findFirst };
   }
@@ -34,30 +27,15 @@ describe('site-setting controller', () => {
     expect(ctx.body).toEqual({ data: { name: 'Acme' } });
   });
 
-  it('populates both chrome DZs with a per-component `on` map read from the live content-type', async () => {
-    const { strapi, ctx, findFirst } = run();
-    await siteSetting({ strapi }).find(ctx);
-    const { populate } = findFirst.mock.calls[0][0];
-    // custom-* flows through with the same shallow '*' as body blocks.
-    expect(populate.header.on['preset-atom.paragraph']).toEqual({ populate: '*' });
-    expect(populate.header.on['custom-organism.callout']).toEqual({ populate: '*' });
-    expect(populate.footer.on['preset-organism.footer']).toEqual({ populate: '*' });
-  });
-
-  it('deep-populates preset-organism.navbar (items.page slug + cta) so internal nav links resolve to their slug', async () => {
-    const { strapi, ctx, findFirst } = run();
-    await siteSetting({ strapi }).find(ctx);
-    const { populate } = findFirst.mock.calls[0][0];
-    expect(populate.header.on['preset-organism.navbar']).toEqual({
-      populate: { items: { populate: { page: { fields: ['slug'] } } }, cta: true },
-    });
-  });
-
-  it('no longer populates the removed headerNav (BREAKING, Spec §Migration)', async () => {
+  it('no longer populates the removed header/footer dynamic zones (BREAKING, Spec §4)', async () => {
     const { strapi, ctx, findFirst } = run();
     await siteSetting({ strapi }).find(ctx);
     const { populate } = findFirst.mock.calls[0][0];
+    expect(populate.header).toBeUndefined();
+    expect(populate.footer).toBeUndefined();
     expect(populate.headerNav).toBeUndefined();
+    // pageDefaults is a JSON custom field scalar — no populate key at all.
+    expect(populate.pageDefaults).toBeUndefined();
   });
 
   it('deep-populates seo.image — media nested in a component is not reached by populate:*', async () => {
diff --git a/packages/cms/server/src/controllers/site-setting.ts b/packages/cms/server/src/controllers/site-setting.ts
index b360a76..b6a0338 100644
--- a/packages/cms/server/src/controllers/site-setting.ts
+++ b/packages/cms/server/src/controllers/site-setting.ts
@@ -1,5 +1,5 @@
 import type { Core } from '@strapi/strapi';
-import { buildChromeDzPopulate } from '../lib/dz-populate';
+import { hydrateSiteSetting } from '../lib/serve-hydrated';
 
 const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
 
@@ -10,43 +10,34 @@ const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
  *
  * The engine owns the populate (Spec §5.1 of the site-settings spec): `ctx.query`
  * is NOT honored (public `auth: false` route). `populate: '*'` is SHALLOW, so
- * `seo.image` and the chrome DZs' nested content (`preset-organism.navbar`
- * items.page + cta) are deep-populated explicitly. The chrome DZ component lists
- * are read from the live content-type at request time — like the page controller
- * — so admitted custom-* blocks populate too.
+ * `seo.image` is deep-populated explicitly. `pageDefaults` is a JSON custom field
+ * (Spec §4) — a scalar on the wire, no populate key needed.
  */
 const siteSetting = ({ strapi }: { strapi: Core.Strapi }) => {
-  const chromePopulate = () => {
-    const ct = strapi.contentType(SITE_SETTING_UID as any) as any;
-    const header: string[] = ct?.attributes?.header?.components ?? [];
-    const footer: string[] = ct?.attributes?.footer?.components ?? [];
-    return {
-      logo: true,
-      favicon: true,
-      seo: { populate: { image: true } },
-      themeColors: true,
-      themeRadius: true,
-      // Nested category components + the privacy page's slug sit one level below
-      // what a shallow populate reaches — same reason as seo.image above.
-      cookieConsent: {
-        populate: {
-          necessary: true,
-          analytics: true,
-          marketing: true,
-          privacyPage: { fields: ['slug'] },
-        },
+  const settingsPopulate = () => ({
+    logo: true,
+    favicon: true,
+    seo: { populate: { image: true } },
+    themeColors: true,
+    themeRadius: true,
+    // Nested category components + the privacy page's slug sit one level below
+    // what a shallow populate reaches — same reason as seo.image above.
+    cookieConsent: {
+      populate: {
+        necessary: true,
+        analytics: true,
+        marketing: true,
+        privacyPage: { fields: ['slug'] },
       },
-      header: buildChromeDzPopulate(header),
-      footer: buildChromeDzPopulate(footer),
-    };
-  };
+    },
+  });
 
   return {
     async find(ctx: any) {
       const data = await strapi
         .documents(SITE_SETTING_UID as any)
-        .findFirst({ populate: chromePopulate() as any });
-      ctx.body = { data };
+        .findFirst({ populate: settingsPopulate() as any });
+      ctx.body = { data: await hydrateSiteSetting(strapi, data as any) };
     },
   };
 };
diff --git a/packages/cms/server/src/lib/admin-react-externals.test.ts b/packages/cms/server/src/lib/admin-react-externals.test.ts
new file mode 100644
index 0000000..be86ca0
--- /dev/null
+++ b/packages/cms/server/src/lib/admin-react-externals.test.ts
@@ -0,0 +1,39 @@
+import { describe, expect, it } from 'vitest';
+import { readFileSync } from 'node:fs';
+import path from 'node:path';
+
+/**
+ * Regression guard for a SILENT, CI-invisible admin crash.
+ *
+ * The plugin's admin bundle (builder-input custom field) ships React components.
+ * `@strapi/sdk-plugin`'s vite build externalizes ONLY the packages listed in the
+ * plugin's `dependencies` + `peerDependencies` (see its vite-config: it iterates
+ * `Object.keys(pkg.peerDependencies)`). If `react`/`react-dom` are not declared
+ * here, the build BUNDLES the workspace's hoisted React (18) into the admin
+ * chunk, producing a second React instance beside the Strapi admin host's React
+ * (19) → "Cannot read properties of null (reading 'useState')" at admin runtime.
+ * Nothing in `pnpm build`/`pnpm -r test`/typecheck catches this — only opening the
+ * admin does. So this test pins the externalization contract instead.
+ *
+ * The SAME reasoning covers `@strapi/design-system` and `@strapi/icons`: the
+ * composition builder renders design-system components, which read the theme and
+ * portal targets from React context supplied by the host admin's
+ * DesignSystemProvider. A bundled copy would carry its own context instance →
+ * `undefined` theme / unstyled-or-crashing widgets. Both must be externalized too,
+ * so they belong in peerDependencies for the same build reason as React.
+ */
+describe('admin bundle React externalization', () => {
+  const pkg = JSON.parse(
+    readFileSync(path.join(__dirname, '..', '..', '..', 'package.json'), 'utf8'),
+  ) as { peerDependencies?: Record<string, string> };
+
+  it('declares react and react-dom as peerDependencies so the plugin admin uses the host React (not a bundled copy)', () => {
+    expect(pkg.peerDependencies?.react).toBeDefined();
+    expect(pkg.peerDependencies?.['react-dom']).toBeDefined();
+  });
+
+  it('declares @strapi/design-system and @strapi/icons as peerDependencies so the builder uses the host admin copy (not a bundled one)', () => {
+    expect(pkg.peerDependencies?.['@strapi/design-system']).toBeDefined();
+    expect(pkg.peerDependencies?.['@strapi/icons']).toBeDefined();
+  });
+});
diff --git a/packages/cms/server/src/lib/dz-populate.test.ts b/packages/cms/server/src/lib/dz-populate.test.ts
deleted file mode 100644
index 02f7710..0000000
--- a/packages/cms/server/src/lib/dz-populate.test.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { buildBodyPopulate, buildChromeDzPopulate } from './dz-populate';
-
-describe('buildBodyPopulate', () => {
-  it('builds a per-component `on` map populating one level (media included) for each DZ component', () => {
-    expect(buildBodyPopulate(['preset-atom.image', 'custom-organism.callout'])).toEqual({
-      body: {
-        on: {
-          'preset-atom.image': { populate: '*' },
-          'custom-organism.callout': { populate: '*' },
-        },
-      },
-    });
-  });
-
-  it('produces an empty `on` map when the dynamic zone has no components', () => {
-    expect(buildBodyPopulate([])).toEqual({ body: { on: {} } });
-  });
-});
-
-describe('buildChromeDzPopulate', () => {
-  it("populates one level ('*') per component, EXCEPT preset-organism.navbar which needs a deep populate", () => {
-    // `populate: '*'` is SHALLOW: the navbar's `items.page` relation (internal
-    // link → slug) and `cta` component sit one level deeper — without the deep
-    // populate every internal nav link silently falls back to its raw url (Spec §1/§3).
-    expect(buildChromeDzPopulate(['preset-organism.navbar', 'preset-organism.footer', 'custom-organism.callout'])).toEqual({
-      on: {
-        'preset-organism.navbar': { populate: { items: { populate: { page: { fields: ['slug'] } } }, cta: true } },
-        'preset-organism.footer': { populate: '*' },
-        'custom-organism.callout': { populate: '*' },
-      },
-    });
-  });
-
-  it('produces an empty `on` map when the dynamic zone has no components', () => {
-    expect(buildChromeDzPopulate([])).toEqual({ on: {} });
-  });
-});
diff --git a/packages/cms/server/src/lib/dz-populate.ts b/packages/cms/server/src/lib/dz-populate.ts
deleted file mode 100644
index 639d783..0000000
--- a/packages/cms/server/src/lib/dz-populate.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Builds the document-service `populate` for the page `body` dynamic zone.
- *
- * Strapi 5 populates dynamic zones via a per-component `on` map (see Document
- * Service `populate` docs). `populate: '*'` on each component pulls that
- * component's first-level relations and MEDIA — which is what makes the
- * `preset-atom.image` media cross the REST contract (Spec §5.2 "Media").
- *
- * The component list is passed in (read by the caller from the page content-type
- * at request time) so the engine stays generic: it never hardcodes `custom-*`
- * block names — only what the registry currently admits.
- */
-export const buildBodyPopulate = (components: string[]): { body: { on: Record<string, { populate: '*' }> } } => ({
-  body: {
-    on: Object.fromEntries(components.map((uid) => [uid, { populate: '*' as const }])),
-  },
-});
-
-/**
- * Builds the document-service `populate` VALUE for one site-setting chrome
- * dynamic zone (`header`/`footer`). Like the body, each admitted component gets
- * `populate: '*'` — EXCEPT `preset-organism.navbar`: its `items.page` relation
- * (internal link, resolved to its slug by the web side) and its `cta` component
- * sit one level below what `'*'` reaches, so they are deep-populated explicitly
- * (Spec §1/§3). Without this, every internal nav link silently falls back to
- * its raw `url` field — the exact failure the old headerNav populate prevented.
- */
-export const buildChromeDzPopulate = (components: string[]): { on: Record<string, unknown> } => ({
-  on: Object.fromEntries(
-    components.map((uid) =>
-      uid === 'preset-organism.navbar'
-        ? [uid, { populate: { items: { populate: { page: { fields: ['slug'] } } }, cta: true } }]
-        : [uid, { populate: '*' as const }],
-    ),
-  ),
-});
diff --git a/packages/cms/server/src/lib/hydrate-tree.test.ts b/packages/cms/server/src/lib/hydrate-tree.test.ts
new file mode 100644
index 0000000..350c28b
--- /dev/null
+++ b/packages/cms/server/src/lib/hydrate-tree.test.ts
@@ -0,0 +1,93 @@
+import { describe, expect, it } from 'vitest';
+import { collectNodeRefs, collectTreeRefs, hydrateNodeArray, hydrateTree } from './hydrate-tree';
+
+const SCHEMAS: Record<string, any> = {
+  'preset-atom.image': { attributes: { image: { type: 'media', multiple: false }, caption: { type: 'string' } } },
+  'preset-atom.button': { attributes: { link: { type: 'component', component: 'preset-molecule.link' }, variant: { type: 'enumeration' } } },
+  'preset-molecule.link': { attributes: { label: { type: 'string' }, page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' }, url: { type: 'string' }, newTab: { type: 'boolean' } } },
+  'preset-organism.navbar': { attributes: { items: { type: 'component', repeatable: true, component: 'preset-molecule.link' }, cta: { type: 'component', component: 'preset-atom.button' } } },
+};
+const getSchema = (uid: string) => SCHEMAS[uid];
+
+const resolvers = {
+  media: (assetId: number) => (assetId === 7 ? { assetId: 7, url: '/uploads/x.png', width: 480, height: 270, alternativeText: null, name: 'x.png', mime: 'image/png' } : null),
+  page: (documentId: string) => (documentId === 'home-doc' ? { documentId: 'home-doc', slug: 'home' } : { documentId }),
+};
+
+const nodes = [
+  { id: 'b1', type: 'block', component: 'preset-atom.image', data: { image: { assetId: 7 }, caption: 'c' } },
+  {
+    id: 'r1', type: 'row', children: [
+      { id: 'c1', type: 'column', span: { base: 12 }, children: [
+        { id: 'b2', type: 'block', component: 'preset-organism.navbar', data: {
+          items: [{ label: 'Home', page: { documentId: 'home-doc' } }, { label: 'Ext', url: 'https://x' }],
+          cta: { link: { label: 'Go', page: { documentId: 'gone-doc' } }, variant: 'primary' },
+        } },
+      ] },
+      { id: 'c2', type: 'column', span: { base: 12 }, children: [] },
+    ],
+  },
+  { id: 'b3', type: 'block', component: 'unknown.block', data: { anything: true } },
+];
+
+describe('collectNodeRefs', () => {
+  it('collects media + page refs through rows, columns and nested components', () => {
+    const refs = collectNodeRefs(nodes, getSchema);
+    expect(refs.assetIds).toEqual([7]);
+    expect(refs.pageDocumentIds.sort()).toEqual(['gone-doc', 'home-doc']);
+  });
+
+  it('returns empty refs for malformed input', () => {
+    expect(collectNodeRefs(null, getSchema)).toEqual({ assetIds: [], pageDocumentIds: [] });
+    expect(collectNodeRefs('nope', getSchema)).toEqual({ assetIds: [], pageDocumentIds: [] });
+  });
+});
+
+describe('hydrateNodeArray', () => {
+  it('replaces refs with resolved shapes, deep, without mutating input', () => {
+    const out = hydrateNodeArray(nodes, getSchema, resolvers) as any[];
+    expect(out[0].data.image).toEqual({ assetId: 7, url: '/uploads/x.png', width: 480, height: 270, alternativeText: null, name: 'x.png', mime: 'image/png' });
+    const navbar = out[1].children[0].children[0].data;
+    expect(navbar.items[0].page).toEqual({ documentId: 'home-doc', slug: 'home' });
+    expect(navbar.items[1]).toEqual({ label: 'Ext', url: 'https://x' });
+    expect(navbar.cta.link.page).toEqual({ documentId: 'gone-doc' }); // unpublished → ref kept, no slug
+    expect((nodes[0] as any).data.image).toEqual({ assetId: 7 }); // input untouched
+  });
+
+  it('nulls a media ref whose asset is gone and leaves unknown components untouched', () => {
+    const out = hydrateNodeArray(
+      [{ id: 'x', type: 'block', component: 'preset-atom.image', data: { image: { assetId: 999 } } }],
+      getSchema,
+      resolvers,
+    ) as any[];
+    expect(out[0].data.image).toBeNull();
+    const unknown = hydrateNodeArray([nodes[2]], getSchema, resolvers) as any[];
+    expect(unknown[0]).toEqual(nodes[2]);
+  });
+});
+
+describe('tree-level helpers', () => {
+  const tree = {
+    version: 2,
+    root: {
+      type: 'layout',
+      header: { mode: 'custom', children: [nodes[0]] },
+      footer: { mode: 'inherit' },
+      children: [nodes[1]],
+    },
+  };
+
+  it('collects and hydrates root children AND custom slot children', () => {
+    const refs = collectTreeRefs(tree, getSchema);
+    expect(refs.assetIds).toEqual([7]);
+    expect(refs.pageDocumentIds.sort()).toEqual(['gone-doc', 'home-doc']);
+    const out = hydrateTree(tree, getSchema, resolvers) as any;
+    expect(out.root.header.children[0].data.image.url).toBe('/uploads/x.png');
+    expect(out.root.footer).toEqual({ mode: 'inherit' });
+  });
+
+  it('passes malformed trees through untouched', () => {
+    expect(hydrateTree(null, getSchema, resolvers)).toBeNull();
+    expect(hydrateTree({ nope: 1 }, getSchema, resolvers)).toEqual({ nope: 1 });
+  });
+});
diff --git a/packages/cms/server/src/lib/hydrate-tree.ts b/packages/cms/server/src/lib/hydrate-tree.ts
new file mode 100644
index 0000000..e2409d6
--- /dev/null
+++ b/packages/cms/server/src/lib/hydrate-tree.ts
@@ -0,0 +1,120 @@
+/**
+ * Media/page-ref hydration for composition trees (Spec §3 "Media inside `data`
+ * is a reference, not a snapshot"). The builder stores `{ assetId }` for media
+ * and `{ documentId }` for page relations; this walker — driven by the
+ * components registry so it never hardcodes block shapes — swaps them for fresh
+ * values at serve time, so the wire never rots.
+ *
+ * Pure: resolvers are injected; the strapi-facing batching lives in
+ * serve-hydrated.ts. Never mutates its input; unknown components and malformed
+ * values pass through untouched (the web renderer owns tolerance).
+ */
+
+export interface TreeRefs {
+  assetIds: number[];
+  pageDocumentIds: string[];
+}
+
+export interface TreeResolvers {
+  media(assetId: number): Record<string, unknown> | null;
+  page(documentId: string): Record<string, unknown> | null;
+}
+
+export type SchemaLookup = (uid: string) => { attributes?: Record<string, any> } | undefined;
+
+const PAGE_TARGET = 'plugin::press-cms.page';
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === 'object' && v !== null && !Array.isArray(v);
+
+type Visitor = {
+  media(assetId: number): unknown;
+  page(documentId: string): unknown;
+};
+
+/** Walks one component's data guided by its schema attributes; returns a new object. */
+function walkData(data: unknown, attributes: Record<string, any> | undefined, getSchema: SchemaLookup, visit: Visitor): unknown {
+  if (!isRecord(data) || !attributes) return data;
+  const out: Record<string, unknown> = { ...data };
+  for (const [name, attr] of Object.entries(attributes)) {
+    const value = out[name];
+    if (value === undefined || value === null) continue;
+    if (attr?.type === 'media' && isRecord(value) && typeof value.assetId === 'number') {
+      out[name] = visit.media(value.assetId);
+    } else if (attr?.type === 'relation' && attr?.target === PAGE_TARGET && isRecord(value) && typeof value.documentId === 'string') {
+      out[name] = visit.page(value.documentId);
+    } else if (attr?.type === 'component' && typeof attr?.component === 'string') {
+      const nested = getSchema(attr.component)?.attributes;
+      out[name] = attr.repeatable && Array.isArray(value)
+        ? value.map((item) => walkData(item, nested, getSchema, visit))
+        : walkData(value, nested, getSchema, visit);
+    }
+  }
+  return out;
+}
+
+function walkNodes(nodes: unknown, getSchema: SchemaLookup, visit: Visitor): unknown {
+  if (!Array.isArray(nodes)) return nodes;
+  return nodes.map((node) => {
+    if (!isRecord(node)) return node;
+    if (node.type === 'block' && typeof node.component === 'string') {
+      const attributes = getSchema(node.component)?.attributes;
+      return { ...node, data: walkData(node.data, attributes, getSchema, visit) };
+    }
+    if ((node.type === 'row' || node.type === 'column') && Array.isArray(node.children)) {
+      return { ...node, children: walkNodes(node.children, getSchema, visit) };
+    }
+    return node;
+  });
+}
+
+function slotChildren(tree: unknown): { root: Record<string, unknown> | null; slots: Array<'header' | 'footer'> } {
+  if (!isRecord(tree) || !isRecord(tree.root)) return { root: null, slots: [] };
+  const slots: Array<'header' | 'footer'> = [];
+  for (const key of ['header', 'footer'] as const) {
+    const slot = (tree.root as Record<string, unknown>)[key];
+    if (isRecord(slot) && slot.mode === 'custom') slots.push(key);
+  }
+  return { root: tree.root as Record<string, unknown>, slots };
+}
+
+export function collectNodeRefs(nodes: unknown, getSchema: SchemaLookup): TreeRefs {
+  const assetIds = new Set<number>();
+  const pageDocumentIds = new Set<string>();
+  walkNodes(nodes, getSchema, {
+    media: (assetId) => (assetIds.add(assetId), { assetId }),
+    page: (documentId) => (pageDocumentIds.add(documentId), { documentId }),
+  });
+  return { assetIds: [...assetIds], pageDocumentIds: [...pageDocumentIds] };
+}
+
+export function hydrateNodeArray(nodes: unknown, getSchema: SchemaLookup, resolvers: TreeResolvers): unknown {
+  return walkNodes(nodes, getSchema, {
+    media: (assetId) => resolvers.media(assetId),
+    page: (documentId) => resolvers.page(documentId),
+  });
+}
+
+export function collectTreeRefs(tree: unknown, getSchema: SchemaLookup): TreeRefs {
+  const { root, slots } = slotChildren(tree);
+  if (!root) return { assetIds: [], pageDocumentIds: [] };
+  const all = [
+    collectNodeRefs(root.children, getSchema),
+    ...slots.map((key) => collectNodeRefs((root[key] as Record<string, unknown>).children, getSchema)),
+  ];
+  return {
+    assetIds: [...new Set(all.flatMap((r) => r.assetIds))],
+    pageDocumentIds: [...new Set(all.flatMap((r) => r.pageDocumentIds))],
+  };
+}
+
+export function hydrateTree(tree: unknown, getSchema: SchemaLookup, resolvers: TreeResolvers): unknown {
+  const { root, slots } = slotChildren(tree);
+  if (!root) return tree;
+  const nextRoot: Record<string, unknown> = { ...root, children: hydrateNodeArray(root.children, getSchema, resolvers) };
+  for (const key of slots) {
+    const slot = root[key] as Record<string, unknown>;
+    nextRoot[key] = { ...slot, children: hydrateNodeArray(slot.children, getSchema, resolvers) };
+  }
+  return { ...(tree as Record<string, unknown>), root: nextRoot };
+}
diff --git a/packages/cms/server/src/lib/inject-components.test.ts b/packages/cms/server/src/lib/inject-components.test.ts
index c905554..6941b38 100644
--- a/packages/cms/server/src/lib/inject-components.test.ts
+++ b/packages/cms/server/src/lib/inject-components.test.ts
@@ -1,172 +1,8 @@
 import { describe, expect, it } from 'vitest';
-import { admitCustomBlocks, injectComponents } from './inject-components';
+import { injectComponents } from './inject-components';
 import pageSchema from '../content-types/page/schema.json';
 import siteSettingSchema from '../content-types/site-setting/schema.json';
 
-const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
-
-const PAGE_UID = 'plugin::press-cms.page';
-
-/**
- * Minimal Strapi double exposing only what admitCustomBlocks touches: the
- * content-types + components registries (`strapi.get`) and a no-op logger.
- */
-const makeStrapi = (opts: { page?: any; siteSetting?: any; componentUids?: string[] }) => {
-  const contentTypes = new Map<string, any>();
-  if (opts.page) contentTypes.set(PAGE_UID, opts.page);
-  if (opts.siteSetting) contentTypes.set(SITE_SETTING_UID, opts.siteSetting);
-  const components = new Map<string, any>((opts.componentUids ?? []).map((uid) => [uid, { uid }]));
-  return {
-    get: (key: string) =>
-      key === 'content-types' ? contentTypes : key === 'components' ? components : undefined,
-    log: { warn() {}, info() {}, debug() {}, error() {} },
-  } as any;
-};
-
-const pageWithBody = (components: string[]) => ({
-  uid: PAGE_UID,
-  attributes: { body: { type: 'dynamiczone', components } },
-});
-
-const siteSettingWithChrome = (
-  header: string[] = ['preset-organism.navbar'],
-  footer: string[] = ['preset-organism.footer'],
-) => ({
-  uid: SITE_SETTING_UID,
-  attributes: {
-    header: { type: 'dynamiczone', components: header },
-    footer: { type: 'dynamiczone', components: footer },
-  },
-});
-
-describe('admitCustomBlocks', () => {
-  it('admits every custom block into the page body AND both chrome DZs (universal placement)', () => {
-    const page = pageWithBody(['preset-atom.paragraph']);
-    const siteSetting = siteSettingWithChrome();
-    const strapi = makeStrapi({
-      page,
-      siteSetting,
-      componentUids: ['preset-atom.paragraph', 'custom-organism.callout', 'custom-atom.badge'],
-    });
-
-    admitCustomBlocks({ strapi });
-
-    // The adopter contract: the `custom*` category is stable and flows into ALL
-    // three engine DZs. Placement is not a category concern on the custom side —
-    // the editor decides where each block goes (unified-components).
-    expect(page.attributes.body.components).toEqual([
-      'preset-atom.paragraph', 'custom-organism.callout', 'custom-atom.badge',
-    ]);
-    expect(siteSetting.attributes.header.components).toEqual([
-      'preset-organism.navbar', 'custom-organism.callout', 'custom-atom.badge',
-    ]);
-    expect(siteSetting.attributes.footer.components).toEqual([
-      'preset-organism.footer', 'custom-organism.callout', 'custom-atom.badge',
-    ]);
-  });
-
-  it('is idempotent: an already-admitted custom block is not duplicated in any DZ', () => {
-    const page = pageWithBody(['preset-atom.paragraph', 'custom-organism.callout']);
-    const siteSetting = siteSettingWithChrome(
-      ['preset-organism.navbar', 'custom-organism.callout'],
-      ['preset-organism.footer', 'custom-organism.callout'],
-    );
-    const strapi = makeStrapi({
-      page,
-      siteSetting,
-      componentUids: ['preset-atom.paragraph', 'custom-organism.callout'],
-    });
-
-    admitCustomBlocks({ strapi });
-
-    expect(page.attributes.body.components).toEqual(['preset-atom.paragraph', 'custom-organism.callout']);
-    expect(siteSetting.attributes.header.components).toEqual(['preset-organism.navbar', 'custom-organism.callout']);
-    expect(siteSetting.attributes.footer.components).toEqual(['preset-organism.footer', 'custom-organism.callout']);
-  });
-
-  it('never admits a preset (non-custom) component — only the engine schema.json places those', () => {
-    const page = pageWithBody(['preset-atom.paragraph']);
-    const siteSetting = siteSettingWithChrome();
-    const strapi = makeStrapi({
-      page,
-      siteSetting,
-      componentUids: ['preset-atom.paragraph', 'preset-organism.navbar', 'preset-organism.hero'],
-    });
-
-    admitCustomBlocks({ strapi });
-
-    // preset-* blocks are curated statically per content-type; admitCustomBlocks
-    // touches only `custom*` categories, so nothing changes here.
-    expect(page.attributes.body.components).toEqual(['preset-atom.paragraph']);
-    expect(siteSetting.attributes.header.components).toEqual(['preset-organism.navbar']);
-    expect(siteSetting.attributes.footer.components).toEqual(['preset-organism.footer']);
-  });
-
-  it('admits every custom LAYER (atom/molecule/organism) into every zone alike', () => {
-    const page = pageWithBody(['preset-atom.paragraph']);
-    const siteSetting = siteSettingWithChrome();
-    const strapi = makeStrapi({
-      page,
-      siteSetting,
-      componentUids: ['custom-atom.badge', 'custom-molecule.field', 'custom-organism.pricing'],
-    });
-
-    admitCustomBlocks({ strapi });
-
-    // The atomic LAYER is organization only (picker grouping + type names); it
-    // does NOT restrict placement — every custom-* lands in all three DZs.
-    for (const zone of [
-      page.attributes.body.components,
-      siteSetting.attributes.header.components,
-      siteSetting.attributes.footer.components,
-    ]) {
-      expect(zone).toContain('custom-atom.badge');
-      expect(zone).toContain('custom-molecule.field');
-      expect(zone).toContain('custom-organism.pricing');
-    }
-  });
-
-  it('still admits a legacy bare custom.* block (forgiving migration path)', () => {
-    const page = pageWithBody(['preset-atom.paragraph']);
-    const siteSetting = siteSettingWithChrome();
-    const strapi = makeStrapi({ page, siteSetting, componentUids: ['custom.legacy'] });
-
-    admitCustomBlocks({ strapi });
-
-    expect(page.attributes.body.components).toContain('custom.legacy');
-    expect(siteSetting.attributes.header.components).toContain('custom.legacy');
-    expect(siteSetting.attributes.footer.components).toContain('custom.legacy');
-  });
-
-  it('throws (aborts boot) when the page content-type is absent from the registry', () => {
-    const strapi = makeStrapi({ siteSetting: siteSettingWithChrome(), componentUids: ['custom-organism.callout'] });
-    expect(() => admitCustomBlocks({ strapi })).toThrow(/plugin::press-cms\.page.*absent/);
-  });
-
-  it('throws (aborts boot) when the site-setting content-type is absent from the registry', () => {
-    const strapi = makeStrapi({ page: pageWithBody(['preset-atom.paragraph']), componentUids: ['custom-organism.callout'] });
-    expect(() => admitCustomBlocks({ strapi })).toThrow(/plugin::press-cms\.site-setting.*absent/);
-  });
-
-  it('throws (aborts boot) when page.body is not a dynamic zone', () => {
-    const strapi = makeStrapi({
-      page: { uid: PAGE_UID, attributes: { body: { type: 'string' } } },
-      siteSetting: siteSettingWithChrome(),
-      componentUids: ['custom-organism.callout'],
-    });
-    expect(() => admitCustomBlocks({ strapi })).toThrow(/no 'body' dynamic zone/);
-  });
-
-  it('throws (aborts boot) when a chrome DZ is missing or malformed', () => {
-    const strapi = makeStrapi({
-      page: pageWithBody(['preset-atom.paragraph']),
-      siteSetting: { uid: SITE_SETTING_UID, attributes: { header: { type: 'string' } } },
-      componentUids: ['custom-organism.callout'],
-    });
-    expect(() => admitCustomBlocks({ strapi })).toThrow(/no 'header' dynamic zone/);
-  });
-});
-
 describe('injectComponents', () => {
   const makeStrapi = () => {
     const components = new Map<string, any>();
@@ -183,8 +19,10 @@ describe('injectComponents', () => {
     const expected = [
       'preset-atom.paragraph', 'preset-atom.heading', 'preset-atom.list', 'preset-atom.quote',
       'preset-atom.image', 'preset-atom.button', 'preset-atom.separator', 'preset-atom.spacer',
-      'preset-molecule.nav-item',
-      'preset-organism.hero', 'preset-organism.cta', 'preset-organism.navbar', 'preset-organism.footer',
+      'preset-molecule.link',
+      'preset-organism.hero', 'preset-organism.cta',
+      'preset-organism.navbar', 'preset-organism.footer',
+      'preset-layout.container', 'preset-layout.row', 'preset-layout.column',
       'preset-config.seo', 'preset-config.theme-colors', 'preset-config.theme-radius',
       'preset-config.cookie-category', 'preset-config.cookie-consent',
     ];
@@ -210,31 +48,6 @@ describe('injectComponents', () => {
     expect(components.get('preset-config.seo')?.modelType).toBe('component'); // others still injected
   });
 
-  it('injects preset-molecule.nav-item but never admits it into the page Dynamic Zone', () => {
-    // nav-item is a molecule nested inside the navbar. Injecting it registers the
-    // component, but it must NOT leak into the page block palette — only custom-*
-    // is admitted into the page body Dynamic Zone.
-    const components = new Map<string, any>();
-    const page = pageWithBody(['preset-atom.paragraph']);
-    const contentTypes = new Map<string, any>([
-      [PAGE_UID, page],
-      [SITE_SETTING_UID, siteSettingWithChrome()],
-    ]);
-    const strapi = {
-      get: (key: string) =>
-        key === 'components' ? components : key === 'content-types' ? contentTypes : undefined,
-      log: { warn() {}, info() {}, debug() {}, error() {} },
-    } as any;
-
-    injectComponents({ strapi });
-    components.set('custom-organism.callout', { uid: 'custom-organism.callout' }); // a real custom block
-    admitCustomBlocks({ strapi });
-
-    expect(components.get('preset-molecule.nav-item')?.modelType).toBe('component'); // injected
-    expect(page.attributes.body.components).toContain('custom-organism.callout');    // custom admitted
-    expect(page.attributes.body.components).not.toContain('preset-molecule.nav-item'); // never admitted
-  });
-
   it('injects the organism sections (hero/cta) under category "preset-organism" with a derived globalId', () => {
     const { strapi, components } = makeStrapi();
     injectComponents({ strapi });
@@ -248,6 +61,23 @@ describe('injectComponents', () => {
     expect(components.get('preset-organism.cta')?.globalId).toBe('ComponentPresetOrganismCta');
   });
 
+  it('injects preset-molecule.link under category "preset-molecule" with the shared link shape', () => {
+    // link is the engine's one link concept, nested inside preset-atom.button,
+    // preset-organism.hero/.cta, and preset-organism.navbar.items[] — never a DZ
+    // member itself.
+    const { strapi, components } = makeStrapi();
+    injectComponents({ strapi });
+
+    expect(components.get('preset-molecule.link')?.category).toBe('preset-molecule');
+    expect(components.get('preset-molecule.link')?.globalId).toBe('ComponentPresetMoleculeLink');
+    expect(components.get('preset-molecule.link')?.attributes).toMatchObject({
+      label: { type: 'string' },
+      page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' },
+      url: { type: 'string' },
+      newTab: { type: 'boolean', default: false },
+    });
+  });
+
   it('injects the organism chrome (navbar/footer) under category "preset-organism" with a derived globalId', () => {
     // navbar/footer are organisms too (unified from the old chrome.* palette); the
     // placement split lives in schema.json, not the category.
@@ -257,9 +87,10 @@ describe('injectComponents', () => {
     expect(components.get('preset-organism.navbar')?.modelType).toBe('component');
     expect(components.get('preset-organism.navbar')?.category).toBe('preset-organism');
     expect(components.get('preset-organism.navbar')?.globalId).toBe('ComponentPresetOrganismNavbar');
-    // Composite shape: nested nav items + optional CTA, no brand fields.
+    // Composite shape: nested nav items (the shared link descriptor) + optional
+    // CTA (a button, already a labeled link + variant), no brand fields.
     expect(components.get('preset-organism.navbar')?.attributes).toMatchObject({
-      items: { type: 'component', repeatable: true, component: 'preset-molecule.nav-item' },
+      items: { type: 'component', repeatable: true, component: 'preset-molecule.link' },
       cta: { type: 'component', repeatable: false, component: 'preset-atom.button' },
     });
 
@@ -268,38 +99,65 @@ describe('injectComponents', () => {
     expect(components.get('preset-organism.footer')?.globalId).toBe('ComponentPresetOrganismFooter');
     expect(components.get('preset-organism.footer')?.attributes).toMatchObject({ text: { type: 'string' } });
   });
+
+  it('injects the preset-layout tree-node descriptors (container/row) with the real JSON enum values', () => {
+    // preset-layout.container is the shared curated attribute surface (width/gap/
+    // verticalAlign) referenced by row/column via `component:` fields; row carries
+    // only the container reference now; column span is builder-owned structural
+    // data. These are JSON-sourced (no TS shape check), so a typo like "spacius"
+    // would otherwise pass every other check.
+    const { strapi, components } = makeStrapi();
+    injectComponents({ strapi });
+
+    expect(components.get('preset-layout.container')?.modelType).toBe('component');
+    expect(components.get('preset-layout.container')?.category).toBe('preset-layout');
+    expect(components.get('preset-layout.container')?.attributes).toMatchObject({
+      width: { type: 'enumeration', enum: ['prose', 'lg', 'full'] },
+      gap: { type: 'enumeration', enum: ['compact', 'normal', 'spacious'] },
+      verticalAlign: { type: 'enumeration', enum: ['top', 'center', 'bottom'] },
+    });
+
+    const rowAttrs = components.get('preset-layout.row')?.attributes as Record<string, unknown>;
+    expect(components.get('preset-layout.row')?.modelType).toBe('component');
+    expect(components.get('preset-layout.row')?.category).toBe('preset-layout');
+    expect(rowAttrs).not.toHaveProperty('ratio');
+    expect(rowAttrs).toMatchObject({
+      container: { type: 'component', repeatable: false, component: 'preset-layout.container' },
+    });
+  });
+});
+
+describe('page.body customField (composition-builder storage, Spec §4)', () => {
+  it('points body at the builder JSON custom field — no dynamic zone, no component list', () => {
+    expect((pageSchema.attributes as any).body).toEqual({
+      type: 'customField',
+      customField: 'plugin::press-cms.builder',
+    });
+  });
 });
 
-describe('page body dynamic zone (static organism admission)', () => {
-  it('lists preset-organism.hero and preset-organism.cta alongside the preset-atom.* atoms', () => {
-    // Body organisms are engine-owned and deterministic, so they are admitted
-    // STATICALLY in the page schema (not via the dynamic custom-* push).
-    const components = pageSchema.attributes.body.components as string[];
-    expect(components).toContain('preset-organism.hero');
-    expect(components).toContain('preset-organism.cta');
-    // The atoms remain admitted, unchanged.
-    expect(components).toContain('preset-atom.paragraph');
-    expect(components).toContain('preset-atom.image');
-    // Chrome organisms are NOT page-body blocks (placement: header/footer only).
-    expect(components).not.toContain('preset-organism.navbar');
-    expect(components).not.toContain('preset-organism.footer');
+describe('site-setting.pageDefaults customField (composition-builder storage, Spec §4)', () => {
+  it('points pageDefaults at the builder JSON custom field in slots mode', () => {
+    expect((siteSettingSchema.attributes as any).pageDefaults).toEqual({
+      type: 'customField',
+      customField: 'plugin::press-cms.builder',
+      options: { mode: 'slots' },
+    });
+  });
+
+  it('no longer carries the header/footer dynamic zones (BREAKING, Spec §4)', () => {
+    expect((siteSettingSchema.attributes as any).header).toBeUndefined();
+    expect((siteSettingSchema.attributes as any).footer).toBeUndefined();
   });
 });
 
 describe('site-setting cookie-consent attribute (cookie-consent Spec §1)', () => {
-  it('attaches preset-config.cookie-consent as a config component, never a DZ member', () => {
+  it('attaches preset-config.cookie-consent as a config component', () => {
     expect((siteSettingSchema.attributes as any).cookieConsent).toEqual({
       type: 'component',
       repeatable: false,
       component: 'preset-config.cookie-consent',
     });
-    // Config components stay out of every Dynamic Zone (the preset-config rule).
-    for (const zone of ['header', 'footer'] as const) {
-      const components = (siteSettingSchema.attributes as any)[zone].components as string[];
-      expect(components).not.toContain('preset-config.cookie-consent');
-      expect(components).not.toContain('preset-config.cookie-category');
-    }
-    expect(pageSchema.attributes.body.components).not.toContain('preset-config.cookie-consent');
   });
 
   it('nests the three engine-fixed category components (closed key set, Spec §2)', () => {
@@ -328,28 +186,3 @@ describe('site-setting cookie-consent attribute (cookie-consent Spec §1)', () =
     });
   });
 });
-
-describe('site-setting chrome dynamic zones (static admission)', () => {
-  it('admits preset-organism.navbar/footer + preset-atom.* atoms into header and footer, statically', () => {
-    // Chrome DZs admit the chrome organisms and every atom (custom-* arrives
-    // dynamically). Body organisms (hero/cta) are NOT chrome blocks.
-    for (const zone of ['header', 'footer'] as const) {
-      const components = (siteSettingSchema.attributes as any)[zone].components as string[];
-      expect(components).toContain('preset-organism.navbar');
-      expect(components).toContain('preset-organism.footer');
-      expect(components).toContain('preset-atom.paragraph');
-      expect(components).toContain('preset-atom.button');
-      expect(components).not.toContain('preset-organism.hero');
-      expect(components).not.toContain('preset-organism.cta');
-    }
-  });
-
-  it('no longer carries the removed headerNav attribute (BREAKING, Spec §Migration)', () => {
-    expect((siteSettingSchema.attributes as any).headerNav).toBeUndefined();
-  });
-
-  it('keeps the chrome organisms out of the page body Dynamic Zone', () => {
-    expect(pageSchema.attributes.body.components).not.toContain('preset-organism.navbar');
-    expect(pageSchema.attributes.body.components).not.toContain('preset-organism.footer');
-  });
-});
diff --git a/packages/cms/server/src/lib/inject-components.ts b/packages/cms/server/src/lib/inject-components.ts
index 4271151..bd80d3e 100644
--- a/packages/cms/server/src/lib/inject-components.ts
+++ b/packages/cms/server/src/lib/inject-components.ts
@@ -7,11 +7,14 @@ import imageSchema from '../components/atoms/image.json';
 import buttonSchema from '../components/atoms/button.json';
 import separatorSchema from '../components/atoms/separator.json';
 import spacerSchema from '../components/atoms/spacer.json';
-import navItemSchema from '../components/molecules/nav-item.json';
+import linkSchema from '../components/molecules/link.json';
 import heroSchema from '../components/organisms/hero.json';
 import ctaSchema from '../components/organisms/cta.json';
 import navbarSchema from '../components/organisms/navbar.json';
 import footerSchema from '../components/organisms/footer.json';
+import layoutContainerSchema from '../components/layout/container.json';
+import layoutRowSchema from '../components/layout/row.json';
+import layoutColumnSchema from '../components/layout/column.json';
 import seoSchema from '../components/config/seo.json';
 import themeColorsSchema from '../components/config/theme-colors.json';
 import themeRadiusSchema from '../components/config/theme-radius.json';
@@ -26,10 +29,12 @@ import { toGlobalId } from './global-id';
  * Declaring the layers here is the single source of truth for the palette's shape
  * — categories are never spelled as ad-hoc string literals scattered across files.
  *
- * `layout` and `template` are RESERVED — no components ship in this task:
- *   - `layout`   ← delivered by the Grid System task (container/grid/row/column).
+ * `template` is RESERVED — no components ship in this task:
  *   - `template` ← installed by plugins (e.g. Site/Plugin for Company).
- * They are declared so the model is complete and picker labels are ready.
+ * It is declared so the model is complete and picker labels are ready.
+ * `layout` is no longer reserved: `preset-layout.container/row/column` are the
+ * composition-tree node descriptors (Spec §4) the admin builder drives its
+ * layout-node forms from.
  */
 export const PRESET_LAYERS = ['atom', 'molecule', 'organism', 'config', 'layout', 'template'] as const;
 export type PresetLayer = (typeof PRESET_LAYERS)[number];
@@ -39,8 +44,9 @@ export type PresetLayer = (typeof PRESET_LAYERS)[number];
  * `config`. An adopter drops a component under `src/components/custom-${layer}/`;
  * Strapi derives the `custom-${layer}` category from that folder name. Unlike
  * preset, placement is NOT a category concern on the custom side — every custom
- * block is admitted into every engine Dynamic Zone (see admitCustomBlocks); the
- * editor decides placement in the picker.
+ * block is discovered straight from the components registry (`custom-*` category
+ * prefix, see `isCustomBlockUid`) by the builder palette and `serialize-schema`;
+ * the editor decides placement in the composition tree.
  */
 export const CUSTOM_LAYERS = ['atom', 'molecule', 'organism', 'layout', 'template'] as const;
 export type CustomLayer = (typeof CUSTOM_LAYERS)[number];
@@ -56,7 +62,10 @@ export type CustomLayer = (typeof CUSTOM_LAYERS)[number];
  * Boot order (see @strapi/core/dist/Strapi.js `load`):
  *   1. providers.register  -> loadApplicationContext (app components AND plugin
  *      content-types loaded in parallel; module.load() registers CTs before register)
- *   2. plugins REGISTER     -> THIS hook (inject the preset-* palette, then admit custom-*)
+ *   2. plugins REGISTER     -> THIS hook (inject the preset-* palette). Custom blocks
+ *      are never "admitted" anywhere — the builder palette and `serialize-schema`
+ *      discover them straight from the components registry (the `custom-*` category
+ *      prefix stays the whole extension-point contract).
  *   3. bootstrap            -> transformContentTypesToModels([...contentTypes, ...components])
  *
  * The injected object mirrors the exact shape produced by Strapi's own loader
@@ -74,7 +83,7 @@ const ENGINE_COMPONENTS: Array<{ layer: PresetLayer; name: string; schema: Recor
   { layer: 'atom', name: 'separator', schema: separatorSchema as Record<string, unknown> },
   { layer: 'atom', name: 'spacer', schema: spacerSchema as Record<string, unknown> },
   // Molecules — small composed units nested inside organisms (e.g. a navbar's links).
-  { layer: 'molecule', name: 'nav-item', schema: navItemSchema as Record<string, unknown> },
+  { layer: 'molecule', name: 'link', schema: linkSchema as Record<string, unknown> },
   // Organisms — composed sections for the page body (hero/cta) and the site chrome
   // (navbar/footer). One unified layer (the old section.*/chrome.* palettes); the
   // placement split (body vs header/footer) is declared per content-type
@@ -84,6 +93,13 @@ const ENGINE_COMPONENTS: Array<{ layer: PresetLayer; name: string; schema: Recor
   { layer: 'organism', name: 'cta', schema: ctaSchema as Record<string, unknown> },
   { layer: 'organism', name: 'navbar', schema: navbarSchema as Record<string, unknown> },
   { layer: 'organism', name: 'footer', schema: footerSchema as Record<string, unknown> },
+  // Layout — the tree-node descriptors (Spec §4): pure schema for the builder's
+  // layout-node forms. `preset-layout.container` is the shared ContainerAttrs
+  // surface, referenced by row/column via `component:` fields (the link/nav-item
+  // nesting pattern) so the "Container" form section is defined exactly once.
+  { layer: 'layout', name: 'container', schema: layoutContainerSchema as Record<string, unknown> },
+  { layer: 'layout', name: 'row', schema: layoutRowSchema as Record<string, unknown> },
+  { layer: 'layout', name: 'column', schema: layoutColumnSchema as Record<string, unknown> },
   // Config — non-block settings referenced by the Site Settings single type (seo /
   // theme behave like a settings form; cookie-consent is plugin #1's editable
   // surface). Injected like the rest but never admitted into a Dynamic Zone.
@@ -130,79 +146,5 @@ export const injectComponents = ({ strapi }: { strapi: Core.Strapi }): void => {
   }
 };
 
-/**
- * The engine Dynamic Zones that admit adopter blocks: the page `body` and the two
- * site-setting chrome zones. Every adopter component (category `custom-*`) is
- * admitted into ALL of them — placement is not a category concern on the custom
- * side (custom is organized by atomic LAYER; the editor decides placement in the
- * picker). The engine never restricts adopter blocks; it only curates the
- * placement of its OWN preset blocks, statically, in each content-type schema.json.
- */
-const ENGINE_DZ_TARGETS: Array<{ uid: string; attribute: string }> = [
-  { uid: 'plugin::press-cms.page', attribute: 'body' },
-  { uid: 'plugin::press-cms.site-setting', attribute: 'header' },
-  { uid: 'plugin::press-cms.site-setting', attribute: 'footer' },
-];
-
 /** An adopter block: any registered component under a `custom` / `custom-${layer}` category. */
-const isCustomBlockUid = (uid: string): boolean => uid.startsWith('custom.') || uid.startsWith('custom-');
-
-/**
- * Admits adopter components into EVERY engine Dynamic Zone.
- *
- * Contract: the folder an adopter drops a component under
- * (<host>/src/components/custom-${layer}/) declares its atomic LAYER — used for
- * palette grouping and generated type names — while the block itself is usable in
- * any zone. The engine NEVER names specific adopter blocks; the `custom*` category
- * prefix is the whole extension-point contract.
- *
- * Timing: loadApplicationContext runs loadPlugins + loadComponents in parallel
- * (Promise.all). module.load() registers plugin content-types synchronously when
- * the plugin module is added, so both engine content-types ARE present in the
- * content-types registry by the time plugin register() fires.
- */
-export const admitCustomBlocks = ({ strapi }: { strapi: Core.Strapi }): void => {
-  const componentRegistry = strapi.get('components');
-  const customUids = [...componentRegistry.keys()].filter(isCustomBlockUid);
-
-  for (const { uid, attribute } of ENGINE_DZ_TARGETS) {
-    const contentType = strapi.get('content-types').get(uid);
-
-    // Invariant: the engine ships both content-types, so they MUST be registered
-    // by the time this register hook fires. If one isn't, custom block admission
-    // cannot happen and the engine would boot half-broken (blocks silently absent
-    // from the DZ → incomplete types → unknown components). Fail loud, abort boot.
-    if (!contentType) {
-      throw new Error(
-        `[press-cms] invariant violated: '${uid}' is absent from the content-types ` +
-          'registry at register time — custom blocks cannot be admitted, aborting boot. ' +
-          'Likely an engine content-type load failure or a Strapi version mismatch.',
-      );
-    }
-
-    const dzAttr = (contentType.attributes as Record<string, { type: string; components?: string[] }>)?.[attribute];
-
-    if (!dzAttr || dzAttr.type !== 'dynamiczone' || !Array.isArray(dzAttr.components)) {
-      throw new Error(
-        `[press-cms] invariant violated: '${uid}' has no '${attribute}' dynamic zone ` +
-          '(or it has an unexpected shape) at register time. The engine Dynamic Zones are the ' +
-          'extension point for custom blocks — aborting boot. Likely a changed schema or a ' +
-          'Strapi version mismatch.',
-      );
-    }
-
-    const admitted: string[] = [];
-    for (const customUid of customUids) {
-      if (!dzAttr.components.includes(customUid)) {
-        dzAttr.components.push(customUid);
-        admitted.push(customUid);
-      }
-    }
-
-    if (admitted.length > 0) {
-      strapi.log.info(`[press-cms] admitted custom blocks into ${uid}#${attribute}: ${admitted.join(', ')}`);
-    } else {
-      strapi.log.debug(`[press-cms] no custom blocks to admit into ${uid}#${attribute}`);
-    }
-  }
-};
+export const isCustomBlockUid = (uid: string): boolean => uid.startsWith('custom.') || uid.startsWith('custom-');
diff --git a/packages/cms/server/src/lib/seed-site-setting.test.ts b/packages/cms/server/src/lib/seed-site-setting.test.ts
index 12d0f65..05ba01b 100644
--- a/packages/cms/server/src/lib/seed-site-setting.test.ts
+++ b/packages/cms/server/src/lib/seed-site-setting.test.ts
@@ -1,24 +1,17 @@
 import { describe, expect, it } from 'vitest';
-import { DEFAULT_CHROME, seedSiteSetting, SITE_SETTING_UID } from './seed-site-setting';
+import { seedSiteSetting, SITE_SETTING_UID } from './seed-site-setting';
 
-/**
- * Minimal Document-Service + plugin-store fake: a mutable record, recording
- * create/update, and a Map-backed store for the run-once chrome flag.
- */
+/** Minimal Document-Service + plugin-store fake (pre-tree harness, populate pin dropped). */
 function fakeStrapi(record: any = null, flags: Record<string, unknown> = {}) {
-  const creates: Array<{ data: unknown }> = [];
-  const updates: Array<{ documentId: string; data: unknown }> = [];
+  const creates: Array<{ data: any }> = [];
+  const updates: Array<{ documentId: string; data: any }> = [];
   let current = record;
   const store = new Map<string, unknown>(Object.entries(flags));
   const strapi = {
     documents: (uid: string) => {
-      expect(uid).toBe(SITE_SETTING_UID); // helper must target the single-type UID
+      expect(uid).toBe(SITE_SETTING_UID);
       return {
-        findFirst: async (params: any) => {
-          // The chrome DZs are invisible without populate — pin that the seed asks.
-          expect(params?.populate).toMatchObject({ header: true, footer: true });
-          return current;
-        },
+        findFirst: async () => current,
         create: async (params: { data: any }) => {
           creates.push(params);
           current = { documentId: 'doc-1', ...params.data };
@@ -43,33 +36,45 @@ function fakeStrapi(record: any = null, flags: Record<string, unknown> = {}) {
   return { strapi, creates, updates, store };
 }
 
-describe('seedSiteSetting — chrome composition (Spec §4)', () => {
-  it('creates the record WITH the default chrome on a fresh DB and marks the seed done', async () => {
+const expectBareChrome = (pd: any) => {
+  expect(pd.header).toHaveLength(1);
+  expect(pd.header[0]).toMatchObject({ type: 'block', component: 'preset-organism.navbar', data: {} });
+  expect(typeof pd.header[0].id).toBe('string');
+  expect(pd.footer[0]).toMatchObject({ type: 'block', component: 'preset-organism.footer', data: {} });
+};
+
+describe('seedSiteSetting — pageDefaults (composition-builder Spec §4)', () => {
+  it('creates the record WITH bare pageDefaults on a fresh DB and marks the seed done', async () => {
     const { strapi, creates, updates, store } = fakeStrapi(null);
     await seedSiteSetting(strapi);
-    expect(creates).toEqual([{ data: DEFAULT_CHROME }]);
+    expect(creates).toHaveLength(1);
+    expectBareChrome(creates[0].data.pageDefaults);
     expect(updates).toEqual([]);
-    expect(store.get('chromeSeeded')).toBe(true);
+    expect(store.get('pageDefaultsSeeded')).toBe(true);
   });
 
-  it('fills still-empty DZs on an existing record (upgrade path) exactly once', async () => {
-    const { strapi, updates, store } = fakeStrapi({ documentId: 'doc-1', header: [], footer: [] });
+  it('fills still-empty slots on an existing record exactly once', async () => {
+    const { strapi, updates, store } = fakeStrapi({ documentId: 'doc-1', pageDefaults: { header: [], footer: [] } });
     await seedSiteSetting(strapi);
-    expect(updates).toEqual([{ documentId: 'doc-1', data: DEFAULT_CHROME }]);
-    expect(store.get('chromeSeeded')).toBe(true);
+    expect(updates).toHaveLength(1);
+    expectBareChrome(updates[0].data.pageDefaults);
+    expect(store.get('pageDefaultsSeeded')).toBe(true);
   });
 
-  it('never overwrites a composed DZ — only the empty sibling is seeded', async () => {
-    const composed = [{ __component: 'preset-organism.navbar', id: 7, items: [{ label: 'Docs' }] }];
-    const { strapi, updates } = fakeStrapi({ documentId: 'doc-1', header: composed, footer: [] });
+  it('never overwrites a composed slot — only the empty sibling is seeded', async () => {
+    const composed = [{ id: 'n1', type: 'block', component: 'preset-organism.navbar', data: { items: [{ label: 'Docs' }] } }];
+    const { strapi, updates } = fakeStrapi({ documentId: 'doc-1', pageDefaults: { header: composed, footer: [] } });
     await seedSiteSetting(strapi);
-    expect(updates).toEqual([{ documentId: 'doc-1', data: { footer: DEFAULT_CHROME.footer } }]);
+    expect(updates).toHaveLength(1);
+    const pd = updates[0].data.pageDefaults as any;
+    expect(pd.header).toEqual(composed);
+    expect(pd.footer[0]).toMatchObject({ component: 'preset-organism.footer' });
   });
 
-  it('respects an editor-emptied [] once the seed has run (flag set → no writes)', async () => {
+  it('respects an editor-emptied slot once the seed has run (flag set → no writes)', async () => {
     const { strapi, creates, updates } = fakeStrapi(
-      { documentId: 'doc-1', header: [], footer: [] },
-      { chromeSeeded: true },
+      { documentId: 'doc-1', pageDefaults: { header: [], footer: [] } },
+      { pageDefaultsSeeded: true },
     );
     await seedSiteSetting(strapi);
     expect(creates).toEqual([]);
@@ -80,7 +85,6 @@ describe('seedSiteSetting — chrome composition (Spec §4)', () => {
     const { strapi, creates, updates } = fakeStrapi(null);
     await seedSiteSetting(strapi);
     await seedSiteSetting(strapi);
-    await seedSiteSetting(strapi);
     expect(creates).toHaveLength(1);
     expect(updates).toEqual([]);
   });
diff --git a/packages/cms/server/src/lib/seed-site-setting.ts b/packages/cms/server/src/lib/seed-site-setting.ts
index 6cb6c97..169f77c 100644
--- a/packages/cms/server/src/lib/seed-site-setting.ts
+++ b/packages/cms/server/src/lib/seed-site-setting.ts
@@ -1,50 +1,50 @@
+import { randomUUID } from 'node:crypto';
 import type { Core } from '@strapi/strapi';
 import { pluginStore } from './plugin-store';
 
 /** UID of the engine's Site Settings single type (plugin name `press-cms`). */
 export const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
 
-/** Default chrome composition (Spec §4): a navbar (empty items) + a footer (empty text). */
-export const DEFAULT_CHROME = {
-  header: [{ __component: 'preset-organism.navbar' }],
-  footer: [{ __component: 'preset-organism.footer' }],
-};
+const PAGE_DEFAULTS_SEED_KEY = 'pageDefaultsSeeded';
 
-const CHROME_SEED_KEY = 'chromeSeeded';
+/**
+ * Default chrome (Spec §4): a bare navbar and a bare footer BlockNode per slot.
+ * BARE on purpose (no items/cta/text) — the CLI's seed.mjs fills demo content;
+ * "no defaults duplicated in the CMS". Fresh ids per call: node ids are
+ * builder-scoped React keys, never identity.
+ */
+export const buildDefaultPageDefaults = () => ({
+  header: [{ id: randomUUID(), type: 'block', component: 'preset-organism.navbar', data: {} }],
+  footer: [{ id: randomUUID(), type: 'block', component: 'preset-organism.footer', data: {} }],
+});
 
 /**
- * Seeds the Site Settings single type (Spec §4/§5 of the site-settings spec):
- *
- * 1. Fresh DB → exactly one record, created WITH the default chrome composition.
- *    Identity/SEO stay empty on purpose: no defaults duplicated in the CMS.
- * 2. Existing record (upgrade path: the chrome DZs just appeared via schema
- *    sync) → a single seeding pass fills each still-empty DZ.
- *
- * "Runs once; never overwrites" (Spec §4) is made literal with a plugin-store
- * flag: Strapi cannot distinguish a never-touched DZ from an editor-emptied one
- * (both read back as []), so after the one seeding pass the DZs are never
- * written again — an editor-emptied [] is respected forever.
+ * Seeds Site Settings pageDefaults exactly once (plugin-store flag): Strapi
+ * cannot distinguish a never-touched slot from an editor-emptied one (both read
+ * back as []), so after the one seeding pass the slots are never written again.
  */
 export async function seedSiteSetting(strapi: Core.Strapi): Promise<void> {
   const docs = strapi.documents(SITE_SETTING_UID);
   const store = pluginStore(strapi);
 
-  // DZ content is invisible without populate — findFirst({}) would report the
-  // zones as undefined and the seed could clobber real content.
-  const existing = (await docs.findFirst({ populate: { header: true, footer: true } as any })) as any;
+  // pageDefaults is a JSON scalar — visible without populate.
+  const existing = (await docs.findFirst()) as any;
 
   if (!existing) {
-    await docs.create({ data: { ...DEFAULT_CHROME } as any });
-  } else if (!(await store.get({ key: CHROME_SEED_KEY }))) {
-    const data: Record<string, unknown> = {};
-    if (!existing.header?.length) data.header = DEFAULT_CHROME.header;
-    if (!existing.footer?.length) data.footer = DEFAULT_CHROME.footer;
-    if (Object.keys(data).length > 0) {
-      await docs.update({ documentId: existing.documentId, data: data as any });
+    await docs.create({ data: { pageDefaults: buildDefaultPageDefaults() } as any });
+  } else if (!(await store.get({ key: PAGE_DEFAULTS_SEED_KEY }))) {
+    const pd = (existing.pageDefaults ?? {}) as { header?: unknown[]; footer?: unknown[] };
+    const defaults = buildDefaultPageDefaults();
+    const next: Record<string, unknown> = { ...pd };
+    let changed = false;
+    if (!Array.isArray(pd.header) || pd.header.length === 0) { next.header = defaults.header; changed = true; }
+    if (!Array.isArray(pd.footer) || pd.footer.length === 0) { next.footer = defaults.footer; changed = true; }
+    if (changed) {
+      await docs.update({ documentId: existing.documentId, data: { pageDefaults: next } as any });
     }
   } else {
-    return; // seeded before — never touch the chrome again
+    return; // seeded before — never touch the defaults again
   }
 
-  await store.set({ key: CHROME_SEED_KEY, value: true });
+  await store.set({ key: PAGE_DEFAULTS_SEED_KEY, value: true });
 }
diff --git a/packages/cms/server/src/lib/serialize-schema.test.ts b/packages/cms/server/src/lib/serialize-schema.test.ts
index 8e4b272..c6b5bc6 100644
--- a/packages/cms/server/src/lib/serialize-schema.test.ts
+++ b/packages/cms/server/src/lib/serialize-schema.test.ts
@@ -2,31 +2,21 @@ import { describe, expect, it } from 'vitest';
 import { serializeSchema } from './serialize-schema';
 
 const fakeStrapi = () => {
-  const components = new Map<string, any>([
-    ['preset-atom.paragraph', {
-      uid: 'preset-atom.paragraph',
-      attributes: {
-        content: { type: 'blocks', required: true },
-        // noise that must be stripped:
-        createdAt: { type: 'datetime', private: true },
-      },
-    }],
-    ['preset-atom.image', {
-      uid: 'preset-atom.image',
-      attributes: {
-        image: { type: 'media', multiple: false, allowedTypes: ['images'], required: true },
-        caption: { type: 'string' },
-      },
-    }],
-    ['custom-organism.callout', {
-      uid: 'custom-organism.callout',
-      attributes: {
-        message: { type: 'string', required: true },
-        variant: { type: 'enumeration', enum: ['info', 'warning', 'success'], default: 'info' },
-      },
-    }],
-    ['preset-atom.unused', { uid: 'preset-atom.unused', attributes: { x: { type: 'string' } } }],
-  ]);
+  // Registry-shaped fake mirroring Strapi's REAL components registry API
+  // (keys()/get(), NOT a Map with entries()) — so this test fails if serialize
+  // ever iterates with registry.entries() again (the runtime bug a Map fake hid).
+  const componentRecord: Record<string, any> = {
+    'preset-atom.paragraph': { uid: 'preset-atom.paragraph', attributes: { content: { type: 'text', required: true }, createdAt: { type: 'datetime', private: true } } },
+    'preset-molecule.link': { uid: 'preset-molecule.link', attributes: { label: { type: 'string' }, page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' }, url: { type: 'string' }, newTab: { type: 'boolean', default: false } } },
+    'preset-layout.container': { uid: 'preset-layout.container', attributes: { width: { type: 'enumeration', enum: ['prose', 'lg', 'full'] } } },
+    'custom-organism.callout': { uid: 'custom-organism.callout', attributes: { message: { type: 'string', required: true } } },
+    // NOT part of the palette — must be excluded:
+    'admin.something': { uid: 'admin.something', attributes: { x: { type: 'string' } } },
+  };
+  const components = {
+    keys: () => Object.keys(componentRecord),
+    get: (uid: string) => componentRecord[uid],
+  };
   const contentTypes: Record<string, any> = {
     'plugin::press-cms.page': {
       uid: 'plugin::press-cms.page',
@@ -34,7 +24,7 @@ const fakeStrapi = () => {
       attributes: {
         title: { type: 'string', required: true },
         slug: { type: 'uid', targetField: 'title' },
-        body: { type: 'dynamiczone', components: ['preset-atom.paragraph', 'preset-atom.image', 'custom-organism.callout'] },
+        body: { type: 'customField', customField: 'plugin::press-cms.builder' },
       },
     },
     'plugin::press-cms.site-setting': {
@@ -42,8 +32,7 @@ const fakeStrapi = () => {
       info: { singularName: 'site-setting', pluralName: 'site-settings', displayName: 'Site Settings' },
       attributes: {
         name: { type: 'string' },
-        header: { type: 'dynamiczone', components: [] },
-        footer: { type: 'dynamiczone', components: [] },
+        pageDefaults: { type: 'customField', customField: 'plugin::press-cms.builder' },
       },
     },
   };
@@ -54,204 +43,34 @@ const fakeStrapi = () => {
 };
 
 describe('serializeSchema', () => {
-  it('emits the page content-type and only the DZ-admitted components (runtime view)', () => {
+  it('serves the tree contract version', () => {
+    expect(serializeSchema(fakeStrapi()).tree).toEqual({ version: 2 });
+  });
+
+  it('serves the FULL registered palette — every preset-* and custom-* uid, nothing else', () => {
     const out = serializeSchema(fakeStrapi());
-    expect(Object.keys(out.contentTypes).sort()).toEqual([
-      'plugin::press-cms.page',
-      'plugin::press-cms.site-setting',
-    ]);
-    // preset-atom.unused is registered but NOT in page.body → excluded
     expect(Object.keys(out.components).sort()).toEqual([
-      'custom-organism.callout', 'preset-atom.image', 'preset-atom.paragraph',
+      'custom-organism.callout',
+      'preset-atom.paragraph',
+      'preset-layout.container',
+      'preset-molecule.link',
     ]);
   });
 
-  it('keeps only the contract attribute keys and drops private/internal noise', () => {
+  it('keeps contract attribute keys (target included, for page refs) and drops noise', () => {
     const out = serializeSchema(fakeStrapi());
-    // paragraph: the `blocks` type and `required` flag survive; createdAt noise is dropped.
     expect(out.components['preset-atom.paragraph'].attributes).toEqual({
-      content: { type: 'blocks', required: true },
-    });
-    // image: single required media + optional caption.
-    expect(out.components['preset-atom.image'].attributes).toEqual({
-      image: { type: 'media', multiple: false, allowedTypes: ['images'], required: true },
-      caption: { type: 'string' },
-    });
-    expect(out.components['custom-organism.callout'].attributes.variant).toEqual({
-      type: 'enumeration', enum: ['info', 'warning', 'success'], default: 'info',
-    });
-    expect(out.contentTypes['plugin::press-cms.page'].attributes.body).toEqual({
-      type: 'dynamiczone', components: ['preset-atom.paragraph', 'preset-atom.image', 'custom-organism.callout'],
-    });
-  });
-
-  it('serializes preset-organism.hero and preset-organism.cta with their flat attributes (runtime view)', () => {
-    const components = new Map<string, any>([
-      ['preset-organism.hero', {
-        uid: 'preset-organism.hero',
-        attributes: {
-          eyebrow: { type: 'string' },
-          title: { type: 'string', required: true },
-          subtitle: { type: 'text' },
-          image: { type: 'media', multiple: false, allowedTypes: ['images'] },
-          ctaLabel: { type: 'string' },
-          ctaHref: { type: 'string' },
-          align: { type: 'enumeration', enum: ['left', 'center'], default: 'left' },
-        },
-      }],
-      ['preset-organism.cta', {
-        uid: 'preset-organism.cta',
-        attributes: {
-          title: { type: 'string', required: true },
-          subtitle: { type: 'text' },
-          buttonLabel: { type: 'string', required: true },
-          buttonHref: { type: 'string', required: true },
-          align: { type: 'enumeration', enum: ['left', 'center'], default: 'left' },
-        },
-      }],
-    ]);
-    const strapi = {
-      contentType: () => ({
-        uid: 'plugin::press-cms.page',
-        info: {},
-        attributes: { body: { type: 'dynamiczone', components: ['preset-organism.hero', 'preset-organism.cta'] } },
-      }),
-      get: (key: string) => (key === 'components' ? components : undefined),
-    } as any;
-
-    const out = serializeSchema(strapi);
-    expect(Object.keys(out.components).sort()).toEqual(['preset-organism.cta', 'preset-organism.hero']);
-    // Flat fields survive verbatim — no serialize-schema change is needed (Spec §5.1/§7).
-    expect(out.components['preset-organism.hero'].attributes.title).toEqual({ type: 'string', required: true });
-    expect(out.components['preset-organism.hero'].attributes.align).toEqual({
-      type: 'enumeration', enum: ['left', 'center'], default: 'left',
-    });
-    expect(out.components['preset-organism.cta'].attributes.buttonHref).toEqual({ type: 'string', required: true });
-  });
-
-  it('throws (not a cryptic null-deref) when the page content-type is not registered', () => {
-    const strapi = { contentType: () => undefined, get: () => new Map() } as any;
-    expect(() => serializeSchema(strapi)).toThrow(/plugin::press-cms\.page.*not registered/);
-  });
-
-  it('throws instead of silently dropping a DZ-admitted component missing from the registry', () => {
-    const strapi = {
-      contentType: () => ({
-        uid: 'plugin::press-cms.page',
-        info: {},
-        attributes: { body: { type: 'dynamiczone', components: ['custom-organism.ghost'] } },
-      }),
-      get: (key: string) => (key === 'components' ? new Map() : undefined),
-    } as any;
-    expect(() => serializeSchema(strapi)).toThrow(/custom-organism\.ghost.*absent from the components registry/);
-  });
-});
-
-describe('serializeSchema — chrome dynamic zones', () => {
-  const chromeStrapi = () => {
-    const components = new Map<string, any>([
-      ['preset-organism.navbar', {
-        uid: 'preset-organism.navbar',
-        attributes: {
-          items: { type: 'component', repeatable: true, component: 'preset-molecule.nav-item' },
-          cta: { type: 'component', repeatable: false, component: 'preset-atom.button' },
-        },
-      }],
-      ['preset-organism.footer', { uid: 'preset-organism.footer', attributes: { text: { type: 'string' } } }],
-      ['preset-molecule.nav-item', {
-        uid: 'preset-molecule.nav-item',
-        attributes: {
-          label: { type: 'string', required: true },
-          page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' },
-          url: { type: 'string' },
-          newTab: { type: 'boolean', default: false },
-        },
-      }],
-      ['preset-atom.button', {
-        uid: 'preset-atom.button',
-        attributes: {
-          label: { type: 'string', required: true },
-          href: { type: 'string', required: true },
-          variant: { type: 'enumeration', enum: ['primary', 'secondary'], default: 'primary', required: true },
-        },
-      }],
-      ['preset-atom.paragraph', { uid: 'preset-atom.paragraph', attributes: { content: { type: 'blocks', required: true } } }],
-    ]);
-    const contentTypes: Record<string, any> = {
-      'plugin::press-cms.page': {
-        uid: 'plugin::press-cms.page',
-        info: {},
-        attributes: {
-          title: { type: 'string', required: true },
-          body: { type: 'dynamiczone', components: ['preset-atom.paragraph', 'preset-atom.button'] },
-        },
-      },
-      'plugin::press-cms.site-setting': {
-        uid: 'plugin::press-cms.site-setting',
-        info: {},
-        attributes: {
-          name: { type: 'string' },
-          header: { type: 'dynamiczone', components: ['preset-organism.navbar', 'preset-atom.paragraph'] },
-          footer: { type: 'dynamiczone', components: ['preset-organism.footer'] },
-        },
-      },
-    };
-    return {
-      contentType: (uid: string) => contentTypes[uid],
-      get: (key: string) => (key === 'components' ? components : undefined),
-    } as any;
-  };
-
-  it('serializes the site-setting content-type with its two chrome DZ attributes', () => {
-    const out = serializeSchema(chromeStrapi());
-    const siteSetting = out.contentTypes['plugin::press-cms.site-setting'];
-    expect(siteSetting.attributes.header).toEqual({
-      type: 'dynamiczone', components: ['preset-organism.navbar', 'preset-atom.paragraph'],
+      content: { type: 'text', required: true },
     });
-    expect(siteSetting.attributes.footer).toEqual({
-      type: 'dynamiczone', components: ['preset-organism.footer'],
+    expect(out.components['preset-molecule.link'].attributes.page).toEqual({
+      type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page',
     });
   });
 
-  it('walks all three DZs into the components map', () => {
-    const out = serializeSchema(chromeStrapi());
-    for (const uid of ['preset-atom.paragraph', 'preset-atom.button', 'preset-organism.navbar', 'preset-organism.footer']) {
-      expect(out.components[uid]).toBeDefined();
-    }
-  });
-
-  it('follows nested component references — preset-molecule.nav-item enters the map without being a DZ member (Spec §2)', () => {
-    const out = serializeSchema(chromeStrapi());
-    expect(out.components['preset-molecule.nav-item']).toBeDefined();
-    expect(out.components['preset-molecule.nav-item'].attributes.label).toEqual({ type: 'string', required: true });
-    // The nested reference keeps its component/repeatable keys so the generator
-    // can type it (Spec §2).
-    expect(out.components['preset-organism.navbar'].attributes.items).toEqual({
-      type: 'component', repeatable: true, component: 'preset-molecule.nav-item',
-    });
-    expect(out.components['preset-organism.navbar'].attributes.cta).toEqual({
-      type: 'component', repeatable: false, component: 'preset-atom.button',
-    });
-  });
-
-  it('does NOT pull site-setting config components (preset-config.seo & co.) into the map', () => {
-    // Nested-ref walking starts from DZ admissions only — content-type component
-    // attributes (seo, themeColors…) are not part of the block contract.
-    const out = serializeSchema(chromeStrapi());
-    expect(out.components['preset-config.seo']).toBeUndefined();
-  });
-
-  it('fail-fast covers nested refs: a referenced component missing from the registry throws', () => {
-    const strapi = chromeStrapi();
-    (strapi.get('components') as Map<string, any>).delete('preset-molecule.nav-item');
-    expect(() => serializeSchema(strapi)).toThrow(/preset-molecule\.nav-item.*absent from the components registry/);
-  });
-
-  it('throws when the site-setting content-type is not registered', () => {
-    const strapi = chromeStrapi();
-    const inner = strapi.contentType;
-    strapi.contentType = (uid: string) =>
-      uid === 'plugin::press-cms.site-setting' ? undefined : inner(uid);
-    expect(() => serializeSchema(strapi)).toThrow(/plugin::press-cms\.site-setting.*not registered/);
+  it('still fails loud when an engine content-type is missing', () => {
+    const broken = fakeStrapi();
+    const orig = broken.contentType;
+    broken.contentType = (uid: string) => (uid === 'plugin::press-cms.page' ? undefined : orig(uid));
+    expect(() => serializeSchema(broken)).toThrow(/not registered/);
   });
 });
diff --git a/packages/cms/server/src/lib/serialize-schema.ts b/packages/cms/server/src/lib/serialize-schema.ts
index 300a5df..2ef65fa 100644
--- a/packages/cms/server/src/lib/serialize-schema.ts
+++ b/packages/cms/server/src/lib/serialize-schema.ts
@@ -1,5 +1,7 @@
 import type { Core } from '@strapi/strapi';
 import type { Attr, PressSchema } from '@ogs-tech/press-shared';
+import { PRESS_TREE_VERSION } from '@ogs-tech/press-shared';
+import { isCustomBlockUid } from './inject-components';
 
 // Re-exported so the type stays importable from this module, while the single
 // source of truth lives in @ogs-tech/press-shared (shared with @ogs-tech/press-web's generator).
@@ -11,7 +13,10 @@ const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
 // The only attribute keys that are part of the public type-sync contract. Any
 // other key Strapi attaches (private flags, column hints, plugin internals) is
 // deliberately dropped so the generated types stay stable across Strapi patches.
-const KEEP = ['type', 'required', 'enum', 'default', 'components', 'multiple', 'allowedTypes', 'repeatable', 'component'] as const;
+const KEEP = ['type', 'required', 'enum', 'default', 'components', 'multiple', 'allowedTypes', 'repeatable', 'component', 'relation', 'target'] as const;
+
+/** Palette membership: engine presets + adopter customs; Strapi-internal categories never serve. */
+const isPaletteUid = (uid: string): boolean => uid.startsWith('preset-') || isCustomBlockUid(uid);
 
 const pickAttributes = (attributes: Record<string, Attr>): Record<string, Attr> => {
   const out: Record<string, Attr> = {};
@@ -44,53 +49,36 @@ const requireContentType = (strapi: Core.Strapi, uid: string) => {
 };
 
 /**
- * Serializes the engine's RUNTIME view (Spec §5.2 golden rule of the type-sync
- * loop): the page AND site-setting content-types plus exactly the components
- * currently admitted into the three engine Dynamic Zones (page `body`,
- * site-setting `header`/`footer`), FOLLOWING nested component references —
- * `preset-organism.navbar` references `preset-molecule.nav-item` and
- * `preset-atom.button`, so those enter the map even though they are not direct DZ
- * members (Spec §2). Reading the live
- * registry (not loose JSON on disk) means the generator can never disagree with
- * what Strapi actually serves.
+ * Serializes the engine's RUNTIME view: the page AND site-setting content-types
+ * plus the FULL registered palette (Spec §4/§5.2) — every `preset-*` + `custom-*`
+ * component uid. The `body`/`pageDefaults` composition tree references components
+ * by uid at arbitrary depth via the `plugin::press-cms.builder` custom field, so
+ * there is no Dynamic Zone admission list left to walk; the palette is exactly
+ * "every component the registry knows about that belongs to press" (Strapi's own
+ * `admin.*`/other-plugin categories never serve). Reading the live registry (not
+ * loose JSON on disk) means the generator can never disagree with what Strapi
+ * actually serves. Also carries `tree.version` (`PRESS_TREE_VERSION`) so the
+ * builder/generator can refuse a tree version they don't understand.
  */
 export const serializeSchema = (strapi: Core.Strapi): PressSchema => {
   const page = requireContentType(strapi, PAGE_UID);
   const siteSetting = requireContentType(strapi, SITE_SETTING_UID);
 
-  const registry = strapi.get('components') as Map<string, any>;
-  const dzComponents: string[] = [
-    ...(page.attributes?.body?.components ?? []),
-    ...(siteSetting.attributes?.header?.components ?? []),
-    ...(siteSetting.attributes?.footer?.components ?? []),
-  ];
-
+  // Strapi's components registry is NOT a Map: it exposes keys()/get()/getAll()
+  // (see @strapi/core registries/components), never entries(). The old `as Map`
+  // cast let a `registry.entries()` call both typecheck AND pass a Map-based unit
+  // fake, yet throw at runtime ("registry.entries is not a function"). Enumerate
+  // via keys()+get(); the structural type below makes a future .entries() a
+  // compile error.
+  const registry = strapi.get('components') as { keys(): string[]; get(uid: string): { attributes: Record<string, Attr> } };
   const components: PressSchema['components'] = {};
-  // Breadth-first over DZ admissions + nested `type: 'component'` references, so
-  // nested-only components (preset-molecule.nav-item) enter the map exactly once.
-  const queue = [...new Set(dzComponents)];
-  while (queue.length > 0) {
-    const uid = queue.shift()!;
-    if (components[uid]) continue;
-    const comp = registry.get(uid);
-    // A uid reachable from an engine DZ but missing from the components registry
-    // is a contract violation (Spec §5.2: the schema must never disagree with
-    // what Strapi serves). Fail loud rather than silently emit incomplete types.
-    if (!comp) {
-      throw new Error(
-        `[press-cms] cannot serialize schema: component '${uid}' is admitted into an engine ` +
-          'Dynamic Zone (or referenced by an admitted component) but absent from the components ' +
-          'registry — the generated types would be incomplete. Aborting the schema response.',
-      );
-    }
-    const attributes = pickAttributes(comp.attributes);
-    components[uid] = { uid, attributes };
-    for (const attr of Object.values(attributes)) {
-      if (attr.type === 'component' && typeof attr.component === 'string') queue.push(attr.component);
-    }
+  for (const uid of registry.keys()) {
+    if (!isPaletteUid(uid)) continue;
+    components[uid] = { uid, attributes: pickAttributes(registry.get(uid).attributes) };
   }
 
   return {
+    tree: { version: PRESS_TREE_VERSION },
     contentTypes: {
       [page.uid]: { uid: page.uid, info: page.info, attributes: pickAttributes(page.attributes) },
       [siteSetting.uid]: { uid: siteSetting.uid, info: siteSetting.info, attributes: pickAttributes(siteSetting.attributes) },
diff --git a/packages/cms/server/src/lib/serve-hydrated.test.ts b/packages/cms/server/src/lib/serve-hydrated.test.ts
new file mode 100644
index 0000000..7765382
--- /dev/null
+++ b/packages/cms/server/src/lib/serve-hydrated.test.ts
@@ -0,0 +1,131 @@
+import { describe, expect, it, vi } from 'vitest';
+import { hydratePageDoc, hydratePageDocs, hydrateSiteSetting } from './serve-hydrated';
+
+/** Mirrors the fixtures in hydrate-tree.test.ts: image → media, link → relation→page, navbar → repeatable+nested. */
+const SCHEMAS: Record<string, any> = {
+  'preset-atom.image': { attributes: { image: { type: 'media', multiple: false }, caption: { type: 'string' } } },
+  'preset-atom.button': { attributes: { link: { type: 'component', component: 'preset-molecule.link' }, variant: { type: 'enumeration' } } },
+  'preset-molecule.link': { attributes: { label: { type: 'string' }, page: { type: 'relation', relation: 'oneToOne', target: 'plugin::press-cms.page' }, url: { type: 'string' }, newTab: { type: 'boolean' } } },
+  'preset-organism.navbar': { attributes: { items: { type: 'component', repeatable: true, component: 'preset-molecule.link' }, cta: { type: 'component', component: 'preset-atom.button' } } },
+};
+
+type File = { id: number; url: string; width: number; height: number; alternativeText: string | null; name: string; mime: string };
+type PageRow = { documentId: string; slug: string };
+
+/**
+ * A fake strapi exposing exactly what serve-hydrated calls: `get('components')`
+ * for the schema registry, `db.query('plugin::upload.file').findMany` for
+ * assets, `documents(PAGE_UID).findMany` for page refs. Both findMany stubs are
+ * counting spies (vi.fn tracks every call in `.mock.calls`) that return canned
+ * rows filtered to the requested `$in` ids — enough to prove BOTH the wire
+ * shapes AND (via `.mock.calls.length`) that a whole doc list shares one query
+ * pair instead of one per doc.
+ */
+function makeStrapi(files: File[], pages: PageRow[]) {
+  const components = new Map(Object.entries(SCHEMAS));
+  const fileFindMany = vi.fn(async (args: any) => {
+    const ids: number[] = args.where.id.$in;
+    return files.filter((f) => ids.includes(f.id));
+  });
+  const pageFindMany = vi.fn(async (args: any) => {
+    const ids: string[] = args.filters.documentId.$in;
+    return pages.filter((p) => ids.includes(p.documentId));
+  });
+  const strapi = {
+    get: (key: string) => (key === 'components' ? components : undefined),
+    db: { query: (_uid: string) => ({ findMany: fileFindMany }) },
+    documents: (_uid: string) => ({ findMany: pageFindMany }),
+  } as any;
+  return { strapi, fileFindMany, pageFindMany };
+}
+
+const imageBlock = (id: string, assetId: number) => ({ id, type: 'block', component: 'preset-atom.image', data: { image: { assetId }, caption: id } });
+const linkBlock = (id: string, documentId: string) => ({ id, type: 'block', component: 'preset-atom.button', data: { link: { label: id, page: { documentId } }, variant: 'primary' } });
+const bodyOf = (children: unknown[]) => ({ version: 2, root: { type: 'layout', children } });
+
+describe('hydratePageDocs — batched across the whole list', () => {
+  const FILES: File[] = [{ id: 7, url: '/uploads/x.png', width: 480, height: 270, alternativeText: null, name: 'x.png', mime: 'image/png' }];
+  const PAGES: PageRow[] = [{ documentId: 'a', slug: 'a-page' }];
+
+  const docA = { documentId: 'a', slug: 'a-page', body: bodyOf([imageBlock('b1', 7)]) };
+  const docB = { documentId: 'b', slug: 'b-page', body: bodyOf([linkBlock('b2', 'a'), imageBlock('b3', 999)]) };
+  const docC = { documentId: 'c', slug: 'c-page', body: bodyOf([linkBlock('b4', 'zzz-missing')]) };
+  const docNoBody = { documentId: 'd', slug: 'd-page', body: null };
+
+  it('issues exactly one upload.file findMany and one pages findMany for the whole list (the N+1 regression guard)', async () => {
+    const { strapi, fileFindMany, pageFindMany } = makeStrapi(FILES, PAGES);
+    await hydratePageDocs(strapi, [docA, docB, docC, docNoBody, null as any]);
+    expect(fileFindMany).toHaveBeenCalledTimes(1);
+    expect(pageFindMany).toHaveBeenCalledTimes(1);
+    // combined refs across ALL docs, not just the first
+    expect(fileFindMany.mock.calls[0][0].where.id.$in.sort()).toEqual([7, 999]);
+    expect(pageFindMany.mock.calls[0][0].filters.documentId.$in.sort()).toEqual(['a', 'zzz-missing']);
+  });
+
+  it('hydrates each doc to the exact wire shape and passes null/body-less docs through untouched', async () => {
+    const { strapi } = makeStrapi(FILES, PAGES);
+    const out = await hydratePageDocs(strapi, [docA, docB, docC, docNoBody, null as any]);
+
+    expect((out[0] as any).body.root.children[0].data.image).toEqual({
+      assetId: 7, url: '/uploads/x.png', width: 480, height: 270, alternativeText: null, name: 'x.png', mime: 'image/png',
+    });
+
+    const bDoc = out[1] as any;
+    expect(bDoc.body.root.children[0].data.link.page).toEqual({ documentId: 'a', slug: 'a-page' }); // published → slug attached
+    expect(bDoc.body.root.children[1].data.image).toBeNull(); // missing asset → null
+
+    const cDoc = out[2] as any;
+    const missingPageRef = cDoc.body.root.children[0].data.link.page;
+    expect(missingPageRef).toEqual({ documentId: 'zzz-missing' });
+    expect(missingPageRef).not.toHaveProperty('slug'); // unpublished/missing → ref kept, no slug key
+
+    expect(out[3]).toBe(docNoBody); // body-less doc: same reference, untouched
+    expect(out[4]).toBeNull(); // null doc entry: passed through
+  });
+});
+
+describe('hydratePageDoc — single doc still resolves correctly', () => {
+  it('hydrates media and page refs for one doc', async () => {
+    const { strapi } = makeStrapi(
+      [{ id: 7, url: '/uploads/x.png', width: 480, height: 270, alternativeText: null, name: 'x.png', mime: 'image/png' }],
+      [{ documentId: 'a', slug: 'a-page' }],
+    );
+    const doc = { documentId: 'a', slug: 'a-page', body: bodyOf([imageBlock('b1', 7)]) };
+    const out = await hydratePageDoc(strapi, doc);
+    expect((out as any).body.root.children[0].data.image.url).toBe('/uploads/x.png');
+  });
+
+  it('passes a null doc through untouched', async () => {
+    const { strapi } = makeStrapi([], []);
+    expect(await hydratePageDoc(strapi, null)).toBeNull();
+  });
+});
+
+describe('hydrateSiteSetting', () => {
+  const FILES: File[] = [{ id: 7, url: '/uploads/x.png', width: 480, height: 270, alternativeText: null, name: 'x.png', mime: 'image/png' }];
+  const PAGES: PageRow[] = [{ documentId: 'a', slug: 'a-page' }];
+
+  it('hydrates pageDefaults.header/.footer bare Node[]', async () => {
+    const { strapi } = makeStrapi(FILES, PAGES);
+    const data = {
+      name: 'Acme',
+      pageDefaults: { header: [imageBlock('h1', 7)], footer: [linkBlock('f1', 'a')] },
+    };
+    const out = await hydrateSiteSetting(strapi, data);
+    expect((out as any).pageDefaults.header[0].data.image).toEqual({
+      assetId: 7, url: '/uploads/x.png', width: 480, height: 270, alternativeText: null, name: 'x.png', mime: 'image/png',
+    });
+    expect((out as any).pageDefaults.footer[0].data.link.page).toEqual({ documentId: 'a', slug: 'a-page' });
+  });
+
+  it('is tolerant of a null record — passes through, no throw', async () => {
+    const { strapi } = makeStrapi([], []);
+    await expect(hydrateSiteSetting(strapi, null)).resolves.toBeNull();
+  });
+
+  it('is tolerant of a pageDefaults-less record — passes through, no throw', async () => {
+    const { strapi } = makeStrapi([], []);
+    const data: { name: string; pageDefaults?: unknown } = { name: 'Acme' };
+    await expect(hydrateSiteSetting(strapi, data)).resolves.toEqual(data);
+  });
+});
diff --git a/packages/cms/server/src/lib/serve-hydrated.ts b/packages/cms/server/src/lib/serve-hydrated.ts
new file mode 100644
index 0000000..e80f037
--- /dev/null
+++ b/packages/cms/server/src/lib/serve-hydrated.ts
@@ -0,0 +1,82 @@
+import type { Core } from '@strapi/strapi';
+import { collectNodeRefs, collectTreeRefs, hydrateNodeArray, hydrateTree, type SchemaLookup, type TreeRefs, type TreeResolvers } from './hydrate-tree';
+
+const PAGE_UID = 'plugin::press-cms.page';
+
+const schemaLookup = (strapi: Core.Strapi): SchemaLookup => {
+  const registry = strapi.get('components') as Map<string, any>;
+  return (uid) => registry.get(uid);
+};
+
+/** One batched query per ref kind; a missing asset → null, a missing/unpublished page → ref without slug. */
+async function buildResolvers(strapi: Core.Strapi, refs: TreeRefs): Promise<TreeResolvers> {
+  const files = refs.assetIds.length
+    ? await strapi.db.query('plugin::upload.file').findMany({ where: { id: { $in: refs.assetIds } } })
+    : [];
+  const fileById = new Map<number, Record<string, unknown>>(
+    files.map((f: any) => [f.id, {
+      assetId: f.id, url: f.url, width: f.width, height: f.height,
+      alternativeText: f.alternativeText ?? null, name: f.name, mime: f.mime,
+    }]),
+  );
+  const pages = refs.pageDocumentIds.length
+    ? await strapi.documents(PAGE_UID as any).findMany({
+        filters: { documentId: { $in: refs.pageDocumentIds } },
+        status: 'published',
+        fields: ['slug'],
+      })
+    : [];
+  const pageByDoc = new Map<string, Record<string, unknown>>(
+    (pages as any[]).map((p) => [p.documentId, { documentId: p.documentId, slug: p.slug }]),
+  );
+  return {
+    media: (assetId) => fileById.get(assetId) ?? null,
+    page: (documentId) => pageByDoc.get(documentId) ?? { documentId },
+  };
+}
+
+/** Applies already-built resolvers to one doc's body — the shared last step of both hydration paths below. */
+function hydrateBody<T extends Record<string, unknown>>(doc: T, getSchema: SchemaLookup, resolvers: TreeResolvers): T {
+  return { ...doc, body: hydrateTree(doc.body, getSchema, resolvers) };
+}
+
+export async function hydratePageDoc<T extends Record<string, unknown>>(strapi: Core.Strapi, doc: T | null): Promise<T | null> {
+  if (!doc || doc.body === undefined || doc.body === null) return doc;
+  const getSchema = schemaLookup(strapi);
+  const resolvers = await buildResolvers(strapi, collectTreeRefs(doc.body, getSchema));
+  return hydrateBody(doc, getSchema, resolvers);
+}
+
+/** One resolver build for the WHOLE list (kills the per-doc N+1 on the unpaginated `GET /pages`): collect refs across every doc's body, resolve once, then hydrate each doc against the shared resolvers. */
+export async function hydratePageDocs<T extends Record<string, unknown>>(strapi: Core.Strapi, docs: T[]): Promise<T[]> {
+  const getSchema = schemaLookup(strapi);
+  const combinedRefs = docs.reduce<TreeRefs>((refs, doc) => {
+    if (!doc || doc.body === undefined || doc.body === null) return refs;
+    const docRefs = collectTreeRefs(doc.body, getSchema);
+    return {
+      assetIds: [...refs.assetIds, ...docRefs.assetIds],
+      pageDocumentIds: [...refs.pageDocumentIds, ...docRefs.pageDocumentIds],
+    };
+  }, { assetIds: [], pageDocumentIds: [] });
+  const resolvers = await buildResolvers(strapi, combinedRefs);
+  return docs.map((doc) => (!doc || doc.body === undefined || doc.body === null ? doc : hydrateBody(doc, getSchema, resolvers)));
+}
+
+export async function hydrateSiteSetting<T extends { pageDefaults?: unknown }>(strapi: Core.Strapi, data: T | null): Promise<T | null> {
+  const pd = data?.pageDefaults as { header?: unknown; footer?: unknown } | null | undefined;
+  if (!data || !pd || typeof pd !== 'object') return data;
+  const getSchema = schemaLookup(strapi);
+  const refs = [collectNodeRefs(pd.header, getSchema), collectNodeRefs(pd.footer, getSchema)];
+  const resolvers = await buildResolvers(strapi, {
+    assetIds: [...new Set(refs.flatMap((r) => r.assetIds))],
+    pageDocumentIds: [...new Set(refs.flatMap((r) => r.pageDocumentIds))],
+  });
+  return {
+    ...data,
+    pageDefaults: {
+      ...pd,
+      header: hydrateNodeArray(pd.header, getSchema, resolvers),
+      footer: hydrateNodeArray(pd.footer, getSchema, resolvers),
+    },
+  };
+}
diff --git a/packages/cms/server/src/lib/validate-write.test.ts b/packages/cms/server/src/lib/validate-write.test.ts
new file mode 100644
index 0000000..ba2cf1b
--- /dev/null
+++ b/packages/cms/server/src/lib/validate-write.test.ts
@@ -0,0 +1,43 @@
+import { describe, expect, it } from 'vitest';
+import { assertValidPageWrite, assertValidSiteSettingWrite } from './validate-write';
+
+const validTree = {
+  version: 2,
+  root: { type: 'layout', header: { mode: 'inherit' }, footer: { mode: 'inherit' }, children: [] },
+};
+
+describe('assertValidPageWrite', () => {
+  it('passes valid trees and skips writes without a body (partial update)', () => {
+    expect(() => assertValidPageWrite({ body: validTree })).not.toThrow();
+    expect(() => assertValidPageWrite({ title: 'x' })).not.toThrow();
+    expect(() => assertValidPageWrite(undefined)).not.toThrow();
+  });
+
+  it('rejects structural errors AND stripped-attr warnings (strict write)', () => {
+    expect(() => assertValidPageWrite({ body: { version: 99 } })).toThrow(/unsupported tree version/);
+    const warned = {
+      version: 2,
+      root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+        { id: 'r', type: 'row', container: { width: 'xl' }, children: [
+          { id: 'c', type: 'column', span: { base: 12 }, children: [] },
+        ] },
+      ] },
+    };
+    expect(() => assertValidPageWrite({ body: warned })).toThrow(/width/);
+  });
+
+  it('tolerates a JSON string body (db layer serialization)', () => {
+    expect(() => assertValidPageWrite({ body: JSON.stringify(validTree) })).not.toThrow();
+    expect(() => assertValidPageWrite({ body: 'not json {' })).toThrow(/invalid composition tree/);
+  });
+});
+
+describe('assertValidSiteSettingWrite', () => {
+  it('validates each pageDefaults slot as a Node[] and skips absent slots', () => {
+    expect(() => assertValidSiteSettingWrite({ pageDefaults: { header: [], footer: [] } })).not.toThrow();
+    expect(() => assertValidSiteSettingWrite({ name: 'x' })).not.toThrow();
+    expect(() =>
+      assertValidSiteSettingWrite({ pageDefaults: { header: [{ id: 'c', type: 'column', children: [] }] } }),
+    ).toThrow(/only legal directly under a row/);
+  });
+});
diff --git a/packages/cms/server/src/lib/validate-write.ts b/packages/cms/server/src/lib/validate-write.ts
new file mode 100644
index 0000000..1c9fa48
--- /dev/null
+++ b/packages/cms/server/src/lib/validate-write.ts
@@ -0,0 +1,44 @@
+/**
+ * Write-path validation backstop (Spec §4): the builder UI makes invalid trees
+ * unreachable; these lifecycle guards protect direct API writes. STRICT: any
+ * error OR warning rejects — sanitize-and-accept is the READ side's job.
+ */
+import { validateNodeArray, validatePressTree, type TreeIssue } from '@ogs-tech/press-shared';
+
+const format = (issues: TreeIssue[]): string => issues.map((i) => `  ${i.path}: ${i.message}`).join('\n');
+
+const parseMaybeJson = (value: unknown): unknown => {
+  if (typeof value !== 'string') return value;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return Symbol('unparseable'); // guaranteed to fail validation with a clear message
+  }
+};
+
+export function assertValidPageWrite(data: Record<string, unknown> | undefined): void {
+  const body = data?.body;
+  if (body === undefined || body === null) return;
+  const { errors, warnings } = validatePressTree(parseMaybeJson(body));
+  const issues = [...errors, ...warnings];
+  if (issues.length > 0) {
+    throw new Error(`[press-cms] invalid composition tree in page.body — write rejected:\n${format(issues)}`);
+  }
+}
+
+export function assertValidSiteSettingWrite(data: Record<string, unknown> | undefined): void {
+  const pd = parseMaybeJson(data?.pageDefaults);
+  if (pd === undefined || pd === null) return;
+  if (typeof pd !== 'object' || Array.isArray(pd)) {
+    throw new Error('[press-cms] pageDefaults must be an object of { header, footer } node arrays — write rejected');
+  }
+  for (const key of ['header', 'footer'] as const) {
+    const slot = (pd as Record<string, unknown>)[key];
+    if (slot === undefined || slot === null) continue;
+    const { errors, warnings } = validateNodeArray(slot);
+    const issues = [...errors, ...warnings];
+    if (issues.length > 0) {
+      throw new Error(`[press-cms] invalid nodes in pageDefaults.${key} — write rejected:\n${format(issues)}`);
+    }
+  }
+}
diff --git a/packages/cms/server/src/register.ts b/packages/cms/server/src/register.ts
index 6ac8951..b1dd988 100644
--- a/packages/cms/server/src/register.ts
+++ b/packages/cms/server/src/register.ts
@@ -1,11 +1,17 @@
 import type { Core } from '@strapi/strapi';
 import { injectComponents } from './lib/inject-components';
-import { admitCustomBlocks } from './lib/inject-components';
 import { quietSchemaHttpLog } from './lib/quiet-schema-log';
 
 const register = ({ strapi }: { strapi: Core.Strapi }) => {
+  // The composition-builder storage primitive (Spec §4): a JSON custom field.
+  // Declared before content-types are transformed into models so the
+  // `plugin::press-cms.builder` reference in page/site-setting schema.json resolves.
+  strapi.customFields.register({
+    name: 'builder',
+    plugin: 'press-cms',
+    type: 'json',
+  });
   injectComponents({ strapi });
-  admitCustomBlocks({ strapi });
   quietSchemaHttpLog(strapi);
 };
 
diff --git a/packages/cms/vitest.config.ts b/packages/cms/vitest.config.ts
new file mode 100644
index 0000000..c80c08d
--- /dev/null
+++ b/packages/cms/vitest.config.ts
@@ -0,0 +1,47 @@
+import { defineConfig } from 'vitest/config';
+import { createRequire } from 'node:module';
+
+/**
+ * The cms suite is otherwise config-free (node default env; the admin component
+ * test opts into jsdom with a `// @vitest-environment jsdom` pragma). This file
+ * exists ONLY to let that one test import real `@strapi/design-system` widgets,
+ * which needs two workarounds:
+ *
+ *  1. ESM/CJS: `@strapi/design-system` (+ `@strapi/icons` / `@strapi/ui-primitives`)
+ *     declare `"type": "module"` yet point `main` at a CommonJS `dist/index.js`
+ *     with no `exports` map. Externalized, Node's ESM loader reads that `.js` as
+ *     ESM and dies on `exports is not defined`. Inlining routes them through
+ *     vite's transform; `mainFields` prefers their ESM `module` build. Packages
+ *     that ship an `exports` map (the server-side strapi deps) are unaffected —
+ *     `exports` wins over `mainFields`.
+ *  2. Duplicate React: design-system pulls in radix, and pnpm has planted a
+ *     second physical `react` copy nested under a `@radix-ui` package. Inlined
+ *     radix resolving to it gives a second React instance → null hook dispatcher
+ *     ("Cannot read properties of null (reading 'useMemo')"). Pinning every
+ *     react entrypoint to the single hoisted copy collapses them.
+ */
+const require = createRequire(import.meta.url);
+
+export default defineConfig({
+  resolve: {
+    mainFields: ['module', 'browser', 'main'],
+    dedupe: ['react', 'react-dom'],
+    // Order matters: subpaths before the bare package names.
+    alias: {
+      'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime'),
+      'react/jsx-runtime': require.resolve('react/jsx-runtime'),
+      'react-dom/client': require.resolve('react-dom/client'),
+      'react-dom': require.resolve('react-dom'),
+      react: require.resolve('react'),
+    },
+  },
+  test: {
+    server: {
+      deps: {
+        // @radix-ui too: externalized, Node resolves its nested react copy and
+        // ignores the vite alias above; inlined, the alias collapses it to one.
+        inline: [/@strapi\/design-system/, /@strapi\/icons/, /@strapi\/ui-primitives/, /@radix-ui\//],
+      },
+    },
+  },
+});
diff --git a/packages/shared/.npmignore b/packages/shared/.npmignore
new file mode 100644
index 0000000..58e03e1
--- /dev/null
+++ b/packages/shared/.npmignore
@@ -0,0 +1,8 @@
+# An .npmignore (NOT a `files` allowlist) is REQUIRED here: with a `files` field
+# npm STOPS honoring .npmignore and would re-ship the vitest suites (the exact
+# trap the CLI publish-readiness guard documents; web uses this same pattern).
+# Relying on .npmignore alone keeps tests out of the tarball while still
+# shipping the TS source that press-web imports at runtime and press-cms bundles.
+node_modules/
+vitest.config.ts
+**/*.test.ts
diff --git a/packages/shared/package.json b/packages/shared/package.json
index c5fc2ba..dd45ac3 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -1,23 +1,29 @@
 {
   "name": "@ogs-tech/press-shared",
   "version": "0.1.0",
-  "private": true,
-  "description": "press — framework-agnostic contract types shared by the engine packages",
+  "description": "press — wire contract types and pure wire validators shared by the engine packages",
   "license": "MIT",
   "author": "Odenir Gomes",
   "type": "module",
+  "publishConfig": { "access": "public" },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ogs-tech/press.git",
+    "directory": "packages/shared"
+  },
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": { "types": "./src/index.ts", "default": "./src/index.ts" }
   },
-  "files": ["src"],
   "scripts": {
     "build": "echo '@ogs-tech/press-shared ships TS source; nothing to build'",
+    "test": "vitest run",
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "typescript": "^5"
+    "typescript": "^5",
+    "vitest": "^2.1.0"
   }
 }
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index 746da65..1c5de5c 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -31,6 +31,11 @@ export interface Attr {
 }
 
 export interface PressSchema {
+  /** The composition-tree contract version served by this cms (absent on pre-tree engines). */
+  tree?: { version: number };
   contentTypes: Record<string, { uid: string; info: unknown; attributes: Record<string, Attr> }>;
   components: Record<string, { uid: string; attributes: Record<string, Attr> }>;
 }
+
+export * from './tree';
+export * from './validate-tree';
diff --git a/packages/shared/src/tree.ts b/packages/shared/src/tree.ts
new file mode 100644
index 0000000..ee1be55
--- /dev/null
+++ b/packages/shared/src/tree.ts
@@ -0,0 +1,97 @@
+/**
+ * The press composition tree — the JSON stored by the `plugin::press-cms.builder`
+ * custom field (page `body`) and, as bare `Node[]` slots, by Site Settings
+ * `pageDefaults`. Pure wire types: no Strapi, no React.
+ *
+ * Column `span` (base/md/lg) is the ONE responsive value this JSON carries — the
+ * deliberate exception to "responsiveness lives in code". `container` attrs remain
+ * editorial intents the web renderer maps to Responsive<T> values code-side.
+ */
+
+/** Readers reject any other version (fail-to-empty); gates future migrations. */
+export const PRESS_TREE_VERSION = 2;
+
+/** 1..12 track span. Kept `number` on the wire (not a 12-arm literal union);
+ *  the range is enforced by the validator, not the type. */
+export type Span = number;
+
+/** Mobile-first responsive span: `base` is the required mobile default; `md`/`lg`
+ *  are optional overrides that cascade up (md inherits base, lg inherits md). */
+export interface ColumnSpan {
+  base: Span;
+  md?: Span;
+  lg?: Span;
+}
+
+export type Gap = 'compact' | 'normal' | 'spacious';
+export type VerticalAlign = 'top' | 'center' | 'bottom';
+export type ContainerWidth = 'prose' | 'lg' | 'full';
+
+/**
+ * The ONE attribute surface for every children-bearing node (Spec §3). An
+ * absent field (or the whole group absent) means the engine default. Attrs
+ * that don't apply to a node type are ignored by the renderer and hidden by
+ * the builder form — never an error.
+ */
+export interface ContainerAttrs {
+  /** Container tier — top-level Rows only; ignored when nested. */
+  width?: ContainerWidth;
+  /** Row: track gap; Column/Layout: stack rhythm. */
+  gap?: Gap;
+  /** Row: aligns cells; Column: content within the cell height. */
+  verticalAlign?: VerticalAlign;
+}
+
+/**
+ * A placed block: `component` is a palette uid (`preset-atom.paragraph`,
+ * `custom-organism.callout`); `data` is validated against that component's
+ * registry schema. Media inside `data` is a REFERENCE (`{ assetId: number }`),
+ * page links are `{ documentId: string }` — the cms hydrates both server-side
+ * so the wire never rots (Spec §3).
+ */
+export interface BlockNode {
+  /** Builder-minted (crypto.randomUUID); React keys + builder ops only — never an Entity. */
+  id: string;
+  type: 'block';
+  component: string;
+  data: Record<string, unknown>;
+}
+
+/** The recursion point: a column nests arbitrary nodes, including further rows. */
+export interface ColumnNode {
+  id: string;
+  type: 'column';
+  /** Per-breakpoint width in 12-track units — the one responsive value on the wire. */
+  span: ColumnSpan;
+  container?: ContainerAttrs;
+  children: Node[];
+}
+
+export interface RowNode {
+  id: string;
+  type: 'row';
+  container?: ContainerAttrs;
+  /** 1..N columns; each column owns its own span (no shared row-level ratio). */
+  children: ColumnNode[];
+}
+
+export type Node = RowNode | ColumnNode | BlockNode;
+
+export type Slot =
+  | { mode: 'inherit' }                    // resolve against Site Settings pageDefaults
+  | { mode: 'none' }                       // bare page
+  | { mode: 'custom'; children: Node[] };  // page-owned chrome
+
+export interface LayoutNode {
+  type: 'layout';
+  header: Slot;
+  footer: Slot;
+  /** Only `gap` applies: rhythm between top-level children. */
+  container?: ContainerAttrs;
+  children: Node[];
+}
+
+export interface PressTree {
+  version: typeof PRESS_TREE_VERSION;
+  root: LayoutNode;
+}
diff --git a/packages/shared/src/validate-tree.test.ts b/packages/shared/src/validate-tree.test.ts
new file mode 100644
index 0000000..91be84f
--- /dev/null
+++ b/packages/shared/src/validate-tree.test.ts
@@ -0,0 +1,201 @@
+import { describe, expect, it } from 'vitest';
+import { validateNodeArray, validatePressTree } from './validate-tree';
+import type { PressTree } from './tree';
+
+const block = (component: string, data: Record<string, unknown> = {}) => ({
+  id: `id-${component}`,
+  type: 'block' as const,
+  component,
+  data,
+});
+
+const validTree = (): PressTree => ({
+  version: 2,
+  root: {
+    type: 'layout',
+    header: { mode: 'inherit' },
+    footer: { mode: 'none' },
+    container: { gap: 'normal' },
+    children: [
+      block('preset-organism.hero', { title: 'Hi' }),
+      {
+        id: 'row-1',
+        type: 'row',
+        container: { width: 'lg', gap: 'compact', verticalAlign: 'center' },
+        children: [
+          { id: 'col-1', type: 'column', span: { base: 12, md: 6 }, children: [block('preset-atom.paragraph', { content: 'a' })] },
+          {
+            id: 'col-2',
+            type: 'column',
+            span: { base: 12, md: 6 },
+            container: { gap: 'spacious', verticalAlign: 'bottom' },
+            // the recursion point: a row INSIDE a column (must validate at depth)
+            children: [
+              {
+                id: 'row-2',
+                type: 'row',
+                children: [
+                  { id: 'col-3', type: 'column', span: { base: 12, md: 4 }, children: [block('custom-organism.callout')] },
+                  { id: 'col-4', type: 'column', span: { base: 12, md: 8 }, children: [] },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+});
+
+describe('validatePressTree', () => {
+  it('accepts a valid deeply recursive tree and returns a sanitized copy', () => {
+    const input = validTree();
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.warnings).toEqual([]);
+    expect(out.value).toEqual(input);
+    expect(out.value).not.toBe(input); // deep copy, never the input reference
+  });
+
+  it('rejects non-objects and the retired v1 version (fail-to-empty gate)', () => {
+    expect(validatePressTree(null).value).toBeNull();
+    expect(validatePressTree('[]').value).toBeNull();
+    const v1 = { ...validTree(), version: 1 };
+    const out = validatePressTree(v1);
+    expect(out.value).toBeNull();
+    expect(out.errors[0].path).toBe('$.version');
+  });
+
+  it('rejects a root that is not a layout node', () => {
+    const out = validatePressTree({ version: 2, root: block('preset-atom.paragraph') });
+    expect(out.value).toBeNull();
+    expect(out.errors[0].path).toBe('$.root');
+  });
+
+  it('strips invalid container attr values as warnings, never errors', () => {
+    const input = validTree();
+    (input.root.children[1] as any).container = { width: 'xl', gap: 'normal', verticalAlign: 'middle' };
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.warnings.map((w) => w.path)).toEqual([
+      '$.root.children[1].container.width',
+      '$.root.children[1].container.verticalAlign',
+    ]);
+    expect((out.value!.root.children[1] as any).container).toEqual({ gap: 'normal' });
+  });
+
+  it('errors on a column outside a row and on unknown node types', () => {
+    const stray = validatePressTree({
+      version: 2,
+      root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+        { id: 'c', type: 'column', span: { base: 12 }, children: [] },
+      ] },
+    });
+    expect(stray.value).toBeNull();
+    expect(stray.errors[0].message).toMatch(/only legal directly under a row/);
+
+    const unknown = validatePressTree({
+      version: 2,
+      root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+        { id: 'x', type: 'mystery' },
+      ] },
+    });
+    expect(unknown.value).toBeNull();
+  });
+
+  it('requires a non-empty column list and column-only row children, with NO upper cap on the wire', () => {
+    const empty = validTree();
+    (empty.root.children[1] as any).children = [];
+    expect(validatePressTree(empty).value).toBeNull();
+
+    const notColumn = validTree();
+    (notColumn.root.children[1] as any).children = [block('preset-atom.paragraph')];
+    expect(validatePressTree(notColumn).value).toBeNull();
+
+    const many = validTree();
+    (many.root.children[1] as any).children = Array.from({ length: 6 }, (_, i) => ({
+      id: `c${i}`, type: 'column', span: { base: 2 }, children: [],
+    }));
+    expect(validatePressTree(many).errors).toEqual([]); // 6 columns is valid — the cap is a builder concern
+  });
+
+  it('requires block ids and component uids', () => {
+    const noId = validTree();
+    delete (noId.root.children[0] as any).id;
+    expect(validatePressTree(noId).value).toBeNull();
+
+    const noComponent = validTree();
+    delete (noComponent.root.children[0] as any).component;
+    expect(validatePressTree(noComponent).value).toBeNull();
+  });
+
+  it('coerces an unknown slot mode to none with a warning (render: treat as none)', () => {
+    const input = validTree();
+    (input.root as any).header = { mode: 'mystery' };
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.warnings.some((w) => w.path === '$.root.header.mode')).toBe(true);
+    expect(out.value!.root.header).toEqual({ mode: 'none' });
+  });
+
+  it('validates custom slot children recursively', () => {
+    const input = validTree();
+    (input.root as any).footer = { mode: 'custom', children: [block('preset-organism.footer')] };
+    const out = validatePressTree(input);
+    expect(out.errors).toEqual([]);
+    expect(out.value!.root.footer).toEqual({ mode: 'custom', children: [block('preset-organism.footer')] });
+  });
+});
+
+describe('span validation (attr-level: sanitize + warn, never nulls the tree)', () => {
+  const rowWithSpan = (span: unknown) => ({
+    version: 2,
+    root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [
+      { id: 'r', type: 'row', children: [{ id: 'c', type: 'column', span, children: [] }] },
+    ] },
+  });
+  const colSpan = (out: ReturnType<typeof validatePressTree>) =>
+    (out.value!.root.children[0] as any).children[0].span;
+
+  it('accepts a well-formed span object with declared tiers', () => {
+    const out = validatePressTree(rowWithSpan({ base: 6, md: 4, lg: 3 }));
+    expect(out.errors).toEqual([]);
+    expect(out.warnings).toEqual([]);
+    expect(colSpan(out)).toEqual({ base: 6, md: 4, lg: 3 });
+  });
+
+  it('defaults a missing/non-object span to { base: 12 } with a warning', () => {
+    const out = validatePressTree(rowWithSpan(undefined));
+    expect(out.errors).toEqual([]);
+    expect(out.warnings.some((w) => w.path.endsWith('.span'))).toBe(true);
+    expect(colSpan(out)).toEqual({ base: 12 });
+  });
+
+  it('defaults an out-of-range base to 12 and drops out-of-range md/lg (inherit via cascade)', () => {
+    const out = validatePressTree(rowWithSpan({ base: 0, md: 99, lg: 3 }));
+    expect(out.errors).toEqual([]);
+    expect(colSpan(out)).toEqual({ base: 12, lg: 3 });
+    expect(out.warnings.some((w) => w.path.endsWith('.span.base'))).toBe(true);
+    expect(out.warnings.some((w) => w.path.endsWith('.span.md'))).toBe(true);
+  });
+
+  it('treats a non-integer span as invalid (no silent rounding)', () => {
+    const out = validatePressTree(rowWithSpan({ base: 6.5 }));
+    expect(colSpan(out)).toEqual({ base: 12 });
+    expect(out.warnings.some((w) => w.path.endsWith('.span.base'))).toBe(true);
+  });
+});
+
+describe('validateNodeArray', () => {
+  it('accepts a bare Node[] (the pageDefaults slot shape)', () => {
+    const nodes = [block('preset-organism.navbar')];
+    const out = validateNodeArray(nodes);
+    expect(out.errors).toEqual([]);
+    expect(out.value).toEqual(nodes);
+  });
+
+  it('rejects non-arrays and invalid members', () => {
+    expect(validateNodeArray({}).value).toBeNull();
+    expect(validateNodeArray([{ id: 'x', type: 'column', span: { base: 12 }, children: [] }]).value).toBeNull();
+  });
+});
diff --git a/packages/shared/src/validate-tree.ts b/packages/shared/src/validate-tree.ts
new file mode 100644
index 0000000..c14dcd6
--- /dev/null
+++ b/packages/shared/src/validate-tree.ts
@@ -0,0 +1,222 @@
+/**
+ * Runtime PressTree validator (Spec §3 "press-shared changes nature"): pure TS,
+ * zero deps. Compiled into press-cms dist (save-time backstop) and consumed as
+ * source by press-web (render-time guard).
+ *
+ * Contract: `value` is a SANITIZED deep copy — structural failures null it and
+ * land in `errors`; invalid container-attr values are stripped and land in
+ * `warnings` (attr-level failure never becomes tree-level, Spec §7); an unknown
+ * slot mode degrades to `none` with a warning. Writers reject on errors OR
+ * warnings (strict write); readers render whenever `value` is non-null
+ * (tolerant read).
+ */
+import type { ColumnNode, ColumnSpan, ContainerAttrs, LayoutNode, Node, PressTree, RowNode, Slot } from './tree';
+import { PRESS_TREE_VERSION } from './tree';
+
+export interface TreeIssue {
+  path: string;
+  message: string;
+}
+
+export interface TreeResult<T> {
+  value: T | null;
+  errors: TreeIssue[];
+  warnings: TreeIssue[];
+}
+
+const WIDTHS: readonly string[] = ['prose', 'lg', 'full'];
+const GAPS: readonly string[] = ['compact', 'normal', 'spacious'];
+const VERTICAL_ALIGNS: readonly string[] = ['top', 'center', 'bottom'];
+
+interface Ctx {
+  errors: TreeIssue[];
+  warnings: TreeIssue[];
+}
+
+const fail = (ctx: Ctx, path: string, message: string): null => {
+  ctx.errors.push({ path, message });
+  return null;
+};
+
+const warn = (ctx: Ctx, path: string, message: string): void => {
+  ctx.warnings.push({ path, message });
+};
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === 'object' && v !== null && !Array.isArray(v);
+
+function sanitizeContainer(input: unknown, path: string, ctx: Ctx): ContainerAttrs | undefined {
+  if (input === undefined || input === null) return undefined;
+  if (!isRecord(input)) {
+    warn(ctx, path, 'container must be an object — ignored');
+    return undefined;
+  }
+  const out: ContainerAttrs = {};
+  const pick = (key: keyof ContainerAttrs, allowed: readonly string[]): void => {
+    const v = input[key];
+    if (v === undefined) return;
+    if (typeof v === 'string' && allowed.includes(v)) {
+      (out as Record<string, unknown>)[key] = v;
+    } else {
+      warn(ctx, `${path}.${key}`, `invalid value ${JSON.stringify(v)} — attribute dropped`);
+    }
+  };
+  pick('width', WIDTHS);
+  pick('gap', GAPS);
+  pick('verticalAlign', VERTICAL_ALIGNS);
+  return Object.keys(out).length > 0 ? out : undefined;
+}
+
+const isSpanValue = (v: unknown): v is number =>
+  typeof v === 'number' && Number.isInteger(v) && v >= 1 && v <= 12;
+
+/** Attr-level: a malformed span never nulls the tree — it defaults + warns. */
+function sanitizeSpan(input: unknown, path: string, ctx: Ctx): ColumnSpan {
+  if (!isRecord(input)) {
+    warn(ctx, path, 'span must be an object { base; md?; lg? } — defaulted to { base: 12 }');
+    return { base: 12 };
+  }
+  let base: number;
+  if (isSpanValue(input.base)) {
+    base = input.base;
+  } else {
+    warn(ctx, `${path}.base`, `base span must be an integer 1..12 — defaulted to 12`);
+    base = 12;
+  }
+  const out: ColumnSpan = { base };
+  for (const tier of ['md', 'lg'] as const) {
+    const v = input[tier];
+    if (v === undefined) continue;
+    if (isSpanValue(v)) out[tier] = v;
+    else warn(ctx, `${path}.${tier}`, `${tier} span must be an integer 1..12 — tier dropped (inherits)`);
+  }
+  return out;
+}
+
+function requireId(input: Record<string, unknown>, path: string, ctx: Ctx): string | null {
+  if (typeof input.id !== 'string' || input.id.length === 0) {
+    return fail(ctx, `${path}.id`, 'node id must be a non-empty string');
+  }
+  return input.id;
+}
+
+function validateColumn(input: unknown, path: string, ctx: Ctx): ColumnNode | null {
+  if (!isRecord(input) || input.type !== 'column') {
+    return fail(ctx, path, `row children must be column nodes, got ${JSON.stringify(isRecord(input) ? input.type : input)}`);
+  }
+  const id = requireId(input, path, ctx);
+  if (id === null) return null;
+  const children = validateChildren(input.children, `${path}.children`, ctx);
+  if (children === null) return null;
+  const node: ColumnNode = { id, type: 'column', span: sanitizeSpan(input.span, `${path}.span`, ctx), children };
+  const container = sanitizeContainer(input.container, `${path}.container`, ctx);
+  if (container) node.container = container;
+  return node;
+}
+
+/** A generic children position (layout root / column) admits block | row only. */
+function validateChildren(input: unknown, path: string, ctx: Ctx): Node[] | null {
+  if (!Array.isArray(input)) return fail(ctx, path, 'children must be an array');
+  const out: Node[] = [];
+  input.forEach((child, i) => {
+    const node = validateNode(child, `${path}[${i}]`, ctx);
+    if (node) out.push(node);
+  });
+  return out;
+}
+
+function validateNode(input: unknown, path: string, ctx: Ctx): Node | null {
+  if (!isRecord(input)) return fail(ctx, path, 'node must be an object');
+  switch (input.type) {
+    case 'block': {
+      const id = requireId(input, path, ctx);
+      if (id === null) return null;
+      if (typeof input.component !== 'string' || input.component.length === 0) {
+        return fail(ctx, `${path}.component`, 'block component must be a non-empty palette uid');
+      }
+      let data: Record<string, unknown> = {};
+      if (input.data === undefined) {
+        // tolerated: an attribute-less block (bare navbar seed)
+      } else if (isRecord(input.data)) {
+        data = structuredClone(input.data) as Record<string, unknown>;
+      } else {
+        warn(ctx, `${path}.data`, 'block data must be an object — reset to {}');
+      }
+      return { id, type: 'block', component: input.component, data };
+    }
+    case 'row': {
+      const id = requireId(input, path, ctx);
+      if (id === null) return null;
+      if (!Array.isArray(input.children)) {
+        return fail(ctx, `${path}.children`, 'row children must be an array of columns');
+      }
+      if (input.children.length < 1) {
+        return fail(ctx, `${path}.children`, 'a row carries at least one column');
+      }
+      const columns: ColumnNode[] = [];
+      input.children.forEach((c, i) => {
+        const col = validateColumn(c, `${path}.children[${i}]`, ctx);
+        if (col) columns.push(col);
+      });
+      const node: RowNode = { id, type: 'row', children: columns };
+      const container = sanitizeContainer(input.container, `${path}.container`, ctx);
+      if (container) node.container = container;
+      return node;
+    }
+    case 'column':
+      return fail(ctx, path, 'a column node is only legal directly under a row');
+    default:
+      return fail(ctx, `${path}.type`, `unknown node type ${JSON.stringify(input.type)}`);
+  }
+}
+
+function validateSlot(input: unknown, path: string, ctx: Ctx): Slot {
+  if (!isRecord(input)) {
+    warn(ctx, path, 'slot must be an object — treated as none');
+    return { mode: 'none' };
+  }
+  if (input.mode === 'inherit') return { mode: 'inherit' };
+  if (input.mode === 'none') return { mode: 'none' };
+  if (input.mode === 'custom') {
+    const children = validateChildren(input.children, `${path}.children`, ctx);
+    return { mode: 'custom', children: children ?? [] };
+  }
+  warn(ctx, `${path}.mode`, `unknown slot mode ${JSON.stringify(input.mode)} — treated as none`);
+  return { mode: 'none' };
+}
+
+export function validatePressTree(input: unknown): TreeResult<PressTree> {
+  const ctx: Ctx = { errors: [], warnings: [] };
+  if (!isRecord(input)) {
+    return { value: null, errors: [{ path: '$', message: 'tree must be an object' }], warnings: [] };
+  }
+  if (input.version !== PRESS_TREE_VERSION) {
+    return {
+      value: null,
+      errors: [{ path: '$.version', message: `unsupported tree version ${JSON.stringify(input.version)} (expected ${PRESS_TREE_VERSION})` }],
+      warnings: [],
+    };
+  }
+  const root = input.root;
+  if (!isRecord(root) || root.type !== 'layout') {
+    return { value: null, errors: [{ path: '$.root', message: "root must be a node of type 'layout'" }], warnings: ctx.warnings };
+  }
+  const header = validateSlot(root.header, '$.root.header', ctx);
+  const footer = validateSlot(root.footer, '$.root.footer', ctx);
+  const children = validateChildren(root.children, '$.root.children', ctx) ?? [];
+  const layout: LayoutNode = { type: 'layout', header, footer, children };
+  const container = sanitizeContainer(root.container, '$.root.container', ctx);
+  if (container) layout.container = container;
+  return {
+    value: ctx.errors.length === 0 ? { version: PRESS_TREE_VERSION, root: layout } : null,
+    errors: ctx.errors,
+    warnings: ctx.warnings,
+  };
+}
+
+/** Validates a bare Node[] — the shape of one Site Settings pageDefaults slot. */
+export function validateNodeArray(input: unknown): TreeResult<Node[]> {
+  const ctx: Ctx = { errors: [], warnings: [] };
+  const nodes = validateChildren(input, '$', ctx);
+  return { value: ctx.errors.length === 0 ? nodes : null, errors: ctx.errors, warnings: ctx.warnings };
+}
diff --git a/packages/shared/vitest.config.ts b/packages/shared/vitest.config.ts
new file mode 100644
index 0000000..6ec74ee
--- /dev/null
+++ b/packages/shared/vitest.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    include: ['src/**/*.test.ts'],
+  },
+});
diff --git a/packages/web/package.json b/packages/web/package.json
index 3f47fc7..e93662a 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -41,16 +41,16 @@
     "next": ">=15"
   },
   "dependencies": {
+    "@ogs-tech/press-shared": "workspace:*",
     "commander": "^13.0.0",
     "tsx": "^4.19.0"
   },
   "devDependencies": {
-    "@ogs-tech/press-shared": "workspace:*",
     "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/react": "^19",
     "jsdom": "^25.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "typescript": "^5",
     "vitest": "^2.1.0"
   }
diff --git a/packages/web/src/atom-blocks.ts b/packages/web/src/atom-blocks.ts
index 676ed61..8f54db9 100644
--- a/packages/web/src/atom-blocks.ts
+++ b/packages/web/src/atom-blocks.ts
@@ -12,7 +12,7 @@ import { Spacer } from './blocks/spacer';
  * Engine-owned ATOM registry — the Atomic Design base layer: atomic text blocks
  * (paragraph/heading/list/quote), media (image) and structural
  * (button/separator/spacer). Adopter `custom-*` blocks are never named here —
- * they arrive via the explicit `components` prop on <BlockRenderer/>.
+ * they arrive via the explicit `components` prop on <TreeRenderer/>.
  */
 export const atomBlocks: Record<string, ComponentType<any>> = {
   'preset-atom.paragraph': Paragraph,
diff --git a/packages/web/src/block-key.test.ts b/packages/web/src/block-key.test.ts
deleted file mode 100644
index 9529b54..0000000
--- a/packages/web/src/block-key.test.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { blockKey } from './block-key';
-import { buildUrn } from './urn';
-
-describe('blockKey', () => {
-  it('qualifies the id by __component so cross-type id collisions stay unique', () => {
-    // Strapi DZ ids are unique only per component table: an image and a callout can
-    // both be id 5. Keying by id alone would collide (the real "duplicate key 5" bug).
-    const image = { __component: 'preset-atom.image', id: 5 };
-    const callout = { __component: 'custom-organism.callout', id: 5 };
-    expect(blockKey(image, 0)).not.toBe(blockKey(callout, 1));
-    expect(blockKey(image, 0)).toBe('urn:preset-atom.image:5');
-  });
-
-  it('formats through the canonical urn primitive — one identity format, single-sourced', () => {
-    expect(blockKey({ __component: 'preset-atom.image', id: 5 }, 0)).toBe(buildUrn('preset-atom.image', 5));
-  });
-
-  it('falls back to the array index when id is absent', () => {
-    expect(blockKey({ __component: 'preset-atom.paragraph' }, 3)).toBe('urn:preset-atom.paragraph:3');
-  });
-});
diff --git a/packages/web/src/block-key.ts b/packages/web/src/block-key.ts
deleted file mode 100644
index 378e841..0000000
--- a/packages/web/src/block-key.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { buildUrn, type Urn } from './urn';
-
-/**
- * Stable React key for a single dynamic-zone entry.
- *
- * Keying by `id` ALONE is wrong for Strapi dynamic zones: a component instance's
- * `id` is unique only within its own component table, so two entries of different
- * `__component` types can legitimately share the same numeric `id` (e.g. a
- * `preset-atom.image` and a `custom-organism.callout` both id 5). React then sees duplicate keys
- * and warns / drops children. Qualifying the id with `__component` makes the key
- * unique across the whole zone. Falls back to the array index when `id` is absent.
- *
- * The key is formatted through the canonical urn primitive with `__component`
- * as the entity segment (canonical-urn Spec §4) — a COMPUTED identity, never
- * stored on the block: a DZ entry's id is ephemeral, so the engine promises
- * nothing beyond the current render.
- */
-export function blockKey(block: { __component: string; id?: number | null }, index: number): Urn<string> {
-  return buildUrn(block.__component, block.id ?? index);
-}
diff --git a/packages/web/src/block-renderer.test.tsx b/packages/web/src/block-renderer.test.tsx
deleted file mode 100644
index 3eae2b1..0000000
--- a/packages/web/src/block-renderer.test.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { describe, expect, it, vi } from 'vitest';
-import { renderToStaticMarkup } from 'react-dom/server';
-import { BlockRenderer } from './block-renderer';
-
-vi.mock('next/navigation', () => ({ usePathname: () => '/' }));
-
-describe('BlockRenderer — organism blocks (sections)', () => {
-  it('resolves an organism block from the organismBlocks registry', () => {
-    const blocks = [{ __component: 'preset-organism.hero', id: 1, title: 'Ship faster' } as any];
-    const out = renderToStaticMarkup(<BlockRenderer blocks={blocks} />);
-    expect(out).toContain('<section data-block="preset-organism.hero"');
-    expect(out).toContain('Ship faster');
-  });
-
-  it('lets an adopter components map override an organism renderer (last-wins, Spec §9)', () => {
-    const blocks = [{ __component: 'preset-organism.hero', id: 1, title: 'Ship faster' } as any];
-    const MyHero = ({ title }: { title: string }) => <div data-block="custom-hero">{title}</div>;
-    const out = renderToStaticMarkup(<BlockRenderer blocks={blocks} components={{ 'preset-organism.hero': MyHero }} />);
-    expect(out).toContain('data-block="custom-hero"');
-    expect(out).not.toContain('data-block="preset-organism.hero"');
-  });
-
-  it('still resolves preset-atom.* atoms (organisms are additive)', () => {
-    const blocks = [{ __component: 'preset-atom.button', id: 1, label: 'Go', href: '/go', variant: 'primary' } as any];
-    const out = renderToStaticMarkup(<BlockRenderer blocks={blocks} />);
-    expect(out).toContain('data-block="preset-atom.button"');
-  });
-
-  it('skips an unknown component without crashing', () => {
-    const blocks = [{ __component: 'preset-organism.does-not-exist', id: 1 } as any];
-    expect(() => renderToStaticMarkup(<BlockRenderer blocks={blocks} />)).not.toThrow();
-    expect(renderToStaticMarkup(<BlockRenderer blocks={blocks} />)).toBe('');
-  });
-
-  it('warns with the canonical component urn for an unknown block (identity class 2)', () => {
-    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
-    const blocks = [{ __component: 'preset-organism.does-not-exist', id: 1 } as any];
-    renderToStaticMarkup(<BlockRenderer blocks={blocks} />);
-    expect(warn).toHaveBeenCalledWith(expect.stringContaining('urn:component:preset-organism.does-not-exist'));
-    warn.mockRestore();
-  });
-});
-
-describe('BlockRenderer — chrome organisms', () => {
-  it('resolves the chrome organisms (navbar/footer) from the organismBlocks registry', () => {
-    const blocks = [
-      { __component: 'preset-organism.navbar', id: 1, brand: { name: 'Acme' }, links: [] } as any,
-      { __component: 'preset-organism.footer', id: 2, text: 'hello', brand: { name: 'Acme' } } as any,
-    ];
-    const out = renderToStaticMarkup(<BlockRenderer blocks={blocks} />);
-    expect(out).toContain('data-block="preset-organism.navbar"');
-    expect(out).toContain('data-block="preset-organism.footer"');
-  });
-
-  it('lets an adopter components map override a chrome renderer (adopter wins last, Spec §3)', () => {
-    const blocks = [{ __component: 'preset-organism.navbar', id: 1, brand: { name: 'Acme' }, links: [] } as any];
-    const MyNavbar = () => <div data-block="custom-navbar" />;
-    const out = renderToStaticMarkup(
-      <BlockRenderer blocks={blocks} components={{ 'preset-organism.navbar': MyNavbar }} />,
-    );
-    expect(out).toContain('data-block="custom-navbar"');
-    expect(out).not.toContain('data-block="preset-organism.navbar"');
-  });
-
-  it('skips an unknown component in a chrome zone without crashing', () => {
-    const blocks = [{ __component: 'preset-organism.does-not-exist', id: 1 } as any];
-    expect(() => renderToStaticMarkup(<BlockRenderer blocks={blocks} />)).not.toThrow();
-    expect(renderToStaticMarkup(<BlockRenderer blocks={blocks} />)).toBe('');
-  });
-});
diff --git a/packages/web/src/block-renderer.tsx b/packages/web/src/block-renderer.tsx
deleted file mode 100644
index dfdf287..0000000
--- a/packages/web/src/block-renderer.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import type { ComponentType } from 'react';
-import { atomBlocks } from './atom-blocks';
-import { organismBlocks } from './organism-blocks';
-import { blockKey } from './block-key';
-import { componentUrn } from './urn';
-
-// Minimal structural shape the renderer needs from a dynamic-zone entry. No index
-// signature: the sync-generated component interfaces (PresetAtomParagraph, PresetAtomImage, CustomOrganismCallout, …)
-// have none, and a type with an index signature can't accept one without it — so
-// `PageBody` (the call-site type) would fail to satisfy `Block[]`. The renderer only
-// reads `__component` and `id` and spreads the rest, so the extra fields aren't typed here.
-interface Block {
-  __component: string;
-  id: number;
-}
-
-interface BlockRendererProps {
-  /** The page's dynamic-zone array (typed as PageBody at the call site). */
-  blocks: Block[];
-  /** Adopter custom blocks, passed EXPLICITLY (no global mutable registry — Spec §5.3). */
-  components?: Record<string, ComponentType<any>>;
-}
-
-/**
- * Iterates the dynamic zone, picks a component by `__component`, renders it with
- * the block's typed props. Engine blocks merge first; adopter blocks override
- * by key. Unknown `__component` → tolerant fallback (render nothing + a dev-only
- * warning), never a crash — mirroring the engine's tolerant admission (Spec §5.3).
- */
-export function BlockRenderer({ blocks, components = {} }: BlockRendererProps) {
-  // Layer merge: preset-atom.* atoms, then preset-organism.* organisms (sections
-  // + chrome), then the adopter's explicit components — adopter wins last for
-  // per-key override.
-  const registry = { ...atomBlocks, ...organismBlocks, ...components };
-  return (
-    <>
-      {blocks.map((block, i) => {
-        const Component = registry[block.__component];
-        if (!Component) {
-          if (process.env.NODE_ENV !== 'production') {
-            console.warn(`[press/web] no component registered for ${componentUrn(block.__component)} — skipping`);
-          }
-          return null;
-        }
-        return <Component key={blockKey(block, i)} {...block} />;
-      })}
-    </>
-  );
-}
diff --git a/packages/web/src/blocks/blocks-content.test.ts b/packages/web/src/blocks/blocks-content.test.ts
deleted file mode 100644
index 9026e22..0000000
--- a/packages/web/src/blocks/blocks-content.test.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { createElement, Fragment } from 'react';
-import { renderToStaticMarkup } from 'react-dom/server';
-import type { BlocksContent } from '../types/base';
-import { renderBlocks } from './blocks-content';
-
-// The engine's in-house Strapi-blocks renderer, extracted from the retired
-// press.rich-text so the decomposed text blocks (paragraph/list/quote) can share
-// it. This is the most test-worthy surface in the feature: the ~50–80 lines of
-// owned rendering that replace the rejected `@strapi/blocks-react-renderer`
-// dependency. Rendered to static HTML (a true server function — no hooks, no
-// hydration), then asserted on the markup.
-const render = (content: BlocksContent): string =>
-  renderToStaticMarkup(createElement(Fragment, null, renderBlocks(content)));
-
-const para = (...children: any[]): any => ({ type: 'paragraph', children });
-const text = (value: string, marks: Record<string, boolean> = {}): any => ({ type: 'text', text: value, ...marks });
-
-describe('renderBlocks', () => {
-  describe('block nodes', () => {
-    it('renders a paragraph', () => {
-      expect(render([para(text('Hello world'))])).toContain('<p>Hello world</p>');
-    });
-
-    it('renders headings at their level (1–6)', () => {
-      for (let level = 1; level <= 6; level++) {
-        const html = render([{ type: 'heading', level, children: [text(`H${level}`)] }]);
-        expect(html).toContain(`<h${level}>H${level}</h${level}>`);
-      }
-    });
-
-    it('renders an unordered list', () => {
-      const html = render([
-        { type: 'list', format: 'unordered', children: [
-          { type: 'list-item', children: [text('a')] },
-          { type: 'list-item', children: [text('b')] },
-        ] },
-      ]);
-      expect(html).toContain('<ul><li>a</li><li>b</li></ul>');
-    });
-
-    it('renders an ordered list', () => {
-      const html = render([
-        { type: 'list', format: 'ordered', children: [
-          { type: 'list-item', children: [text('one')] },
-        ] },
-      ]);
-      expect(html).toContain('<ol><li>one</li></ol>');
-    });
-
-    it('renders a blockquote', () => {
-      expect(render([{ type: 'quote', children: [text('to be')] }])).toContain('<blockquote>to be</blockquote>');
-    });
-
-    it('renders a code block inside <pre><code>', () => {
-      expect(render([{ type: 'code', children: [text('const x = 1')] }])).toContain('<pre><code>const x = 1</code></pre>');
-    });
-  });
-
-  describe('inline nodes', () => {
-    it('renders an external inline link with its href and a hardening rel', () => {
-      const html = render([para(text('see '), { type: 'link', url: 'https://example.com', children: [text('docs')] })]);
-      expect(html).toContain('href="https://example.com"');
-      expect(html).toContain('rel="noopener noreferrer"');
-      expect(html).toContain('>docs</a>');
-    });
-
-    it('keeps an internal/anchor link clean (no rel)', () => {
-      const html = render([para({ type: 'link', url: '/about', children: [text('about')] } as any)]);
-      expect(html).toContain('href="/about"');
-      expect(html).not.toContain('rel=');
-    });
-
-    it('neutralizes a javascript: URL to # (no executable href)', () => {
-      const html = render([para({ type: 'link', url: 'javascript:alert(1)', children: [text('x')] } as any)]);
-      expect(html).not.toContain('javascript:');
-      expect(html).toContain('href="#"');
-    });
-  });
-
-  describe('text marks', () => {
-    it('renders bold as <strong>', () => {
-      expect(render([para(text('b', { bold: true }))])).toContain('<strong>b</strong>');
-    });
-    it('renders italic as <em>', () => {
-      expect(render([para(text('i', { italic: true }))])).toContain('<em>i</em>');
-    });
-    it('renders underline as <u>', () => {
-      expect(render([para(text('u', { underline: true }))])).toContain('<u>u</u>');
-    });
-    it('renders strikethrough as <s>', () => {
-      expect(render([para(text('s', { strikethrough: true }))])).toContain('<s>s</s>');
-    });
-    it('renders inline code as <code>', () => {
-      expect(render([para(text('c', { code: true }))])).toContain('<code>c</code>');
-    });
-    it('combines multiple marks on one run (both tags present, nesting order free)', () => {
-      const html = render([para(text('x', { bold: true, italic: true }))]);
-      expect(html).toContain('<strong>');
-      expect(html).toContain('<em>');
-      expect(html).toContain('x');
-    });
-    it('renders plain text with no mark wrapper', () => {
-      const html = render([para(text('plain'))]);
-      expect(html).toContain('<p>plain</p>');
-      expect(html).not.toContain('<strong>');
-    });
-  });
-
-  describe('tolerance (mirrors BlockRenderer: unknown → skip, never throw)', () => {
-    it('skips an unknown block node without throwing', () => {
-      expect(() => render([{ type: 'mystery', children: [text('?')] } as any, para(text('ok'))])).not.toThrow();
-      expect(render([{ type: 'mystery', children: [text('?')] } as any, para(text('ok'))])).toContain('<p>ok</p>');
-    });
-    it('skips an embedded image node (images belong in preset-atom.image)', () => {
-      const html = render([{ type: 'image', image: { url: '/x.png' } } as any, para(text('caption-less'))]);
-      expect(html).not.toContain('<img');
-      expect(html).toContain('<p>caption-less</p>');
-    });
-  });
-});
diff --git a/packages/web/src/blocks/blocks-content.tsx b/packages/web/src/blocks/blocks-content.tsx
deleted file mode 100644
index 05254d2..0000000
--- a/packages/web/src/blocks/blocks-content.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { Fragment, type ReactNode } from 'react';
-import type { BlocksContent, BlocksNode, BlocksText } from '../types/base';
-
-/**
- * Shared in-house renderer for the Strapi `blocks` AST — deliberately NOT
- * `@strapi/blocks-react-renderer` (that package is `"use client"`, so it would turn
- * static prose into a hydrated client island and add a runtime dependency, both
- * against the engine's server-rendered, JS-free block principle).
- *
- * Used by the text atom blocks (preset-atom.paragraph / preset-atom.list /
- * preset-atom.quote) whose `content` is a Strapi blocks field. Tolerance mirrors
- * BlockRenderer: an unknown node type (or an embedded `image` node — images belong
- * in preset-atom.image) renders nothing rather than throwing.
- */
-
-type Inline = BlocksNode | BlocksText;
-
-const isText = (node: Inline): node is BlocksText => node.type === 'text';
-
-/**
- * Wraps a single text run in its semantic mark elements.
- *
- * The Strapi blocks `text` node carries up to five boolean marks
- * (bold/italic/underline/strikethrough/code). Each maps to a semantic element;
- * they compose from the inside out, so `bold` ends up outermost when several are
- * set. An unmarked run renders as bare text (the keyed Fragment just carries the
- * React key needed inside the parent's `.map`).
- */
-const MARKS: ReadonlyArray<readonly [keyof BlocksText, (child: ReactNode) => ReactNode]> = [
-  ['code', (c) => <code>{c}</code>],
-  ['underline', (c) => <u>{c}</u>],
-  ['strikethrough', (c) => <s>{c}</s>],
-  ['italic', (c) => <em>{c}</em>],
-  ['bold', (c) => <strong>{c}</strong>],
-];
-
-function renderText(node: BlocksText, key: number): ReactNode {
-  let content: ReactNode = node.text;
-  for (const [mark, wrap] of MARKS) {
-    if (node[mark]) content = wrap(content);
-  }
-  return <Fragment key={key}>{content}</Fragment>;
-}
-
-/**
- * Neutralizes dangerous URL protocols (javascript:/data:/vbscript:) a CMS editor
- * could type into a link, returning '#' instead. http(s)/mailto/tel, relative
- * paths and anchors pass through untouched. Cheap defense-in-depth: link content
- * is editor-authored, not public input, but an executable href is never wanted.
- */
-function safeHref(url: string | undefined): string {
-  const trimmed = (url ?? '').trim();
-  if (!trimmed) return '#';
-  return /^(?:javascript|data|vbscript):/i.test(trimmed) ? '#' : trimmed;
-}
-
-/** Renders an inline node: either a text run (with marks) or an inline link. */
-function renderInline(node: Inline, i: number): ReactNode {
-  if (isText(node)) return renderText(node, i);
-  if (node.type === 'link') {
-    const href = safeHref(node.url);
-    // Only outbound http(s) links get rel; internal/anchor links stay clean.
-    const external = /^https?:\/\//i.test(href);
-    return (
-      <a key={i} href={href} {...(external ? { rel: 'noopener noreferrer' } : {})}>
-        {(node.children ?? []).map(renderInline)}
-      </a>
-    );
-  }
-  return null; // tolerant: unknown inline node → skip
-}
-
-/** Renders one list item (its children are inline). */
-function renderListItem(node: BlocksNode, i: number): ReactNode {
-  return <li key={i}>{(node.children ?? []).map(renderInline)}</li>;
-}
-
-/** Renders one block-level node. Unknown / out-of-scope (`image`) → null. */
-function renderNode(node: BlocksNode, i: number): ReactNode {
-  const children = node.children ?? [];
-  switch (node.type) {
-    case 'paragraph':
-      return <p key={i}>{children.map(renderInline)}</p>;
-    case 'heading': {
-      const level = Math.min(Math.max(node.level ?? 1, 1), 6);
-      const Tag = `h${level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-      return <Tag key={i}>{children.map(renderInline)}</Tag>;
-    }
-    case 'list': {
-      const Tag = node.format === 'ordered' ? 'ol' : 'ul';
-      return <Tag key={i}>{children.map(renderListItem)}</Tag>;
-    }
-    case 'quote':
-      return <blockquote key={i}>{children.map(renderInline)}</blockquote>;
-    case 'code':
-      return (
-        <pre key={i}>
-          <code>{children.map(renderInline)}</code>
-        </pre>
-      );
-    default:
-      return null; // tolerant: unknown block (incl. embedded `image`) → skip
-  }
-}
-
-/** Renders a Strapi blocks AST array to semantic HTML nodes. */
-export function renderBlocks(content: BlocksContent): ReactNode {
-  return content.map(renderNode);
-}
diff --git a/packages/web/src/blocks/button.test.ts b/packages/web/src/blocks/button.test.ts
index fea61b8..116f398 100644
--- a/packages/web/src/blocks/button.test.ts
+++ b/packages/web/src/blocks/button.test.ts
@@ -1,24 +1,24 @@
 import { describe, expect, it } from 'vitest';
 import { renderToStaticMarkup } from 'react-dom/server';
-import type { PresetAtomButton } from '../types/base';
+import { createElement } from 'react';
 import { Button } from './button';
 
-const render = (props: { label: string; href: string; variant?: PresetAtomButton['variant'] }): string =>
-  renderToStaticMarkup(Button({ __component: 'preset-atom.button', id: 1, ...(props as any) }));
-
-describe('Button renderer', () => {
-  it('renders an anchor with the label and href inside the data-block wrapper', () => {
-    const html = render({ label: 'Get started', href: '/start', variant: 'primary' });
-    expect(html).toContain('<div data-block="preset-atom.button">');
-    expect(html).toContain('href="/start"');
-    expect(html).toContain('>Get started</a>');
-  });
-
-  it('exposes the variant as a data-variant styling hook', () => {
-    expect(render({ label: 'A', href: '#', variant: 'secondary' })).toContain('data-variant="secondary"');
+describe('Button', () => {
+  it('renders the resolved link with the variant hook', () => {
+    const html = renderToStaticMarkup(
+      createElement(Button, { link: { label: 'Go', url: '/go' }, variant: 'secondary' }),
+    );
+    expect(html).toContain('data-block="preset-atom.button"');
+    expect(html).toContain('data-variant="secondary"');
+    expect(html).toContain('href="/go"');
+    expect(html).toContain('Go');
   });
 
-  it('defaults the variant to primary when absent (tolerant)', () => {
-    expect(render({ label: 'A', href: '#' })).toContain('data-variant="primary"');
+  it('renders a hydrated (already-resolved) link and nothing when unresolvable', () => {
+    const html = renderToStaticMarkup(
+      createElement(Button, { link: { label: 'Home', href: '/', external: false, newTab: false } as any }),
+    );
+    expect(html).toContain('href="/"');
+    expect(renderToStaticMarkup(createElement(Button, {}))).toBe('');
   });
 });
diff --git a/packages/web/src/blocks/button.tsx b/packages/web/src/blocks/button.tsx
index f83e02c..ce234b5 100644
--- a/packages/web/src/blocks/button.tsx
+++ b/packages/web/src/blocks/button.tsx
@@ -1,16 +1,13 @@
 import type { PresetAtomButton } from '../types/base';
+import { coerceLink } from '../link';
+import { PressLink } from '../press-link';
 
-/**
- * Atom `preset-atom.button` — a call-to-action link styled as a button. The
- * `variant` drives theming via a `data-variant` hook in theme.css (primary fills
- * with the brand colour, secondary is an outline). Plain <a>, no JS.
- */
-export function Button({ label, href, variant }: PresetAtomButton) {
+/** Atom `preset-atom.button` — a call-to-action anchor resolved through the one link concept. */
+export function Button({ link, variant }: PresetAtomButton) {
+  if (!coerceLink(link)) return null;
   return (
     <div data-block="preset-atom.button">
-      <a href={href} data-variant={variant ?? 'primary'}>
-        {label}
-      </a>
+      <PressLink link={link} data-variant={variant ?? 'primary'} />
     </div>
   );
 }
diff --git a/packages/web/src/blocks/heading.test.ts b/packages/web/src/blocks/heading.test.ts
index 1dec24e..0cf78ad 100644
--- a/packages/web/src/blocks/heading.test.ts
+++ b/packages/web/src/blocks/heading.test.ts
@@ -4,7 +4,7 @@ import type { PresetAtomHeading } from '../types/base';
 import { Heading } from './heading';
 
 const render = (level: PresetAtomHeading['level'], text: string): string =>
-  renderToStaticMarkup(Heading({ __component: 'preset-atom.heading', id: 1, level, text }));
+  renderToStaticMarkup(Heading({ level, text } as PresetAtomHeading));
 
 describe('Heading renderer', () => {
   it('renders an <h{level}> carrying the data-block hook and text', () => {
@@ -18,7 +18,7 @@ describe('Heading renderer', () => {
   });
 
   it('falls back to h2 when level is missing (tolerant)', () => {
-    expect(renderToStaticMarkup(Heading({ __component: 'preset-atom.heading', id: 1, text: 'Untitled' } as any)))
+    expect(renderToStaticMarkup(Heading({ text: 'Untitled' } as any)))
       .toContain('<h2 data-block="preset-atom.heading">Untitled</h2>');
   });
 });
diff --git a/packages/web/src/blocks/list.test.ts b/packages/web/src/blocks/list.test.ts
index b45dadc..cbd14e6 100644
--- a/packages/web/src/blocks/list.test.ts
+++ b/packages/web/src/blocks/list.test.ts
@@ -1,30 +1,18 @@
 import { describe, expect, it } from 'vitest';
 import { renderToStaticMarkup } from 'react-dom/server';
-import type { BlocksContent } from '../types/base';
+import { createElement } from 'react';
 import { List } from './list';
 
-const render = (content: BlocksContent): string =>
-  renderToStaticMarkup(List({ __component: 'preset-atom.list', id: 1, content }));
-
-const li = (value: string): any => ({ type: 'list-item', children: [{ type: 'text', text: value }] });
-
-describe('List renderer', () => {
-  it('wraps output in a data-block="preset-atom.list" section', () => {
-    expect(render([{ type: 'list', format: 'unordered', children: [li('a')] }]))
-      .toContain('<section data-block="preset-atom.list">');
-  });
-
-  it('renders an unordered list as <ul>', () => {
-    expect(render([{ type: 'list', format: 'unordered', children: [li('a'), li('b')] }]))
-      .toContain('<ul><li>a</li><li>b</li></ul>');
-  });
-
-  it('renders an ordered list as <ol>', () => {
-    expect(render([{ type: 'list', format: 'ordered', children: [li('one')] }]))
-      .toContain('<ol><li>one</li></ol>');
+describe('List', () => {
+  it('renders one <li> per non-empty line, unordered by default', () => {
+    const html = renderToStaticMarkup(createElement(List, { content: 'a\nb\n\nc' }));
+    expect(html).toContain('data-block="preset-atom.list"');
+    expect(html).toContain('<ul>');
+    expect(html.match(/<li>/g)).toHaveLength(3);
   });
 
-  it('tolerates empty content without throwing', () => {
-    expect(() => render([])).not.toThrow();
+  it('renders <ol> for format ordered and nothing when empty', () => {
+    expect(renderToStaticMarkup(createElement(List, { content: '1st', format: 'ordered' }))).toContain('<ol>');
+    expect(renderToStaticMarkup(createElement(List, { content: '' }))).toBe('');
   });
 });
diff --git a/packages/web/src/blocks/list.tsx b/packages/web/src/blocks/list.tsx
index 72562da..a6de6b4 100644
--- a/packages/web/src/blocks/list.tsx
+++ b/packages/web/src/blocks/list.tsx
@@ -1,11 +1,17 @@
 import type { PresetAtomList } from '../types/base';
-import { renderBlocks } from './blocks-content';
 
-/**
- * Atom `preset-atom.list` — an ordered/unordered list, server-rendered.
- * `content` is a Strapi blocks field; the shared renderer turns its `list` node
- * into the matching `<ul>`/`<ol>` markup.
- */
-export function List({ content }: PresetAtomList) {
-  return <section data-block="preset-atom.list">{renderBlocks(content)}</section>;
+/** Atom `preset-atom.list` — one item per non-empty line of the curated text. */
+export function List({ content, format }: PresetAtomList) {
+  const items = (content ?? '').split('\n').map((l) => l.trim()).filter(Boolean);
+  if (items.length === 0) return null;
+  const Tag = format === 'ordered' ? 'ol' : 'ul';
+  return (
+    <div data-block="preset-atom.list">
+      <Tag>
+        {items.map((item, i) => (
+          <li key={i}>{item}</li>
+        ))}
+      </Tag>
+    </div>
+  );
 }
diff --git a/packages/web/src/blocks/paragraph.test.ts b/packages/web/src/blocks/paragraph.test.ts
index bc08f25..d748a83 100644
--- a/packages/web/src/blocks/paragraph.test.ts
+++ b/packages/web/src/blocks/paragraph.test.ts
@@ -1,25 +1,25 @@
 import { describe, expect, it } from 'vitest';
 import { renderToStaticMarkup } from 'react-dom/server';
-import type { BlocksContent } from '../types/base';
-import { Paragraph } from './paragraph';
+import { createElement } from 'react';
+import { Paragraph, splitParagraphs } from './paragraph';
 
-const render = (content: BlocksContent): string =>
-  renderToStaticMarkup(Paragraph({ __component: 'preset-atom.paragraph', id: 1, content }));
-
-const para = (...children: any[]): any => ({ type: 'paragraph', children });
-const text = (value: string, marks: Record<string, boolean> = {}): any => ({ type: 'text', text: value, ...marks });
-
-describe('Paragraph renderer', () => {
-  it('wraps output in a data-block="preset-atom.paragraph" section', () => {
-    expect(render([para(text('hi'))])).toContain('<section data-block="preset-atom.paragraph">');
+describe('splitParagraphs', () => {
+  it('splits on blank lines and drops empties', () => {
+    expect(splitParagraphs('One.\n\nTwo.\n\n\n')).toEqual(['One.', 'Two.']);
+    expect(splitParagraphs(undefined)).toEqual([]);
+    expect(splitParagraphs('  \n ')).toEqual([]);
   });
+});
 
-  it('renders the prose through the shared in-house blocks renderer', () => {
-    expect(render([para(text('Hello'), text(' world', { bold: true }))])).toContain('Hello<strong> world</strong>');
+describe('Paragraph', () => {
+  it('renders one <p> per blank-line-separated paragraph inside the data-block wrapper', () => {
+    const html = renderToStaticMarkup(createElement(Paragraph, { content: 'First.\n\nSecond.' }));
+    expect(html).toContain('data-block="preset-atom.paragraph"');
+    expect(html.match(/<p>/g)).toHaveLength(2);
+    expect(html).toContain('First.');
   });
 
-  it('tolerates empty content without throwing', () => {
-    expect(() => render([])).not.toThrow();
-    expect(render([])).toBe('<section data-block="preset-atom.paragraph"></section>');
+  it('renders nothing for empty content (tolerance)', () => {
+    expect(renderToStaticMarkup(createElement(Paragraph, { content: '' }))).toBe('');
   });
 });
diff --git a/packages/web/src/blocks/paragraph.tsx b/packages/web/src/blocks/paragraph.tsx
index 80f3800..7c455d5 100644
--- a/packages/web/src/blocks/paragraph.tsx
+++ b/packages/web/src/blocks/paragraph.tsx
@@ -1,11 +1,26 @@
 import type { PresetAtomParagraph } from '../types/base';
-import { renderBlocks } from './blocks-content';
+
+/** Curated plain-text splitting (locked decision 2026-07-20): a blank line starts a new paragraph. */
+export function splitParagraphs(content: string | undefined): string[] {
+  return (content ?? '')
+    .split(/\n\s*\n/)
+    .map((p) => p.trim())
+    .filter(Boolean);
+}
 
 /**
- * Atom `preset-atom.paragraph` — editorial prose, server-rendered for SEO.
- * `content` is a Strapi blocks field rendered by the engine's in-house renderer
- * (no client hydration, zero runtime deps).
+ * Atom `preset-atom.paragraph` — editorial prose from a curated plain-text
+ * string. Server-rendered, zero JS; the blocks AST left the wire with the
+ * composition-builder refactor.
  */
 export function Paragraph({ content }: PresetAtomParagraph) {
-  return <section data-block="preset-atom.paragraph">{renderBlocks(content)}</section>;
+  const paragraphs = splitParagraphs(content);
+  if (paragraphs.length === 0) return null;
+  return (
+    <div data-block="preset-atom.paragraph">
+      {paragraphs.map((text, i) => (
+        <p key={i}>{text}</p>
+      ))}
+    </div>
+  );
 }
diff --git a/packages/web/src/blocks/quote.test.ts b/packages/web/src/blocks/quote.test.ts
index 4fb2820..ccbdf9e 100644
--- a/packages/web/src/blocks/quote.test.ts
+++ b/packages/web/src/blocks/quote.test.ts
@@ -1,25 +1,19 @@
 import { describe, expect, it } from 'vitest';
 import { renderToStaticMarkup } from 'react-dom/server';
-import type { BlocksContent } from '../types/base';
+import { createElement } from 'react';
 import { Quote } from './quote';
 
-const render = (props: { content: BlocksContent; citation?: string }): string =>
-  renderToStaticMarkup(Quote({ __component: 'preset-atom.quote', id: 1, ...props }));
-
-const content: BlocksContent = [{ type: 'paragraph', children: [{ type: 'text', text: 'To be, or not to be.' }] }];
-
-describe('Quote renderer', () => {
-  it('wraps the prose in a <blockquote> inside the data-block section', () => {
-    const html = render({ content });
-    expect(html).toContain('<section data-block="preset-atom.quote">');
-    expect(html).toContain('<blockquote><p>To be, or not to be.</p></blockquote>');
-  });
-
-  it('renders the optional citation as <cite> when provided', () => {
-    expect(render({ content, citation: 'W. Shakespeare' })).toContain('<cite>W. Shakespeare</cite>');
+describe('Quote', () => {
+  it('renders paragraphs inside blockquote with optional cite', () => {
+    const html = renderToStaticMarkup(createElement(Quote, { content: 'Wise words.', citation: 'Someone' }));
+    expect(html).toContain('data-block="preset-atom.quote"');
+    expect(html).toContain('<blockquote>');
+    expect(html).toContain('Wise words.');
+    expect(html).toContain('<cite>Someone</cite>');
   });
 
-  it('omits <cite> when citation is absent', () => {
-    expect(render({ content })).not.toContain('<cite>');
+  it('renders nothing when empty and omits cite when absent', () => {
+    expect(renderToStaticMarkup(createElement(Quote, { content: '' }))).toBe('');
+    expect(renderToStaticMarkup(createElement(Quote, { content: 'x' }))).not.toContain('<cite>');
   });
 });
diff --git a/packages/web/src/blocks/quote.tsx b/packages/web/src/blocks/quote.tsx
index 995490d..cb40585 100644
--- a/packages/web/src/blocks/quote.tsx
+++ b/packages/web/src/blocks/quote.tsx
@@ -1,17 +1,18 @@
 import type { PresetAtomQuote } from '../types/base';
-import { renderBlocks } from './blocks-content';
+import { splitParagraphs } from './paragraph';
 
-/**
- * Atom `preset-atom.quote` — a block quotation with an optional citation.
- * The quoted prose lives in a Strapi blocks field (rendered in-house); the
- * `<blockquote>`/`<cite>` semantics come from this wrapper, not from a `quote`
- * AST node, so the editor just writes paragraphs.
- */
+/** Atom `preset-atom.quote` — blockquote paragraphs + optional citation. */
 export function Quote({ content, citation }: PresetAtomQuote) {
+  const paragraphs = splitParagraphs(content);
+  if (paragraphs.length === 0) return null;
   return (
-    <section data-block="preset-atom.quote">
-      <blockquote>{renderBlocks(content)}</blockquote>
+    <figure data-block="preset-atom.quote">
+      <blockquote>
+        {paragraphs.map((text, i) => (
+          <p key={i}>{text}</p>
+        ))}
+      </blockquote>
       {citation ? <cite>{citation}</cite> : null}
-    </section>
+    </figure>
   );
 }
diff --git a/packages/web/src/chrome/footer.tsx b/packages/web/src/chrome/footer.tsx
index 743a0d8..8d4504a 100644
--- a/packages/web/src/chrome/footer.tsx
+++ b/packages/web/src/chrome/footer.tsx
@@ -1,4 +1,3 @@
-import type { ResolvedChromeFooter } from '../config/types';
 import { Container } from '../layout/container';
 
 /**
@@ -11,7 +10,7 @@ import { Container } from '../layout/container';
  * exactly what the old hardcoded footer rendered. Brand arrives via hydration;
  * missing brand degrades to "· year", never a crash.
  */
-export function Footer({ text, brand }: ResolvedChromeFooter) {
+export function Footer({ text, brand }: { text?: string; brand?: { name: string; logo?: string } }) {
   return (
     <Container as="div" maxWidth="full" padded data-block="preset-organism.footer">
       <small>{text || `${brand?.name ?? ''} · ${new Date().getFullYear()}`}</small>
diff --git a/packages/web/src/chrome/mobile-nav.test.tsx b/packages/web/src/chrome/mobile-nav.test.tsx
index 1466b4a..4c60862 100644
--- a/packages/web/src/chrome/mobile-nav.test.tsx
+++ b/packages/web/src/chrome/mobile-nav.test.tsx
@@ -104,7 +104,7 @@ describe('<MobileNav>', () => {
     render(
       <MobileNav
         links={[link('About', '/about')]}
-        cta={{ label: 'Sign up', href: '/signup', variant: 'primary' }}
+        cta={{ label: 'Sign up', href: '/signup', external: false, newTab: false, variant: 'primary' }}
       />,
     );
     act(() => toggle().click());
diff --git a/packages/web/src/chrome/navbar.test.ts b/packages/web/src/chrome/navbar.test.ts
index 37184d3..173dfcb 100644
--- a/packages/web/src/chrome/navbar.test.ts
+++ b/packages/web/src/chrome/navbar.test.ts
@@ -52,10 +52,12 @@ describe('Navbar renderer', () => {
     const withCta = render({
       brand: { name: 'Acme' },
       links: [],
-      cta: { label: 'Sign up', href: '/signup', variant: 'secondary' },
+      cta: { label: 'Get started', href: 'https://x', external: true, newTab: false, variant: 'primary' },
     });
-    expect(withCta).toMatch(/<a[^>]*data-navbar="cta"[^>]*href="\/signup"/);
-    expect(withCta).toContain('data-variant="secondary"');
+    expect(withCta).toMatch(/<a[^>]*data-navbar="cta"[^>]*href="https:\/\/x"/);
+    expect(withCta).toContain('data-variant="primary"');
+    expect(withCta).toContain('data-navbar-desktop');
+    expect(withCta).toContain('Get started');
 
     expect(render({ brand: { name: 'Acme' }, links: [], cta: { label: 'Sign up' } }))
       .not.toContain('data-navbar="cta"');
@@ -63,8 +65,11 @@ describe('Navbar renderer', () => {
   });
 
   it('defaults the CTA variant to primary', () => {
-    expect(render({ brand: { name: 'Acme' }, links: [], cta: { label: 'Go', href: '/go' } }))
-      .toContain('data-variant="primary"');
+    expect(render({
+      brand: { name: 'Acme' },
+      links: [],
+      cta: { label: 'Go', href: '/go', external: false, newTab: false },
+    })).toContain('data-variant="primary"');
   });
 
   it('tolerates an un-hydrated block (no brand/links) without crashing', () => {
diff --git a/packages/web/src/chrome/navbar.tsx b/packages/web/src/chrome/navbar.tsx
index 38d3399..a2fd0f3 100644
--- a/packages/web/src/chrome/navbar.tsx
+++ b/packages/web/src/chrome/navbar.tsx
@@ -3,6 +3,8 @@ import { Container } from '../layout/container';
 import { Row } from '../layout/row';
 import { NavLinks } from './nav-links';
 import { MobileNav } from './mobile-nav';
+import { coerceLink } from '../link';
+import { PressLink } from '../press-link';
 
 /**
  * Chrome organism `preset-organism.navbar` (Spec §1, §8.3): brand + nav links
@@ -16,13 +18,14 @@ import { MobileNav } from './mobile-nav';
  * hamburger drawer takes over. Both surfaces receive the same
  * `links` + `cta` data.
  *
- * Receives HYDRATED props (Spec §3): mapSiteSettings resolved the links and
+ * Receives HYDRATED props (Spec §3): resolveTree resolved the links and
  * injected the brand, so this stays a dumb server component. Tolerant of an
- * un-hydrated block (direct BlockRenderer use): missing brand/links degrade,
+ * un-hydrated block (direct TreeRenderer use): missing brand/links degrade,
  * never crash.
  */
 export function Navbar({ brand, links, cta }: ResolvedChromeNavbar) {
-  const hasCta = Boolean(cta?.label && cta?.href);
+  const resolvedCta = coerceLink(cta);
+  const hasCta = Boolean(resolvedCta?.label && resolvedCta?.href);
   return (
     <Container as="div" maxWidth="full" padded data-block="preset-organism.navbar">
       <Row align="center" justify="between" gap="md">
@@ -33,12 +36,13 @@ export function Navbar({ brand, links, cta }: ResolvedChromeNavbar) {
         <Row align="center" gap="lg" data-navbar-desktop>
           <NavLinks links={links ?? []} />
           {hasCta ? (
-            <a data-navbar="cta" data-variant={cta?.variant ?? 'primary'} href={cta?.href}>
-              {cta?.label}
-            </a>
+            <PressLink data-navbar="cta" data-variant={(cta as any)?.variant ?? 'primary'} link={cta} />
           ) : null}
         </Row>
-        <MobileNav links={links ?? []} cta={cta} />
+        <MobileNav
+          links={links ?? []}
+          cta={hasCta ? { ...resolvedCta!, variant: (cta as any)?.variant } : undefined}
+        />
       </Row>
     </Container>
   );
diff --git a/packages/web/src/config/build-metadata.test.ts b/packages/web/src/config/build-metadata.test.ts
index 4ce0415..ec304a8 100644
--- a/packages/web/src/config/build-metadata.test.ts
+++ b/packages/web/src/config/build-metadata.test.ts
@@ -24,7 +24,7 @@ const resolved: ResolvedPressConfig = {
     fonts: {},
     radius: { xs: '6px', sm: '10px', md: '14px', lg: '20px' },
   },
-  chrome: { header: [], footer: [] },
+  pageDefaults: { header: [], footer: [] },
   plugins: { cookieConsent: mapCookieConsent(null, 'home') },
 };
 
diff --git a/packages/web/src/config/build-theme-style.test.ts b/packages/web/src/config/build-theme-style.test.ts
index a9b2cf1..9564550 100644
--- a/packages/web/src/config/build-theme-style.test.ts
+++ b/packages/web/src/config/build-theme-style.test.ts
@@ -16,7 +16,7 @@ const baseResolved: ResolvedPressConfig = {
     fonts: {},
     radius: { ...DEFAULT_THEME.radius },
   },
-  chrome: { header: [], footer: [] },
+  pageDefaults: { header: [], footer: [] },
   plugins: { cookieConsent: mapCookieConsent(null, 'home') },
 };
 
diff --git a/packages/web/src/config/types.ts b/packages/web/src/config/types.ts
index 7d8e0d3..da7e82f 100644
--- a/packages/web/src/config/types.ts
+++ b/packages/web/src/config/types.ts
@@ -1,5 +1,7 @@
+import type { Node } from '@ogs-tech/press-shared';
 import type { Canonical } from '../urn';
 import type { RawCookieConsent, ResolvedCookieConsentPlugin } from '../plugins/cookie-consent/types';
+import type { ResolvedLink } from '../link';
 
 /** The only embedded theme this phase. The union exists so a second theme is additive, not breaking (Spec §2). */
 export type ThemeName = 'default';
@@ -55,39 +57,15 @@ export interface PressConfig {
 }
 
 /** A fully-resolved navigation link (page relation already collapsed to an href). */
-export interface ResolvedNavLink {
-  label: string;
-  href: string;
-  external: boolean;
-  newTab: boolean;
-}
-
-/**
- * A chrome dynamic-zone entry. Loose by design: the zones admit preset-atom.* /
- * preset-organism.* / custom-* blocks the engine cannot enumerate, and the
- * renderer only dispatches on `__component`. The engine chrome organisms
- * (preset-organism.navbar/footer) gain `brand`/`links` during hydration
- * (mapSiteSettings, Spec §3).
- */
-export type ChromeBlock = { __component: string; id: number; [k: string]: unknown };
+export type ResolvedNavLink = ResolvedLink;
 
 /** Hydrated `preset-organism.navbar` — the exact props the Navbar renderer receives (Spec §3). */
 export interface ResolvedChromeNavbar {
-  __component: 'preset-organism.navbar';
-  id: number;
   /** Injected from Site Settings identity — never stored on the block (Spec §1). */
   brand: { name: string; logo?: string };
   /** `items` resolved: page > url precedence, home slug → '/', external flag. */
-  links: ResolvedNavLink[];
-  cta?: { label?: string; href?: string; variant?: 'primary' | 'secondary' } | null;
-}
-
-/** Hydrated `preset-organism.footer` — brand injected for the copyright fallback (Spec §1). */
-export interface ResolvedChromeFooter {
-  __component: 'preset-organism.footer';
-  id: number;
-  text?: string | null;
-  brand: { name: string };
+  links: ResolvedLink[];
+  cta?: (ResolvedLink & { variant?: 'primary' | 'secondary' }) | null;
 }
 
 /**
@@ -130,16 +108,14 @@ export interface ResolvedPressConfig extends Canonical<'site-setting'> {
     radius: ThemeRadius;
   };
   /**
-   * Site chrome (Spec §3): the two Site-Settings Dynamic Zones, HYDRATED —
-   * preset-organism.navbar entries carry the resolved brand + links and
-   * preset-organism.footer entries carry the brand for the copyright fallback;
-   * all other blocks pass
-   * through untouched so BlockRenderer stays intentionally dumb. Empty when the
-   * CMS is empty/unreachable/malformed (unbranded over synthetic — Spec §4).
+   * The two Site-Settings pageDefaults slots (Spec §3/§6), RAW nodes — engine
+   * blocks are hydrated exactly once, by `resolveTree` (tree/resolve-slots.ts),
+   * never here. Empty when the CMS is empty/unreachable/malformed (unbranded
+   * over synthetic — Spec §4).
    */
-  chrome: {
-    header: ChromeBlock[];
-    footer: ChromeBlock[];
+  pageDefaults: {
+    header: Node[];
+    footer: Node[];
   };
   /**
    * Engine plugins (cookie-consent Spec §1): a NAMED map — one required key
@@ -147,7 +123,7 @@ export interface ResolvedPressConfig extends Canonical<'site-setting'> {
    * or unreachable. Not an array: plugins are fixed engine features, not
    * editor-composed content (that is what the Dynamic Zones are for). Each
    * new plugin adds a required key — a deliberate press-web major, the same
-   * discipline as `urn`/`chrome`.
+   * discipline as `urn`/`pageDefaults`.
    */
   plugins: {
     cookieConsent: ResolvedCookieConsentPlugin;
@@ -192,6 +168,6 @@ export interface SiteSettingsData {
   themeColors?: Partial<ThemeColors> | null;
   themeRadius?: Partial<ThemeRadius> | null;
   cookieConsent?: RawCookieConsent | null;
-  header?: ChromeBlock[] | null;
-  footer?: ChromeBlock[] | null;
+  /** The two page-default slots (Spec §6): bare Node[] arrays, validated by mapSiteSettings. */
+  pageDefaults?: { header?: unknown; footer?: unknown } | null;
 }
diff --git a/packages/web/src/generator/generate.test.ts b/packages/web/src/generator/generate.test.ts
index 59ed4e5..967da2f 100644
--- a/packages/web/src/generator/generate.test.ts
+++ b/packages/web/src/generator/generate.test.ts
@@ -39,6 +39,11 @@ describe('tsTypeForAttribute', () => {
     expect(tsTypeForAttribute({ type: 'relation' })).toBe('unknown');
   });
 
+  it('maps a relation targeting the page content-type to PressPageRef; other relations remain unknown', () => {
+    expect(tsTypeForAttribute({ type: 'relation', target: 'plugin::press-cms.page' } as any)).toBe('PressPageRef');
+    expect(tsTypeForAttribute({ type: 'relation' })).toBe('unknown');
+  });
+
   it('maps a component reference to its interface name, honoring `repeatable` (Spec §2)', () => {
     expect(tsTypeForAttribute({ type: 'component', component: 'preset-molecule.nav-item', repeatable: true }))
       .toBe('PresetMoleculeNavItem[]');
@@ -56,7 +61,7 @@ describe('generateTypes', () => {
         attributes: {
           title: { type: 'string', required: true },
           slug: { type: 'uid' },
-          body: { type: 'dynamiczone', components: ['preset-atom.paragraph', 'preset-atom.image', 'custom-organism.callout'] },
+          body: { type: 'customField', customField: 'plugin::press-cms.builder' },
         },
       },
     },
@@ -74,6 +79,13 @@ describe('generateTypes', () => {
           caption: { type: 'string' },
         },
       },
+      'preset-molecule.link': {
+        uid: 'preset-molecule.link',
+        attributes: {
+          label: { type: 'string', required: true },
+          page: { type: 'relation', target: 'plugin::press-cms.page' },
+        },
+      },
       'custom-organism.callout': {
         uid: 'custom-organism.callout',
         attributes: {
@@ -84,111 +96,72 @@ describe('generateTypes', () => {
     },
   };
 
-  const out = generateTypes(schema);
+  const out = generateTypes(schema as any);
+
+  it('imports PressTree from @ogs-tech/press-web', () => {
+    expect(out).toContain("import type { PressTree } from '@ogs-tech/press-web';");
+  });
 
   it('emits a fixed PressMedia interface', () => {
     expect(out).toContain('export interface PressMedia');
     expect(out).toContain('url: string');
   });
 
-  it('emits the paragraph interface; its `blocks` content falls through to unknown (required, no ?)', () => {
-    expect(out).toContain("__component: 'preset-atom.paragraph'");
-    // `blocks` is absent from SCALARS → unknown fallback; required → not optional.
+  it('emits a PressPageRef interface for page relations', () => {
+    expect(out).toContain('export interface PressPageRef {');
+    expect(out).toContain('documentId: string;');
+    expect(out).toContain('slug?: string;');
+  });
+
+  it('emits the paragraph interface with no __component/id (tree data objects, not DZ rows)', () => {
+    expect(out).toContain('export interface PresetAtomParagraph {');
     expect(out).toContain('content: unknown;');
   });
 
   it('emits the image interface with single media typed PressMedia (required) and optional caption', () => {
-    expect(out).toContain("__component: 'preset-atom.image'");
-    expect(out).toContain('image: PressMedia;');   // media single, required → not optional
-    expect(out).toContain('caption?: string;');    // optional
+    expect(out).toContain('image: PressMedia;');
+    expect(out).toContain('caption?: string;');
   });
 
   it('maps the custom block enum field', () => {
-    expect(out).toContain("__component: 'custom-organism.callout'");
     expect(out).toContain("variant?: 'info' | 'warning' | 'success';");
   });
 
-  it('emits a PageBody union array over the DZ components and a Page interface', () => {
-    expect(out).toContain('export type PageBody = (PresetAtomParagraph | PresetAtomImage | CustomOrganismCallout)[];');
-    expect(out).toContain('export interface Page');
-    expect(out).toContain('body: PageBody;');
-    expect(out).toContain('title: string;');
-    expect(out).toContain('documentId: string;');
+  it('maps a page relation attribute to PressPageRef, optional when not required', () => {
+    expect(out).toContain('export interface PresetMoleculeLink {');
+    expect(out).toContain('page?: PressPageRef;');
   });
 
-  it('starts with the do-not-edit banner', () => {
-    expect(out.startsWith('// AUTO-GENERATED')).toBe(true);
+  it('emits no __component discriminator and no row-only id field on component (data-shape) interfaces', () => {
+    expect(out).not.toContain('__component');
+    // Excludes `Page` on purpose: Page is a real CMS content-type row (a genuine
+    // numeric id + documentId), unlike component interfaces, which are tree
+    // `data` objects and never carry a row id.
+    expect(out).not.toMatch(/interface (?!Page\b)\w+ \{\n  id: number;/);
   });
-});
-
-describe('generateTypes with organism sections', () => {
-  // v1 sections are FLAT (scalar/media/enum), so the existing generator emits them
-  // with zero change — this test pins that contract (Spec §7).
-  const schema = {
-    contentTypes: {
-      'plugin::press-cms.page': {
-        uid: 'plugin::press-cms.page',
-        info: { singularName: 'page' },
-        attributes: {
-          title: { type: 'string', required: true },
-          body: { type: 'dynamiczone', components: ['preset-organism.hero', 'preset-organism.cta'] },
-        },
-      },
-    },
-    components: {
-      'preset-organism.hero': {
-        uid: 'preset-organism.hero',
-        attributes: {
-          eyebrow: { type: 'string' },
-          title: { type: 'string', required: true },
-          subtitle: { type: 'text' },
-          image: { type: 'media', multiple: false, allowedTypes: ['images'] },
-          ctaLabel: { type: 'string' },
-          ctaHref: { type: 'string' },
-          align: { type: 'enumeration', enum: ['left', 'center'], default: 'left' },
-        },
-      },
-      'preset-organism.cta': {
-        uid: 'preset-organism.cta',
-        attributes: {
-          title: { type: 'string', required: true },
-          subtitle: { type: 'text' },
-          buttonLabel: { type: 'string', required: true },
-          buttonHref: { type: 'string', required: true },
-          align: { type: 'enumeration', enum: ['left', 'center'], default: 'left' },
-        },
-      },
-    },
-  };
-
-  const out = generateTypes(schema);
 
-  it('derives PascalCase interface names from the organism uids', () => {
-    expect(pascalForUid('preset-organism.hero')).toBe('PresetOrganismHero');
-    expect(pascalForUid('preset-organism.cta')).toBe('PresetOrganismCta');
+  it('emits PageBody as an alias for PressTree — the old DZ unions are gone', () => {
+    expect(out).toContain('export type PageBody = PressTree;');
+    expect(out).not.toContain('HeaderBlocks');
+    expect(out).not.toContain('FooterBlocks');
   });
 
-  it('emits a PresetOrganismHero interface with correctly optional/required flat fields', () => {
-    expect(out).toContain("__component: 'preset-organism.hero'");
-    expect(out).toContain('title: string;');                 // required → no ?
-    expect(out).toContain('eyebrow?: string;');              // optional
-    expect(out).toContain('subtitle?: string;');             // text → string, optional
-    expect(out).toContain('image?: PressMedia;');            // single media, optional
-    expect(out).toContain("align?: 'left' | 'center';");     // enum union, optional (default ≠ required)
-  });
-
-  it('emits a PresetOrganismCta interface with required button fields', () => {
-    expect(out).toContain("__component: 'preset-organism.cta'");
-    expect(out).toContain('buttonLabel: string;');
-    expect(out).toContain('buttonHref: string;');
+  it('emits a Page interface whose body is PageBody', () => {
+    expect(out).toMatch(/export interface Page \{[\s\S]*body: PageBody;/);
+    expect(out).toContain('title: string;');
+    expect(out).toContain('documentId: string;');
   });
 
-  it('includes both organisms in the PageBody union', () => {
-    expect(out).toContain('export type PageBody = (PresetOrganismHero | PresetOrganismCta)[];');
+  it('starts with the do-not-edit banner', () => {
+    expect(out.startsWith('// AUTO-GENERATED')).toBe(true);
   });
 });
 
-describe('generateTypes with chrome organisms (site-setting DZs)', () => {
+describe('generateTypes — production-shape guard (real serialize-schema strips the customField id)', () => {
+  // serialize-schema.ts's KEEP list does not include `customField`, so the real
+  // GET /api/press/schema emits page.body as bare `{ type: 'customField' }` — no id
+  // string. The generator must recognize the tree body by field name/shape alone,
+  // never by the (absent-in-production) customField value.
   const schema = {
     contentTypes: {
       'plugin::press-cms.page': {
@@ -196,95 +169,17 @@ describe('generateTypes with chrome organisms (site-setting DZs)', () => {
         info: { singularName: 'page' },
         attributes: {
           title: { type: 'string', required: true },
-          body: { type: 'dynamiczone', components: ['preset-atom.paragraph', 'preset-atom.button'] },
-        },
-      },
-      'plugin::press-cms.site-setting': {
-        uid: 'plugin::press-cms.site-setting',
-        info: { singularName: 'site-setting' },
-        attributes: {
-          name: { type: 'string' },
-          header: { type: 'dynamiczone', components: ['preset-organism.navbar', 'preset-atom.paragraph', 'custom-organism.callout'] },
-          footer: { type: 'dynamiczone', components: ['preset-organism.footer'] },
-        },
-      },
-    },
-    components: {
-      'preset-atom.paragraph': {
-        uid: 'preset-atom.paragraph',
-        attributes: { content: { type: 'blocks', required: true } },
-      },
-      'preset-atom.button': {
-        uid: 'preset-atom.button',
-        attributes: {
-          label: { type: 'string', required: true },
-          href: { type: 'string', required: true },
-          variant: { type: 'enumeration', enum: ['primary', 'secondary'], default: 'primary', required: true },
-        },
-      },
-      'custom-organism.callout': {
-        uid: 'custom-organism.callout',
-        attributes: { message: { type: 'string', required: true } },
-      },
-      'preset-organism.navbar': {
-        uid: 'preset-organism.navbar',
-        attributes: {
-          items: { type: 'component', repeatable: true, component: 'preset-molecule.nav-item' },
-          cta: { type: 'component', repeatable: false, component: 'preset-atom.button' },
-        },
-      },
-      'preset-organism.footer': {
-        uid: 'preset-organism.footer',
-        attributes: { text: { type: 'string' } },
-      },
-      'preset-molecule.nav-item': {
-        uid: 'preset-molecule.nav-item',
-        attributes: {
-          label: { type: 'string', required: true },
-          page: { type: 'relation' },
-          url: { type: 'string' },
-          newTab: { type: 'boolean', default: false },
+          body: { type: 'customField' },
         },
       },
     },
+    components: {},
   };
 
-  const out = generateTypes(schema);
-
-  it('types nested component references (repeatable → array, single → plain)', () => {
-    expect(out).toContain('items?: PresetMoleculeNavItem[];');
-    expect(out).toContain('cta?: PresetAtomButton;');
-  });
-
-  it('emits a nested-only component WITHOUT __component — Strapi sends no discriminator for nested components (Spec §2)', () => {
-    expect(out).toContain('export interface PresetMoleculeNavItem {');
-    expect(out).not.toContain("__component: 'preset-molecule.nav-item'");
-    // Its scalar fields survive with correct optionality.
-    expect(out).toContain('label: string;');
-    expect(out).toContain('url?: string;');
-    expect(out).toContain('newTab?: boolean;');
-  });
-
-  it('keeps __component on a component that IS a DZ member somewhere (preset-atom.button in body)', () => {
-    expect(out).toContain("__component: 'preset-atom.button'");
-  });
-
-  it('skips relation attributes — resolved at runtime by the web side, never consumed raw (Spec §2)', () => {
-    expect(out).not.toContain('page?:');
-    expect(out).not.toContain('page:');
-  });
-
-  it('emits HeaderBlocks and FooterBlocks unions alongside PageBody (Spec §2)', () => {
-    expect(out).toContain('export type HeaderBlocks = (PresetOrganismNavbar | PresetAtomParagraph | CustomOrganismCallout)[];');
-    expect(out).toContain('export type FooterBlocks = (PresetOrganismFooter)[];');
-    expect(out).toContain('export type PageBody = (PresetAtomParagraph | PresetAtomButton)[];');
-  });
+  const out = generateTypes(schema as any);
 
-  it('omits the chrome unions when the schema has no site-setting entry (version-skew tolerance)', () => {
-    const pageOnly = { contentTypes: { 'plugin::press-cms.page': schema.contentTypes['plugin::press-cms.page'] }, components: { 'preset-atom.paragraph': schema.components['preset-atom.paragraph'], 'preset-atom.button': schema.components['preset-atom.button'] } };
-    const legacy = generateTypes(pageOnly);
-    expect(legacy).not.toContain('HeaderBlocks');
-    expect(legacy).not.toContain('FooterBlocks');
-    expect(legacy).toContain('export type PageBody');
+  it('still emits PageBody = PressTree and Page.body: PageBody with no customField id present', () => {
+    expect(out).toContain('export type PageBody = PressTree;');
+    expect(out).toMatch(/export interface Page \{[\s\S]*body: PageBody;/);
   });
 });
diff --git a/packages/web/src/generator/generate.ts b/packages/web/src/generator/generate.ts
index d838208..c962e99 100644
--- a/packages/web/src/generator/generate.ts
+++ b/packages/web/src/generator/generate.ts
@@ -31,7 +31,6 @@ const SCALARS: Record<string, string> = {
 };
 
 const PAGE_UID = 'plugin::press-cms.page';
-const SITE_SETTING_UID = 'plugin::press-cms.site-setting';
 
 /** Maps a single Strapi attribute to its TS type expression. */
 export const tsTypeForAttribute = (attr: Attr): string => {
@@ -41,16 +40,21 @@ export const tsTypeForAttribute = (attr: Attr): string => {
       : 'never';
   }
   if (attr.type === 'component' && typeof attr.component === 'string') {
-    // A nested component reference (Spec §2). NOTE: Strapi sends no __component
-    // discriminator for nested components; when the referenced component is also
-    // a DZ member (so its interface carries __component), the nested value simply
-    // omits that field on the wire — never discriminate a nested value on it.
+    // A nested component reference (Spec §2). Strapi sends no __component
+    // discriminator for nested components (nor, in the tree world, for any
+    // component — tree `data` objects carry neither `__component` nor `id`).
     const ref = pascalForUid(attr.component);
     return attr.repeatable ? `${ref}[]` : ref;
   }
   if (attr.type === 'media') {
     return attr.multiple ? 'PressMedia[]' : 'PressMedia';
   }
+  if (attr.type === 'relation') {
+    // Only the page-picker relation (nav-item/link `page` field) is consumed:
+    // the cms hydrates it into a PressPageRef. Every other relation stays out
+    // of generator scope (Spec §2) and is skipped at emit below.
+    return (attr as Record<string, unknown>).target === 'plugin::press-cms.page' ? 'PressPageRef' : 'unknown';
+  }
   return (attr.type ? SCALARS[attr.type] : undefined) ?? 'unknown';
 };
 
@@ -59,9 +63,10 @@ const emitInterfaceBody = (attributes: Record<string, Attr>, indent = '  '): str
     .map(([name, attr]) => {
       // DZ inside a component is out of scope for Spec 1; skip if present.
       if (attr.type === 'dynamiczone') return null;
-      // Relations are out of generator scope (Spec §2): the nav-item `page`
-      // relation is resolved at runtime by the web side, never consumed raw.
-      if (attr.type === 'relation') return null;
+      // Non-page relations are out of generator scope (Spec §2): resolved at
+      // runtime by the web side, never consumed raw. The page-picker relation
+      // is emitted as PressPageRef (see tsTypeForAttribute).
+      if (attr.type === 'relation' && (attr as Record<string, unknown>).target !== 'plugin::press-cms.page') return null;
       const optional = attr.required ? '' : '?';
       return `${indent}${name}${optional}: ${tsTypeForAttribute(attr)};`;
     })
@@ -77,53 +82,40 @@ const PRESS_MEDIA = `export interface PressMedia {
   mime?: string;
 }`;
 
+const PAGE_REF = `export interface PressPageRef {
+  documentId: string;
+  slug?: string;
+}`;
+
 export const generateTypes = (schema: PressSchema): string => {
   const blocks: string[] = [
     '// AUTO-GENERATED by @ogs-tech/press-web sync-types — DO NOT EDIT.',
     '// Regenerate with: pnpm --filter @ogs-tech/press-web sync-types',
     '',
+    "import type { PressTree } from '@ogs-tech/press-web';",
+    '',
     PRESS_MEDIA,
     '',
+    PAGE_REF,
+    '',
   ];
 
   const page = schema.contentTypes[PAGE_UID] ?? Object.values(schema.contentTypes)[0];
-  const siteSetting = schema.contentTypes[SITE_SETTING_UID];
 
-  const bodyUids = page.attributes.body?.components ?? [];
-  const headerUids = siteSetting?.attributes.header?.components ?? [];
-  const footerUids = siteSetting?.attributes.footer?.components ?? [];
-  // Strapi sends the __component discriminator ONLY for dynamic-zone entries; a
-  // component that appears solely nested inside another must not claim one (Spec §2).
-  const dzMembers = new Set([...bodyUids, ...headerUids, ...footerUids]);
-
-  const componentTypeNames: Record<string, string> = {};
+  // Tree world: every component is a plain `data` object (composition-builder
+  // spec §5) — no DZ membership, no __component discriminator, no row id.
   for (const [uid, comp] of Object.entries(schema.components)) {
     const name = pascalForUid(uid);
-    componentTypeNames[uid] = name;
-    blocks.push(
-      `export interface ${name} {`,
-      ...(dzMembers.has(uid) ? [`  __component: '${uid}';`] : []),
-      `  id: number;`,
-      emitInterfaceBody(comp.attributes),
-      `}`,
-      '',
-    );
+    blocks.push(`export interface ${name} {`, emitInterfaceBody(comp.attributes), `}`, '');
   }
 
-  const union = (uids: string[]): string =>
-    uids.map((uid) => componentTypeNames[uid]).filter(Boolean).join(' | ');
-
-  blocks.push(`export type PageBody = (${union(bodyUids) || 'never'})[];`, '');
-
-  // Chrome DZ unions (Spec §2). Emitted only when the cms serves the site-setting
-  // entry — an older press-cms without chrome must not break type-sync.
-  if (siteSetting) {
-    blocks.push(`export type HeaderBlocks = (${union(headerUids) || 'never'})[];`, '');
-    blocks.push(`export type FooterBlocks = (${union(footerUids) || 'never'})[];`, '');
-  }
+  blocks.push('/** The page body IS the composition tree (composition-builder spec §5). */');
+  blocks.push(`export type PageBody = PressTree;`, '');
 
   const pageFields = Object.entries(page.attributes)
     .map(([name, attr]) => {
+      // Always PageBody by field name — never gated on the customField id,
+      // which the real serializer strips (KEEP list omits `customField`).
       if (name === 'body') return `  body: PageBody;`;
       const optional = attr.required ? '' : '?';
       return `  ${name}${optional}: ${tsTypeForAttribute(attr)};`;
diff --git a/packages/web/src/get-site-config.test.ts b/packages/web/src/get-site-config.test.ts
index b60b37e..8d39166 100644
--- a/packages/web/src/get-site-config.test.ts
+++ b/packages/web/src/get-site-config.test.ts
@@ -56,30 +56,23 @@ describe('getSiteConfig', () => {
     expect(r.brand.name).toBe('');
   });
 
-  it('maps a body with chrome data end-to-end', async () => {
+  it('maps a body with pageDefaults through end-to-end (raw — hydration happens at resolveTree)', async () => {
+    const navbarNode = {
+      id: 'nav', type: 'block', component: 'preset-organism.navbar',
+      data: { items: [{ label: 'About', page: { slug: 'about' }, newTab: false }] },
+    };
+    const footerNode = { id: 'f', type: 'block', component: 'preset-organism.footer', data: {} };
     stubFetch(async () => ({
       ok: true,
       json: async () => ({
         data: {
           name: 'Acme',
-          header: [{
-            __component: 'preset-organism.navbar',
-            id: 1,
-            items: [
-              { label: 'About', page: { slug: 'about' }, newTab: false },
-              { label: 'Docs', url: 'https://docs.test', newTab: true },
-            ],
-          }],
-          footer: [{ __component: 'preset-organism.footer', id: 2 }],
+          pageDefaults: { header: [navbarNode], footer: [footerNode] },
         },
       }),
     }));
     const r = await getSiteConfig(buildTime);
-    expect((r.chrome.header[0] as any).brand).toEqual({ name: 'Acme', logo: undefined });
-    expect((r.chrome.header[0] as any).links).toEqual([
-      { label: 'About', href: '/about', external: false, newTab: false },
-      { label: 'Docs', href: 'https://docs.test', external: true, newTab: true },
-    ]);
-    expect((r.chrome.footer[0] as any).brand).toEqual({ name: 'Acme' });
+    expect(r.pageDefaults.header).toEqual([navbarNode]);
+    expect(r.pageDefaults.footer).toEqual([footerNode]);
   });
 });
diff --git a/packages/web/src/get-site-config.ts b/packages/web/src/get-site-config.ts
index 0bb4a1f..bf0ef0a 100644
--- a/packages/web/src/get-site-config.ts
+++ b/packages/web/src/get-site-config.ts
@@ -11,8 +11,8 @@ type RevalidateInit = RequestInit & { next?: { revalidate?: number } };
  * Fetches the Site Settings single type and maps it into the full
  * ResolvedPressConfig, combining it with the build-time anchors (routes,
  * theme.name, theme.fonts). The populate tree (media + config components +
- * chrome DZs → navbar items' page slugs) is owned by the site-setting controller, not requested
- * here (spec §5.1) — the engine owns the wire shape. ISR-cached (~60s) so editor
+ * pageDefaults slots → navbar items' page slugs) is owned by the site-setting
+ * controller, not requested here (spec §5.1) — the engine owns the wire shape. ISR-cached (~60s) so editor
  * changes appear without a deploy. Any failure — non-OK, network error, malformed
  * body — maps as if the record were EMPTY: engine-default theme (DEFAULT_THEME) +
  * empty identity. There is NO press.config fallback for identity/SEO by design
diff --git a/packages/web/src/index.ts b/packages/web/src/index.ts
index 3087e85..e75cbb3 100644
--- a/packages/web/src/index.ts
+++ b/packages/web/src/index.ts
@@ -1,9 +1,7 @@
-export { BlockRenderer } from './block-renderer';
 export { getPage } from './get-page';
 export { getPageSlugs, getStaticPageParams } from './get-page-slugs';
 export { getSiteConfig } from './get-site-config';
 export { atomBlocks } from './atom-blocks';
-export { renderBlocks } from './blocks/blocks-content';
 export { Paragraph } from './blocks/paragraph';
 export { Heading } from './blocks/heading';
 export { List } from './blocks/list';
@@ -17,6 +15,24 @@ export { Cta } from './sections/cta';
 export { Navbar } from './chrome/navbar';
 export { Footer } from './chrome/footer';
 export { organismBlocks } from './organism-blocks';
+export { TreeRenderer } from './tree/tree-renderer';
+export { resolveTree, hydrateEngineBlocks } from './tree/resolve-slots';
+export { PressLink } from './press-link';
+export { resolveLink, coerceLink } from './link';
+export type { PressLinkData, ResolvedLink } from './link';
+export type {
+  PressTree,
+  LayoutNode,
+  Node,
+  RowNode,
+  ColumnNode,
+  BlockNode,
+  Slot,
+  ContainerAttrs,
+  Gap,
+  VerticalAlign,
+  ContainerWidth,
+} from '@ogs-tech/press-shared';
 export { defineConfig } from './config/define-config';
 export { resolveConfig } from './config/resolve-config';
 export { buildMetadata } from './config/build-metadata';
@@ -48,10 +64,6 @@ export type {
   Page,
   PageBody,
   PressMedia,
-  Block,
-  BlocksContent,
-  BlocksNode,
-  BlocksText,
   PresetAtomParagraph,
   PresetAtomHeading,
   PresetAtomList,
@@ -68,10 +80,8 @@ export type {
   ResolvedPressConfig,
   BuildTimeConfig,
   ThemeName,
-  ChromeBlock,
   ResolvedNavLink,
   ResolvedChromeNavbar,
-  ResolvedChromeFooter,
 } from './config/types';
 export { Container, Grid, Row, Column, BREAKPOINTS } from './layout';
 export type {
diff --git a/packages/web/src/link.test.ts b/packages/web/src/link.test.ts
new file mode 100644
index 0000000..7e9fa3d
--- /dev/null
+++ b/packages/web/src/link.test.ts
@@ -0,0 +1,39 @@
+import { describe, expect, it } from 'vitest';
+import { coerceLink, resolveLink } from './link';
+
+describe('resolveLink', () => {
+  it('prefers page over url and collapses the home slug to /', () => {
+    expect(resolveLink({ label: 'About', page: { documentId: 'd1', slug: 'about' }, url: 'https://ignored' }, 'home'))
+      .toEqual({ label: 'About', href: '/about', external: false, newTab: false });
+    expect(resolveLink({ label: 'Home', page: { documentId: 'd2', slug: 'home' } }, 'home'))
+      .toEqual({ label: 'Home', href: '/', external: false, newTab: false });
+  });
+
+  it('falls back to url when the page ref has no slug (unpublished), then drops the link', () => {
+    expect(resolveLink({ label: 'X', page: { documentId: 'gone' }, url: '/fallback' }))
+      .toEqual({ label: 'X', href: '/fallback', external: false, newTab: false });
+    expect(resolveLink({ label: 'X', page: { documentId: 'gone' } })).toBeNull();
+    expect(resolveLink({ label: 'X' })).toBeNull();
+    expect(resolveLink(null)).toBeNull();
+  });
+
+  it('flags external http(s) urls and honors newTab', () => {
+    expect(resolveLink({ label: 'GH', url: 'https://github.com', newTab: true }))
+      .toEqual({ label: 'GH', href: 'https://github.com', external: true, newTab: true });
+    expect(resolveLink({ label: 'mail', url: 'mailto:x@y.z' })!.external).toBe(false);
+  });
+
+  it('neutralizes executable protocols', () => {
+    expect(resolveLink({ label: 'evil', url: 'javascript:alert(1)' })!.href).toBe('#');
+  });
+});
+
+describe('coerceLink', () => {
+  it('passes resolved links through and resolves raw link data', () => {
+    const resolved = { label: 'A', href: '/a', external: false, newTab: false };
+    expect(coerceLink(resolved)).toEqual(resolved);
+    expect(coerceLink({ label: 'B', url: '/b' })).toEqual({ label: 'B', href: '/b', external: false, newTab: false });
+    expect(coerceLink('garbage')).toBeNull();
+    expect(coerceLink(undefined)).toBeNull();
+  });
+});
diff --git a/packages/web/src/link.ts b/packages/web/src/link.ts
new file mode 100644
index 0000000..39b4e3c
--- /dev/null
+++ b/packages/web/src/link.ts
@@ -0,0 +1,62 @@
+/**
+ * The engine's ONE link concept (locked decision 2026-07-20): the hydrated wire
+ * shape of `preset-molecule.link` and its pure resolver. Precedence page > url;
+ * an internal page collapses to '/' when its slug is the home slug (the same
+ * routes.home anchor as the /home → / redirect); a page ref without a slug
+ * (unpublished/deleted) falls back to url, else the link drops. Everything that
+ * links — nav items, button atom, hero/cta, adopter blocks via <PressLink> —
+ * resolves through here, nowhere else.
+ */
+
+export interface PressLinkData {
+  label?: string;
+  page?: { documentId?: string; slug?: string } | null;
+  url?: string;
+  newTab?: boolean;
+}
+
+export interface ResolvedLink {
+  label: string;
+  href: string;
+  external: boolean;
+  newTab: boolean;
+}
+
+/** Neutralizes executable protocols an editor could type (blocks-content safeHref precedent). */
+function safeHref(url: string): string {
+  const trimmed = url.trim();
+  if (!trimmed) return '#';
+  return /^(?:javascript|data|vbscript):/i.test(trimmed) ? '#' : trimmed;
+}
+
+export function resolveLink(link: PressLinkData | null | undefined, homeSlug?: string): ResolvedLink | null {
+  if (!link || typeof link !== 'object') return null;
+  const label = link.label ?? '';
+  const newTab = link.newTab ?? false;
+  const slug = link.page?.slug;
+  if (slug) {
+    return { label, href: homeSlug !== undefined && slug === homeSlug ? '/' : `/${slug}`, external: false, newTab };
+  }
+  if (link.url) {
+    const href = safeHref(link.url);
+    return { label, href, external: /^https?:/i.test(href), newTab };
+  }
+  return null;
+}
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === 'object' && v !== null && !Array.isArray(v);
+
+/** Accepts either an already-resolved link (hydrated engine block) or raw PressLinkData. */
+export function coerceLink(value: unknown, homeSlug?: string): ResolvedLink | null {
+  if (!isRecord(value)) return null;
+  if (typeof value.href === 'string') {
+    return {
+      label: typeof value.label === 'string' ? value.label : '',
+      href: value.href,
+      external: value.external === true,
+      newTab: value.newTab === true,
+    };
+  }
+  return resolveLink(value as PressLinkData, homeSlug);
+}
diff --git a/packages/web/src/map-page.test.ts b/packages/web/src/map-page.test.ts
index 5844098..33c8784 100644
--- a/packages/web/src/map-page.test.ts
+++ b/packages/web/src/map-page.test.ts
@@ -6,7 +6,10 @@ const raw: RawPage = {
   documentId: 'doc-abc',
   title: 'Home',
   slug: 'home',
-  body: [{ __component: 'preset-atom.paragraph', id: 3 }],
+  body: {
+    version: 2,
+    root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children: [] },
+  },
 };
 
 describe('mapPage', () => {
diff --git a/packages/web/src/map-site-settings.test.ts b/packages/web/src/map-site-settings.test.ts
index 021e90c..e6e029f 100644
--- a/packages/web/src/map-site-settings.test.ts
+++ b/packages/web/src/map-site-settings.test.ts
@@ -27,8 +27,8 @@ describe('mapSiteSettings', () => {
     expect(r.routes.home).toBe('home');
     expect(r.theme.name).toBe('default');
     expect(r.theme.fonts).toEqual({ body: 'Inter' });
-    // chrome: empty zones when the CMS is empty (Spec §4)
-    expect(r.chrome).toEqual({ header: [], footer: [] });
+    // pageDefaults: empty slots when the CMS is empty (Spec §4)
+    expect(r.pageDefaults).toEqual({ header: [], footer: [] });
   });
 
   it('maps an empty {} CMS identically to null', () => {
@@ -88,103 +88,17 @@ describe('mapSiteSettings', () => {
     expect(r.theme.fonts).toEqual(buildTime.theme.fonts);
     expect(r.routes).toEqual(buildTime.routes);
   });
-});
-
-describe('mapSiteSettings — chrome hydration (Spec §3)', () => {
-  const navbar = (extra: Record<string, unknown> = {}) =>
-    ({ __component: 'preset-organism.navbar', id: 1, ...extra });
-
-  const headerWith = (items: unknown[]) =>
-    mapSiteSettings(buildTime, { name: 'Acme', header: [navbar({ items })] });
-
-  const linksOf = (r: ReturnType<typeof mapSiteSettings>) =>
-    (r.chrome.header[0] as any).links;
-
-  it('injects the resolved brand (name + logo) into preset-organism.navbar — never stored on the block', () => {
-    const r = mapSiteSettings(buildTime, {
-      name: 'Acme',
-      logo: { url: '/uploads/logo.png' },
-      header: [navbar()],
-    });
-    expect((r.chrome.header[0] as any).brand).toEqual({
-      name: 'Acme',
-      logo: 'http://localhost:1337/uploads/logo.png',
-    });
-  });
-
-  it('resolves an internal page item to /slug, external false', () => {
-    const r = headerWith([{ label: 'About', page: { slug: 'about' }, newTab: false }]);
-    expect(linksOf(r)).toEqual([{ label: 'About', href: '/about', external: false, newTab: false }]);
-  });
-
-  it('collapses the home slug to /', () => {
-    const r = headerWith([{ label: 'Home', page: { slug: 'home' } }]); // buildTime.routes.home === 'home'
-    expect(linksOf(r)[0].href).toBe('/');
-  });
-
-  it('resolves an external url with external:true and honors newTab', () => {
-    const r = headerWith([{ label: 'Docs', url: 'https://docs.test', newTab: true }]);
-    expect(linksOf(r)).toEqual([{ label: 'Docs', href: 'https://docs.test', external: true, newTab: true }]);
-  });
-
-  it('treats a non-http url as internal-style (external: false)', () => {
-    const r = headerWith([{ label: 'Contact', url: '/contact' }]);
-    expect(linksOf(r)).toEqual([{ label: 'Contact', href: '/contact', external: false, newTab: false }]);
-  });
-
-  it('lets page win over url when both are set (precedence)', () => {
-    const r = headerWith([{ label: 'Both', page: { slug: 'about' }, url: 'https://ignored.test' }]);
-    expect(linksOf(r)[0]).toEqual({ label: 'Both', href: '/about', external: false, newTab: false });
-  });
-
-  it('drops an item with neither page nor url', () => {
-    const r = headerWith([
-      { label: 'Keep', url: '/keep' },
-      { label: 'Drop' },
-      { label: 'DropToo', page: null, url: '' },
-    ]);
-    expect(linksOf(r).map((l: any) => l.label)).toEqual(['Keep']);
-  });
 
-  it('hydrates a navbar with no items to empty links (the seeded default renders brand-only)', () => {
-    const r = mapSiteSettings(buildTime, { name: 'Acme', header: [navbar()] });
-    expect(linksOf(r)).toEqual([]);
-  });
-
-  it('keeps the navbar cta untouched (renderer consumes it as-is)', () => {
-    const cta = { label: 'Sign up', href: '/signup', variant: 'primary' };
-    const r = mapSiteSettings(buildTime, { header: [navbar({ cta })] });
-    expect((r.chrome.header[0] as any).cta).toEqual(cta);
-  });
-
-  it('injects the brand into preset-organism.footer for the copyright fallback', () => {
-    const r = mapSiteSettings(buildTime, {
-      name: 'Acme',
-      footer: [{ __component: 'preset-organism.footer', id: 2, text: '' }],
-    });
-    expect((r.chrome.footer[0] as any).brand).toEqual({ name: 'Acme' });
-  });
-
-  it('passes non-chrome blocks through untouched (BlockRenderer stays dumb)', () => {
-    const hero = { __component: 'preset-organism.hero', id: 3, title: 'Big' };
-    const r = mapSiteSettings(buildTime, { header: [hero] });
-    expect(r.chrome.header).toEqual([hero]);
-  });
-
-  it('hydrates the footer zone with the same rules as the header (a navbar works in either zone)', () => {
-    const r = mapSiteSettings(buildTime, {
-      name: 'Acme',
-      footer: [navbar({ items: [{ label: 'About', page: { slug: 'about' } }] })],
-    });
-    expect((r.chrome.footer[0] as any).links).toEqual([
-      { label: 'About', href: '/about', external: false, newTab: false },
-    ]);
+  it('maps valid pageDefaults slots through and fails invalid slots to empty', () => {
+    const nodes = [{ id: 'n', type: 'block', component: 'preset-organism.navbar', data: {} }];
+    const ok = mapSiteSettings(buildTime, { pageDefaults: { header: nodes, footer: [] } } as any);
+    expect(ok.pageDefaults.header).toEqual(nodes);
+    const bad = mapSiteSettings(buildTime, { pageDefaults: { header: [{ id: 'c', type: 'column', children: [] }] } } as any);
+    expect(bad.pageDefaults.header).toEqual([]);
   });
 
-  it('maps absent / empty zones and a null CMS to empty arrays', () => {
-    expect(mapSiteSettings(buildTime, { header: [], footer: [] }).chrome).toEqual({ header: [], footer: [] });
-    expect(mapSiteSettings(buildTime, {}).chrome).toEqual({ header: [], footer: [] });
-    expect(mapSiteSettings(buildTime, null).chrome).toEqual({ header: [], footer: [] });
+  it('maps an absent/unreachable CMS to empty pageDefaults', () => {
+    expect(mapSiteSettings(buildTime, null).pageDefaults).toEqual({ header: [], footer: [] });
   });
 });
 
diff --git a/packages/web/src/map-site-settings.ts b/packages/web/src/map-site-settings.ts
index bdcdbfd..67328bc 100644
--- a/packages/web/src/map-site-settings.ts
+++ b/packages/web/src/map-site-settings.ts
@@ -1,10 +1,5 @@
-import type {
-  BuildTimeConfig,
-  ChromeBlock,
-  ResolvedNavLink,
-  ResolvedPressConfig,
-  SiteSettingsData,
-} from './config/types';
+import { validateNodeArray, type Node } from '@ogs-tech/press-shared';
+import type { BuildTimeConfig, ResolvedPressConfig, SiteSettingsData } from './config/types';
 import { DEFAULT_THEME } from './config/default-theme';
 import { mapCookieConsent } from './plugins/cookie-consent/map-cookie-consent';
 import { buildUrn } from './urn';
@@ -19,62 +14,17 @@ function mediaUrl(media: { url?: string } | null | undefined): string | undefine
   return url.startsWith('http') ? url : `${CMS_URL}${url}`;
 }
 
-/** A raw `preset-organism.navbar` nav item as populated by the site-setting controller. */
-interface RawNavItem {
-  label?: string;
-  page?: { slug?: string } | null;
-  url?: string;
-  newTab?: boolean;
-}
-
-/**
- * Resolves a CMS nav item into a final link (Spec §3). Precedence: `page` wins
- * over `url`. An internal page collapses to '/' when its slug is the home slug
- * (reusing the same routes.home anchor as the /home → / redirect —
- * CMS-independent). An item with neither page nor url is dropped (returns null).
- * The external flag is true only for http(s) URLs.
- */
-function resolveNavItem(item: RawNavItem, homeSlug: string): ResolvedNavLink | null {
-  const label = item.label ?? '';
-  const newTab = item.newTab ?? false;
-  const slug = item.page?.slug;
-  if (slug) {
-    return { label, href: slug === homeSlug ? '/' : `/${slug}`, external: false, newTab };
-  }
-  if (item.url) {
-    return { label, href: item.url, external: item.url.startsWith('http'), newTab };
-  }
-  return null;
-}
-
-/**
- * Hydrates one chrome dynamic zone (Spec §3): `preset-organism.navbar` gains the
- * resolved brand + links (page > url precedence, home slug → '/', external flag)
- * and `preset-organism.footer` gains the brand for its copyright fallback —
- * identity is never stored on a block (Spec §1). Every other block passes through
- * untouched so BlockRenderer stays intentionally dumb.
- */
-function hydrateChromeBlocks(
-  blocks: ChromeBlock[] | null | undefined,
-  brand: ResolvedPressConfig['brand'],
-  homeSlug: string,
-): ChromeBlock[] {
-  return (blocks ?? []).map((block) => {
-    if (block.__component === 'preset-organism.navbar') {
-      const items = (block.items as RawNavItem[] | null | undefined) ?? [];
-      return {
-        ...block,
-        brand: { name: brand.name, logo: brand.logo },
-        links: items
-          .map((item) => resolveNavItem(item, homeSlug))
-          .filter((link): link is ResolvedNavLink => link !== null),
-      };
-    }
-    if (block.__component === 'preset-organism.footer') {
-      return { ...block, brand: { name: brand.name } };
+/** One pageDefaults slot: fail-to-empty on invalid nodes (Spec §6.3), dev-only warning. */
+function mapSlot(input: unknown, slot: string): Node[] {
+  if (input === undefined || input === null) return [];
+  const { value, errors } = validateNodeArray(input);
+  if (!value) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn(`[press/web] invalid pageDefaults.${slot} — rendering empty`, errors);
     }
-    return block;
-  });
+    return [];
+  }
+  return value;
 }
 
 /**
@@ -85,7 +35,8 @@ function hydrateChromeBlocks(
  * field" unambiguously means empty (AC2/AC3). Theme colours/radii resolve over
  * DEFAULT_THEME per key — the engine's shipped base, never empty (AC4). Build-time
  * anchors (routes, theme.name, theme.fonts) come from `buildTime` (AC8). The
- * chrome DZs are hydrated here (Spec §3) so the renderers stay dumb.
+ * pageDefaults slots are validated (fail-to-empty, Spec §6.3) but stored RAW —
+ * engine-block hydration happens exactly once, in `resolveTree`.
  */
 export function mapSiteSettings(
   buildTime: BuildTimeConfig,
@@ -122,9 +73,9 @@ export function mapSiteSettings(
       fonts: buildTime.theme.fonts,
       radius: { ...DEFAULT_THEME.radius, ...(c.themeRadius ?? {}) },
     },
-    chrome: {
-      header: hydrateChromeBlocks(c.header, brand, buildTime.routes.home),
-      footer: hydrateChromeBlocks(c.footer, brand, buildTime.routes.home),
+    pageDefaults: {
+      header: mapSlot(c.pageDefaults?.header, 'header'),
+      footer: mapSlot(c.pageDefaults?.footer, 'footer'),
     },
     plugins: {
       // Fails OPEN (cookie-consent Spec §3) — unlike identity/SEO, an
diff --git a/packages/web/src/organism-blocks.ts b/packages/web/src/organism-blocks.ts
index f99f1a1..21c370b 100644
--- a/packages/web/src/organism-blocks.ts
+++ b/packages/web/src/organism-blocks.ts
@@ -8,7 +8,7 @@ import { Footer } from './chrome/footer';
  * Engine-owned ORGANISM registry — composed sections for the page body
  * (hero/cta) and the site chrome (navbar/footer), unified into one Atomic Design
  * layer (the old `section.*` / `chrome.*` split). Kept SEPARATE from atomBlocks so the
- * layer boundary is mirrored in code. BlockRenderer merges this after the atoms
+ * layer boundary is mirrored in code. TreeRenderer merges this after the atoms
  * and before the adopter map — every organism is overridable via the explicit
  * `components` prop (e.g. `{ 'preset-organism.navbar': MyNavbar }`).
  */
diff --git a/packages/web/src/plugins/cookie-consent/cookie-consent-banner.tsx b/packages/web/src/plugins/cookie-consent/cookie-consent-banner.tsx
index acecc71..0d51813 100644
--- a/packages/web/src/plugins/cookie-consent/cookie-consent-banner.tsx
+++ b/packages/web/src/plugins/cookie-consent/cookie-consent-banner.tsx
@@ -18,7 +18,7 @@ const OPTIONAL_CATEGORIES = ['analytics', 'marketing'] as const;
  * snapshot), so hydration can never mismatch.
  *
  * The component is intentionally dumb about config: `plugin` arrives TOTAL
- * from mapCookieConsent — no defaulting here (the BlockRenderer "renderers
+ * from mapCookieConsent — no defaulting here (the TreeRenderer "renderers
  * stay dumb" discipline).
  */
 export function CookieConsentBanner({ plugin }: { plugin: ResolvedCookieConsentPlugin }) {
diff --git a/packages/web/src/press-link.tsx b/packages/web/src/press-link.tsx
new file mode 100644
index 0000000..126029c
--- /dev/null
+++ b/packages/web/src/press-link.tsx
@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+import { coerceLink } from './link';
+
+interface PressLinkProps {
+  /** Raw PressLinkData (block prop) or an already-resolved link (hydrated). */
+  link: unknown;
+  homeSlug?: string;
+  children?: ReactNode;
+  [dataAttr: `data-${string}`]: unknown;
+}
+
+/**
+ * The one anchor renderer for CMS links. Server component, zero JS: resolves
+ * via coerceLink and emits a plain <a>. Unresolvable → renders nothing (the
+ * hero/cta "CTA renders only when complete" tolerance, generalized).
+ */
+export function PressLink({ link, homeSlug, children, ...rest }: PressLinkProps) {
+  const resolved = coerceLink(link, homeSlug);
+  // Unresolvable → nothing; a neutralized '#' href still renders (safe no-op).
+  if (!resolved || !resolved.href) return null;
+  return (
+    <a
+      {...rest}
+      href={resolved.href}
+      target={resolved.newTab ? '_blank' : undefined}
+      rel={resolved.newTab ? 'noreferrer' : undefined}
+    >
+      {children ?? resolved.label}
+    </a>
+  );
+}
diff --git a/packages/web/src/sections/cta.test.ts b/packages/web/src/sections/cta.test.ts
index 2177ab6..680358a 100644
--- a/packages/web/src/sections/cta.test.ts
+++ b/packages/web/src/sections/cta.test.ts
@@ -7,11 +7,11 @@ const render = (props: Record<string, unknown>): string =>
 
 describe('Cta renderer', () => {
   it('renders nothing when title is missing (tolerant draft, Spec §8)', () => {
-    expect(render({ buttonLabel: 'Go', buttonHref: '/go' })).toBe('');
+    expect(render({ button: { label: 'Go', url: '/go' } })).toBe('');
   });
 
   it('wraps output in a <section> Container that carries data-block (Spec §8.2)', () => {
-    const html = render({ title: 'Start now', buttonLabel: 'Go', buttonHref: '/go' });
+    const html = render({ title: 'Start now', button: { label: 'Go', url: '/go' } });
     expect(html.startsWith('<section')).toBe(true);
     expect(html).toContain('data-press-layout="container"');
     expect(html).toContain('data-block="preset-organism.cta"');
@@ -28,24 +28,24 @@ describe('Cta renderer', () => {
   });
 
   it('renders the title as an h2 inside the frame', () => {
-    expect(render({ title: 'Start now', buttonLabel: 'Go', buttonHref: '/go' }))
+    expect(render({ title: 'Start now', button: { label: 'Go', url: '/go' } }))
       .toContain('<h2>Start now</h2>');
   });
 
   it('renders the optional subtitle when present', () => {
-    expect(render({ title: 'Start now', subtitle: 'No credit card', buttonLabel: 'Go', buttonHref: '/go' }))
+    expect(render({ title: 'Start now', subtitle: 'No credit card', button: { label: 'Go', url: '/go' } }))
       .toContain('No credit card');
   });
 
   it('defaults align to "left" and honors "center"', () => {
-    expect(render({ title: 'T', buttonLabel: 'Go', buttonHref: '/go' })).toContain('data-align="left"');
-    expect(render({ title: 'T', buttonLabel: 'Go', buttonHref: '/go', align: 'center' }))
+    expect(render({ title: 'T', button: { label: 'Go', url: '/go' } })).toContain('data-align="left"');
+    expect(render({ title: 'T', button: { label: 'Go', url: '/go' }, align: 'center' }))
       .toContain('data-align="center"');
   });
 
-  it('renders the button only when BOTH buttonLabel and buttonHref are present (Spec §8)', () => {
-    expect(render({ title: 'T', buttonLabel: 'Go', buttonHref: '/go' })).toContain('href="/go"');
-    const noHref = render({ title: 'T', subtitle: 'Sub', buttonLabel: 'Go' });
+  it('renders the button only when a complete link is present (Spec §8)', () => {
+    expect(render({ title: 'T', button: { label: 'Go', url: '/go' } })).toContain('href="/go"');
+    const noHref = render({ title: 'T', subtitle: 'Sub', button: { label: 'Go' } });
     expect(noHref).toContain('<h2>T</h2>');
     expect(noHref).toContain('Sub');
     expect(noHref).not.toContain('data-cta="button"');
diff --git a/packages/web/src/sections/cta.tsx b/packages/web/src/sections/cta.tsx
index 6debba4..d1aab2b 100644
--- a/packages/web/src/sections/cta.tsx
+++ b/packages/web/src/sections/cta.tsx
@@ -1,5 +1,7 @@
 import type { PresetOrganismCta } from '../types/base';
 import { Container } from '../layout/container';
+import { coerceLink } from '../link';
+import { PressLink } from '../press-link';
 
 /**
  * Engine organism `preset-organism.cta` — a call-to-action banner (Spec §5.2).
@@ -11,9 +13,9 @@ import { Container } from '../layout/container';
  * Tolerant: a draft with no title renders nothing; the button renders only
  * when BOTH label and href are present (no dead links — Spec §8).
  */
-export function Cta({ title, subtitle, buttonLabel, buttonHref, align }: PresetOrganismCta) {
+export function Cta({ title, subtitle, button, align }: PresetOrganismCta) {
   if (!title) return null;
-  const hasButton = Boolean(buttonLabel && buttonHref);
+  const hasButton = Boolean(coerceLink(button));
   return (
     <Container
       as="section"
@@ -24,11 +26,7 @@ export function Cta({ title, subtitle, buttonLabel, buttonHref, align }: PresetO
       <div data-cta="frame">
         <h2>{title}</h2>
         {subtitle ? <p data-cta="subtitle">{subtitle}</p> : null}
-        {hasButton ? (
-          <a data-cta="button" href={buttonHref}>
-            {buttonLabel}
-          </a>
-        ) : null}
+        {hasButton ? <PressLink data-cta="button" link={button} /> : null}
       </div>
     </Container>
   );
diff --git a/packages/web/src/sections/hero.test.ts b/packages/web/src/sections/hero.test.ts
index 30b1f25..5eb9898 100644
--- a/packages/web/src/sections/hero.test.ts
+++ b/packages/web/src/sections/hero.test.ts
@@ -64,9 +64,12 @@ describe('Hero renderer', () => {
     expect(render({ title: 'T' })).not.toContain('--press-col-span-md:5');
   });
 
-  it('renders the CTA only when BOTH ctaLabel and ctaHref are present (Spec §8)', () => {
-    expect(render({ title: 'T', ctaLabel: 'Go', ctaHref: '/go' })).toContain('href="/go"');
-    expect(render({ title: 'T', ctaLabel: 'Go' })).not.toContain('data-hero="cta"');
-    expect(render({ title: 'T', ctaHref: '/go' })).not.toContain('data-hero="cta"');
+  it('renders the CTA only when a complete link is present (Spec §8)', () => {
+    const withCta = render({ title: 'T', cta: { label: 'Go', url: '/go' } });
+    expect(withCta).toContain('data-hero="cta"');
+    expect(withCta).toContain('href="/go"');
+    expect(withCta).toContain('Go');
+    expect(render({ title: 'T', cta: { label: 'Go' } })).not.toContain('data-hero="cta"');
+    expect(render({ title: 'T' })).not.toContain('data-hero="cta"');
   });
 });
diff --git a/packages/web/src/sections/hero.tsx b/packages/web/src/sections/hero.tsx
index 132e249..4d0e077 100644
--- a/packages/web/src/sections/hero.tsx
+++ b/packages/web/src/sections/hero.tsx
@@ -2,6 +2,8 @@ import type { PresetOrganismHero } from '../types/base';
 import { Container } from '../layout/container';
 import { Grid } from '../layout/grid';
 import { Column } from '../layout/column';
+import { coerceLink } from '../link';
+import { PressLink } from '../press-link';
 
 const CMS_URL = process.env.CMS_URL ?? 'http://localhost:1337';
 
@@ -23,12 +25,11 @@ export function Hero({
   title,
   subtitle,
   image,
-  ctaLabel,
-  ctaHref,
+  cta,
   align,
 }: PresetOrganismHero) {
   if (!title) return null;
-  const hasCta = Boolean(ctaLabel && ctaHref);
+  const hasCta = Boolean(coerceLink(cta));
   const hasImage = Boolean(image?.url);
   return (
     <Container
@@ -47,11 +48,7 @@ export function Hero({
             {eyebrow ? <p data-hero="eyebrow">{eyebrow}</p> : null}
             <h1>{title}</h1>
             {subtitle ? <p data-hero="subtitle">{subtitle}</p> : null}
-            {hasCta ? (
-              <a data-hero="cta" href={ctaHref}>
-                {ctaLabel}
-              </a>
-            ) : null}
+            {hasCta ? <PressLink data-hero="cta" link={cta} /> : null}
           </div>
         </Column>
         {hasImage ? (
diff --git a/packages/web/src/tree/container-attrs.test.ts b/packages/web/src/tree/container-attrs.test.ts
new file mode 100644
index 0000000..f3b7425
--- /dev/null
+++ b/packages/web/src/tree/container-attrs.test.ts
@@ -0,0 +1,37 @@
+import { describe, expect, it } from 'vitest';
+import type { ColumnNode } from '@ogs-tech/press-shared';
+import { cellAlign, rowAlign, rowGap, rowWidth, spanFor, stackGap } from './container-attrs';
+
+const col = (span: ColumnNode['span']): ColumnNode => ({ id: 'c', type: 'column', span, children: [] });
+
+describe('spanFor', () => {
+  it('returns the column span unchanged (base plus any declared tiers)', () => {
+    expect(spanFor(col({ base: 12 }))).toEqual({ base: 12 });
+    expect(spanFor(col({ base: 12, md: 6 }))).toEqual({ base: 12, md: 6 });
+    expect(spanFor(col({ base: 12, md: 6, lg: 3 }))).toEqual({ base: 12, md: 6, lg: 3 });
+  });
+});
+
+describe('container pickers (absent attr → engine default)', () => {
+  it('maps gap tiers with the 11-gap-floor rule (spacious is tier-scaled)', () => {
+    expect(rowGap()).toBe('md');
+    expect(rowGap({ gap: 'compact' })).toBe('sm');
+    expect(rowGap({ gap: 'spacious' })).toEqual({ base: 'md', lg: 'lg' });
+  });
+
+  it('maps alignment and width', () => {
+    expect(rowAlign()).toBe('start');
+    expect(rowAlign({ verticalAlign: 'bottom' })).toBe('end');
+    expect(rowWidth()).toBe('lg');
+    expect(rowWidth({ width: 'full' })).toBe('full');
+  });
+
+  it('stack gap is a CSS var only when declared; cell align skips top', () => {
+    expect(stackGap()).toBeUndefined();
+    expect(stackGap({ gap: 'spacious' })).toBe('var(--press-space-7)');
+    expect(cellAlign()).toBeUndefined();
+    expect(cellAlign({ verticalAlign: 'top' })).toBeUndefined();
+    expect(cellAlign({ verticalAlign: 'center' })).toBe('center');
+    expect(cellAlign({ verticalAlign: 'bottom' })).toBe('end');
+  });
+});
diff --git a/packages/web/src/tree/container-attrs.ts b/packages/web/src/tree/container-attrs.ts
new file mode 100644
index 0000000..0dc7cae
--- /dev/null
+++ b/packages/web/src/tree/container-attrs.ts
@@ -0,0 +1,53 @@
+/**
+ * Curated container attrs → layout-primitive props. Editorial intent meets the
+ * responsive system here: `container` attrs map to Responsive<T> props, and a
+ * column's stored `span` (the ONE responsive value on the wire) passes straight
+ * through to the <Column> primitive. Every picker treats an ABSENT attr as the
+ * engine default.
+ */
+import type { ColumnNode, ContainerAttrs, Gap } from '@ogs-tech/press-shared';
+import type { Responsive } from '../layout/breakpoints';
+import type { Span } from '../layout/column';
+import type { ContainerMaxWidth } from '../layout/container';
+import type { GridAlignItems, GridGap } from '../layout/grid';
+
+/** A column's stored span → the Responsive<Span> the <Column> primitive consumes.
+ *  `base` is guaranteed by the validator; md/lg cascade up via the CSS var() chain.
+ *  Cast is safe: the validator has already constrained every tier to 1..12. */
+export function spanFor(column: ColumnNode): Responsive<Span> {
+  return column.span as Responsive<Span>;
+}
+
+/** Semantic gap → GridGap tiers: a 12-track grid carries 11 interior gaps, so 'spacious' tier-scales. */
+const GAP_TIERS: Record<Gap, Responsive<GridGap>> = {
+  compact: 'sm',
+  normal: 'md',
+  spacious: { base: 'md', lg: 'lg' },
+};
+
+export const rowGap = (attrs?: ContainerAttrs): Responsive<GridGap> => GAP_TIERS[attrs?.gap ?? 'normal'];
+
+const ALIGN_ITEMS: Record<NonNullable<ContainerAttrs['verticalAlign']>, GridAlignItems> = {
+  top: 'start',
+  center: 'center',
+  bottom: 'end',
+};
+
+export const rowAlign = (attrs?: ContainerAttrs): GridAlignItems => ALIGN_ITEMS[attrs?.verticalAlign ?? 'top'];
+
+export const rowWidth = (attrs?: ContainerAttrs): ContainerMaxWidth => attrs?.width ?? 'lg';
+
+/** Stack rhythm (layout root / column cells): a CSS space token consumed by theme.css stack rules. */
+export const STACK_GAPS: Record<Gap, string> = {
+  compact: 'var(--press-space-3)',
+  normal: 'var(--press-space-5)',
+  spacious: 'var(--press-space-7)',
+};
+
+/** undefined when undeclared — the renderer then emits NO stack attr and legacy per-block margins apply. */
+export const stackGap = (attrs?: ContainerAttrs): string | undefined =>
+  attrs?.gap ? STACK_GAPS[attrs.gap] : undefined;
+
+/** Cell content placement; 'top' is the flex default so it emits nothing. */
+export const cellAlign = (attrs?: ContainerAttrs): 'center' | 'end' | undefined =>
+  attrs?.verticalAlign === 'center' ? 'center' : attrs?.verticalAlign === 'bottom' ? 'end' : undefined;
diff --git a/packages/web/src/tree/resolve-slots.test.ts b/packages/web/src/tree/resolve-slots.test.ts
new file mode 100644
index 0000000..dbd5ba9
--- /dev/null
+++ b/packages/web/src/tree/resolve-slots.test.ts
@@ -0,0 +1,98 @@
+import { describe, expect, it } from 'vitest';
+import type { Node, PressTree } from '@ogs-tech/press-shared';
+import { hydrateEngineBlocks, resolveTree } from './resolve-slots';
+
+const brand = { name: 'Press', logo: 'http://cms/logo.png' };
+
+const navbarNode = (): Node => ({
+  id: 'nav', type: 'block', component: 'preset-organism.navbar',
+  data: {
+    items: [
+      { label: 'Home', page: { documentId: 'd1', slug: 'home' } },
+      { label: 'GH', url: 'https://github.com', newTab: true },
+      { label: 'dead' }, // unresolvable → dropped from links
+    ],
+    cta: { link: { label: 'Go', url: '/go' }, variant: 'secondary' },
+  },
+});
+
+const site = (defaults: { header?: Node[]; footer?: Node[] }) =>
+  ({
+    brand: { ...brand, favicon: '' },
+    routes: { home: 'home' },
+    pageDefaults: { header: defaults.header ?? [], footer: defaults.footer ?? [] },
+  }) as any;
+
+const tree = (header: any, footer: any, children: Node[] = []): PressTree => ({
+  version: 2,
+  root: { type: 'layout', header, footer, children },
+});
+
+describe('hydrateEngineBlocks', () => {
+  it('hydrates navbar brand/links/cta with home-slug collapse, at any depth', () => {
+    const nested: Node[] = [{
+      id: 'r', type: 'row', children: [
+        { id: 'c', type: 'column', span: { base: 12 }, children: [navbarNode()] },
+        { id: 'c2', type: 'column', span: { base: 12 }, children: [] },
+      ],
+    }];
+    const [row] = hydrateEngineBlocks(nested, brand, 'home') as any[];
+    const nav = row.children[0].children[0].data;
+    expect(nav.brand).toEqual(brand);
+    expect(nav.links).toEqual([
+      { label: 'Home', href: '/', external: false, newTab: false },
+      { label: 'GH', href: 'https://github.com', external: true, newTab: true },
+    ]);
+    expect(nav.cta).toMatchObject({ label: 'Go', href: '/go', variant: 'secondary' });
+  });
+
+  it('resolves button/hero/cta link fields and injects the footer brand', () => {
+    const nodes: Node[] = [
+      { id: 'b', type: 'block', component: 'preset-atom.button', data: { link: { label: 'Docs', page: { documentId: 'd9', slug: 'docs' } }, variant: 'primary' } },
+      { id: 'h', type: 'block', component: 'preset-organism.hero', data: { title: 'T', cta: { label: 'Read', url: '/read' } } },
+      { id: 'f', type: 'block', component: 'preset-organism.footer', data: {} },
+      { id: 'x', type: 'block', component: 'custom-organism.callout', data: { message: 'untouched' } },
+    ];
+    const out = hydrateEngineBlocks(nodes, brand, 'home') as any[];
+    expect(out[0].data.link).toEqual({ label: 'Docs', href: '/docs', external: false, newTab: false });
+    expect(out[1].data.cta.href).toBe('/read');
+    expect(out[2].data.brand).toEqual({ name: 'Press' });
+    expect(out[3].data).toEqual({ message: 'untouched' }); // adopter data is never touched
+    expect(nodes[0].type === 'block' && (nodes[0].data as any).link.page.slug).toBe('docs'); // input not mutated
+  });
+});
+
+describe('resolveTree slot matrix', () => {
+  const defaults = { header: [navbarNode()], footer: [{ id: 'f', type: 'block', component: 'preset-organism.footer', data: {} } as Node] };
+
+  it('inherit pulls (and hydrates) pageDefaults; none is empty; custom wins', () => {
+    const inherited = resolveTree(tree({ mode: 'inherit' }, { mode: 'inherit' }), site(defaults));
+    expect((inherited.header[0] as any).data.brand).toEqual(brand);
+    expect((inherited.footer[0] as any).data.brand).toEqual({ name: 'Press' });
+
+    const bare = resolveTree(tree({ mode: 'none' }, { mode: 'none' }), site(defaults));
+    expect(bare.header).toEqual([]);
+    expect(bare.footer).toEqual([]);
+
+    const custom = resolveTree(
+      tree({ mode: 'custom', children: [{ id: 'p', type: 'block', component: 'preset-atom.paragraph', data: { content: 'x' } }] }, { mode: 'none' }),
+      site(defaults),
+    );
+    expect((custom.header[0] as any).component).toBe('preset-atom.paragraph');
+  });
+
+  it('inherit against absent defaults renders bare (fail-to-empty)', () => {
+    const out = resolveTree(tree({ mode: 'inherit' }, { mode: 'inherit' }), site({}));
+    expect(out.header).toEqual([]);
+  });
+
+  it('carries the root container and hydrates body children too', () => {
+    const t = tree({ mode: 'none' }, { mode: 'none' }, [
+      { id: 'b', type: 'block', component: 'preset-atom.button', data: { link: { label: 'Go', url: '/g' } } },
+    ]);
+    t.root.container = { gap: 'spacious' };
+    const out = resolveTree(t, site({}));
+    expect(out.rootContainer).toEqual({ gap: 'spacious' });
+    expect((out.children[0] as any).data.link.href).toBe('/g');
+  });
+});
diff --git a/packages/web/src/tree/resolve-slots.ts b/packages/web/src/tree/resolve-slots.ts
new file mode 100644
index 0000000..f7b7577
--- /dev/null
+++ b/packages/web/src/tree/resolve-slots.ts
@@ -0,0 +1,85 @@
+/**
+ * Slot resolution + engine-block hydration — the ONE hydration point (Spec §5/§6).
+ * `inherit` resolves against Site Settings pageDefaults at render (ISR ~60s:
+ * editing the default header updates every inheriting page, no redeploy);
+ * `none` is a bare page; `custom` is page-owned chrome. All three lists — and
+ * the body — then get engine blocks hydrated WHEREVER they sit: navbar/footer
+ * gain brand (identity is never stored on a block), and every engine link
+ * field resolves with the homeSlug collapse. The engine names only its OWN
+ * blocks here — adopter data passes through untouched (custom blocks render
+ * links via <PressLink> themselves).
+ */
+import type { ContainerAttrs, Node, PressTree, Slot } from '@ogs-tech/press-shared';
+import type { ResolvedPressConfig } from '../config/types';
+import { resolveLink, type PressLinkData, type ResolvedLink } from '../link';
+
+export interface ResolvedTree {
+  header: Node[];
+  children: Node[];
+  footer: Node[];
+  rootContainer?: ContainerAttrs;
+}
+
+type Brand = { name: string; logo?: string };
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === 'object' && v !== null && !Array.isArray(v);
+
+/** Engine blocks whose data carries ONE link field to resolve in place. */
+const LINK_FIELDS: Record<string, string> = {
+  'preset-atom.button': 'link',
+  'preset-organism.hero': 'cta',
+  'preset-organism.cta': 'button',
+};
+
+function hydrateBlockData(component: string, data: Record<string, unknown>, brand: Brand, homeSlug: string): Record<string, unknown> {
+  if (component === 'preset-organism.navbar') {
+    const items = Array.isArray(data.items) ? (data.items as PressLinkData[]) : [];
+    const links = items
+      .map((item) => resolveLink(item, homeSlug))
+      .filter((link): link is ResolvedLink => link !== null);
+    const rawCta = isRecord(data.cta) ? data.cta : undefined;
+    const ctaLink = rawCta ? resolveLink(rawCta.link as PressLinkData, homeSlug) : null;
+    return {
+      ...data,
+      brand: { name: brand.name, logo: brand.logo },
+      links,
+      cta: ctaLink ? { ...ctaLink, variant: rawCta?.variant } : null,
+    };
+  }
+  if (component === 'preset-organism.footer') {
+    return { ...data, brand: { name: brand.name } };
+  }
+  const linkField = LINK_FIELDS[component];
+  if (linkField && data[linkField] !== undefined && data[linkField] !== null) {
+    return { ...data, [linkField]: resolveLink(data[linkField] as PressLinkData, homeSlug) };
+  }
+  return data;
+}
+
+export function hydrateEngineBlocks(nodes: Node[], brand: Brand, homeSlug: string): Node[] {
+  return nodes.map((node) => {
+    if (node.type === 'block') {
+      return { ...node, data: hydrateBlockData(node.component, node.data, brand, homeSlug) };
+    }
+    return { ...node, children: hydrateEngineBlocks(node.children as Node[], brand, homeSlug) } as Node;
+  });
+}
+
+function slotNodes(slot: Slot, defaults: Node[]): Node[] {
+  if (slot.mode === 'inherit') return defaults;
+  if (slot.mode === 'custom') return slot.children;
+  return [];
+}
+
+export function resolveTree(tree: PressTree, site: ResolvedPressConfig): ResolvedTree {
+  const brand: Brand = { name: site.brand.name, logo: site.brand.logo };
+  const homeSlug = site.routes.home;
+  const hydrate = (nodes: Node[]): Node[] => hydrateEngineBlocks(nodes, brand, homeSlug);
+  return {
+    header: hydrate(slotNodes(tree.root.header, site.pageDefaults.header)),
+    children: hydrate(tree.root.children),
+    footer: hydrate(slotNodes(tree.root.footer, site.pageDefaults.footer)),
+    rootContainer: tree.root.container,
+  };
+}
diff --git a/packages/web/src/tree/tree-renderer.test.tsx b/packages/web/src/tree/tree-renderer.test.tsx
new file mode 100644
index 0000000..85eb3b4
--- /dev/null
+++ b/packages/web/src/tree/tree-renderer.test.tsx
@@ -0,0 +1,105 @@
+import { describe, expect, it, vi } from 'vitest';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { createElement } from 'react';
+import type { Node, PressTree } from '@ogs-tech/press-shared';
+import { TreeRenderer } from './tree-renderer';
+
+const site = (overrides: Partial<{ header: Node[]; footer: Node[] }> = {}) =>
+  ({
+    brand: { name: 'Press', favicon: '' },
+    routes: { home: 'home' },
+    pageDefaults: { header: overrides.header ?? [], footer: overrides.footer ?? [] },
+  }) as any;
+
+const tree = (children: Node[], extra: Partial<PressTree['root']> = {}): PressTree => ({
+  version: 2,
+  root: { type: 'layout', header: { mode: 'none' }, footer: { mode: 'none' }, children, ...extra },
+});
+
+const paragraph = (id: string, content: string): Node => ({
+  id, type: 'block', component: 'preset-atom.paragraph', data: { content },
+});
+
+describe('TreeRenderer', () => {
+  it('renders header/main/footer with top-level blocks as DIRECT main children (prose rail)', () => {
+    const html = renderToStaticMarkup(
+      createElement(TreeRenderer, { body: tree([paragraph('p1', 'Hello')]), site: site() }),
+    );
+    expect(html).toContain('<header></header>');
+    expect(html).toMatch(/<main[^>]*><div data-block="preset-atom.paragraph">/);
+    expect(html).toContain('<footer></footer>');
+  });
+
+  it('renders a top-level row as Container>Grid>Column and a NESTED row as bare Grid (recursion)', () => {
+    const body = tree([{
+      id: 'r1', type: 'row', container: { width: 'full', gap: 'compact', verticalAlign: 'center' },
+      children: [
+        { id: 'c1', type: 'column', span: { base: 12, md: 4 }, children: [paragraph('p2', 'left')] },
+        { id: 'c2', type: 'column', span: { base: 12, md: 8 }, container: { verticalAlign: 'bottom', gap: 'spacious' }, children: [{
+          id: 'r2', type: 'row', children: [
+            { id: 'c3', type: 'column', span: { base: 12, md: 6 }, children: [paragraph('p3', 'deep')] },
+            { id: 'c4', type: 'column', span: { base: 12, md: 6 }, children: [] },
+          ],
+        }] },
+      ],
+    }]);
+    const html = renderToStaticMarkup(createElement(TreeRenderer, { body, site: site() }));
+    expect(html).toContain('data-max-width="full"');                       // width applied top-level
+    expect((html.match(/data-press-layout="grid"/g) ?? []).length).toBe(2); // outer + nested grid
+    expect((html.match(/data-press-layout="container"/g) ?? []).length).toBe(1); // nested row gets NO Container
+    expect(html).toContain('data-align-items="center"');
+    expect(html).toContain('data-cell-align="end"');
+    expect(html).toContain('--press-cell-gap:var(--press-space-7)');
+    expect(html).toContain('--press-col-span-md:4');   // first column's md span
+    expect(html).toContain('--press-col-span-md:8');   // second column's md span
+    expect(html).toContain('deep');
+  });
+
+  it('resolves inherit slots against pageDefaults and hydrates the navbar there', () => {
+    const navbar: Node = { id: 'n', type: 'block', component: 'preset-organism.navbar', data: { items: [{ label: 'Home', url: '/' }] } };
+    const html = renderToStaticMarkup(
+      createElement(TreeRenderer, {
+        body: tree([], { header: { mode: 'inherit' } }),
+        site: site({ header: [navbar] }),
+      }),
+    );
+    expect(html).toContain('data-block="preset-organism.navbar"');
+    expect(html).toContain('Press'); // hydrated brand
+  });
+
+  it('applies the root gap as a main stack and omits it when undeclared', () => {
+    const withGap = tree([paragraph('p', 'x')], { container: { gap: 'compact' } });
+    expect(renderToStaticMarkup(createElement(TreeRenderer, { body: withGap, site: site() })))
+      .toMatch(/<main[^>]*data-press-stack[^>]*style="--press-tree-gap:var\(--press-space-3\)"/);
+    expect(renderToStaticMarkup(createElement(TreeRenderer, { body: tree([]), site: site() })))
+      .not.toContain('data-press-stack');
+  });
+
+  it('fails an invalid body to empty but KEEPS the inherited chrome (Spec §7)', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    const navbar: Node = { id: 'n', type: 'block', component: 'preset-organism.navbar', data: {} };
+    const html = renderToStaticMarkup(
+      createElement(TreeRenderer, { body: { version: 99 }, site: site({ header: [navbar] }) }),
+    );
+    expect(html).toContain('data-block="preset-organism.navbar"');
+    expect(html).toMatch(/<main[^>]*><\/main>/);
+    expect(warn).toHaveBeenCalled();
+    warn.mockRestore();
+  });
+
+  it('skips unknown components with a dev warning and honors adopter overrides', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    const body = tree([
+      { id: 'u', type: 'block', component: 'custom-organism.mystery', data: {} },
+      { id: 'h', type: 'block', component: 'preset-organism.hero', data: { title: 'T' } },
+    ]);
+    const MyHero = () => createElement('div', { 'data-my-hero': '' }, 'override');
+    const html = renderToStaticMarkup(
+      createElement(TreeRenderer, { body, site: site(), components: { 'preset-organism.hero': MyHero } }),
+    );
+    expect(html).toContain('data-my-hero');
+    expect(html).not.toContain('mystery');
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('custom-organism.mystery'));
+    warn.mockRestore();
+  });
+});
diff --git a/packages/web/src/tree/tree-renderer.tsx b/packages/web/src/tree/tree-renderer.tsx
new file mode 100644
index 0000000..08547cd
--- /dev/null
+++ b/packages/web/src/tree/tree-renderer.tsx
@@ -0,0 +1,119 @@
+/**
+ * TreeRenderer — renders a PressTree as <header>/<main>/<footer> (Spec §5).
+ * Layout-by-components: the App Router `children` slot is the outlet; the tree
+ * owns the page shell. Read-side tolerance (Spec §7): a malformed body renders
+ * EMPTY (dev warning) but chrome still resolves from pageDefaults; unknown
+ * block components are skipped (BlockRenderer precedent); container attrs were
+ * already sanitized by the shared validator.
+ */
+import type { ComponentType, CSSProperties } from 'react';
+import type { ColumnNode, Node, RowNode } from '@ogs-tech/press-shared';
+import { validatePressTree } from '@ogs-tech/press-shared';
+import { atomBlocks } from '../atom-blocks';
+import { organismBlocks } from '../organism-blocks';
+import { componentUrn } from '../urn';
+import type { ResolvedPressConfig } from '../config/types';
+import { Column } from '../layout/column';
+import { Container } from '../layout/container';
+import { Grid } from '../layout/grid';
+import { cellAlign, rowAlign, rowGap, rowWidth, spanFor, stackGap } from './container-attrs';
+import { hydrateEngineBlocks, resolveTree, type ResolvedTree } from './resolve-slots';
+
+type Registry = Record<string, ComponentType<any>>;
+
+interface TreeRendererProps {
+  /** The raw page body (PressTree on the wire) — validated here, never trusted. */
+  body: unknown;
+  site: ResolvedPressConfig;
+  /** Adopter custom blocks, passed EXPLICITLY (no global registry — BlockRenderer contract kept). */
+  components?: Registry;
+}
+
+function BlockView({ node, registry }: { node: Node & { type: 'block' }; registry: Registry }) {
+  const Component = registry[node.component];
+  if (!Component) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn(`[press/web] no component registered for ${componentUrn(node.component)} — skipping`);
+    }
+    return null;
+  }
+  return <Component {...node.data} />;
+}
+
+function ColumnView({ column, registry }: { column: ColumnNode; registry: Registry }) {
+  const gap = stackGap(column.container);
+  const align = cellAlign(column.container);
+  const style = gap ? ({ ['--press-cell-gap' as string]: gap } as CSSProperties) : undefined;
+  return (
+    <Column span={spanFor(column)}>
+      <div data-press-cell="" data-cell-align={align} style={style}>
+        <NodeList nodes={column.children} registry={registry} top={false} />
+      </div>
+    </Column>
+  );
+}
+
+function RowView({ row, registry, top }: { row: RowNode; registry: Registry; top: boolean }) {
+  const grid = (
+    <Grid gap={rowGap(row.container)} alignItems={rowAlign(row.container)}>
+      {row.children.map((column) => (
+        <ColumnView key={column.id} column={column} registry={registry} />
+      ))}
+    </Grid>
+  );
+  // width applies to top-level rows only (Spec §3); nested rows fill their cell.
+  if (!top) return grid;
+  return (
+    <Container as="section" maxWidth={rowWidth(row.container)}>
+      {grid}
+    </Container>
+  );
+}
+
+function NodeList({ nodes, registry, top }: { nodes: Node[]; registry: Registry; top: boolean }) {
+  return (
+    <>
+      {nodes.map((node) => {
+        if (node.type === 'block') return <BlockView key={node.id} node={node} registry={registry} />;
+        if (node.type === 'row') return <RowView key={node.id} row={node} registry={registry} top={top} />;
+        // A stray column never survives the validator; belt-and-braces skip.
+        return null;
+      })}
+    </>
+  );
+}
+
+export function TreeRenderer({ body, site, components = {} }: TreeRendererProps) {
+  const registry: Registry = { ...atomBlocks, ...organismBlocks, ...components };
+  const { value: tree, errors } = validatePressTree(body);
+  if (!tree && process.env.NODE_ENV !== 'production') {
+    console.warn('[press/web] malformed composition tree — rendering empty body', errors);
+  }
+  const brand = { name: site.brand.name, logo: site.brand.logo };
+  const resolved: ResolvedTree = tree
+    ? resolveTree(tree, site)
+    : {
+        // Malformed body (Spec §7): body fails to empty, chrome still inherits.
+        header: hydrateEngineBlocks(site.pageDefaults.header, brand, site.routes.home),
+        children: [],
+        footer: hydrateEngineBlocks(site.pageDefaults.footer, brand, site.routes.home),
+        rootContainer: undefined,
+      };
+  const gap = stackGap(resolved.rootContainer);
+  return (
+    <>
+      <header>
+        <NodeList nodes={resolved.header} registry={registry} top />
+      </header>
+      <main
+        data-press-stack={gap ? '' : undefined}
+        style={gap ? ({ ['--press-tree-gap' as string]: gap } as CSSProperties) : undefined}
+      >
+        <NodeList nodes={resolved.children} registry={registry} top />
+      </main>
+      <footer>
+        <NodeList nodes={resolved.footer} registry={registry} top />
+      </footer>
+    </>
+  );
+}
diff --git a/packages/web/src/types/base.ts b/packages/web/src/types/base.ts
index 8544407..613d478 100644
--- a/packages/web/src/types/base.ts
+++ b/packages/web/src/types/base.ts
@@ -1,13 +1,15 @@
 // Engine-owned base types (hand-written, always present — never generated).
-// These describe ONLY what the engine knows generically: the page envelope, a
-// structural dynamic-zone entry, and the engine's atom blocks (`preset-atom.*`).
+// These describe ONLY what the engine knows generically: the page envelope and
+// the engine's atom/organism data shapes (`preset-atom.*` / `preset-organism.*`).
 //
-// The PROJECT's concrete content types (the `custom-*` blocks, the discriminated
-// PageBody union) are NOT here — they are generated from the live CMS schema into
-// the adopter's `shared/types/` zone by `press dev` (sync-types). The engine never
-// depends on a project's generated types; the project depends on these.
+// The PROJECT's concrete content types (the `custom-*` blocks) are NOT here —
+// they are generated from the live CMS schema into the adopter's
+// `shared/types/` zone by `press dev` (sync-types). The engine never depends on
+// a project's generated types; the project depends on these.
 
+import type { PressTree } from '@ogs-tech/press-shared';
 import type { Canonical } from '../urn';
+import type { PressLinkData } from '../link';
 
 /** A media field as serialized by the CMS REST contract. */
 export interface PressMedia {
@@ -19,137 +21,79 @@ export interface PressMedia {
   mime?: string;
 }
 
-/** A single inline text run in the Strapi blocks tree (boolean marks omitted when false). */
-export interface BlocksText {
-  type: 'text';
-  text: string;
-  bold?: boolean;
-  italic?: boolean;
-  underline?: boolean;
-  strikethrough?: boolean;
-  code?: boolean;
-}
-
-/** A block/inline node in the Strapi blocks tree. Structural — the renderer
- *  switches on `type`; unknown types are tolerated. Hand-written (no dependency). */
-export interface BlocksNode {
-  type: string; // 'paragraph' | 'heading' | 'list' | 'list-item' | 'quote' | 'code' | 'link' | …
-  level?: number; // heading 1–6
-  format?: 'ordered' | 'unordered'; // list
-  url?: string; // link
-  children?: Array<BlocksNode | BlocksText>;
-}
-
-/** The inline-formatted prose carried by a text block: the top-level blocks array. */
-export type BlocksContent = BlocksNode[];
-
-/** Atom `preset-atom.paragraph` — engine-owned (mirrors cms atoms/paragraph.json). */
+/**
+ * Atom `preset-atom.paragraph` — curated plain-text prose; a blank line starts
+ * a new paragraph (Spec §5 composition-builder: the blocks AST left the wire).
+ */
 export interface PresetAtomParagraph {
-  __component: 'preset-atom.paragraph';
-  id: number;
-  content: BlocksContent;
+  content: string;
 }
 
-/** Atom `preset-atom.heading` — engine-owned (mirrors cms atoms/heading.json). */
+/** Atom `preset-atom.heading` — engine-owned. */
 export interface PresetAtomHeading {
-  __component: 'preset-atom.heading';
-  id: number;
   text: string;
   level: '1' | '2' | '3' | '4' | '5' | '6';
 }
 
-/** Atom `preset-atom.list` — engine-owned (mirrors cms atoms/list.json). */
+/** Atom `preset-atom.list` — one item per non-empty line of curated text. */
 export interface PresetAtomList {
-  __component: 'preset-atom.list';
-  id: number;
-  content: BlocksContent;
+  content?: string;
+  format?: 'unordered' | 'ordered';
 }
 
-/** Atom `preset-atom.quote` — engine-owned (mirrors cms atoms/quote.json). */
+/** Atom `preset-atom.quote` — curated plain-text paragraphs + optional citation. */
 export interface PresetAtomQuote {
-  __component: 'preset-atom.quote';
-  id: number;
-  content: BlocksContent;
+  content?: string;
   citation?: string;
 }
 
-/** Atom `preset-atom.image` — engine-owned (mirrors cms atoms/image.json). */
+/** Atom `preset-atom.image` — engine-owned. */
 export interface PresetAtomImage {
-  __component: 'preset-atom.image';
-  id: number;
   image: PressMedia;
   caption?: string;
 }
 
-/** Atom `preset-atom.button` — engine-owned (mirrors cms atoms/button.json). */
+/** Atom `preset-atom.button` — a call-to-action resolved through the one link concept. */
 export interface PresetAtomButton {
-  __component: 'preset-atom.button';
-  id: number;
-  label: string;
-  href: string;
-  variant: 'primary' | 'secondary';
+  link?: PressLinkData;
+  variant?: 'primary' | 'secondary';
 }
 
-/** Atom `preset-atom.separator` — engine-owned (mirrors cms atoms/separator.json). */
+/** Atom `preset-atom.separator` — engine-owned. */
 export interface PresetAtomSeparator {
-  __component: 'preset-atom.separator';
-  id: number;
   variant: 'line' | 'dots';
 }
 
-/** Atom `preset-atom.spacer` — engine-owned (mirrors cms atoms/spacer.json). */
+/** Atom `preset-atom.spacer` — engine-owned. */
 export interface PresetAtomSpacer {
-  __component: 'preset-atom.spacer';
-  id: number;
   size: 'sm' | 'md' | 'lg' | 'xl';
 }
 
-/**
- * Organism `preset-organism.hero` — engine-owned (mirrors cms organisms/hero.json).
- * Hand-written here so the engine can type its own renderer; ALSO generated into
- * the adopter's generated.ts by the type-sync loop (Spec §5.2).
- */
+/** Organism `preset-organism.hero` — engine-owned. */
 export interface PresetOrganismHero {
-  __component: 'preset-organism.hero';
-  id: number;
   eyebrow?: string;
   title: string;
   subtitle?: string;
   image?: PressMedia;
-  ctaLabel?: string;
-  ctaHref?: string;
+  cta?: PressLinkData;
   align?: 'left' | 'center';
 }
 
-/** Organism `preset-organism.cta` — engine-owned (mirrors cms organisms/cta.json). */
+/** Organism `preset-organism.cta` — engine-owned. */
 export interface PresetOrganismCta {
-  __component: 'preset-organism.cta';
-  id: number;
   title: string;
   subtitle?: string;
-  buttonLabel: string;
-  buttonHref: string;
+  button?: PressLinkData;
   align?: 'left' | 'center';
 }
 
-/**
- * Structural shape every dynamic-zone entry satisfies. The renderer only reads
- * `__component`/`id` and spreads the rest, so the generic envelope is enough for
- * engine code; the adopter's generated types refine this per block.
- */
-export interface Block {
-  __component: string;
-  id: number;
-}
-
-/** The page dynamic zone, generically typed for engine consumers. */
-export type PageBody = Block[];
+/** The page body IS the composition tree now (Spec §5 type-sync). */
+export type PageBody = PressTree;
 
 /**
- * The page envelope the engine fetches and renders (generic over its blocks).
- * A canonical entity (canonical-urn Spec §2): `urn:page:{documentId}` is
- * attached at the mapping boundary (map-page.ts) — derived web-side, never
- * part of the CMS wire shape.
+ * The page envelope the engine fetches and renders. A canonical entity
+ * (canonical-urn Spec §2): `urn:page:{documentId}` is attached at the mapping
+ * boundary (map-page.ts) — derived web-side, never part of the CMS wire shape.
  */
 export interface Page extends Canonical<'page'> {
   id: number;
diff --git a/packages/web/src/urn.test.ts b/packages/web/src/urn.test.ts
index 9823f26..a495a59 100644
--- a/packages/web/src/urn.test.ts
+++ b/packages/web/src/urn.test.ts
@@ -26,7 +26,7 @@ describe('componentUrn', () => {
     expect(componentUrn('custom-organism.callout')).toBe('urn:component:custom-organism.callout');
   });
 
-  it('is a distinct axis from blockKey: the uid is the id segment here, the entity segment there', () => {
+  it('is a distinct axis from a computed per-instance identity: the uid is the id segment here, the entity segment there', () => {
     // component TYPE identity vs computed per-instance identity
     expect(componentUrn('preset-atom.image')).not.toBe(buildUrn('preset-atom.image', 5));
     expect(componentUrn('preset-atom.image')).toBe('urn:component:preset-atom.image');
diff --git a/packages/web/src/urn.ts b/packages/web/src/urn.ts
index d763782..04362eb 100644
--- a/packages/web/src/urn.ts
+++ b/packages/web/src/urn.ts
@@ -22,9 +22,11 @@
  *     ARE the canonical base; any uid in them has this identity for free via
  *     `componentUrn`.
  *  3. COMPUTED (`Urn<string>`, NOT an `Entity`): formatted ad hoc for a value
- *     with no durable identity of its own — `blockKey` qualifies a DZ row's
- *     ephemeral numeric id with its `__component` (`urn:preset-atom.image:5`).
- *     Deliberately never promoted into this union: a DZ row id isn't durable.
+ *     with no durable identity of its own. Retired with the DZ-era block-key
+ *     helper — `PressTree` nodes now carry a builder-minted `id: string`
+ *     (Spec §3), so a node IS its own React key and no computed identity is
+ *     needed. Kept as a class here for the historical shape of this union;
+ *     nothing in the codebase formats one today.
  *
  * Extend this union — never widen a call site to plain `string` — when a new
  * entity earns a stored/type-level urn (e.g. media). Mirrors ThemeName's
@@ -34,10 +36,10 @@ export type Entity = 'page' | 'site-setting' | 'plugin' | 'component';
 
 /**
  * A `urn:{entity}:{id}` identity string. Generic over any string — NOT bounded
- * to Entity — so the same primitive also formats COMPUTED identities (block-key
- * uses the block's `__component` as the entity segment) without admitting them
- * into the closed Entity union. The template literal already rejects an
- * arbitrary string at compile time; no nominal brand (and its `as Urn` noise).
+ * to Entity — so the same primitive can also format a COMPUTED identity
+ * (identity class 3 above) without admitting it into the closed Entity union.
+ * The template literal already rejects an arbitrary string at compile time;
+ * no nominal brand (and its `as Urn` noise).
  */
 export type Urn<E extends string = string> = `urn:${E}:${string}`;
 
@@ -63,10 +65,9 @@ export function buildUrn<E extends string>(entity: E, id: string | number): Urn<
  * Canonical identity of a component TYPE (identity class 2 above): the palette
  * registration keyed by its uid — `preset-atom.image`, `preset-organism.hero`,
  * `preset-organism.navbar`, an adopter's `custom-*`. Thin wrapper over `buildUrn`
- * so there is exactly one
- * formatting implementation. Contrast `blockKey`, which formats the COMPUTED
- * per-instance identity (`urn:{uid}:{id}`) — same primitive, different axis:
- * here the uid IS the id segment, there it is the entity segment.
+ * so there is exactly one formatting implementation — the uid IS the id
+ * segment here, distinct from a COMPUTED per-instance identity (class 3
+ * above), where it would be the entity segment instead.
  */
 export function componentUrn(uid: string): Urn<'component'> {
   return buildUrn('component', uid);
diff --git a/packages/web/templates/host/app/[[...slug]]/page.tsx b/packages/web/templates/host/app/[[...slug]]/page.tsx
index 5008631..e73d856 100644
--- a/packages/web/templates/host/app/[[...slug]]/page.tsx
+++ b/packages/web/templates/host/app/[[...slug]]/page.tsx
@@ -1,10 +1,10 @@
 import { notFound, permanentRedirect } from 'next/navigation';
 import {
-  BlockRenderer,
   buildMetadata,
   getPage,
   getSiteConfig,
   getStaticPageParams,
+  TreeRenderer,
 } from '@ogs-tech/press-web';
 import { customBlocks } from '../../press.blocks';
 import { buildTime } from '../../press-config';
@@ -52,7 +52,10 @@ export default async function CatchAllPage({ params }: PageProps) {
   // (e.g. /home) 308-redirects to '/', so home has no public slug URL.
   if (path && path === buildTime.routes.home) permanentRedirect('/');
 
-  const page = await getPage(path || buildTime.routes.home);
+  const [site, page] = await Promise.all([
+    getSiteConfig(buildTime),
+    getPage(path || buildTime.routes.home),
+  ]);
   if (!page) notFound();
-  return <BlockRenderer blocks={page.body} components={customBlocks} />;
+  return <TreeRenderer body={page.body} site={site} components={customBlocks} />;
 }
diff --git a/packages/web/templates/host/app/layout.tsx b/packages/web/templates/host/app/layout.tsx
index 393601b..39d3392 100644
--- a/packages/web/templates/host/app/layout.tsx
+++ b/packages/web/templates/host/app/layout.tsx
@@ -1,6 +1,5 @@
 import { Archivo, Bricolage_Grotesque, IBM_Plex_Mono } from 'next/font/google';
 import {
-  BlockRenderer,
   buildConsentBootstrapScript,
   buildMetadata,
   buildThemeStyle,
@@ -8,7 +7,6 @@ import {
   getSiteConfig,
 } from '@ogs-tech/press-web';
 import '@ogs-tech/press-web/theme.css';
-import { customBlocks } from '../press.blocks';
 import { buildTime } from '../press-config';
 
 // Default-theme fonts, loaded + optimized by next/font at build time. Each exposes
@@ -46,19 +44,11 @@ export default async function RootLayout({ children }: { children: React.ReactNo
         <script dangerouslySetInnerHTML={{ __html: buildConsentBootstrapScript() }} />
       </head>
       <body>
-        {/* Block-composed chrome (Spec §3): the same pipeline as the page body,
-            hydrated by mapSiteSettings. An unreachable CMS → empty zones →
-            header/footer render nothing (unbranded over synthetic, Spec §4). */}
-        <header>
-          <BlockRenderer blocks={site.chrome.header} components={customBlocks} />
-        </header>
-        <main>{children}</main>
-        <footer>
-          <BlockRenderer blocks={site.chrome.footer} components={customBlocks} />
-        </footer>
-        {/* Cookie-consent plugin mount (cookie-consent Spec §1/§5): config is
-            CMS-sourced and fails OPEN (banner shows with engine defaults when
-            the CMS is unreachable — a consent gate must not vanish on a hiccup). */}
+        {/* The page shell (header/main/footer) is rendered by TreeRenderer inside the
+            route — the layout cannot see the slug, so it cannot resolve per-page
+            slots (Spec §5). It keeps html/head, theme injection, consent bootstrap
+            and the cookie banner. */}
+        {children}
         <CookieConsentBanner key={site.plugins.cookieConsent.urn} plugin={site.plugins.cookieConsent} />
       </body>
     </html>
diff --git a/packages/web/templates/host/next.config.ts b/packages/web/templates/host/next.config.ts
index 667f93d..8dd48d6 100644
--- a/packages/web/templates/host/next.config.ts
+++ b/packages/web/templates/host/next.config.ts
@@ -3,8 +3,9 @@ import type { NextConfig } from 'next';
 const config: NextConfig = {
   reactStrictMode: true,
   // @ogs-tech/press-web ships TS/TSX source, so Next must transpile it rather than
-  // expecting pre-built JS.
-  transpilePackages: ['@ogs-tech/press-web'],
+  // expecting pre-built JS. @ogs-tech/press-shared also ships TS source and is now
+  // a runtime dep of press-web (the PressTree validator), so it needs the same treatment.
+  transpilePackages: ['@ogs-tech/press-web', '@ogs-tech/press-shared'],
 };
 
 export default config;
diff --git a/packages/web/theme.css b/packages/web/theme.css
index 00d25f1..3b65f6f 100644
--- a/packages/web/theme.css
+++ b/packages/web/theme.css
@@ -101,15 +101,43 @@ main {
    content edge sits on (the margin-start formula mirrors the Container's
    centering math + gutter) — NOT viewport-centered: a centered narrow column
    next to lg-container organisms (hero/cta) produced a zig-zag of left edges;
-   one shared rail reads as a single axis at every viewport. Organisms and
-   non-atom customs are deliberately excluded — they own their own Container. */
-main [data-block^="preset-atom."],
-main [data-block^="custom-atom."] {
+   one shared rail reads as a single axis at every viewport. top-level BlockNodes
+   render as direct `<main>` children, so the editorial prose column survives
+   exactly where it applies; cell-nested atoms are excluded on purpose — the
+   cell owns their width. */
+main > [data-block^="preset-atom."],
+main > [data-block^="custom-atom."] {
   max-width: var(--press-container-prose);
   margin-inline-start: calc(max(100% - var(--press-container-lg), 0px) / 2 + var(--press-container-padding-x));
   margin-inline-end: var(--press-container-padding-x);
 }
 
+/* Tree root rhythm: the LayoutNode's container.gap. Flex gap replaces the
+   blocks' own vertical margins (margins never collapse inside flex — without
+   the reset every gap would double). Absent gap → no attr → legacy margins. */
+main[data-press-stack] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--press-tree-gap, var(--press-space-5));
+}
+main[data-press-stack] > * {
+  margin-block: 0;
+}
+
+/* Tree column cells: stack rhythm + vertical placement within the row height.
+   height:100% makes verticalAlign meaningful when siblings are taller. */
+[data-press-cell] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--press-cell-gap, var(--press-space-4));
+  height: 100%;
+}
+[data-press-cell] > * {
+  margin-block: 0;
+}
+[data-press-cell][data-cell-align="center"] { justify-content: center; }
+[data-press-cell][data-cell-align="end"] { justify-content: flex-end; }
+
 footer {
   border-top: 1px solid var(--press-color-border);
   padding-block: var(--press-space-6);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 43cfefd..3b0d333 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,10 +7,10 @@ settings:
 overrides:
   '@strapi/sdk-plugin>esbuild': 0.28.0
   esbuild-loader>esbuild: 0.28.0
-  react: ^18.3.1
-  react-dom: ^18.3.1
-  '@types/react': ^18.3.31
-  '@types/react-dom': ^18.3.7
+  react: 19.2.7
+  react-dom: 19.2.7
+  '@types/react': ^19.0.0
+  '@types/react-dom': ^19.0.0
 
 importers:
 
@@ -42,26 +42,26 @@ importers:
         version: link:../../packages/web
       next:
         specifier: ^15.1.0
-        version: 15.5.19(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 15.5.19(@opentelemetry/api@1.9.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       playground-shared:
         specifier: workspace:*
         version: link:packages/shared
       react:
-        specifier: ^18.3.1
-        version: 18.3.1
+        specifier: 19.2.7
+        version: 19.2.7
       react-dom:
-        specifier: ^18.3.1
-        version: 18.3.1(react@18.3.1)
+        specifier: 19.2.7
+        version: 19.2.7(react@19.2.7)
     devDependencies:
       '@types/node':
         specifier: ^20
         version: 20.19.43
       '@types/react':
-        specifier: ^18.3.31
-        version: 18.3.31
+        specifier: ^19.0.0
+        version: 19.2.17
       '@types/react-dom':
-        specifier: ^18.3.7
-        version: 18.3.7(@types/react@18.3.31)
+        specifier: ^19.0.0
+        version: 19.2.3(@types/react@19.2.17)
       typescript:
         specifier: ^5
         version: 5.9.3
@@ -73,38 +73,38 @@ importers:
         version: link:../../../../packages/cms
       '@strapi/plugin-cloud':
         specifier: 5.48.0
-        version: 5.48.0(18601a3ee75434d71ed21f3c5c53ceaf)
+        version: 5.48.0(2f4f6ae2ac47b33e92ba238556f37319)
       '@strapi/plugin-users-permissions':
         specifier: 5.48.0
-        version: 5.48.0(9a582eb90e7aa62f22f88c5b884e9995)
+        version: 5.48.0(@strapi/strapi@5.48.0(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)
       '@strapi/strapi':
         specifier: 5.48.0
-        version: 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.48.0)(type-fest@4.41.0)
+        version: 5.48.0(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0)
       better-sqlite3:
         specifier: 12.8.0
         version: 12.8.0
       react:
-        specifier: ^18.3.1
-        version: 18.3.1
+        specifier: 19.2.7
+        version: 19.2.7
       react-dom:
-        specifier: ^18.3.1
-        version: 18.3.1(react@18.3.1)
+        specifier: 19.2.7
+        version: 19.2.7(react@19.2.7)
       react-router-dom:
         specifier: ^6.0.0
-        version: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       styled-components:
         specifier: ^6.0.0
-        version: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     devDependencies:
       '@types/node':
         specifier: ^20
         version: 20.19.43
       '@types/react':
-        specifier: ^18.3.31
-        version: 18.3.31
+        specifier: ^19.0.0
+        version: 19.2.17
       '@types/react-dom':
-        specifier: ^18.3.7
-        version: 18.3.7(@types/react@18.3.31)
+        specifier: ^19.0.0
+        version: 19.2.3(@types/react@19.2.17)
       typescript:
         specifier: ^5
         version: 5.9.3
@@ -117,6 +117,9 @@ importers:
         specifier: ^13.0.0
         version: 13.1.0
     devDependencies:
+      '@ogs-tech/press-shared':
+        specifier: workspace:*
+        version: link:../shared
       '@types/node':
         specifier: ^20
         version: 20.19.43
@@ -131,6 +134,19 @@ importers:
         version: 2.1.9(@types/node@20.19.43)(jsdom@25.0.1)(terser@5.48.0)
 
   packages/cms:
+    dependencies:
+      '@strapi/design-system':
+        specifier: ^2.0.0
+        version: 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons':
+        specifier: ^2.0.0
+        version: 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      react:
+        specifier: 19.2.7
+        version: 19.2.7
+      react-dom:
+        specifier: 19.2.7
+        version: 19.2.7(react@19.2.7)
     devDependencies:
       '@ogs-tech/press-shared':
         specifier: workspace:*
@@ -140,7 +156,7 @@ importers:
         version: 6.1.1(@types/node@20.19.43)(rollup@4.61.1)(terser@5.48.0)(tsx@4.22.4)(yaml@2.9.0)
       '@strapi/strapi':
         specifier: 5.48.0
-        version: 5.48.0(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(esbuild@0.28.0)(koa@2.16.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0)
+        version: 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(esbuild@0.28.0)(koa@2.16.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0)
       '@strapi/typescript-utils':
         specifier: ^5.0.0
         version: 5.48.0
@@ -156,37 +172,40 @@ importers:
       typescript:
         specifier: ^5
         version: 5.9.3
+      vitest:
+        specifier: ^2.1.0
+        version: 2.1.9(@types/node@20.19.43)(jsdom@25.0.1)(terser@5.48.0)
 
   packages/web:
     dependencies:
+      '@ogs-tech/press-shared':
+        specifier: workspace:*
+        version: link:../shared
       commander:
         specifier: ^13.0.0
         version: 13.1.0
       next:
         specifier: '>=15'
-        version: 15.5.19(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 15.5.19(@opentelemetry/api@1.9.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       tsx:
         specifier: ^4.19.0
         version: 4.22.4
     devDependencies:
-      '@ogs-tech/press-shared':
-        specifier: workspace:*
-        version: link:../shared
       '@types/node':
         specifier: ^20
         version: 20.19.43
       '@types/react':
-        specifier: ^18.3.31
-        version: 18.3.31
+        specifier: ^19.0.0
+        version: 19.2.17
       jsdom:
         specifier: ^25.0.1
         version: 25.0.1
       react:
-        specifier: ^18.3.1
-        version: 18.3.1
+        specifier: 19.2.7
+        version: 19.2.7
       react-dom:
-        specifier: ^18.3.1
-        version: 18.3.1(react@18.3.1)
+        specifier: 19.2.7
+        version: 19.2.7(react@19.2.7)
       typescript:
         specifier: ^5
         version: 5.9.3
@@ -232,7 +251,7 @@ packages:
     resolution: {integrity: sha512-x7Oa2LDRURc8uRnAdcEfydbHLSXGYjNaFlQrGuxZAMfqhLJQ+7x4K8Z6O5vnLt414mrPaVvgirfRqsP/nsxtnw==}
     engines: {node: '>=18'}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
       zod: ^3.25.76 || ^4.1.8
     peerDependenciesMeta:
       zod:
@@ -574,30 +593,30 @@ packages:
   '@dnd-kit/accessibility@3.1.1':
     resolution: {integrity: sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   '@dnd-kit/core@6.3.1':
     resolution: {integrity: sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
 
   '@dnd-kit/modifiers@9.0.0':
     resolution: {integrity: sha512-ybiLc66qRGuZoC20wdSSG6pDXFikui/dCNGthxv4Ndy8ylErY0N3KVxY2bgo7AWwIbxDmXDg3ylAFmnrjcbVvw==}
     peerDependencies:
       '@dnd-kit/core': ^6.3.0
-      react: ^18.3.1
+      react: 19.2.7
 
   '@dnd-kit/sortable@10.0.0':
     resolution: {integrity: sha512-+xqhmIIzvAYMGfBYYnbKuNicfSsk4RksY2XdmJhT+HAC01nix6fHCztU68jooFiMUB01Ky3F0FyOvhG/BZrWkg==}
     peerDependencies:
       '@dnd-kit/core': ^6.3.0
-      react: ^18.3.1
+      react: 19.2.7
 
   '@dnd-kit/utilities@3.2.2':
     resolution: {integrity: sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   '@emnapi/runtime@1.11.0':
     resolution: {integrity: sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg==}
@@ -621,7 +640,7 @@ packages:
     resolution: {integrity: sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==}
     peerDependencies:
       '@types/react': '*'
-      react: ^18.3.1
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -638,7 +657,7 @@ packages:
   '@emotion/use-insertion-effect-with-fallbacks@1.2.0':
     resolution: {integrity: sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   '@emotion/utils@1.4.2':
     resolution: {integrity: sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==}
@@ -1105,8 +1124,8 @@ packages:
   '@floating-ui/react-dom@2.1.0':
     resolution: {integrity: sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
 
   '@floating-ui/utils@0.2.11':
     resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
@@ -1523,10 +1542,10 @@ packages:
   '@mux/mux-player-react@3.1.0':
     resolution: {integrity: sha512-oJWcRtDNE84KKSi/5tz7CKGHBLA34V9XlLnv30qqVMAvfifa3S0lY82gP41YA0OfYANwp5Sg29bbh3quekusPg==}
     peerDependencies:
-      '@types/react': ^18.3.31
+      '@types/react': ^19.0.0
       '@types/react-dom': '*'
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1673,10 +1692,10 @@ packages:
   '@radix-ui/react-accordion@1.1.2':
     resolution: {integrity: sha512-fDG7jcoNKVjSK6yfmuAs0EnPDro0WMXIhMtXdTBWqEioVW206ku+4Lw07e+13lUkFkpoEQ2PdeMIAGpdqEAmDg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1686,10 +1705,10 @@ packages:
   '@radix-ui/react-alert-dialog@1.0.5':
     resolution: {integrity: sha512-OrVIOcZL0tl6xibeuGt5/+UxoT2N27KCFOPjFyfXMnchxSHZ/OW7cCX2nGlIYJrbHK/fczPcFzAwvNBB6XBNMA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1699,10 +1718,10 @@ packages:
   '@radix-ui/react-arrow@1.0.3':
     resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1712,10 +1731,10 @@ packages:
   '@radix-ui/react-avatar@1.0.4':
     resolution: {integrity: sha512-kVK2K7ZD3wwj3qhle0ElXhOjbezIgyl2hVvgwfIdexL3rN6zJmy5AqqIf+D31lxVppdzV8CjAfZ6PklkmInZLw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1725,10 +1744,10 @@ packages:
   '@radix-ui/react-checkbox@1.0.4':
     resolution: {integrity: sha512-CBuGQa52aAYnADZVt/KBQzXrwx6TqnlwtcIPGtVt5JkkzQwMOLJjPukimhfKEr4GQNd43C+djUh5Ikopj8pSLg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1738,10 +1757,10 @@ packages:
   '@radix-ui/react-collapsible@1.0.3':
     resolution: {integrity: sha512-UBmVDkmR6IvDsloHVN+3rtx4Mi5TFvylYXpluuv0f37dtaz3H99bp8No0LGXRigVpl3UAT4l9j6bIchh42S/Gg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1751,10 +1770,10 @@ packages:
   '@radix-ui/react-collection@1.0.3':
     resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1764,10 +1783,10 @@ packages:
   '@radix-ui/react-collection@1.1.7':
     resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1777,8 +1796,8 @@ packages:
   '@radix-ui/react-compose-refs@1.0.1':
     resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1786,8 +1805,8 @@ packages:
   '@radix-ui/react-compose-refs@1.1.2':
     resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1795,8 +1814,8 @@ packages:
   '@radix-ui/react-context@1.0.1':
     resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1804,8 +1823,8 @@ packages:
   '@radix-ui/react-context@1.1.2':
     resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1813,10 +1832,10 @@ packages:
   '@radix-ui/react-dialog@1.0.5':
     resolution: {integrity: sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1826,8 +1845,8 @@ packages:
   '@radix-ui/react-direction@1.0.1':
     resolution: {integrity: sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1835,8 +1854,8 @@ packages:
   '@radix-ui/react-direction@1.1.1':
     resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1844,10 +1863,10 @@ packages:
   '@radix-ui/react-dismissable-layer@1.0.5':
     resolution: {integrity: sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1857,10 +1876,10 @@ packages:
   '@radix-ui/react-dropdown-menu@2.0.6':
     resolution: {integrity: sha512-i6TuFOoWmLWq+M/eCLGd/bQ2HfAX1RJgvrBQ6AQLmzfvsLdefxbWu8G9zczcPFfcSPehz9GcpF6K9QYreFV8hA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1870,8 +1889,8 @@ packages:
   '@radix-ui/react-focus-guards@1.0.1':
     resolution: {integrity: sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1879,10 +1898,10 @@ packages:
   '@radix-ui/react-focus-scope@1.0.4':
     resolution: {integrity: sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1892,8 +1911,8 @@ packages:
   '@radix-ui/react-id@1.0.1':
     resolution: {integrity: sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1901,8 +1920,8 @@ packages:
   '@radix-ui/react-id@1.1.1':
     resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1910,10 +1929,10 @@ packages:
   '@radix-ui/react-menu@2.0.6':
     resolution: {integrity: sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1923,10 +1942,10 @@ packages:
   '@radix-ui/react-popover@1.0.7':
     resolution: {integrity: sha512-shtvVnlsxT6faMnK/a7n0wptwBD23xc1Z5mdrtKLwVEfsEMXodS0r5s0/g5P0hX//EKYZS2sxUjqfzlg52ZSnQ==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1936,10 +1955,10 @@ packages:
   '@radix-ui/react-popper@1.1.3':
     resolution: {integrity: sha512-cKpopj/5RHZWjrbF2846jBNacjQVwkP068DfmgrNJXpvVWrOvlAmE9xSiy5OqeE+Gi8D9fP+oDhUnPqNMY8/5w==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1949,10 +1968,10 @@ packages:
   '@radix-ui/react-portal@1.0.4':
     resolution: {integrity: sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1962,10 +1981,10 @@ packages:
   '@radix-ui/react-presence@1.0.1':
     resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1975,10 +1994,10 @@ packages:
   '@radix-ui/react-primitive@1.0.3':
     resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1988,10 +2007,10 @@ packages:
   '@radix-ui/react-primitive@2.1.3':
     resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2001,10 +2020,10 @@ packages:
   '@radix-ui/react-progress@1.0.3':
     resolution: {integrity: sha512-5G6Om/tYSxjSeEdrb1VfKkfZfn/1IlPWd731h2RfPuSbIfNUgfqAwbKfJCg/PP6nuUCTrYzalwHSpSinoWoCag==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2014,10 +2033,10 @@ packages:
   '@radix-ui/react-radio-group@1.1.3':
     resolution: {integrity: sha512-x+yELayyefNeKeTx4fjK6j99Fs6c4qKm3aY38G3swQVTN6xMpsrbigC0uHs2L//g8q4qR7qOcww8430jJmi2ag==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2027,10 +2046,10 @@ packages:
   '@radix-ui/react-roving-focus@1.0.4':
     resolution: {integrity: sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2040,10 +2059,10 @@ packages:
   '@radix-ui/react-roving-focus@1.1.11':
     resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2053,10 +2072,10 @@ packages:
   '@radix-ui/react-scroll-area@1.0.5':
     resolution: {integrity: sha512-b6PAgH4GQf9QEn8zbT2XUHpW5z8BzqEc7Kl11TwDrvuTrxlkcjTD5qa/bxgKr+nmuXKu4L/W5UZ4mlP/VG/5Gw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2066,10 +2085,10 @@ packages:
   '@radix-ui/react-separator@1.0.3':
     resolution: {integrity: sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2079,8 +2098,8 @@ packages:
   '@radix-ui/react-slot@1.0.2':
     resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2088,8 +2107,8 @@ packages:
   '@radix-ui/react-slot@1.2.3':
     resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2097,10 +2116,10 @@ packages:
   '@radix-ui/react-switch@1.0.3':
     resolution: {integrity: sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2110,10 +2129,10 @@ packages:
   '@radix-ui/react-tabs@1.0.4':
     resolution: {integrity: sha512-egZfYY/+wRNCflXNHx+dePvnz9FbmssDTJBtgRfDY7e8SE5oIo3Py2eCB1ckAbh1Q7cQ/6yJZThJ++sgbxibog==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2123,10 +2142,10 @@ packages:
   '@radix-ui/react-toggle-group@1.0.4':
     resolution: {integrity: sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2136,10 +2155,10 @@ packages:
   '@radix-ui/react-toggle-group@1.1.11':
     resolution: {integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2149,10 +2168,10 @@ packages:
   '@radix-ui/react-toggle@1.0.3':
     resolution: {integrity: sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2162,10 +2181,10 @@ packages:
   '@radix-ui/react-toggle@1.1.10':
     resolution: {integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2175,10 +2194,10 @@ packages:
   '@radix-ui/react-toolbar@1.0.4':
     resolution: {integrity: sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2188,10 +2207,10 @@ packages:
   '@radix-ui/react-tooltip@1.0.7':
     resolution: {integrity: sha512-lPh5iKNFVQ/jav/j6ZrWq3blfDJ0OH9R6FlNUHPMqdLuQ9vwDgFsRxvl8b7Asuy5c8xmoojHUxKHQSOAvMHxyw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2201,8 +2220,8 @@ packages:
   '@radix-ui/react-use-callback-ref@1.0.1':
     resolution: {integrity: sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2210,8 +2229,8 @@ packages:
   '@radix-ui/react-use-callback-ref@1.1.1':
     resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2219,8 +2238,8 @@ packages:
   '@radix-ui/react-use-controllable-state@1.0.1':
     resolution: {integrity: sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2228,8 +2247,8 @@ packages:
   '@radix-ui/react-use-controllable-state@1.2.2':
     resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2237,8 +2256,8 @@ packages:
   '@radix-ui/react-use-effect-event@0.0.2':
     resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2246,8 +2265,8 @@ packages:
   '@radix-ui/react-use-escape-keydown@1.0.3':
     resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2255,8 +2274,8 @@ packages:
   '@radix-ui/react-use-layout-effect@1.0.1':
     resolution: {integrity: sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2264,8 +2283,8 @@ packages:
   '@radix-ui/react-use-layout-effect@1.1.1':
     resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2273,8 +2292,8 @@ packages:
   '@radix-ui/react-use-previous@1.0.1':
     resolution: {integrity: sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2282,8 +2301,8 @@ packages:
   '@radix-ui/react-use-rect@1.0.1':
     resolution: {integrity: sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2291,8 +2310,8 @@ packages:
   '@radix-ui/react-use-size@1.0.1':
     resolution: {integrity: sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2300,10 +2319,10 @@ packages:
   '@radix-ui/react-visually-hidden@1.0.3':
     resolution: {integrity: sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2325,7 +2344,7 @@ packages:
   '@reduxjs/toolkit@1.9.7':
     resolution: {integrity: sha512-t7v8ZPxhhKgOKtU+uyJT13lu4vL7az5aFi4IdoDs/eS548edn2M8Ik9h8fxgvMjGoAUVFSt6ZC1P5cWmQ014QQ==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
       react-redux: ^7.2.1 || ^8.0.2
     peerDependenciesMeta:
       react:
@@ -2585,8 +2604,8 @@ packages:
     engines: {node: '>=20.0.0 <=24.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/data-transfer': ^5.0.0
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2600,8 +2619,8 @@ packages:
     engines: {node: '>=20.0.0 <=24.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/admin': ^5.0.0
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2611,8 +2630,8 @@ packages:
     peerDependencies:
       '@strapi/admin': ^5.0.0
       '@strapi/content-manager': ^5.0.0
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2621,8 +2640,8 @@ packages:
     engines: {node: '>=20.0.0 <=24.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/admin': ^5.0.0
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2642,8 +2661,8 @@ packages:
     resolution: {integrity: sha512-NO8DhQfApMXlEUeuUG39pKmPGcYCJZjApjPqtPbDFUr434WTeon/vJtJv/fqRs5GFPaJqqDH7YPlpZlJX3z3bA==}
     peerDependencies:
       '@strapi/icons': ^2.0.0 || ^2.0.0-beta || ^2.0.0-alpha
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       styled-components: ^6.0.0
 
   '@strapi/email@5.48.0':
@@ -2652,8 +2671,8 @@ packages:
     peerDependencies:
       '@strapi/admin': ^5.0.0
       koa: ^2.15.2
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2667,16 +2686,16 @@ packages:
     peerDependencies:
       '@strapi/admin': ^5.0.0
       '@strapi/content-manager': ^5.0.0
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
   '@strapi/icons@2.2.0':
     resolution: {integrity: sha512-wVItrWIDYtvGpv1S5Lg580b5PXH2iw6dgcFnri5vVz4qZDP6ZOTpLmkwZybkfZcpIzq1KkjKyA1JZ6NLBE59cQ==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       styled-components: ^6.0.0
 
   '@strapi/logger@5.48.0':
@@ -2697,8 +2716,8 @@ packages:
     peerDependencies:
       '@strapi/admin': ^5.0.0
       '@strapi/strapi': ^5.0.0
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2707,8 +2726,8 @@ packages:
     engines: {node: '>=20.0.0 <=24.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/strapi': ^5.0.0
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2726,8 +2745,8 @@ packages:
     peerDependencies:
       '@strapi/admin': ^5.0.0
       '@strapi/content-manager': ^5.0.0
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2741,8 +2760,8 @@ packages:
     engines: {node: '>=20.0.0 <=24.x.x', npm: '>=6.0.0'}
     hasBin: true
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2757,16 +2776,16 @@ packages:
   '@strapi/ui-primitives@2.2.0':
     resolution: {integrity: sha512-CGvyIr+D7ZEuP9x4bmUFUiilHZwCkftiwV8Kh+o/jBETVlm5/8SrE5wihuyqSQTya1NxTHu0O8RTNkX0U6p8bQ==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
 
   '@strapi/upload@5.48.0':
     resolution: {integrity: sha512-488XE5UT0eiVXpgvzXJrHwuYt6YFkLAyJd8XovTmBVx+XkQrAf2T2Ll5uIPJQNMVYqvLmqaSdXJHHpP5APX6Tw==}
     engines: {node: '>=20.0.0 <=24.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/admin': ^5.0.0
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-router-dom: ^6.30.3
       styled-components: ^6.0.0
 
@@ -2880,8 +2899,8 @@ packages:
   '@tanstack/react-virtual@3.14.2':
     resolution: {integrity: sha512-IpWnmCLvuymRfeeLNVXIzNEYBFLpd3drVIS91sqV78VTZFyldlChkOocZRCPp1B+Wnk09bcLNme8WaMU/9/9bQ==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
 
   '@tanstack/virtual-core@3.17.0':
     resolution: {integrity: sha512-gOxY/hFkPh/XQYhnThBHzkbkX3Ed+z/iushyz+R+JAr213aXxUDgQoTgTdrDpBSRsjFM73P/KfUyWmaF9WHMkQ==}
@@ -2895,10 +2914,10 @@ packages:
     engines: {node: '>=18'}
     peerDependencies:
       '@testing-library/dom': ^10.0.0
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -3026,7 +3045,7 @@ packages:
   '@types/hoist-non-react-statics@3.3.7':
     resolution: {integrity: sha512-PQTyIulDkIDro8P+IHbKCsw7U2xxBYflVzW/FgWdCAePD9xGSidgA76/GeJ6lBKoblyhf9pBY763gbrN+1dI8g==}
     peerDependencies:
-      '@types/react': ^18.3.31
+      '@types/react': ^19.0.0
 
   '@types/html-minifier-terser@6.1.0':
     resolution: {integrity: sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==}
@@ -3104,27 +3123,21 @@ packages:
   '@types/prompts@2.4.9':
     resolution: {integrity: sha512-qTxFi6Buiu8+50/+3DGIWLHM6QuWsEKugJnnP6iv2Mc4ncxE4A/OJkjuVOA+5X0X1S/nq5VJRa8Lu+nwcvbrKA==}
 
-  '@types/prop-types@15.7.15':
-    resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
-
   '@types/qs@6.15.1':
     resolution: {integrity: sha512-GZHUBZR9hckSUhrxmp1nG6NwdpM9fCunJwyThLW1X3AyHgd9IlHb6VANpQQqDr2o/qQp6McZ3y/IA2rVzKzSbw==}
 
   '@types/range-parser@1.2.7':
     resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
 
-  '@types/react-dom@18.3.7':
-    resolution: {integrity: sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==}
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
     peerDependencies:
-      '@types/react': ^18.3.31
+      '@types/react': ^19.0.0
 
   '@types/react-transition-group@4.4.12':
     resolution: {integrity: sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==}
     peerDependencies:
-      '@types/react': ^18.3.31
-
-  '@types/react@18.3.31':
-    resolution: {integrity: sha512-vfEqpXTvwT91yhmwdfouStN2hSKwTvyRs8qpLfADyrq/kxDw0hZM7Wk9Ug1FELj8hIby+S/+kQCSRFF32nv2Qw==}
+      '@types/react': ^19.0.0
 
   '@types/react@19.2.17':
     resolution: {integrity: sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==}
@@ -3190,8 +3203,8 @@ packages:
       '@codemirror/theme-one-dark': '>=6.0.0'
       '@codemirror/view': '>=6.0.0'
       codemirror: '>=6.0.0'
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
 
   '@ungap/structured-clone@1.3.1':
     resolution: {integrity: sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==}
@@ -4604,7 +4617,7 @@ packages:
   formik@2.4.5:
     resolution: {integrity: sha512-Gxlht0TD3vVdzMDHwkiNZqJ7Mvg77xQNfmBRrNtvzcHZs72TJppSTDKHpImCMJZwcWPBJ8jSQQ95GJzXFf1nAQ==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   forwarded@0.2.0:
     resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
@@ -4618,8 +4631,8 @@ packages:
     resolution: {integrity: sha512-uaBd3qC1v3KQqBEjwTUd183K6PbS+j0yR9w9VmEOLWA/tnUcSn8Xa3uck7t4dgpDoUss8xQTcj8W2L07lrnLFg==}
     peerDependencies:
       '@emotion/is-prop-valid': '*'
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@emotion/is-prop-valid':
         optional: true
@@ -5851,8 +5864,8 @@ packages:
     resolution: {integrity: sha512-Rc5E7oe2YZ72N//S3QXGzbnXgqNrTESv8KKxABR20q2FLch9gHLo0JLyYo2hZ238bZ9Gx6cWhj9VO0IgwbMjCw==}
     peerDependencies:
       '@emotion/is-prop-valid': '*'
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
     peerDependenciesMeta:
       '@emotion/is-prop-valid':
         optional: true
@@ -5927,8 +5940,8 @@ packages:
       '@opentelemetry/api': ^1.1.0
       '@playwright/test': ^1.51.1
       babel-plugin-react-compiler: '*'
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       sass: ^1.3.0
     peerDependenciesMeta:
       '@opentelemetry/api':
@@ -6489,8 +6502,8 @@ packages:
     peerDependencies:
       '@types/hoist-non-react-statics': '>= 3.3.1'
       '@types/node': '>= 12'
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/hoist-non-react-statics':
         optional: true
@@ -6499,21 +6512,16 @@ packages:
       '@types/react':
         optional: true
 
-  react-dom@18.3.1:
-    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
-    peerDependencies:
-      react: ^18.3.1
-
   react-dom@19.2.7:
     resolution: {integrity: sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   react-dropzone@14.3.8:
     resolution: {integrity: sha512-sBgODnq+lcA4P296DY4wacOZz3JFpD99fp+hb//iBO2HHnyeZU3FwWyXJ6salNpqQdsZrgMrotuko/BdJMV8Ug==}
     engines: {node: '>= 10.13'}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   react-fast-compare@2.0.4:
     resolution: {integrity: sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==}
@@ -6524,12 +6532,12 @@ packages:
   react-helmet@6.1.0:
     resolution: {integrity: sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   react-intl@6.6.2:
     resolution: {integrity: sha512-IpW2IkLtGENSFlX3vfH11rjuCIsW0VyjT0Q1pPKMZPtT2z1FxLt4weFT5Ezti2TScT1xiyb3aQBFth9EB7jzAg==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
       typescript: ^4.7 || 5
     peerDependenciesMeta:
       typescript:
@@ -6547,13 +6555,13 @@ packages:
   react-markdown@9.1.0:
     resolution: {integrity: sha512-xaijuJB0kzGiUdG7nc2MOMDUDBWPyGAjZtUrow9XxUeua8IqeP+VlIfAZ3bphpcLTnSZXz6z9jcVC/TCwbfgdw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
 
   react-query@3.39.3:
     resolution: {integrity: sha512-nLfLz7GiohKTJDuT4us4X3h/8unOh+00MLb2yJoGTPjxKs2bc1iDhkNx2bd5MKklXnOD3NrVZ+J2UXujA5In4g==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
       react-dom: '*'
       react-native: '*'
     peerDependenciesMeta:
@@ -6565,10 +6573,10 @@ packages:
   react-redux@8.1.3:
     resolution: {integrity: sha512-n0ZrutD7DaX/j9VscF+uTALI3oUPa/pO4Z3soOBIjuRn/FzVu6aehhysxZCLi6y7duMf52WNZGMl7CtuK5EnRw==}
     peerDependencies:
-      '@types/react': ^18.3.31
-      '@types/react-dom': ^18.3.7
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      '@types/react': ^19.0.0
+      '@types/react-dom': ^19.0.0
+      react: 19.2.7
+      react-dom: 19.2.7
       react-native: '>=0.59'
       redux: ^4 || ^5.0.0-beta.0
     peerDependenciesMeta:
@@ -6595,8 +6603,8 @@ packages:
     resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -6605,8 +6613,8 @@ packages:
     resolution: {integrity: sha512-m3zvBRANPBw3qxVVjEIPEQinkcwlFZ4qyomuWVpNJdv4c6MvHfXV0C3L9Jx5rr3HeBHKNRX+1jreB5QloDIJjA==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -6615,8 +6623,8 @@ packages:
     resolution: {integrity: sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -6625,32 +6633,32 @@ packages:
     resolution: {integrity: sha512-q4HvNl+mmDdkS0g+MqiBZNteQJCuimWoOyHMy4T/RQLAn9Z29+E91QXRaxOujeMl2HTzRSS0KFPd7lxX3PjV0Q==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
 
   react-router@6.30.4:
     resolution: {integrity: sha512-SVUsDe+DybHM/WmYKIVYhZh1o5Dcuf16yM6WjG02Q9XVFMZIJyHYhwrr6bFBXZkVP6z69kNkMyBCujt8FaFLJA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   react-select@5.8.0:
     resolution: {integrity: sha512-TfjLDo58XrhP6VG5M/Mi56Us0Yt8X7xD6cDybC7yoRMUNm7BGO7qk8J0TLQOua/prb8vUOtsfnXZwfm30HGsAA==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
 
   react-side-effect@2.1.2:
     resolution: {integrity: sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   react-style-singleton@2.2.3:
     resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -6658,19 +6666,15 @@ packages:
   react-transition-group@4.4.5:
     resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
 
   react-window@1.8.10:
     resolution: {integrity: sha512-Y0Cx+dnU6NLa5/EvoHukUD0BklJ8qITCtVEPY1C/nL8wwoZ0b5aEw8Ff1dOVHw7fCzMt55XfJDd8S8W8LCaUCg==}
     engines: {node: '>8.0.0'}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
-
-  react@18.3.1:
-    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
-    engines: {node: '>=0.10.0'}
+      react: 19.2.7
+      react-dom: 19.2.7
 
   react@19.2.7:
     resolution: {integrity: sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==}
@@ -6885,9 +6889,6 @@ packages:
   scheduler@0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
 
-  scheduler@0.23.2:
-    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
-
   scheduler@0.27.0:
     resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
@@ -7031,8 +7032,8 @@ packages:
   slate-react@0.98.3:
     resolution: {integrity: sha512-p1BnF9eRyRM0i5hkgOb11KgmpWLQm9Zyp6jVkOAj5fPdIGheKhg48Z7aWKrayeJ4nmRyi/NjRZz/io5hQcphmw==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       slate: '>=0.65.3'
 
   slate@0.94.1:
@@ -7041,8 +7042,8 @@ packages:
   sonner@2.0.7:
     resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
 
   sorted-array-functions@1.3.0:
     resolution: {integrity: sha512-2sqgzeFlid6N4Z2fUQ1cvFmTOLRi/sEDzSQ0OKYchqgoPmQBVyM3959qYx3fpS6Esef80KjmpgPeEr028dP3OA==}
@@ -7200,8 +7201,8 @@ packages:
     engines: {node: '>= 16'}
     peerDependencies:
       css-to-react-native: '>= 3.2.0'
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-native: '>= 0.68.0'
     peerDependenciesMeta:
       css-to-react-native:
@@ -7217,7 +7218,7 @@ packages:
     peerDependencies:
       '@babel/core': '*'
       babel-plugin-macros: '*'
-      react: ^18.3.1
+      react: 19.2.7
     peerDependenciesMeta:
       '@babel/core':
         optional: true
@@ -7253,7 +7254,7 @@ packages:
   swr@2.4.1:
     resolution: {integrity: sha512-2CC6CiKQtEwaEeNiqWTAw9PGykW8SR5zZX8MZk6TeAvEAnVS7Visz8WzphqgtQ8v2xz/4Q5K+j+SeMaKXeeQIA==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
@@ -7618,8 +7619,8 @@ packages:
     resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -7627,8 +7628,8 @@ packages:
   use-context-selector@1.4.1:
     resolution: {integrity: sha512-Io2ArvcRO+6MWIhkdfMFt+WKQX+Vb++W8DS2l03z/Vw/rz3BclKpM0ynr4LYGyU85Eke+Yx5oIhTY++QR0ZDoA==}
     peerDependencies:
-      react: ^18.3.1
-      react-dom: ^18.3.1
+      react: 19.2.7
+      react-dom: 19.2.7
       react-native: '*'
       scheduler: '>=0.19.0'
     peerDependenciesMeta:
@@ -7641,7 +7642,7 @@ packages:
     resolution: {integrity: sha512-tpZZ+EX0gaghDAiFR37hj5MgY6ZN55kLiPkJsKxBMZ6GZdOSPJXiOzPM984oPYZ5AnehYx5WQp1+ME8I/P/pRA==}
     peerDependencies:
       '@types/react': '*'
-      react: ^18.3.1
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -7650,8 +7651,8 @@ packages:
     resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^18.3.31
-      react: ^18.3.1
+      '@types/react': ^19.0.0
+      react: 19.2.7
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -7659,7 +7660,7 @@ packages:
   use-sync-external-store@1.6.0:
     resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
     peerDependencies:
-      react: ^18.3.1
+      react: 19.2.7
 
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
@@ -8086,16 +8087,6 @@ snapshots:
     dependencies:
       json-schema: 0.4.0
 
-  '@ai-sdk/react@2.0.120(react@18.3.1)(zod@3.25.67)':
-    dependencies:
-      '@ai-sdk/provider-utils': 3.0.20(zod@3.25.67)
-      ai: 5.0.118(zod@3.25.67)
-      react: 18.3.1
-      swr: 2.4.1(react@18.3.1)
-      throttleit: 2.1.0
-    optionalDependencies:
-      zod: 3.25.67
-
   '@ai-sdk/react@2.0.120(react@19.2.7)(zod@3.25.67)':
     dependencies:
       '@ai-sdk/provider-utils': 3.0.20(zod@3.25.67)
@@ -8622,24 +8613,11 @@ snapshots:
 
   '@discoveryjs/json-ext@0.6.3': {}
 
-  '@dnd-kit/accessibility@3.1.1(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-      tslib: 2.8.1
-
   '@dnd-kit/accessibility@3.1.1(react@19.2.7)':
     dependencies:
       react: 19.2.7
       tslib: 2.8.1
 
-  '@dnd-kit/core@6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@dnd-kit/accessibility': 3.1.1(react@18.3.1)
-      '@dnd-kit/utilities': 3.2.2(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      tslib: 2.8.1
-
   '@dnd-kit/core@6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@dnd-kit/accessibility': 3.1.1(react@19.2.7)
@@ -8648,13 +8626,6 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
       tslib: 2.8.1
 
-  '@dnd-kit/modifiers@9.0.0(@dnd-kit/core@6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@dnd-kit/core': 6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/utilities': 3.2.2(react@18.3.1)
-      react: 18.3.1
-      tslib: 2.8.1
-
   '@dnd-kit/modifiers@9.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@dnd-kit/core': 6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
@@ -8662,13 +8633,6 @@ snapshots:
       react: 19.2.7
       tslib: 2.8.1
 
-  '@dnd-kit/sortable@10.0.0(@dnd-kit/core@6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@dnd-kit/core': 6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/utilities': 3.2.2(react@18.3.1)
-      react: 18.3.1
-      tslib: 2.8.1
-
   '@dnd-kit/sortable@10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@dnd-kit/core': 6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
@@ -8676,11 +8640,6 @@ snapshots:
       react: 19.2.7
       tslib: 2.8.1
 
-  '@dnd-kit/utilities@3.2.2(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-      tslib: 2.8.1
-
   '@dnd-kit/utilities@3.2.2(react@19.2.7)':
     dependencies:
       react: 19.2.7
@@ -8723,22 +8682,6 @@ snapshots:
 
   '@emotion/memoize@0.9.0': {}
 
-  '@emotion/react@11.14.0(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@emotion/babel-plugin': 11.13.5
-      '@emotion/cache': 11.14.0
-      '@emotion/serialize': 1.3.3
-      '@emotion/use-insertion-effect-with-fallbacks': 1.2.0(react@18.3.1)
-      '@emotion/utils': 1.4.2
-      '@emotion/weak-memoize': 0.4.0
-      hoist-non-react-statics: 3.3.2
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-    transitivePeerDependencies:
-      - supports-color
-
   '@emotion/react@11.14.0(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
@@ -8767,10 +8710,6 @@ snapshots:
 
   '@emotion/unitless@0.10.0': {}
 
-  '@emotion/use-insertion-effect-with-fallbacks@1.2.0(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-
   '@emotion/use-insertion-effect-with-fallbacks@1.2.0(react@19.2.7)':
     dependencies:
       react: 19.2.7
@@ -9013,12 +8952,6 @@ snapshots:
       '@floating-ui/core': 1.7.5
       '@floating-ui/utils': 0.2.11
 
-  '@floating-ui/react-dom@2.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@floating-ui/dom': 1.7.6
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   '@floating-ui/react-dom@2.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@floating-ui/dom': 1.7.6
@@ -9063,18 +8996,6 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  '@formatjs/intl@2.10.0(typescript@5.4.5)':
-    dependencies:
-      '@formatjs/ecma402-abstract': 1.18.2
-      '@formatjs/fast-memoize': 2.2.0
-      '@formatjs/icu-messageformat-parser': 2.7.6
-      '@formatjs/intl-displaynames': 6.6.6
-      '@formatjs/intl-listformat': 7.5.5
-      intl-messageformat: 10.5.11
-      tslib: 2.8.1
-    optionalDependencies:
-      typescript: 5.4.5
-
   '@formatjs/intl@2.10.0(typescript@5.9.3)':
     dependencies:
       '@formatjs/ecma402-abstract': 1.18.2
@@ -9425,18 +9346,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@mux/mux-player-react@3.1.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@mux/mux-player': 3.1.0
-      '@mux/playback-core': 0.27.0
-      prop-types: 15.8.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@mux/mux-player-react@3.1.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@mux/mux-player-react@3.1.0(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@mux/mux-player': 3.1.0
       '@mux/playback-core': 0.27.0
@@ -9445,6 +9355,7 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
   '@mux/mux-player@3.1.0':
     dependencies:
@@ -9565,139 +9476,70 @@ snapshots:
 
   '@radix-ui/primitive@1.1.3': {}
 
-  '@radix-ui/react-accordion@1.1.2(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collapsible': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-accordion@1.1.2(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-accordion@1.1.2(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collapsible': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-collection': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-collapsible': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-alert-dialog@1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-alert-dialog@1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-alert-dialog@1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-dialog': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-slot': 1.0.2(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-arrow@1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-arrow@1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-arrow@1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-avatar@1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-avatar@1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-avatar@1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-checkbox@1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-checkbox@1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-checkbox@1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-presence': 1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-previous': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-size': 1.0.1(@types/react@19.2.17)(react@19.2.7)
@@ -9705,94 +9547,49 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-collapsible@1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-collapsible@1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-collapsible@1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-presence': 1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-collection@1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-collection@1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-collection@1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-slot': 1.0.2(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-collection@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-collection@1.1.7(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.1.2(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-slot': 1.2.3(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
-
-  '@radix-ui/react-compose-refs@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
   '@radix-ui/react-compose-refs@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
@@ -9801,25 +9598,12 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-compose-refs@1.1.2(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       react: 19.2.7
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-context@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-context@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
@@ -9827,54 +9611,25 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-context@1.1.2(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-context@1.1.2(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       react: 19.2.7
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-dialog@1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      aria-hidden: 1.2.6
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.5(@types/react@18.3.31)(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-dialog@1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-dialog@1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-focus-guards': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-portal': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-presence': 1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-slot': 1.0.2(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       aria-hidden: 1.2.6
@@ -9883,13 +9638,7 @@ snapshots:
       react-remove-scroll: 2.5.5(@types/react@19.2.17)(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
-
-  '@radix-ui/react-direction@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
   '@radix-ui/react-direction@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
@@ -9898,82 +9647,41 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-direction@1.1.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-direction@1.1.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       react: 19.2.7
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-dismissable-layer@1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-dropdown-menu@2.0.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-menu': 2.0.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-dropdown-menu@2.0.6(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-dropdown-menu@2.0.6(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-menu': 2.0.6(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-menu': 2.0.6(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
-
-  '@radix-ui/react-focus-guards@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
   '@radix-ui/react-focus-guards@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
@@ -9982,36 +9690,17 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-focus-scope@1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-focus-scope@1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
-
-  '@radix-ui/react-id@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
   '@radix-ui/react-id@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
@@ -10021,13 +9710,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-id@1.1.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-id@1.1.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.17)(react@19.2.7)
@@ -10035,50 +9717,23 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-menu@2.0.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-menu@2.0.6(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      aria-hidden: 1.2.6
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.5(@types/react@18.3.31)(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-menu@2.0.6(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-focus-guards': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-popper': 1.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-portal': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-presence': 1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-slot': 1.0.2(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       aria-hidden: 1.2.6
@@ -10087,45 +9742,22 @@ snapshots:
       react-remove-scroll: 2.5.5(@types/react@19.2.17)(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-popover@1.0.7(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      aria-hidden: 1.2.6
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.5(@types/react@18.3.31)(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-popover@1.0.7(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-popover@1.0.7(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-focus-guards': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-popper': 1.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-portal': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-presence': 1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-slot': 1.0.2(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       aria-hidden: 1.2.6
@@ -10134,34 +9766,16 @@ snapshots:
       react-remove-scroll: 2.5.5(@types/react@19.2.17)(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-popper@1.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@floating-ui/react-dom': 2.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-rect': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/rect': 1.0.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-popper@1.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-popper@1.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@floating-ui/react-dom': 2.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-arrow': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-arrow': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-rect': 1.0.1(@types/react@19.2.17)(react@19.2.7)
@@ -10171,38 +9785,19 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-portal@1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-portal@1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-portal@1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-presence@1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-presence@1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-presence@1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
@@ -10211,18 +9806,9 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-primitive@1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-primitive@1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/react-slot': 1.0.2(@types/react@19.2.17)(react@19.2.7)
@@ -10230,74 +9816,38 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-primitive@2.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/react-slot': 1.2.3(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-progress@1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-progress@1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-progress@1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-radio-group@1.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-radio-group@1.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-radio-group@1.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-presence': 1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-previous': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-size': 1.0.1(@types/react@19.2.17)(react@19.2.7)
@@ -10305,94 +9855,44 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-roving-focus@1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-roving-focus@1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-roving-focus@1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-roving-focus@1.1.11(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.1.2(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.1.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-id': 1.1.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-scroll-area@1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/number': 1.0.1
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-scroll-area@1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-scroll-area@1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/number': 1.0.1
@@ -10400,41 +9900,25 @@ snapshots:
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-presence': 1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-separator@1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-separator@1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-separator@1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
-
-  '@radix-ui/react-slot@1.0.2(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
   '@radix-ui/react-slot@1.0.2(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
@@ -10444,13 +9928,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-slot@1.2.3(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-slot@1.2.3(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.17)(react@19.2.7)
@@ -10458,29 +9935,13 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-switch@1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-switch@1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-switch@1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-previous': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-size': 1.0.1(@types/react@19.2.17)(react@19.2.7)
@@ -10488,222 +9949,115 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-tabs@1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-tabs@1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-tabs@1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-presence': 1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-toggle-group@1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-toggle': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-toggle-group@1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-toggle-group@1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-toggle': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-toggle': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-toggle-group@1.1.11(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
       '@radix-ui/react-context': 1.1.2(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.1.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-toggle': 1.1.10(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-toggle@1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-toggle@1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-toggle@1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-toggle@1.1.10(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-toggle@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-toggle@1.1.10(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.17)(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-toolbar@1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-separator': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-toggle-group': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-toolbar@1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-toolbar@1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-separator': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-toggle-group': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-separator': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-toggle-group': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
-  '@radix-ui/react-tooltip@1.0.7(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-tooltip@1.0.7(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-tooltip@1.0.7(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-popper': 1.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-portal': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-presence': 1.0.1(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-slot': 1.0.2(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-visually-hidden': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
-
-  '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
   '@radix-ui/react-use-callback-ref@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
@@ -10712,26 +10066,12 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       react: 19.2.7
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-controllable-state@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
@@ -10740,14 +10080,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.17)(react@19.2.7)
@@ -10756,13 +10088,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-effect-event@0.0.2(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.17)(react@19.2.7)
@@ -10770,14 +10095,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
@@ -10786,13 +10103,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-layout-effect@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
@@ -10800,25 +10110,12 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       react: 19.2.7
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-previous@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-previous@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
@@ -10826,14 +10123,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-rect@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/rect': 1.0.1
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-rect@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
@@ -10842,14 +10131,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-use-size@1.0.1(@types/react@18.3.31)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   '@radix-ui/react-use-size@1.0.1(@types/react@19.2.17)(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
@@ -10858,24 +10139,15 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  '@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@radix-ui/react-visually-hidden@1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
   '@radix-ui/rect@1.0.1':
     dependencies:
@@ -10887,17 +10159,7 @@ snapshots:
 
   '@react-dnd/shallowequal@4.0.2': {}
 
-  '@reduxjs/toolkit@1.9.7(react-redux@8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1))(react@18.3.1)':
-    dependencies:
-      immer: 9.0.21
-      redux: 4.2.1
-      redux-thunk: 2.4.2(redux@4.2.1)
-      reselect: 4.1.8
-    optionalDependencies:
-      react: 18.3.1
-      react-redux: 8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1)
-
-  '@reduxjs/toolkit@1.9.7(react-redux@8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)':
+  '@reduxjs/toolkit@1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)':
     dependencies:
       immer: 9.0.21
       redux: 4.2.1
@@ -10905,7 +10167,7 @@ snapshots:
       reselect: 4.1.8
     optionalDependencies:
       react: 19.2.7
-      react-redux: 8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
 
   '@remix-run/router@1.23.3': {}
 
@@ -11107,22 +10369,22 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@strapi/admin@5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+  '@strapi/admin@5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))':
     dependencies:
       '@casl/ability': 6.7.5
       '@internationalized/date': 3.5.4
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1))(react@18.3.1)
-      '@strapi/data-transfer': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
+      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/data-transfer': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/permissions': 5.48.0
-      '@strapi/types': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)
+      '@strapi/types': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
       '@strapi/typescript-utils': 5.48.0
       '@strapi/utils': 5.48.0
       '@testing-library/dom': 10.4.1
-      '@testing-library/react': 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@testing-library/react': 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
       axios: 1.17.0(debug@4.3.4)
       bcryptjs: 2.4.3
@@ -11133,7 +10395,7 @@ snapshots:
       date-fns: 2.30.0
       execa: 5.1.1
       fast-deep-equal: 3.1.3
-      formik: 2.4.5(@types/react@18.3.31)(react@18.3.1)
+      formik: 2.4.5(@types/react@19.2.17)(react@19.2.7)
       fractional-indexing: 3.2.0
       fs-extra: 11.3.4
       highlight.js: 10.7.3
@@ -11149,32 +10411,32 @@ snapshots:
       koa-static: 5.0.0
       koa2-ratelimit: 1.1.3
       lodash: 4.18.1
-      motion: 12.23.24(@emotion/is-prop-valid@1.4.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      motion: 12.23.24(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       ora: 5.4.1
       p-map: 4.0.0
       passport-local: 1.0.0
       pluralize: 8.0.0
       qs: 6.15.2
-      react: 18.3.1
-      react-dnd: 16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react@18.3.31)(react@18.3.1)
+      react: 19.2.7
+      react-dnd: 16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react@19.2.7)
       react-dnd-html5-backend: 16.0.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.4.5)
+      react-dom: 19.2.7(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
       react-is: 18.3.1
-      react-query: 3.39.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-redux: 8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-select: 5.8.0(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-window: 1.8.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-query: 3.39.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-select: 5.8.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-window: 1.8.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       rimraf: 6.1.3
       sanitize-html: 2.17.4
       scheduler: 0.23.0
       semver: 7.7.4
       sift: 16.0.1
-      sonner: 2.0.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      sonner: 2.0.7(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       typescript: 5.4.5
-      use-context-selector: 1.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.0)
+      use-context-selector: 1.4.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(scheduler@0.23.0)
       yup: 0.32.9
       zod: 3.25.67
     transitivePeerDependencies:
@@ -11208,22 +10470,22 @@ snapshots:
       - supports-color
       - tedious
 
-  '@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))':
+  '@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))':
     dependencies:
       '@casl/ability': 6.7.5
       '@internationalized/date': 3.5.4
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-toolbar': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
-      '@strapi/data-transfer': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
-      '@strapi/design-system': 2.2.0(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/data-transfer': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/permissions': 5.48.0
-      '@strapi/types': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
+      '@strapi/types': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5)
       '@strapi/typescript-utils': 5.48.0
       '@strapi/utils': 5.48.0
       '@testing-library/dom': 10.4.1
-      '@testing-library/react': 16.3.2(@testing-library/dom@10.4.1)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@testing-library/react': 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
       axios: 1.17.0(debug@4.3.4)
       bcryptjs: 2.4.3
@@ -11263,7 +10525,7 @@ snapshots:
       react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
       react-is: 18.3.1
       react-query: 3.39.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      react-redux: 8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
       react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react-select: 5.8.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react-window: 1.8.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
@@ -11336,17 +10598,17 @@ snapshots:
       - debug
       - supports-color
 
-  '@strapi/content-manager@5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)':
+  '@strapi/content-manager@5.48.0(877058b83ca152739cc603e06c106537)':
     dependencies:
       '@casl/ability': 6.7.5
       '@dnd-kit/core': 6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@dnd-kit/sortable': 10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
       '@dnd-kit/utilities': 3.2.2(react@19.2.7)
-      '@radix-ui/react-toolbar': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
       '@sindresorhus/slugify': 1.1.0
-      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
-      '@strapi/design-system': 2.2.0(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/types': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
       '@strapi/utils': 5.48.0
@@ -11376,7 +10638,7 @@ snapshots:
       react-helmet: 6.1.0(react@19.2.7)
       react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
       react-query: 3.39.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      react-redux: 8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
       react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react-window: 1.8.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       sanitize-html: 2.17.4
@@ -11413,18 +10675,18 @@ snapshots:
       - tedious
       - typescript
 
-  '@strapi/content-manager@5.48.0(b3ecce7a7117bd6cbc51693a900506cd)':
+  '@strapi/content-manager@5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)':
     dependencies:
       '@casl/ability': 6.7.5
-      '@dnd-kit/core': 6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/sortable': 10.0.0(@dnd-kit/core@6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/utilities': 3.2.2(react@18.3.1)
-      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1))(react@18.3.1)
+      '@dnd-kit/core': 6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@dnd-kit/sortable': 10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
+      '@dnd-kit/utilities': 3.2.2(react@19.2.7)
+      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
       '@sindresorhus/slugify': 1.1.0
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/types': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)
       '@strapi/utils': 5.48.0
       codemirror5: codemirror@5.65.21
@@ -11446,21 +10708,21 @@ snapshots:
       markdown-it-sup: 1.0.0
       prismjs: 1.30.0
       qs: 6.15.2
-      react: 18.3.1
-      react-dnd: 16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react@18.3.31)(react@18.3.1)
+      react: 19.2.7
+      react-dnd: 16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react@19.2.7)
       react-dnd-html5-backend: 16.0.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-helmet: 6.1.0(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.9.3)
-      react-query: 3.39.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-redux: 8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-window: 1.8.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-dom: 19.2.7(react@19.2.7)
+      react-helmet: 6.1.0(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.9.3)
+      react-query: 3.39.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-window: 1.8.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       sanitize-html: 2.17.4
       slate: 0.94.1
       slate-history: 0.93.0(slate@0.94.1)
-      slate-react: 0.98.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.94.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      slate-react: 0.98.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(slate@0.94.1)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
       zod: 3.25.67
     transitivePeerDependencies:
@@ -11490,27 +10752,27 @@ snapshots:
       - tedious
       - typescript
 
-  '@strapi/content-releases@5.48.0(43822c52af845be107ac65ddb249407d)':
+  '@strapi/content-releases@5.48.0(19f431af70f4ead65d2193cd7af6ceaf)':
     dependencies:
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1))(react@18.3.1)
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/content-manager': 5.48.0(b3ecce7a7117bd6cbc51693a900506cd)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/content-manager': 5.48.0(877058b83ca152739cc603e06c106537)
       '@strapi/database': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/types': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/types': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
       '@strapi/utils': 5.48.0
       date-fns: 2.30.0
       date-fns-tz: 2.0.1(date-fns@2.30.0)
-      formik: 2.4.5(@types/react@18.3.31)(react@18.3.1)
+      formik: 2.4.5(@types/react@19.2.17)(react@19.2.7)
       lodash: 4.18.1
       qs: 6.15.2
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.4.5)
-      react-redux: 8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
     transitivePeerDependencies:
       - '@babel/runtime'
@@ -11538,15 +10800,15 @@ snapshots:
       - tedious
       - typescript
 
-  '@strapi/content-releases@5.48.0(f7065357fc9837887c1ca45342fb7798)':
+  '@strapi/content-releases@5.48.0(7845f8f8e3542a86efff7f25ba6329a8)':
     dependencies:
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
-      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
-      '@strapi/content-manager': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/content-manager': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
       '@strapi/database': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)
-      '@strapi/design-system': 2.2.0(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
-      '@strapi/types': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
+      '@strapi/types': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5)
       '@strapi/utils': 5.48.0
       date-fns: 2.30.0
       date-fns-tz: 2.0.1(date-fns@2.30.0)
@@ -11556,7 +10818,7 @@ snapshots:
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
       react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
-      react-redux: 8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
       react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
@@ -11586,17 +10848,17 @@ snapshots:
       - tedious
       - typescript
 
-  '@strapi/content-type-builder@5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)':
+  '@strapi/content-type-builder@5.48.0(0af66df66bc438cdc652a5866c178def)':
     dependencies:
       '@ai-sdk/react': 2.0.120(react@19.2.7)(zod@3.25.67)
       '@dnd-kit/core': 6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@dnd-kit/modifiers': 9.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
       '@dnd-kit/sortable': 10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
       '@dnd-kit/utilities': 3.2.2(react@19.2.7)
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
       '@sindresorhus/slugify': 1.1.0
-      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
-      '@strapi/design-system': 2.2.0(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/generators': 5.48.0(@types/node@20.19.43)
       '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/utils': 5.48.0
@@ -11614,7 +10876,7 @@ snapshots:
       react-dropzone: 14.3.8(react@19.2.7)
       react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
       react-markdown: 9.1.0(@types/react@19.2.17)(react@19.2.7)
-      react-redux: 8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
       react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
@@ -11638,19 +10900,19 @@ snapshots:
       - supports-color
       - typescript
 
-  '@strapi/content-type-builder@5.48.0(afcaf9390ec7314dd329d730028e4281)':
+  '@strapi/content-type-builder@5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)':
     dependencies:
-      '@ai-sdk/react': 2.0.120(react@18.3.1)(zod@3.25.67)
-      '@dnd-kit/core': 6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/modifiers': 9.0.0(@dnd-kit/core@6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/sortable': 10.0.0(@dnd-kit/core@6.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/utilities': 3.2.2(react@18.3.1)
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1))(react@18.3.1)
+      '@ai-sdk/react': 2.0.120(react@19.2.7)(zod@3.25.67)
+      '@dnd-kit/core': 6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@dnd-kit/modifiers': 9.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
+      '@dnd-kit/sortable': 10.0.0(@dnd-kit/core@6.3.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)
+      '@dnd-kit/utilities': 3.2.2(react@19.2.7)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
       '@sindresorhus/slugify': 1.1.0
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/generators': 5.48.0(@types/node@20.19.43)
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/utils': 5.48.0
       ai: 5.0.52(zod@3.25.67)
       date-fns: 2.30.0
@@ -11661,14 +10923,14 @@ snapshots:
       micromatch: 4.0.8
       pluralize: 8.0.0
       qs: 6.15.2
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-dropzone: 14.3.8(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.4.5)
-      react-markdown: 9.1.0(@types/react@18.3.31)(react@18.3.1)
-      react-redux: 8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      react-dropzone: 14.3.8(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
+      react-markdown: 9.1.0(@types/react@19.2.17)(react@19.2.7)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
       zod: 3.25.67
     transitivePeerDependencies:
@@ -11690,20 +10952,20 @@ snapshots:
       - supports-color
       - typescript
 
-  '@strapi/core@5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+  '@strapi/core@5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))':
     dependencies:
       '@casl/ability': 6.7.5
       '@koa/cors': 5.0.0
       '@koa/router': 12.0.2
       '@modelcontextprotocol/sdk': 1.29.0(zod@3.25.67)
       '@paralleldrive/cuid2': 2.2.2
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/database': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)
       '@strapi/generators': 5.48.0(@types/node@20.19.43)
       '@strapi/logger': 5.48.0
       '@strapi/openapi': 5.48.0
       '@strapi/permissions': 5.48.0
-      '@strapi/types': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)
+      '@strapi/types': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
       '@strapi/typescript-utils': 5.48.0
       '@strapi/utils': 5.48.0
       '@vercel/stega': 0.1.2
@@ -11786,20 +11048,20 @@ snapshots:
       - supports-color
       - tedious
 
-  '@strapi/core@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))':
+  '@strapi/core@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))':
     dependencies:
       '@casl/ability': 6.7.5
       '@koa/cors': 5.0.0
       '@koa/router': 12.0.2
       '@modelcontextprotocol/sdk': 1.29.0(zod@3.25.67)
       '@paralleldrive/cuid2': 2.2.2
-      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/database': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)
       '@strapi/generators': 5.48.0(@types/node@20.19.43)
       '@strapi/logger': 5.48.0
       '@strapi/openapi': 5.48.0
       '@strapi/permissions': 5.48.0
-      '@strapi/types': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
+      '@strapi/types': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5)
       '@strapi/typescript-utils': 5.48.0
       '@strapi/utils': 5.48.0
       '@vercel/stega': 0.1.2
@@ -11973,76 +11235,32 @@ snapshots:
       - supports-color
       - tedious
 
-  '@strapi/design-system@2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
-    dependencies:
-      '@codemirror/lang-json': 6.0.1
-      '@floating-ui/react-dom': 2.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@internationalized/date': 3.5.4
-      '@internationalized/number': 3.5.3
-      '@radix-ui/react-accordion': 1.1.2(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-alert-dialog': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-avatar': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-checkbox': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-dropdown-menu': 2.0.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-popover': 1.0.7(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-progress': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-radio-group': 1.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-scroll-area': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-switch': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-tabs': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-tooltip': 1.0.7(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/ui-primitives': 2.2.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@uiw/react-codemirror': 4.22.2(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      lodash: 4.17.23
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.10(@types/react@18.3.31)(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-    transitivePeerDependencies:
-      - '@babel/runtime'
-      - '@codemirror/autocomplete'
-      - '@codemirror/language'
-      - '@codemirror/lint'
-      - '@codemirror/search'
-      - '@codemirror/state'
-      - '@codemirror/theme-one-dark'
-      - '@codemirror/view'
-      - '@types/react'
-      - '@types/react-dom'
-      - codemirror
-
-  '@strapi/design-system@2.2.0(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))':
+  '@strapi/design-system@2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))':
     dependencies:
       '@codemirror/lang-json': 6.0.1
       '@floating-ui/react-dom': 2.1.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@internationalized/date': 3.5.4
       '@internationalized/number': 3.5.3
-      '@radix-ui/react-accordion': 1.1.2(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-alert-dialog': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-avatar': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-checkbox': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-dialog': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-dropdown-menu': 2.0.6(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-accordion': 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-alert-dialog': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-avatar': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-checkbox': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dropdown-menu': 2.0.6(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-focus-guards': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-popover': 1.0.7(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-progress': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-radio-group': 1.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-scroll-area': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-switch': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-tabs': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-tooltip': 1.0.7(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-popover': 1.0.7(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-progress': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-radio-group': 1.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-scroll-area': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-switch': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-tabs': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-tooltip': 1.0.7(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
-      '@strapi/ui-primitives': 2.2.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@uiw/react-codemirror': 4.22.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@strapi/ui-primitives': 2.2.0(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@uiw/react-codemirror': 4.22.2(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       lodash: 4.17.23
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
@@ -12061,10 +11279,10 @@ snapshots:
       - '@types/react-dom'
       - codemirror
 
-  '@strapi/email@5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(koa@2.16.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)':
+  '@strapi/email@5.48.0(96dd9de441b54f06cf9a906a8827432f)':
     dependencies:
-      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
-      '@strapi/design-system': 2.2.0(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/provider-email-sendmail': 5.48.0
       '@strapi/utils': 5.48.0
@@ -12097,22 +11315,22 @@ snapshots:
       - sequelize
       - typescript
 
-  '@strapi/email@5.48.0(e51e3f9d28fc24b06f785d835f71958e)':
+  '@strapi/email@5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(koa@2.16.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)':
     dependencies:
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/provider-email-sendmail': 5.48.0
       '@strapi/utils': 5.48.0
       koa: 2.16.4
       koa2-ratelimit: 1.1.3
       lodash: 4.18.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.4.5)
-      react-query: 3.39.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
+      react-query: 3.39.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
       zod: 3.25.67
     transitivePeerDependencies:
@@ -12150,22 +11368,22 @@ snapshots:
       - '@types/node'
       - supports-color
 
-  '@strapi/i18n@5.48.0(70f2a0c6d9e323f6e26db6094ed51651)':
+  '@strapi/i18n@5.48.0(31f2d2eae14cc2eea0748892928a9e66)':
     dependencies:
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1))(react@18.3.1)
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/content-manager': 5.48.0(b3ecce7a7117bd6cbc51693a900506cd)
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/content-manager': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/utils': 5.48.0
       lodash: 4.18.1
       qs: 6.15.2
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.4.5)
-      react-redux: 8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
       zod: 3.25.67
     transitivePeerDependencies:
@@ -12184,12 +11402,12 @@ snapshots:
       - redux
       - typescript
 
-  '@strapi/i18n@5.48.0(ddab0ba6036469ad35addcf021b8b9e8)':
+  '@strapi/i18n@5.48.0(3a3a3aa3805b32fed586d5b398df6432)':
     dependencies:
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
-      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
-      '@strapi/content-manager': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
-      '@strapi/design-system': 2.2.0(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/content-manager': 5.48.0(877058b83ca152739cc603e06c106537)
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/utils': 5.48.0
       lodash: 4.18.1
@@ -12197,7 +11415,7 @@ snapshots:
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
       react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
-      react-redux: 8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
       react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
@@ -12218,12 +11436,6 @@ snapshots:
       - redux
       - typescript
 
-  '@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
-    dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-
   '@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))':
     dependencies:
       react: 19.2.7
@@ -12251,17 +11463,17 @@ snapshots:
       qs: 6.15.2
       sift: 16.0.1
 
-  '@strapi/plugin-cloud@5.48.0(18601a3ee75434d71ed21f3c5c53ceaf)':
-    dependencies:
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/strapi': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.48.0)(type-fest@4.41.0)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.9.3)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+  '@strapi/plugin-cloud@5.48.0(2f4f6ae2ac47b33e92ba238556f37319)':
+    dependencies:
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/strapi': 5.48.0(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.9.3)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
     transitivePeerDependencies:
       - '@babel/runtime'
       - '@codemirror/autocomplete'
@@ -12276,14 +11488,14 @@ snapshots:
       - codemirror
       - typescript
 
-  '@strapi/plugin-users-permissions@5.48.0(9a582eb90e7aa62f22f88c5b884e9995)':
+  '@strapi/plugin-users-permissions@5.48.0(@strapi/strapi@5.48.0(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.9.3)':
     dependencies:
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/strapi': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.48.0)(type-fest@4.41.0)
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/strapi': 5.48.0(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0)
       '@strapi/utils': 5.48.0
       bcryptjs: 2.4.3
-      formik: 2.4.5(@types/react@18.3.31)(react@18.3.1)
+      formik: 2.4.5(@types/react@19.2.17)(react@19.2.7)
       grant: 5.4.24
       immer: 9.0.21
       jsonwebtoken: 9.0.0
@@ -12293,13 +11505,13 @@ snapshots:
       lodash: 4.18.1
       prop-types: 15.8.1
       purest: 4.0.2
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.9.3)
-      react-query: 3.39.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-redux: 8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.9.3)
+      react-query: 3.39.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       url-join: 4.0.1
       yup: 0.32.9
       zod: 3.25.67
@@ -12332,12 +11544,12 @@ snapshots:
       '@strapi/utils': 5.48.0
       fs-extra: 11.3.4
 
-  '@strapi/review-workflows@5.48.0(9d39a4c37398328028695294ed0339ea)':
+  '@strapi/review-workflows@5.48.0(7f7e154fa58dd4f810516e350afc4749)':
     dependencies:
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
-      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
-      '@strapi/content-manager': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
-      '@strapi/design-system': 2.2.0(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/content-manager': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/utils': 5.48.0
       fractional-indexing: 3.2.0
@@ -12347,7 +11559,7 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
       react-helmet: 6.1.0(react@19.2.7)
       react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
-      react-redux: 8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
       react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
@@ -12369,24 +11581,24 @@ snapshots:
       - redux
       - typescript
 
-  '@strapi/review-workflows@5.48.0(e689d0ed79cef370be1d2323bca8edba)':
+  '@strapi/review-workflows@5.48.0(a6c25c94a951ac1abbb80221ecdf6e24)':
     dependencies:
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1))(react@18.3.1)
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/content-manager': 5.48.0(b3ecce7a7117bd6cbc51693a900506cd)
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/content-manager': 5.48.0(877058b83ca152739cc603e06c106537)
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/utils': 5.48.0
       fractional-indexing: 3.2.0
-      react: 18.3.1
-      react-dnd: 16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react@18.3.31)(react@18.3.1)
+      react: 19.2.7
+      react-dnd: 16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react@19.2.7)
       react-dnd-html5-backend: 16.0.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-helmet: 6.1.0(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.4.5)
-      react-redux: 8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-dom: 19.2.7(react@19.2.7)
+      react-helmet: 6.1.0(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
     transitivePeerDependencies:
       - '@babel/runtime'
@@ -12442,27 +11654,27 @@ snapshots:
       - tsx
       - yaml
 
-  '@strapi/strapi@5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.48.0)(type-fest@4.41.0)':
+  '@strapi/strapi@5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(esbuild@0.28.0)(koa@2.16.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0)':
     dependencies:
-      '@pmmmwh/react-refresh-webpack-plugin': 0.5.17(react-refresh@0.14.0)(type-fest@4.41.0)(webpack-hot-middleware@2.26.1)(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@pmmmwh/react-refresh-webpack-plugin': 0.5.17(react-refresh@0.14.0)(type-fest@4.41.0)(webpack-hot-middleware@2.26.1)(webpack@5.106.2(esbuild@0.28.0))
+      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/cloud-cli': 5.48.0(@types/node@20.19.43)
-      '@strapi/content-manager': 5.48.0(b3ecce7a7117bd6cbc51693a900506cd)
-      '@strapi/content-releases': 5.48.0(43822c52af845be107ac65ddb249407d)
-      '@strapi/content-type-builder': 5.48.0(afcaf9390ec7314dd329d730028e4281)
-      '@strapi/core': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/data-transfer': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)
+      '@strapi/content-manager': 5.48.0(877058b83ca152739cc603e06c106537)
+      '@strapi/content-releases': 5.48.0(19f431af70f4ead65d2193cd7af6ceaf)
+      '@strapi/content-type-builder': 5.48.0(0af66df66bc438cdc652a5866c178def)
+      '@strapi/core': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/data-transfer': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
       '@strapi/database': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)
-      '@strapi/email': 5.48.0(e51e3f9d28fc24b06f785d835f71958e)
+      '@strapi/email': 5.48.0(96dd9de441b54f06cf9a906a8827432f)
       '@strapi/generators': 5.48.0(@types/node@20.19.43)
-      '@strapi/i18n': 5.48.0(70f2a0c6d9e323f6e26db6094ed51651)
+      '@strapi/i18n': 5.48.0(3a3a3aa3805b32fed586d5b398df6432)
       '@strapi/logger': 5.48.0
       '@strapi/openapi': 5.48.0
       '@strapi/permissions': 5.48.0
-      '@strapi/review-workflows': 5.48.0(e689d0ed79cef370be1d2323bca8edba)
-      '@strapi/types': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)
+      '@strapi/review-workflows': 5.48.0(a6c25c94a951ac1abbb80221ecdf6e24)
+      '@strapi/types': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
       '@strapi/typescript-utils': 5.48.0
-      '@strapi/upload': 5.48.0(819b36903645c1471f565c516d9acf45)
+      '@strapi/upload': 5.48.0(877058b83ca152739cc603e06c106537)
       '@strapi/utils': 5.48.0
       '@types/nodemon': 1.19.6
       '@vitejs/plugin-react-swc': 3.6.0(@swc/helpers@0.5.23)(vite@5.4.21(@types/node@20.19.43)(terser@5.48.0))
@@ -12476,38 +11688,38 @@ snapshots:
       cli-table3: 0.6.5
       commander: 8.3.0
       concurrently: 8.2.2
-      css-loader: 6.11.0(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
+      css-loader: 6.11.0(webpack@5.106.2(esbuild@0.28.0))
       dotenv: 16.6.1
-      esbuild-loader: 4.4.3(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
+      esbuild-loader: 4.4.3(webpack@5.106.2(esbuild@0.28.0))
       esbuild-register: 3.6.0(esbuild@0.28.0)
       execa: 5.1.1
-      fork-ts-checker-webpack-plugin: 8.0.0(typescript@5.4.5)(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
+      fork-ts-checker-webpack-plugin: 8.0.0(typescript@5.4.5)(webpack@5.106.2(esbuild@0.28.0))
       fs-extra: 11.3.4
       get-latest-version: 5.1.0
       git-url-parse: 14.0.0
-      html-webpack-plugin: 5.6.7(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
+      html-webpack-plugin: 5.6.7(webpack@5.106.2(esbuild@0.28.0))
       inquirer: 9.3.8(@types/node@20.19.43)
       lodash: 4.18.1
-      mini-css-extract-plugin: 2.10.2(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
+      mini-css-extract-plugin: 2.10.2(webpack@5.106.2(esbuild@0.28.0))
       nodemon: 3.0.2
       ora: 5.4.1
       outdent: 0.8.0
       pkg-up: 3.1.0
       prettier: 3.3.3
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
       react-refresh: 0.14.0
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       read-pkg-up: 7.0.1
       resolve-from: 5.0.0
       semver: 7.7.4
-      style-loader: 3.3.4(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      style-loader: 3.3.4(webpack@5.106.2(esbuild@0.28.0))
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       typescript: 5.4.5
       vite: 5.4.21(@types/node@20.19.43)(terser@5.48.0)
-      webpack: 5.106.2(esbuild@0.28.0)(postcss@8.5.15)
+      webpack: 5.106.2(esbuild@0.28.0)
       webpack-bundle-analyzer: 5.3.0
-      webpack-dev-middleware: 6.1.3(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
+      webpack-dev-middleware: 6.1.3(webpack@5.106.2(esbuild@0.28.0))
       webpack-hot-middleware: 2.26.1
       yup: 0.32.9
     transitivePeerDependencies:
@@ -12571,27 +11783,27 @@ snapshots:
       - webpack-dev-server
       - webpack-plugin-serve
 
-  '@strapi/strapi@5.48.0(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(esbuild@0.28.0)(koa@2.16.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0)':
+  '@strapi/strapi@5.48.0(@emotion/is-prop-valid@1.4.0)(@swc/helpers@0.5.23)(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(esbuild@0.28.0)(koa@2.16.4)(postcss@8.5.15)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(terser@5.48.0)(type-fest@4.41.0)':
     dependencies:
-      '@pmmmwh/react-refresh-webpack-plugin': 0.5.17(react-refresh@0.14.0)(type-fest@4.41.0)(webpack-hot-middleware@2.26.1)(webpack@5.106.2(esbuild@0.28.0))
-      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@pmmmwh/react-refresh-webpack-plugin': 0.5.17(react-refresh@0.14.0)(type-fest@4.41.0)(webpack-hot-middleware@2.26.1)(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/cloud-cli': 5.48.0(@types/node@20.19.43)
-      '@strapi/content-manager': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
-      '@strapi/content-releases': 5.48.0(f7065357fc9837887c1ca45342fb7798)
-      '@strapi/content-type-builder': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
-      '@strapi/core': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
-      '@strapi/data-transfer': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
+      '@strapi/content-manager': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
+      '@strapi/content-releases': 5.48.0(7845f8f8e3542a86efff7f25ba6329a8)
+      '@strapi/content-type-builder': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
+      '@strapi/core': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/data-transfer': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)
       '@strapi/database': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)
-      '@strapi/email': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(koa@2.16.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
+      '@strapi/email': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(koa@2.16.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
       '@strapi/generators': 5.48.0(@types/node@20.19.43)
-      '@strapi/i18n': 5.48.0(ddab0ba6036469ad35addcf021b8b9e8)
+      '@strapi/i18n': 5.48.0(31f2d2eae14cc2eea0748892928a9e66)
       '@strapi/logger': 5.48.0
       '@strapi/openapi': 5.48.0
       '@strapi/permissions': 5.48.0
-      '@strapi/review-workflows': 5.48.0(9d39a4c37398328028695294ed0339ea)
-      '@strapi/types': 5.48.0(@types/node@20.19.43)(typescript@5.4.5)
+      '@strapi/review-workflows': 5.48.0(7f7e154fa58dd4f810516e350afc4749)
+      '@strapi/types': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5)
       '@strapi/typescript-utils': 5.48.0
-      '@strapi/upload': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
+      '@strapi/upload': 5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)
       '@strapi/utils': 5.48.0
       '@types/nodemon': 1.19.6
       '@vitejs/plugin-react-swc': 3.6.0(@swc/helpers@0.5.23)(vite@5.4.21(@types/node@20.19.43)(terser@5.48.0))
@@ -12605,19 +11817,19 @@ snapshots:
       cli-table3: 0.6.5
       commander: 8.3.0
       concurrently: 8.2.2
-      css-loader: 6.11.0(webpack@5.106.2(esbuild@0.28.0))
+      css-loader: 6.11.0(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
       dotenv: 16.6.1
-      esbuild-loader: 4.4.3(webpack@5.106.2(esbuild@0.28.0))
+      esbuild-loader: 4.4.3(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
       esbuild-register: 3.6.0(esbuild@0.28.0)
       execa: 5.1.1
-      fork-ts-checker-webpack-plugin: 8.0.0(typescript@5.4.5)(webpack@5.106.2(esbuild@0.28.0))
+      fork-ts-checker-webpack-plugin: 8.0.0(typescript@5.4.5)(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
       fs-extra: 11.3.4
       get-latest-version: 5.1.0
       git-url-parse: 14.0.0
-      html-webpack-plugin: 5.6.7(webpack@5.106.2(esbuild@0.28.0))
+      html-webpack-plugin: 5.6.7(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
       inquirer: 9.3.8(@types/node@20.19.43)
       lodash: 4.18.1
-      mini-css-extract-plugin: 2.10.2(webpack@5.106.2(esbuild@0.28.0))
+      mini-css-extract-plugin: 2.10.2(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
       nodemon: 3.0.2
       ora: 5.4.1
       outdent: 0.8.0
@@ -12630,13 +11842,13 @@ snapshots:
       read-pkg-up: 7.0.1
       resolve-from: 5.0.0
       semver: 7.7.4
-      style-loader: 3.3.4(webpack@5.106.2(esbuild@0.28.0))
+      style-loader: 3.3.4(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
       styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       typescript: 5.4.5
       vite: 5.4.21(@types/node@20.19.43)(terser@5.48.0)
-      webpack: 5.106.2(esbuild@0.28.0)
+      webpack: 5.106.2(esbuild@0.28.0)(postcss@8.5.15)
       webpack-bundle-analyzer: 5.3.0
-      webpack-dev-middleware: 6.1.3(webpack@5.106.2(esbuild@0.28.0))
+      webpack-dev-middleware: 6.1.3(webpack@5.106.2(esbuild@0.28.0)(postcss@8.5.15))
       webpack-hot-middleware: 2.26.1
       yup: 0.32.9
     transitivePeerDependencies:
@@ -12679,26 +11891,58 @@ snapshots:
       - mysql2
       - pg
       - pg-native
-      - postcss
-      - react-native
-      - redis
-      - redux
-      - sass
-      - sass-embedded
-      - sequelize
-      - sockjs-client
+      - postcss
+      - react-native
+      - redis
+      - redux
+      - sass
+      - sass-embedded
+      - sequelize
+      - sockjs-client
+      - sqlite3
+      - stylus
+      - sugarss
+      - supports-color
+      - tedious
+      - terser
+      - type-fest
+      - uglify-js
+      - utf-8-validate
+      - webpack-cli
+      - webpack-dev-server
+      - webpack-plugin-serve
+
+  '@strapi/types@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5)':
+    dependencies:
+      '@casl/ability': 6.7.5
+      '@koa/cors': 5.0.0
+      '@koa/router': 12.0.2
+      '@modelcontextprotocol/sdk': 1.29.0(zod@3.25.67)
+      '@strapi/database': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)
+      '@strapi/logger': 5.48.0
+      '@strapi/permissions': 5.48.0
+      '@strapi/utils': 5.48.0
+      commander: 8.3.0
+      json-logic-js: 2.0.5
+      koa: 2.16.4
+      koa-body: 6.0.1
+      node-schedule: 2.1.1
+      typedoc: 0.28.19(typescript@5.4.5)
+      typedoc-github-wiki-theme: 2.1.0(typedoc-plugin-markdown@4.11.0(typedoc@0.28.19(typescript@5.9.3)))
+      typedoc-plugin-markdown: 4.11.0(typedoc@0.28.19(typescript@5.9.3))
+      zod: 3.25.67
+    transitivePeerDependencies:
+      - '@cfworker/json-schema'
+      - '@types/node'
+      - better-sqlite3
+      - mysql
+      - mysql2
+      - pg
+      - pg-native
       - sqlite3
-      - stylus
-      - sugarss
       - supports-color
       - tedious
-      - terser
-      - type-fest
-      - uglify-js
-      - utf-8-validate
-      - webpack-cli
-      - webpack-dev-server
-      - webpack-plugin-serve
+      - typescript
 
   '@strapi/types@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.9.3)':
     dependencies:
@@ -12773,55 +12017,26 @@ snapshots:
       prettier: 3.3.3
       typescript: 5.4.5
 
-  '@strapi/ui-primitives@2.2.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@radix-ui/number': 1.0.1
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.3.31)(react@18.3.1)
-      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@tanstack/react-virtual': 3.14.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      aria-hidden: 1.2.4
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.10(@types/react@18.3.31)(react@18.3.1)
-    transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
-
-  '@strapi/ui-primitives@2.2.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@strapi/ui-primitives@2.2.0(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@radix-ui/number': 1.0.1
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-context': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-direction': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-focus-guards': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-id': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-popper': 1.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-portal': 1.0.4(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-primitive': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@radix-ui/react-slot': 1.0.2(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@19.2.17)(react@19.2.7)
       '@radix-ui/react-use-previous': 1.0.1(@types/react@19.2.17)(react@19.2.7)
-      '@radix-ui/react-visually-hidden': 1.0.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       '@tanstack/react-virtual': 3.14.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       aria-hidden: 1.2.4
       react: 19.2.7
@@ -12831,23 +12046,23 @@ snapshots:
       - '@types/react'
       - '@types/react-dom'
 
-  '@strapi/upload@5.48.0(819b36903645c1471f565c516d9acf45)':
+  '@strapi/upload@5.48.0(877058b83ca152739cc603e06c106537)':
     dependencies:
-      '@mux/mux-player-react': 3.1.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1))(react@18.3.1)
-      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(better-sqlite3@12.8.0)(codemirror@5.65.21)(debug@4.3.4)(react-dom@18.3.1(react@18.3.1))(react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(redux@4.2.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@mux/mux-player-react': 3.1.0(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/admin': 5.48.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/database': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)
-      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@strapi/icons': 2.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/provider-upload-local': 5.48.0
       '@strapi/utils': 5.48.0
       byte-size: 8.1.1
       cropperjs: 1.6.1
       date-fns: 2.30.0
       file-type: 21.3.4
-      formik: 2.4.5(@types/react@18.3.31)(react@18.3.1)
+      formik: 2.4.5(@types/react@19.2.17)(react@19.2.7)
       fs-extra: 11.3.4
       immer: 9.0.21
       koa-range: 0.3.0
@@ -12856,16 +12071,16 @@ snapshots:
       mime-types: 2.1.35
       prop-types: 15.8.1
       qs: 6.15.2
-      react: 18.3.1
-      react-dnd: 16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react@18.3.31)(react@18.3.1)
-      react-dom: 18.3.1(react@18.3.1)
-      react-intl: 6.6.2(react@18.3.1)(typescript@5.4.5)
-      react-query: 3.39.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-redux: 8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1)
-      react-router-dom: 6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react-select: 5.8.0(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 19.2.7
+      react-dnd: 16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react@19.2.7)
+      react-dom: 19.2.7(react@19.2.7)
+      react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
+      react-query: 3.39.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react-select: 5.8.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       sharp: 0.33.5
-      styled-components: 6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      styled-components: 6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       yup: 0.32.9
       zod: 3.25.67
     transitivePeerDependencies:
@@ -12894,15 +12109,15 @@ snapshots:
       - tedious
       - typescript
 
-  '@strapi/upload@5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)':
+  '@strapi/upload@5.48.0(@strapi/admin@5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(typescript@5.4.5)':
     dependencies:
-      '@mux/mux-player-react': 3.1.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-dialog': 1.0.5(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
-      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@mux/mux-player-react': 3.1.0(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1))(react@19.2.7)
+      '@strapi/admin': 5.48.0(@emotion/is-prop-valid@1.4.0)(@strapi/data-transfer@5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)(typescript@5.4.5))(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(better-sqlite3@12.8.0)(debug@4.3.4)(react-dom@19.2.7(react@19.2.7))(react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(react@19.2.7)(redux@4.2.1)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/database': 5.48.0(@types/node@20.19.43)(better-sqlite3@12.8.0)
-      '@strapi/design-system': 2.2.0(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
+      '@strapi/design-system': 2.2.0(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(@strapi/icons@2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)))(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/icons': 2.2.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7))
       '@strapi/provider-upload-local': 5.48.0
       '@strapi/utils': 5.48.0
@@ -12924,7 +12139,7 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
       react-intl: 6.6.2(react@19.2.7)(typescript@5.4.5)
       react-query: 3.39.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      react-redux: 8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
+      react-redux: 8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1)
       react-router-dom: 6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react-select: 5.8.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       sharp: 0.33.5
@@ -13043,12 +12258,6 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
-  '@tanstack/react-virtual@3.14.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@tanstack/virtual-core': 3.17.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   '@tanstack/react-virtual@3.14.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@tanstack/virtual-core': 3.17.0
@@ -13068,17 +12277,7 @@ snapshots:
       picocolors: 1.1.1
       pretty-format: 27.5.1
 
-  '@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@testing-library/dom': 10.4.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-
-  '@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@testing-library/dom': 10.4.1
@@ -13086,6 +12285,7 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
 
   '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
     dependencies:
@@ -13234,11 +12434,6 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.3
 
-  '@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31)':
-    dependencies:
-      '@types/react': 18.3.31
-      hoist-non-react-statics: 3.3.2
-
   '@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17)':
     dependencies:
       '@types/react': 19.2.17
@@ -13327,29 +12522,18 @@ snapshots:
       '@types/node': 20.19.43
       kleur: 3.0.3
 
-  '@types/prop-types@15.7.15': {}
-
   '@types/qs@6.15.1': {}
 
   '@types/range-parser@1.2.7': {}
 
-  '@types/react-dom@18.3.7(@types/react@18.3.31)':
+  '@types/react-dom@19.2.3(@types/react@19.2.17)':
     dependencies:
-      '@types/react': 18.3.31
-
-  '@types/react-transition-group@4.4.12(@types/react@18.3.31)':
-    dependencies:
-      '@types/react': 18.3.31
+      '@types/react': 19.2.17
 
   '@types/react-transition-group@4.4.12(@types/react@19.2.17)':
     dependencies:
       '@types/react': 19.2.17
 
-  '@types/react@18.3.31':
-    dependencies:
-      '@types/prop-types': 15.7.15
-      csstype: 3.2.3
-
   '@types/react@19.2.17':
     dependencies:
       csstype: 3.2.3
@@ -13416,7 +12600,7 @@ snapshots:
       '@codemirror/state': 6.6.0
       '@codemirror/view': 6.43.1
 
-  '@uiw/react-codemirror@4.22.2(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(codemirror@5.65.21)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@uiw/react-codemirror@4.22.2(@babel/runtime@7.29.7)(@codemirror/autocomplete@6.20.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/theme-one-dark@6.1.3)(@codemirror/view@6.43.1)(codemirror@5.65.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@codemirror/commands': 6.10.3
@@ -13425,18 +12609,6 @@ snapshots:
       '@codemirror/view': 6.43.1
       '@uiw/codemirror-extensions-basic-setup': 4.22.2(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/view@6.43.1)
       codemirror: 5.65.21
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-    transitivePeerDependencies:
-      - '@codemirror/autocomplete'
-      - '@codemirror/language'
-      - '@codemirror/lint'
-      - '@codemirror/search'
-
-  '@uiw/react-codemirror@4.22.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
-    dependencies:
-      '@codemirror/commands': 6.10.3
-      '@uiw/codemirror-extensions-basic-setup': 4.22.2(@codemirror/autocomplete@6.20.3)(@codemirror/commands@6.10.3)(@codemirror/language@6.12.3)(@codemirror/lint@6.9.7)(@codemirror/search@6.7.0)(@codemirror/state@6.6.0)(@codemirror/view@6.43.1)
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
     transitivePeerDependencies:
@@ -15028,20 +14200,6 @@ snapshots:
       once: 1.4.0
       qs: 6.15.2
 
-  formik@2.4.5(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      '@types/hoist-non-react-statics': 3.3.7(@types/react@18.3.31)
-      deepmerge: 2.2.1
-      hoist-non-react-statics: 3.3.2
-      lodash: 4.18.1
-      lodash-es: 4.18.1
-      react: 18.3.1
-      react-fast-compare: 2.0.4
-      tiny-warning: 1.0.3
-      tslib: 2.8.1
-    transitivePeerDependencies:
-      - '@types/react'
-
   formik@2.4.5(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       '@types/hoist-non-react-statics': 3.3.7(@types/react@19.2.17)
@@ -15060,16 +14218,6 @@ snapshots:
 
   fractional-indexing@3.2.0: {}
 
-  framer-motion@12.40.0(@emotion/is-prop-valid@1.4.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      motion-dom: 12.40.0
-      motion-utils: 12.39.0
-      tslib: 2.8.1
-    optionalDependencies:
-      '@emotion/is-prop-valid': 1.4.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   framer-motion@12.40.0(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       motion-dom: 12.40.0
@@ -16533,15 +15681,6 @@ snapshots:
 
   motion-utils@12.39.0: {}
 
-  motion@12.23.24(@emotion/is-prop-valid@1.4.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      framer-motion: 12.40.0(@emotion/is-prop-valid@1.4.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      tslib: 2.8.1
-    optionalDependencies:
-      '@emotion/is-prop-valid': 1.4.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   motion@12.23.24(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       framer-motion: 12.40.0(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
@@ -16596,15 +15735,15 @@ snapshots:
 
   neo-async@2.6.2: {}
 
-  next@15.5.19(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next@15.5.19(@opentelemetry/api@1.9.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       '@next/env': 15.5.19
       '@swc/helpers': 0.5.15
       caniuse-lite: 1.0.30001797
       postcss: 8.4.31
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      styled-jsx: 5.1.6(react@18.3.1)
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      styled-jsx: 5.1.6(react@19.2.7)
     optionalDependencies:
       '@next/swc-darwin-arm64': 15.5.19
       '@next/swc-darwin-x64': 15.5.19
@@ -17187,19 +16326,6 @@ snapshots:
     dependencies:
       dnd-core: 16.0.1
 
-  react-dnd@16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31))(@types/node@20.19.43)(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      '@react-dnd/invariant': 4.0.2
-      '@react-dnd/shallowequal': 4.0.2
-      dnd-core: 16.0.1
-      fast-deep-equal: 3.1.3
-      hoist-non-react-statics: 3.3.2
-      react: 18.3.1
-    optionalDependencies:
-      '@types/hoist-non-react-statics': 3.3.7(@types/react@18.3.31)
-      '@types/node': 20.19.43
-      '@types/react': 18.3.31
-
   react-dnd@16.0.1(@types/hoist-non-react-statics@3.3.7(@types/react@19.2.17))(@types/node@20.19.43)(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       '@react-dnd/invariant': 4.0.2
@@ -17213,24 +16339,11 @@ snapshots:
       '@types/node': 20.19.43
       '@types/react': 19.2.17
 
-  react-dom@18.3.1(react@18.3.1):
-    dependencies:
-      loose-envify: 1.4.0
-      react: 18.3.1
-      scheduler: 0.23.2
-
   react-dom@19.2.7(react@19.2.7):
     dependencies:
       react: 19.2.7
       scheduler: 0.27.0
 
-  react-dropzone@14.3.8(react@18.3.1):
-    dependencies:
-      attr-accept: 2.2.5
-      file-selector: 2.1.2
-      prop-types: 15.8.1
-      react: 18.3.1
-
   react-dropzone@14.3.8(react@19.2.7):
     dependencies:
       attr-accept: 2.2.5
@@ -17242,14 +16355,6 @@ snapshots:
 
   react-fast-compare@3.2.2: {}
 
-  react-helmet@6.1.0(react@18.3.1):
-    dependencies:
-      object-assign: 4.1.1
-      prop-types: 15.8.1
-      react: 18.3.1
-      react-fast-compare: 3.2.2
-      react-side-effect: 2.1.2(react@18.3.1)
-
   react-helmet@6.1.0(react@19.2.7):
     dependencies:
       object-assign: 4.1.1
@@ -17258,53 +16363,37 @@ snapshots:
       react-fast-compare: 3.2.2
       react-side-effect: 2.1.2(react@19.2.7)
 
-  react-intl@6.6.2(react@18.3.1)(typescript@5.4.5):
+  react-intl@6.6.2(react@19.2.7)(typescript@5.4.5):
     dependencies:
       '@formatjs/ecma402-abstract': 1.18.2
       '@formatjs/icu-messageformat-parser': 2.7.6
       '@formatjs/intl': 2.10.0(typescript@5.9.3)
       '@formatjs/intl-displaynames': 6.6.6
       '@formatjs/intl-listformat': 7.5.5
-      '@types/hoist-non-react-statics': 3.3.7(@types/react@18.3.31)
-      '@types/react': 18.3.31
+      '@types/hoist-non-react-statics': 3.3.7(@types/react@19.2.17)
+      '@types/react': 19.2.17
       hoist-non-react-statics: 3.3.2
       intl-messageformat: 10.5.11
-      react: 18.3.1
+      react: 19.2.7
       tslib: 2.8.1
     optionalDependencies:
       typescript: 5.4.5
 
-  react-intl@6.6.2(react@18.3.1)(typescript@5.9.3):
+  react-intl@6.6.2(react@19.2.7)(typescript@5.9.3):
     dependencies:
       '@formatjs/ecma402-abstract': 1.18.2
       '@formatjs/icu-messageformat-parser': 2.7.6
       '@formatjs/intl': 2.10.0(typescript@5.9.3)
       '@formatjs/intl-displaynames': 6.6.6
       '@formatjs/intl-listformat': 7.5.5
-      '@types/hoist-non-react-statics': 3.3.7(@types/react@18.3.31)
-      '@types/react': 18.3.31
-      hoist-non-react-statics: 3.3.2
-      intl-messageformat: 10.5.11
-      react: 18.3.1
-      tslib: 2.8.1
-    optionalDependencies:
-      typescript: 5.9.3
-
-  react-intl@6.6.2(react@19.2.7)(typescript@5.4.5):
-    dependencies:
-      '@formatjs/ecma402-abstract': 1.18.2
-      '@formatjs/icu-messageformat-parser': 2.7.6
-      '@formatjs/intl': 2.10.0(typescript@5.4.5)
-      '@formatjs/intl-displaynames': 6.6.6
-      '@formatjs/intl-listformat': 7.5.5
-      '@types/hoist-non-react-statics': 3.3.7(@types/react@18.3.31)
-      '@types/react': 18.3.31
+      '@types/hoist-non-react-statics': 3.3.7(@types/react@19.2.17)
+      '@types/react': 19.2.17
       hoist-non-react-statics: 3.3.2
       intl-messageformat: 10.5.11
       react: 19.2.7
       tslib: 2.8.1
     optionalDependencies:
-      typescript: 5.4.5
+      typescript: 5.9.3
 
   react-is@16.13.1: {}
 
@@ -17312,24 +16401,6 @@ snapshots:
 
   react-is@18.3.1: {}
 
-  react-markdown@9.1.0(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      '@types/hast': 3.0.4
-      '@types/mdast': 4.0.4
-      '@types/react': 18.3.31
-      devlop: 1.1.0
-      hast-util-to-jsx-runtime: 2.3.6
-      html-url-attributes: 3.0.1
-      mdast-util-to-hast: 13.2.1
-      react: 18.3.1
-      remark-parse: 11.0.0
-      remark-rehype: 11.1.2
-      unified: 11.0.5
-      unist-util-visit: 5.1.0
-      vfile: 6.0.3
-    transitivePeerDependencies:
-      - supports-color
-
   react-markdown@9.1.0(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       '@types/hast': 3.0.4
@@ -17348,15 +16419,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  react-query@3.39.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@babel/runtime': 7.29.7
-      broadcast-channel: 3.7.0
-      match-sorter: 6.3.4
-      react: 18.3.1
-    optionalDependencies:
-      react-dom: 18.3.1(react@18.3.1)
-
   react-query@3.39.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       '@babel/runtime': 7.29.7
@@ -17366,22 +16428,7 @@ snapshots:
     optionalDependencies:
       react-dom: 19.2.7(react@19.2.7)
 
-  react-redux@8.1.3(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(redux@4.2.1):
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@types/hoist-non-react-statics': 3.3.7(@types/react@18.3.31)
-      '@types/use-sync-external-store': 0.0.3
-      hoist-non-react-statics: 3.3.2
-      react: 18.3.1
-      react-is: 18.3.1
-      use-sync-external-store: 1.6.0(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
-      react-dom: 18.3.1(react@18.3.1)
-      redux: 4.2.1
-
-  react-redux@8.1.3(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1):
+  react-redux@8.1.3(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(redux@4.2.1):
     dependencies:
       '@babel/runtime': 7.29.7
       '@types/hoist-non-react-statics': 3.3.7(@types/react@19.2.17)
@@ -17392,6 +16439,7 @@ snapshots:
       use-sync-external-store: 1.6.0(react@19.2.7)
     optionalDependencies:
       '@types/react': 19.2.17
+      '@types/react-dom': 19.2.3(@types/react@19.2.17)
       react-dom: 19.2.7(react@19.2.7)
       redux: 4.2.1
 
@@ -17399,14 +16447,6 @@ snapshots:
 
   react-refresh@0.17.0: {}
 
-  react-remove-scroll-bar@2.3.8(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      react-style-singleton: 2.2.3(@types/react@18.3.31)(react@18.3.1)
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   react-remove-scroll-bar@2.3.8(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       react: 19.2.7
@@ -17415,17 +16455,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  react-remove-scroll@2.5.10(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      react-remove-scroll-bar: 2.3.8(@types/react@18.3.31)(react@18.3.1)
-      react-style-singleton: 2.2.3(@types/react@18.3.31)(react@18.3.1)
-      tslib: 2.8.1
-      use-callback-ref: 1.3.3(@types/react@18.3.31)(react@18.3.1)
-      use-sidecar: 1.1.3(@types/react@18.3.31)(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   react-remove-scroll@2.5.10(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       react: 19.2.7
@@ -17437,17 +16466,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  react-remove-scroll@2.5.5(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      react-remove-scroll-bar: 2.3.8(@types/react@18.3.31)(react@18.3.1)
-      react-style-singleton: 2.2.3(@types/react@18.3.31)(react@18.3.1)
-      tslib: 2.8.1
-      use-callback-ref: 1.3.3(@types/react@18.3.31)(react@18.3.1)
-      use-sidecar: 1.1.3(@types/react@18.3.31)(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   react-remove-scroll@2.5.5(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       react: 19.2.7
@@ -17459,13 +16477,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  react-router-dom@6.30.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@remix-run/router': 1.23.3
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-router: 6.30.4(react@18.3.1)
-
   react-router-dom@6.30.4(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       '@remix-run/router': 1.23.3
@@ -17473,33 +16484,11 @@ snapshots:
       react-dom: 19.2.7(react@19.2.7)
       react-router: 6.30.4(react@19.2.7)
 
-  react-router@6.30.4(react@18.3.1):
-    dependencies:
-      '@remix-run/router': 1.23.3
-      react: 18.3.1
-
   react-router@6.30.4(react@19.2.7):
     dependencies:
       '@remix-run/router': 1.23.3
       react: 19.2.7
 
-  react-select@5.8.0(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@emotion/cache': 11.14.0
-      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@18.3.1)
-      '@floating-ui/dom': 1.7.6
-      '@types/react-transition-group': 4.4.12(@types/react@18.3.31)
-      memoize-one: 6.0.0
-      prop-types: 15.8.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-transition-group: 4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      use-isomorphic-layout-effect: 1.2.1(@types/react@18.3.31)(react@18.3.1)
-    transitivePeerDependencies:
-      - '@types/react'
-      - supports-color
-
   react-select@5.8.0(@types/react@19.2.17)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       '@babel/runtime': 7.29.7
@@ -17517,22 +16506,10 @@ snapshots:
       - '@types/react'
       - supports-color
 
-  react-side-effect@2.1.2(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-
   react-side-effect@2.1.2(react@19.2.7):
     dependencies:
       react: 19.2.7
 
-  react-style-singleton@2.2.3(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      get-nonce: 1.0.1
-      react: 18.3.1
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   react-style-singleton@2.2.3(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       get-nonce: 1.0.1
@@ -17541,15 +16518,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  react-transition-group@4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@babel/runtime': 7.29.7
-      dom-helpers: 5.2.1
-      loose-envify: 1.4.0
-      prop-types: 15.8.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   react-transition-group@4.4.5(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       '@babel/runtime': 7.29.7
@@ -17559,13 +16527,6 @@ snapshots:
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
 
-  react-window@1.8.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@babel/runtime': 7.29.7
-      memoize-one: 5.2.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   react-window@1.8.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       '@babel/runtime': 7.29.7
@@ -17573,10 +16534,6 @@ snapshots:
       react: 19.2.7
       react-dom: 19.2.7(react@19.2.7)
 
-  react@18.3.1:
-    dependencies:
-      loose-envify: 1.4.0
-
   react@19.2.7: {}
 
   read-pkg-up@7.0.1:
@@ -17852,10 +16809,6 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
-  scheduler@0.23.2:
-    dependencies:
-      loose-envify: 1.4.0
-
   scheduler@0.27.0: {}
 
   schema-utils@3.3.0:
@@ -18059,21 +17012,6 @@ snapshots:
       is-plain-object: 5.0.0
       slate: 0.94.1
 
-  slate-react@0.98.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.94.1):
-    dependencies:
-      '@juggle/resize-observer': 3.4.0
-      '@types/is-hotkey': 0.1.10
-      '@types/lodash': 4.17.24
-      direction: 1.0.4
-      is-hotkey: 0.1.8
-      is-plain-object: 5.0.0
-      lodash: 4.18.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      scroll-into-view-if-needed: 2.2.31
-      slate: 0.94.1
-      tiny-invariant: 1.0.6
-
   slate-react@0.98.3(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(slate@0.94.1):
     dependencies:
       '@juggle/resize-observer': 3.4.0
@@ -18095,11 +17033,6 @@ snapshots:
       is-plain-object: 5.0.0
       tiny-warning: 1.0.3
 
-  sonner@2.0.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   sonner@2.0.7(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       react: 19.2.7
@@ -18239,15 +17172,6 @@ snapshots:
     dependencies:
       inline-style-parser: 0.2.7
 
-  styled-components@6.4.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      '@emotion/is-prop-valid': 1.4.0
-      csstype: 3.2.3
-      react: 18.3.1
-      stylis: 4.3.6
-    optionalDependencies:
-      react-dom: 18.3.1(react@18.3.1)
-
   styled-components@6.4.2(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       '@emotion/is-prop-valid': 1.4.0
@@ -18257,10 +17181,10 @@ snapshots:
     optionalDependencies:
       react-dom: 19.2.7(react@19.2.7)
 
-  styled-jsx@5.1.6(react@18.3.1):
+  styled-jsx@5.1.6(react@19.2.7):
     dependencies:
       client-only: 0.0.1
-      react: 18.3.1
+      react: 19.2.7
 
   stylis@4.2.0: {}
 
@@ -18282,12 +17206,6 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  swr@2.4.1(react@18.3.1):
-    dependencies:
-      dequal: 2.0.3
-      react: 18.3.1
-      use-sync-external-store: 1.6.0(react@18.3.1)
-
   swr@2.4.1(react@19.2.7):
     dependencies:
       dequal: 2.0.3
@@ -18617,13 +17535,6 @@ snapshots:
 
   url-join@4.0.1: {}
 
-  use-callback-ref@1.3.3(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   use-callback-ref@1.3.3(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       react: 19.2.7
@@ -18631,13 +17542,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  use-context-selector@1.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.0):
-    dependencies:
-      react: 18.3.1
-      scheduler: 0.23.0
-    optionalDependencies:
-      react-dom: 18.3.1(react@18.3.1)
-
   use-context-selector@1.4.1(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(scheduler@0.23.0):
     dependencies:
       react: 19.2.7
@@ -18645,26 +17549,12 @@ snapshots:
     optionalDependencies:
       react-dom: 19.2.7(react@19.2.7)
 
-  use-isomorphic-layout-effect@1.2.1(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   use-isomorphic-layout-effect@1.2.1(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       react: 19.2.7
     optionalDependencies:
       '@types/react': 19.2.17
 
-  use-sidecar@1.1.3(@types/react@18.3.31)(react@18.3.1):
-    dependencies:
-      detect-node-es: 1.1.0
-      react: 18.3.1
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 18.3.31
-
   use-sidecar@1.1.3(@types/react@19.2.17)(react@19.2.7):
     dependencies:
       detect-node-es: 1.1.0
@@ -18673,10 +17563,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.17
 
-  use-sync-external-store@1.6.0(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-
   use-sync-external-store@1.6.0(react@19.2.7):
     dependencies:
       react: 19.2.7