@kubex/zinc 1.1.95 → 1.1.96

package/dist/vscode.html-custom-data.json

@@ -2759,7 +2759,7 @@
     },
     {
       "name": "zn-page-builder",
-      "description": "A config-driven page composer: a palette of predefined section types, a linear\ncanvas of section cards, and an inspector for editing each section's content.\n---\n\n\n### **Events:**\n - **zn-page-change** - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n- **zn-page-selection-change** - Emitted when the selected section changes. `event.detail.sectionId`.\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks for validity but does not show a validation message.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(_message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **addSection(type: _string_, index: _number_): _PageSection | null_** - Adds a section of a registered type at `index` (default: end). Returns null for unknown types.\n- **addSectionToCell(type: _string_, containerId: _string_, cellIndex: _number_, insertIndex): _PageSection | null_** - Adds a new section of a registered type into a container cell.\n\n### **Slots:**\n - **config** - `<template type=\"…\">` declarations; never displayed. Each template's attributes (type, label, icon, icon-library, color, category, description, container, columns, widths, grow, slots, accepts) declare a palette entry and its content declares the inspector form for that type. `container` makes the type a container whose editor-configurable layout starts from `columns` (seeds equal widths) or `widths` (explicit weights, wins over `columns`); `grow` seeds a growable instance. `accepts` is a comma-separated list of the type keys its cells allow — omitted on a `container` type, any type is allowed subject to the nesting cap. `slots` is\n- **header-left** - Actions shown on the left of the header bar.\n- **header-right** - Actions shown on the right of the header bar.\n\n### **CSS Parts:**\n - **base** - The grid wrapper.\n- **header** - The full-width header action bar (only rendered when header slots are filled).\n- **palette** - The left palette panel.\n- **canvas** - The centre section-card canvas.\n- **inspector** - The right panel while a section is selected.\n- **inspector-header** - The inspector's fixed header (icon, section name, type, close).\n- **inspector-body** - The inspector's scrolling form area.",
+      "description": "A config-driven page composer: a palette of predefined section types, a linear\ncanvas of section cards, and an inspector for editing each section's content.\n---\n\n\n### **Events:**\n - **zn-page-change** - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n- **zn-page-selection-change** - Emitted when the selected section changes. `event.detail.sectionId`.\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks for validity but does not show a validation message.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(_message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **addSection(type: _string_, index: _number_): _PageSection | null_** - Adds a section of a registered type at `index` (default: end). Returns null for unknown types.\n- **addSectionToSlot(type: _string_, containerId: _string_, slotIndex: _number_): _PageSection | null_** - Adds a new section of a registered type into a container's slot. Returns null if not allowed.\n\n### **Slots:**\n - **config** - `<template type=\"…\">` declarations; never displayed. Each template's attributes (type, label, icon, icon-library, color, category, description, slots, accepts) declare a palette entry and its content declares the inspector form for that type. `slots` makes the section a container with that many child slots; `accepts` is a comma-separated list of the type keys its slots allow.\n- **header-left** - Actions shown on the left of the header bar.\n- **header-right** - Actions shown on the right of the header bar.\n\n### **CSS Parts:**\n - **base** - The grid wrapper.\n- **header** - The full-width header action bar (only rendered when header slots are filled).\n- **palette** - The left palette panel.\n- **canvas** - The centre section-card canvas.\n- **inspector** - The right panel while a section is selected.\n- **inspector-header** - The inspector's fixed header (icon, section name, type, close).\n- **inspector-body** - The inspector's scrolling form area.",
       "attributes": [
         {
           "name": "name",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.95",
+  "version": "1.1.96",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -6507,7 +6507,7 @@
         },
         {
           "name": "zn-page-builder",
-          "description": "A config-driven page composer: a palette of predefined section types, a linear\ncanvas of section cards, and an inspector for editing each section's content.\n---\n\n\n### **Events:**\n - **zn-page-change** - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n- **zn-page-selection-change** - Emitted when the selected section changes. `event.detail.sectionId`.\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks for validity but does not show a validation message.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(_message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **addSection(type: _string_, index: _number_): _PageSection | null_** - Adds a section of a registered type at `index` (default: end). Returns null for unknown types.\n- **addSectionToCell(type: _string_, containerId: _string_, cellIndex: _number_, insertIndex): _PageSection | null_** - Adds a new section of a registered type into a container cell.\n\n### **Slots:**\n - **config** - `<template type=\"…\">` declarations; never displayed. Each template's attributes (type, label, icon, icon-library, color, category, description, container, columns, widths, grow, slots, accepts) declare a palette entry and its content declares the inspector form for that type. `container` makes the type a container whose editor-configurable layout starts from `columns` (seeds equal widths) or `widths` (explicit weights, wins over `columns`); `grow` seeds a growable instance. `accepts` is a comma-separated list of the type keys its cells allow — omitted on a `container` type, any type is allowed subject to the nesting cap. `slots` is\n- **header-left** - Actions shown on the left of the header bar.\n- **header-right** - Actions shown on the right of the header bar.\n\n### **CSS Parts:**\n - **base** - The grid wrapper.\n- **header** - The full-width header action bar (only rendered when header slots are filled).\n- **palette** - The left palette panel.\n- **canvas** - The centre section-card canvas.\n- **inspector** - The right panel while a section is selected.\n- **inspector-header** - The inspector's fixed header (icon, section name, type, close).\n- **inspector-body** - The inspector's scrolling form area.",
+          "description": "A config-driven page composer: a palette of predefined section types, a linear\ncanvas of section cards, and an inspector for editing each section's content.\n---\n\n\n### **Events:**\n - **zn-page-change** - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n- **zn-page-selection-change** - Emitted when the selected section changes. `event.detail.sectionId`.\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks for validity but does not show a validation message.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(_message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **addSection(type: _string_, index: _number_): _PageSection | null_** - Adds a section of a registered type at `index` (default: end). Returns null for unknown types.\n- **addSectionToSlot(type: _string_, containerId: _string_, slotIndex: _number_): _PageSection | null_** - Adds a new section of a registered type into a container's slot. Returns null if not allowed.\n\n### **Slots:**\n - **config** - `<template type=\"…\">` declarations; never displayed. Each template's attributes (type, label, icon, icon-library, color, category, description, slots, accepts) declare a palette entry and its content declares the inspector form for that type. `slots` makes the section a container with that many child slots; `accepts` is a comma-separated list of the type keys its slots allow.\n- **header-left** - Actions shown on the left of the header bar.\n- **header-right** - Actions shown on the right of the header bar.\n\n### **CSS Parts:**\n - **base** - The grid wrapper.\n- **header** - The full-width header action bar (only rendered when header slots are filled).\n- **palette** - The left palette panel.\n- **canvas** - The centre section-card canvas.\n- **inspector** - The right panel while a section is selected.\n- **inspector-header** - The inspector's fixed header (icon, section name, type, close).\n- **inspector-body** - The inspector's scrolling form area.",
           "doc-url": "",
           "attributes": [
             {
@@ -6557,7 +6557,7 @@
           "slots": [
             {
               "name": "config",
-              "description": "`<template type=\"…\">` declarations; never displayed. Each template's attributes (type, label, icon, icon-library, color, category, description, container, columns, widths, grow, slots, accepts) declare a palette entry and its content declares the inspector form for that type. `container` makes the type a container whose editor-configurable layout starts from `columns` (seeds equal widths) or `widths` (explicit weights, wins over `columns`); `grow` seeds a growable instance. `accepts` is a comma-separated list of the type keys its cells allow — omitted on a `container` type, any type is allowed subject to the nesting cap. `slots` is"
+              "description": "`<template type=\"…\">` declarations; never displayed. Each template's attributes (type, label, icon, icon-library, color, category, description, slots, accepts) declare a palette entry and its content declares the inspector form for that type. `slots` makes the section a container with that many child slots; `accepts` is a comma-separated list of the type keys its slots allow."
             },
             {
               "name": "header-left",

package/dist/zn.d.ts

@@ -9366,6 +9366,7 @@ declare module "components/remarkd-editor/remarkd-editor.component" {
         private editShell;
         private rawMode;
         private includeOptions;
+        private includeLoadFailed;
         private includePickerIndex;
         private includeQuery;
         private pendingDragHandle;
@@ -9480,6 +9481,14 @@ declare module "components/remarkd-editor/remarkd-editor.component" {
         private handleImagePicked;
         private insertImage;
         private uploadImage;
+        /**
+         * Resolves an app-relative path the way the console's pagelet handler does:
+         * an app fragment's URLs sit under the app base, and the console puts the app's
+         * `gaid` on the host element. Links rendered here live in the shadow root,
+         * where a click retargets to the host, so that handler never sees them — the
+         * href has to carry the base itself.
+         */
+        private appPath;
         private hasIncludeBlock;
         /** Fetches the include list once; every later caller shares the same promise. */
         private loadIncludeOptions;
@@ -9608,6 +9617,14 @@ declare module "components/flow-builder/flow.types" {
         inputs?: FlowPort[];
         /** Output ports. Defaults to a single unlabelled output. e.g. TRUE/FALSE for a split. */
         outputs?: FlowPort[];
+        /**
+         * The type's branches are the only ones it has: the canvas offers no delete
+         * on their pills, and clicking a fully-wired node's output adds nothing.
+         * For steps whose branches mirror fixed fields in the consumer's own model
+         * (a success / failure / skip triple, say), where an extra or missing branch
+         * has nowhere to be stored.
+         */
+        fixedOutputs?: boolean;
         /** Initial `data` for a freshly placed node. */
         defaultData?: Record<string, unknown>;
         /**
@@ -9694,12 +9711,17 @@ declare module "components/flow-builder/flow.types" {
     /** Extra pill height per wrapped line (matches the pill's CSS line-height). */
     export const PILL_LINE_HEIGHT = 20;
     /**
-     * Canvas y of a branch pill's top edge. A pill on a wire to a child below is
-     * centred along the run from its node's bottom to the child's top — equal wire
-     * above and below, however long or tight. A sole output's wire is a straight
-     * stem with no bus to respect, so its pill may rise above the bus line to stay
-     * centred; fan branches stop at the bus. Open branches and loop/side wires
-     * keep the fixed drop below the bus.
+     * Canvas y of a branch pill's top edge. A pill on a wire to a child in the next
+     * row down is centred along the run from its node's bottom to the child's top —
+     * equal wire above and below. A sole output's wire is a straight stem with no
+     * bus to respect, so its pill may rise above the bus line to stay centred; fan
+     * branches stop at the bus.
+     *
+     * A branch reaching past the next row sits right under the bus instead: it
+     * reads as belonging to the node it hangs from rather than to whatever it flies
+     * over, and it leaves the whole gap below free for the wire to route around
+     * what is in the way. Open branches and loop/side wires keep the fixed drop
+     * below the bus, where their "+" has room.
      */
     export function branchPillTop(node: Pick<FlowNodeInstance, 'y'>, pillH: number, child?: Pick<FlowNodeInstance, 'y'>, soleOutput?: boolean): number;
     /**
@@ -9726,13 +9748,19 @@ declare module "components/flow-builder/flow.types" {
     /** A function resolving a node type key to its registered type. */
     export type FlowTypeOf = (type: string) => FlowNodeType | undefined;
     /**
-     * Canvas x for each of a node's branch drops: the natural fan position under
-     * the source. Pills never shift sideways to chase their child — the wire into
-     * a pill is always a straight vertical, and any lateral offset to the child is
-     * taken up by the elbow below the pill (which still enters the child from
-     * straight above).
+     * Canvas x for each of a node's branch drops. Neighbours are spaced by what
+     * they actually occupy — two child lanes keep the full spread, while a branch
+     * with nothing wired to it needs only its pill — and the run is then shifted so
+     * the *wired* branches stay centred on the node. A step that declares branches
+     * it is not using therefore still runs straight down, instead of fanning empty
+     * lanes across the canvas; and a fully wired fan is spaced exactly as before.
+     *
+     * Pills never shift sideways to chase their child — the wire into a pill is
+     * always a straight vertical, and any lateral offset to the child is taken up
+     * by the elbow below the pill (which still enters the child from straight
+     * above).
      */
-    export function branchDropXs(node: FlowNodeInstance, typeOf: FlowTypeOf): number[];
+    export function branchDropXs(node: FlowNodeInstance, typeOf: FlowTypeOf, connections?: FlowConnection[]): number[];
     /**
      * The rects a node occupies on the canvas: its card plus each branch-name pill,
      * at the exact positions the canvas draws them.
@@ -10102,20 +10130,40 @@ declare module "components/flow-builder/modules/flow-canvas/flow-canvas.componen
          */
         private _elbowMidOffsets;
         /**
-         * Whether an orthogonal segment passes through any node card (with margin) —
-         * or the approach zone above one, where incoming arrows land. A foreign wire
-         * running just over a card's input port reads as connecting to it, so routes
-         * keep well clear of that strip too.
+         * Whether an orthogonal segment passes through any node card (with margin).
+         * With `keepApproachClear`, the strip above each card - where incoming arrows
+         * land - counts as occupied too: a foreign wire running just over a card's
+         * input port reads as connecting to it.
          */
         private _segmentBlocked;
         private _routeClear;
         /**
          * Orthogonal waypoints from a branch exit to a child's input. The wire always
          * enters the input from above (arrow pointing down), and never passes through
-         * a node card: each candidate route is checked against every card, scanning
-         * alternative lanes / side-steps / detours until one is clear.
+         * a node card.
+         *
+         * The search runs twice: first keeping clear of the strip above every card as
+         * well as the cards themselves, then - if the corridor is genuinely too tight
+         * for that - clear of the cards alone. Only when nothing at all fits does the
+         * wire fall back to the direct line, so a wire drawn over a card now means
+         * there was no way around it rather than that the search gave up.
          */
         private _routePoints;
+        /**
+         * Candidate routes to a child below, tidiest first: the straight drop or the
+         * single elbow, then the same elbow on neighbouring lines, then out around
+         * whatever sits between the two (the shape a loop-back uses - far more
+         * readable than threading a corridor when a wire skips a row it has nothing
+         * to do with), and finally a side-step that jogs out and back.
+         */
+        private _forwardRoutes;
+        /**
+         * Routes that leave the exit, run down the outside of everything they span
+         * vertically, and come back in above the input. Loop-backs always travel this
+         * way rather than squeezing through corridors inside the flow; a forward wire
+         * uses it when the corridor between it and its child is occupied.
+         */
+        private _aroundRoutes;
         private static _pathFrom;
         /**
          * Open output slots ("+" add-points) across all nodes — only rendered while
@@ -10426,6 +10474,13 @@ declare module "components/flow-builder/flow-builder.component" {
         private _duplicateNode;
         /** Canvas position for a node newly placed off a source node's output. */
         private _positionBelowOutput;
+        /**
+         * Whether a node refuses the branch being asked of it: a fixed-output type
+         * has only the branches it declares, so the "new branch" sentinel has nowhere
+         * to go. Checked before the history push, so a refused gesture is a no-op
+         * rather than an empty undo step.
+         */
+        private _refusesBranch;
         /**
          * Resolve an output port id on a node: the "new branch" sentinel materialises a
          * fresh, labelled output port (per-instance), so it exists before connecting.
@@ -10587,6 +10642,8 @@ declare module "components/flow-builder/modules/flow-step/flow-step.component" {
         inputs: string;
         /** JSON array of outputs (`"a"` or `{"id","label"}`), e.g. `'[{"id":"true","label":"TRUE"}]'`. Omit for one default output. */
         outputs: string;
+        /** The declared outputs are the only branches this step has — none can be deleted or added on the canvas. */
+        fixedOutputs: boolean;
         connectedCallback(): void;
         disconnectedCallback(): void;
         protected updated(changed: PropertyValues): void;
@@ -10615,23 +10672,9 @@ declare module "components/page-builder/page.types" {
         label?: string;
         /** Section content, keyed by field name (the inspector's `name` attributes). */
         data: Record<string, unknown>;
-        /** Container instances only: the editor-chosen layout. */
-        layout?: PageContainerLayout;
-        /** Container instances only: one ordered stack per cell, row-major. */
-        cells?: PageSection[][];
-        /**
-         * @deprecated The pre-cells fixed-slot shape. Read on load and migrated to
-         * `cells`; never written back.
-         */
+        /** Slot contents for container sections, sized to the type's `slots`. Empty slots are null. */
         children?: (PageSection | null)[];
     }
-    /** A container instance's editor-chosen layout. */
-    export interface PageContainerLayout {
-        /** One weight per column; the array length IS the column count. */
-        widths: number[];
-        /** When true the builder offers a trailing empty row instead of a pinned cell count. */
-        grow: boolean;
-    }
     /** The complete serialisable state of a page. Order = render order. */
     export interface PageState {
         sections: PageSection[];
@@ -10657,48 +10700,16 @@ declare module "components/page-builder/page.types" {
         configTemplate?: HTMLTemplateElement;
         /** Programmatic inspector body — takes precedence over `configTemplate`. */
         renderConfig?: (section: PageSection, update: (data: Record<string, unknown>) => void) => TemplateResult;
-        /** Marks this type a container: its card renders a grid of cells on the canvas. */
-        container?: boolean;
         /**
-         * Column weights a new instance of this container starts with. Stored as parsed, not
-         * guaranteed sanitised — route through `sanitiseWidths`/`defaultLayout` before use.
-         */
-        defaultWidths?: number[];
-        /** Whether a new instance of this container starts growable. */
-        defaultGrow?: boolean;
-        /**
-         * @deprecated Use `container` with `columns`/`widths`. Read as a container of
-         * `DEFAULT_WIDTHS` columns with the cell count pinned to this number.
+         * Number of child slots this section offers on the canvas (a container tile);
+         * rendered as a 3-column grid. Containers cannot be placed inside other containers.
          */
         slots?: number;
-        /**
-         * Section type keys allowed in this container's cells. On a `container` type,
-         * omitting it allows any type, subject to the nesting cap — that is how nesting
-         * is reachable without enumerating types. The deprecated `slots=` alias keeps the
-         * old rule instead: omitting it there allows any non-container type.
-         */
+        /** Section type keys allowed in this container's slots. Omit to allow any non-container type. */
         accepts?: string[];
     }
-    /** Beyond 6 columns a card is under ~170px on the 1024px canvas — unreadable. */
-    export const MAX_COLUMNS = 6;
-    /** A single weight beyond 12 makes the other columns unusably thin. */
-    export const MAX_WIDTH = 12;
-    /** Container nesting levels: a top-level container is 1, one inside a cell is 2. */
-    export const MAX_CONTAINER_LEVELS = 2;
-    /** Global section budget; also the sanity clamp on an incoming `cells` length. */
-    export const MAX_SECTIONS = 500;
-    /** What a bare `container` declaration seeds. */
-    export const DEFAULT_WIDTHS: readonly number[];
-    /** Container-ness is a property of the registered type, never of the instance. */
-    export function isContainer(type: PageSectionType | undefined): boolean;
-    /**
-     * Coerces a weights list into a usable one: each entry a whole number from 1 to
-     * MAX_WIDTH (anything unusable becomes 1), at most MAX_COLUMNS entries, falling
-     * back to DEFAULT_WIDTHS only when nothing usable remains.
-     */
-    export function sanitiseWidths(raw: unknown): number[];
-    /** The layout a newly placed instance of a container type starts with. */
-    export function defaultLayout(type: PageSectionType | undefined): PageContainerLayout;
+    /** A container section's slot contents, padded/truncated to the type's slot count. */
+    export function sectionChildren(section: PageSection, type: PageSectionType): (PageSection | null)[];
     /** Drag-and-drop MIME carrying a section type id from the palette to the canvas. */
     export const PAGE_TYPE_MIME = "application/x-zn-page-type";
     /** Drag-and-drop MIME carrying a placed section's id when reordering. */
@@ -10713,82 +10724,6 @@ declare module "components/page-builder/page.types" {
      */
     export function sectionSummary(section: PageSection, type?: PageSectionType): string;
 }
-declare module "components/page-builder/page-tree" {
-    import { type PageSection, type PageSectionType } from "components/page-builder/page.types";
-    /** Drops trailing cells that hold nothing. Interior empties are meaningful and kept. */
-    export function trimTrailingEmptyCells(cells: PageSection[][]): PageSection[][];
-    /** Pads to a whole number of rows, always leaving at least one row to drop into. */
-    export function padCells(cells: PageSection[][], columns: number): PageSection[][];
-    /**
-     * The canonical cell list for a container. A growable container never keeps a
-     * trailing all-empty row (the renderer supplies the `+` row itself, so keeping
-     * one would show two); a fixed container's trailing empty row is its layout and
-     * survives untouched.
-     */
-    export function normaliseCells(cells: PageSection[][], columns: number, grow: boolean): PageSection[][];
-    /**
-     * Re-chunks the same ordered list of stacks into a different column count. Only
-     * trailing empties are dropped, so no section can be lost by a column change.
-     */
-    export function recolumnCells(cells: PageSection[][], columns: number): PageSection[][];
-    /** Row-major view of the flat cell list, for rendering. */
-    export function cellRows(cells: PageSection[][], columns: number): PageSection[][][];
-    export function containerWidths(section: PageSection, type?: PageSectionType): number[];
-    export function containerColumns(section: PageSection, type?: PageSectionType): number;
-    export function containerGrow(section: PageSection, type?: PageSectionType): boolean;
-    /** A container's cells, normalised. Empty for a non-container. */
-    export function containerCells(section: PageSection, type?: PageSectionType): PageSection[][];
-    /** Depth-first search across top-level sections and every cell stack. */
-    export function findSection(sections: PageSection[], id: string | null): PageSection | undefined;
-    /** New section array with `id` replaced by `patch(section)`, wherever it lives. */
-    export function patchSection(sections: PageSection[], id: string, patch: (section: PageSection) => PageSection): PageSection[];
-    /** Detaches a section from wherever it lives, returning it and the remaining tree. */
-    export function extractSection(sections: PageSection[], id: string): [PageSection | undefined, PageSection[]];
-    /** Inserts a section into a container's cell at a stack position. */
-    export function insertIntoCell(sections: PageSection[], containerId: string, cellIndex: number, insertIndex: number, section: PageSection, columns: number): PageSection[];
-    /**
-     * Nesting level of the container with this id: 1 at the top level, 2 inside a
-     * cell, 0 when not found. Only containers have cells, so every cell level is a
-     * container level.
-     */
-    export function containerDepth(sections: PageSection[], containerId: string, depth?: number): number;
-    /** Deep copy with a fresh id for the section and every descendant. */
-    export function cloneWithNewIds(section: PageSection): PageSection;
-    /** Resolves a type key to its registered type — the registry's `get`. */
-    export type TypeLookup = (type: string) => PageSectionType | undefined;
-    /**
-     * Height of a container's subtree: 1 for a container with no nested containers,
-     * otherwise 1 + the tallest nested container's height. 0 for a non-container, so
-     * it composes with containerDepth to bound how deep a moved subtree would reach:
-     * dropping a section into a container at depth d puts the section's own deepest
-     * descendant at d + containerHeight(section).
-     */
-    export function containerHeight(section: PageSection): number;
-    /**
-     * Re-applies each container's own grow/columns normalisation throughout the
-     * tree, so a growable container never carries a trailing all-empty row once
-     * committed — not only when read out via containerCells. A section whose
-     * current type isn't a registered container is left untouched, preserving its
-     * cells verbatim per the unknown-type contract.
-     */
-    export function normaliseGrowth(sections: PageSection[], lookup: TypeLookup): PageSection[];
-    /**
-     * Rewrites the pre-cells `children` shape as `cells`. The old grid was always
-     * DEFAULT_WIDTHS wide, and the slot count was the layout, so cells are padded
-     * out to the declared slot count, then rounded up to a whole number of
-     * DEFAULT_WIDTHS-wide rows; never trimmed.
-     */
-    export function migrateSection(section: PageSection, type?: PageSectionType): PageSection;
-    /**
-     * Normalises externally supplied sections: migrates the old shape, gives every
-     * section a unique id, drops malformed entries, sanitises layouts, caps nesting
-     * and clamps sizes. Pure — warnings are returned for the caller to log.
-     */
-    export function normaliseSections(sections: unknown, lookup: TypeLookup): {
-        sections: PageSection[];
-        warnings: string[];
-    };
-}
 declare module "components/page-builder/page-registry" {
     import type { PageSectionType } from "components/page-builder/page.types";
     /**
@@ -10907,7 +10842,7 @@ declare module "components/page-builder/modules/page-section-card/index" {
     }
 }
 declare module "components/page-builder/page-builder.component" {
-    import { type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
+    import { type CSSResultGroup, type PropertyValues } from 'lit';
     import { type PageSection, type PageSectionType, type PageState } from "components/page-builder/page.types";
     import ZincElement from "internal/zinc-element";
     import ZnCollapsible from "components/collapsible/index";
@@ -10915,7 +10850,6 @@ declare module "components/page-builder/page-builder.component" {
     import ZnInput from "components/input/index";
     import ZnPagePaletteItem from "components/page-builder/modules/page-palette-item/index";
     import ZnPageSectionCard from "components/page-builder/modules/page-section-card/index";
-    import ZnToggle from "components/toggle/index";
     /**
      * @summary A config-driven page composer: a palette of predefined section types, a linear
      *   canvas of section cards, and an inspector for editing each section's content.
@@ -10933,14 +10867,10 @@ declare module "components/page-builder/page-builder.component" {
      * @event zn-page-selection-change - Emitted when the selected section changes. `event.detail.sectionId`.
      *
      * @slot config - `<template type="…">` declarations; never displayed. Each template's attributes
-     *   (type, label, icon, icon-library, color, category, description, container, columns, widths,
-     *   grow, slots, accepts) declare a palette entry and its content declares the inspector form for
-     *   that type. `container` makes the type a container whose editor-configurable layout starts from
-     *   `columns` (seeds equal widths) or `widths` (explicit weights, wins over `columns`); `grow` seeds
-     *   a growable instance. `accepts` is a comma-separated list of the type keys its cells allow —
-     *   omitted on a `container` type, any type is allowed subject to the nesting cap. `slots` is
-     *   @deprecated: it declares a fixed-slot container of `DEFAULT_WIDTHS` columns pinned to that many
-     *   cells, and keeps the old any-non-container-type rule when `accepts` is omitted.
+     *   (type, label, icon, icon-library, color, category, description, slots, accepts) declare a
+     *   palette entry and its content declares the inspector form for that type. `slots` makes the
+     *   section a container with that many child slots; `accepts` is a comma-separated list of the
+     *   type keys its slots allow.
      * @slot header-left - Actions shown on the left of the header bar.
      * @slot header-right - Actions shown on the right of the header bar.
      *
@@ -10960,7 +10890,6 @@ declare module "components/page-builder/page-builder.component" {
             'zn-input': typeof ZnInput;
             'zn-page-palette-item': typeof ZnPagePaletteItem;
             'zn-page-section-card': typeof ZnPageSectionCard;
-            'zn-toggle': typeof ZnToggle;
         };
         private readonly formControlController;
         /** The name of the control, submitted as a name/value pair with form data. */
@@ -10997,10 +10926,10 @@ declare module "components/page-builder/page-builder.component" {
         /** Index of the drop zone whose "+" type picker is open, if any. */
         private _pickerIndex;
         private _dragOverIndex;
-        /** The cell a drag is currently over, if any. */
-        private _cellDragOver;
-        /** The cell whose "+" type picker is open, if any. */
-        private _cellPicker;
+        /** The container slot a drag is currently over, if any. */
+        private _slotDragOver;
+        /** The container slot whose "+" type picker is open, if any. */
+        private _slotPicker;
         /** The stamped config form for the selected section; rebuilt on selection change. */
         private _form;
         private readonly _hasSlot;
@@ -11090,67 +11019,42 @@ declare module "components/page-builder/page-builder.component" {
          * argument unchanged when there is nothing to do, so callers can compare by identity.
          */
         private _requireFirst;
-        /**
-         * Installs a new state from a user edit and notifies listeners. Re-applies
-         * growth normalisation across the tree first, so a growable container never
-         * carries a trailing empty row past this point — the read path (`containerCells`)
-         * already hides it, but state/value/zn-page-change/auto-save must not diverge
-         * from what the canvas renders.
-         */
+        /** Finds a section by id, searching top-level sections and slotted children. */
+        private _findSection;
+        /** New sections array with the section patched wherever it lives (top level or slot). */
+        private _patchSection;
+        /** Detaches a section wherever it lives: removed from the top level, or its slot nulled. */
+        private _extract;
+        /** Installs a new state from a user edit and notifies listeners. */
         private _commit;
         private _selectedSection;
         private _select;
         private _pushHistory;
         undo: () => void;
         redo: () => void;
-        /** A fresh section of a registered type, seeded with layout/cells when it's a container. */
-        private _newSection;
         /** Adds a section of a registered type at `index` (default: end). Returns null for unknown types. */
         addSection(type: string, index?: number): PageSection | null;
+        /** Adds a new section of a registered type into a container's slot. Returns null if not allowed. */
+        addSectionToSlot(type: string, containerId: string, slotIndex: number): PageSection | null;
         private _removeSection;
         private _duplicateSection;
-        /** Locates a section living inside a container cell. */
-        private _findCellOwner;
-        /** Moves a section (top-level or inside a cell) to a top-level position. */
+        /** Moves a section (top-level or slotted) to a top-level position. */
         private _moveSection;
-        /** Id of the section currently being dragged — dataTransfer is unreadable during dragover. */
-        private _draggingId;
+        /**
+         * Moves a section into a container's slot. Dropping onto an occupied slot swaps
+         * the two children (slot-to-slot reordering); top-level sections and containers
+         * only enter empty slots / never enter slots respectively.
+         */
+        private _moveToSlot;
         private _onCardDragStart;
         /** Whether a drag carries one of the builder's own payloads. */
         private _isPageDrag;
+        private _onSlotDragOver;
+        private _onSlotDrop;
         private _onZoneDragOver;
         private _onZoneDrop;
         private _onCanvasDragOver;
         private _onCanvasDrop;
-        /**
-         * Whether `typeKey`'s registered type is allowed into this container by its
-         * `accepts`/`slots=` rule — the nesting depth cap is a separate concern,
-         * checked by each caller against its own notion of how tall the dropped
-         * subtree is.
-         */
-        private _acceptsType;
-        /**
-         * Whether `typeKey` may be dropped into this container's cells from the
-         * palette. A newly created section always has height 1, so the depth cap
-         * only needs the target's own depth.
-         */
-        private _acceptsInCell;
-        /**
-         * Whether a dragged, already-placed section may land in this container's
-         * cells. Unlike a palette drop, the moved subtree can already be several
-         * containers tall (it may itself hold a nested container), so the cap has to
-         * account for that height, not just the target's depth: dropping `moved` at
-         * a new depth of `containerDepth(container) + 1` puts its own deepest
-         * descendant at `containerDepth(container) + containerHeight(moved)`.
-         */
-        private _canMoveIntoCell;
-        private _onCellDragOver;
-        private _onCellDrop;
-        /** Adds a new section of a registered type into a container cell. */
-        addSectionToCell(type: string, containerId: string, cellIndex: number, insertIndex?: number): PageSection | null;
-        private _moveToCell;
-        /** Types offerable in a container's cells. */
-        private _cellTypes;
         private _onCardKeydown;
         private _renderPalette;
         private _renderPaletteItem;
@@ -11160,17 +11064,10 @@ declare module "components/page-builder/page-builder.component" {
         /** The one card template both the page list and slot cells render. */
         private _renderSectionCard;
         private _renderCard;
-        /**
-         * A card, or — for a container — its card plus its own cell grid. Shared by the
-         * top-level section list and container-cell stacks, so nesting renders at every level.
-         */
-        private _renderNode;
-        /** A container's cell grid: one track per width, one stack per cell. */
-        private _renderCells;
-        private _renderCell;
-        /** Thin insertion target between two cards in a stack. */
-        private _renderCellStrip;
-        /** The one type-picker template both drop zones and container cells render. */
+        private _renderSlot;
+        /** Types allowed in a container's slots: non-containers, filtered by its accepts list. */
+        private _slotTypes;
+        /** The one type-picker template both drop zones and slot cells render. */
         private _renderTypePicker;
         private _renderDropZone;
         /**
@@ -11184,16 +11081,8 @@ declare module "components/page-builder/page-builder.component" {
         private _onInspectorInput;
         private _updateSectionData;
         private _renameSection;
-        /** Replaces a container's layout, keeping cells consistent with it. */
-        private _setLayout;
-        private _setColumns;
-        private _setWidth;
-        private _setGrow;
-        /** Pads with empty rows, or trims trailing empty rows down to the last occupied one. */
-        private _setRows;
-        private _renderLayoutGroup;
         private _renderInspector;
-        render(): TemplateResult<1>;
+        render(): import("lit-html").TemplateResult<1>;
     }
 }
 declare module "components/page-builder/index" {