@kywi-software/core 0.10.0 → 0.12.0

package/dist/admin/layout-editor/props-panel.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { createPortal } from 'react-dom';
 import { PropField } from './prop-field.js';
@@ -13,12 +13,91 @@ import { ConfirmDialog } from '../primitives.js';
 // Which prop on each form module holds the referenced form's slug — replaced in
 // the panel by the form picker (kywi-cms#35).
 const FORM_SLUG_PROP = { form: 'slug', formEmbed: 'formSlug' };
-export function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle, onDelete, onClose, themeRegistry, themeName, audiences, components, onSaveAsComponent, onLinkComponent, onDetach, section, sectionComponents, onSaveSectionAsComponent, onDetachSection, onDeleteSection, variantContainer, onUpdateVariantContainer, onDeleteVariantContainer, onUnwrapVariantContainer, }) {
+/**
+ * What the rail tells the owner about a linked instance (kywi-cms#147).
+ *
+ * The three granularities get ONE note, because they have one contract: a linked
+ * instance renders its component, so the component is what every instance shows.
+ *
+ * WORDING (T3 review I2, now completed by T4). In T3 the note deliberately stopped
+ * at "every instance renders the component", because the choice it would otherwise
+ * have promised — update everywhere, or keep the change here — did not exist yet,
+ * and a rail that describes a button the editor does not have is a rail that lies.
+ * The save fork ships in this same release (`use-component-fork.tsx`), so the
+ * sentence is now a description of what the Save button really does: edit freely
+ * here, and answer for it at save time.
+ *
+ * `previewsStoredCopy` is set for sections and containers, which resolve
+ * WHOLESALE: the canvas shows this page's own copy of the definition. Since T4's
+ * C1 fix that copy is brought back in line with the component when the editor
+ * loads, so it is the component's content — as of the moment the page was opened,
+ * which is the part still worth saying. Modules resolve their preview live
+ * (`ModulePreview`), so they say nothing about it.
+ *
+ * `stylesCopyWholeMap` is set for modules, and discloses something the owner cannot
+ * see (kywi-cms#147 T4 review, M4): the style editor emits the WHOLE declaration
+ * map it was handed, and for a clean instance that map is the component's. So the
+ * first style change copies all of the component's styling onto this instance,
+ * which "update all" then writes straight back and "this page only" bakes in. There
+ * is no per-declaration override in v1 — a minimal write could not express
+ * "unset what the component sets" — so the behaviour is stated rather than hidden.
+ */
+function LinkedComponentNote({ name, previewsStoredCopy = false, stylesCopyWholeMap = false, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("p", { className: "kywi-editor-props-linked-note", children: ["This is a linked instance of", name ? _jsxs(_Fragment, { children: [" ", _jsx("strong", { children: name })] }) : _jsx(_Fragment, { children: " a component" }), ". Every instance renders that component, so updating the component updates all of them. Edit it here and saving asks whether to update every instance or keep the change on this page only."] }), previewsStoredCopy && (_jsx("p", { className: "kywi-editor-props-linked-note kywi-editor-props-linked-aside", children: "This canvas shows the component\u2019s content as it was when the page opened; visitors always see its current content." })), stylesCopyWholeMap && (_jsx("p", { className: "kywi-editor-props-linked-note kywi-editor-props-linked-aside", "data-linked-style-disclosure": "", children: "Changing any style here copies all of the component\u2019s styling onto this instance." }))] }));
+}
+/**
+ * Why the rail offers no component action for this selection (kywi-cms#147 T3
+ * review, I1).
+ *
+ * The selection sits inside ANOTHER node's linked component instance, where a
+ * link of its own would be written into that component's inline fallback copy:
+ * invisible to the instance index, the usage counts and the delete gate, stripped
+ * at render, and lost the moment the outer component stops resolving. The action
+ * is therefore not offered at all — but silence in a rail that offers the same
+ * button one section up reads as a bug, so the rail says why.
+ *
+ * One sentence for both cases it serves — saving a section, and pointing a
+ * placeholder at a component — because both are the same act: giving this node a
+ * link of its own.
+ */
+function InsideLinkedComponentNote({ what }) {
+    return (_jsxs("p", { className: "kywi-editor-props-linked-note", "data-inside-linked-component": "", children: ["This ", what, " is part of a linked component, so it cannot be linked to a component of its own. Detach the instance it sits inside first."] }));
+}
+/**
+ * Why the rail offers no component action on a DEFINITION canvas (kywi-cms#147
+ * T5 review, I1).
+ *
+ * The document being edited is a component's own definition, so every component
+ * action the rail knows about is about something else: "save this as a component"
+ * would save a component's insides as a second component, and pointing anything
+ * here at a saved component writes the nested link the API refuses outright
+ * (`rejectNestedComponentLinks`). Same treatment as the linked-ancestor case
+ * above — withheld, with the reason, rather than offered and then refused at save.
+ */
+/**
+ * Why the component actions are missing on a canvas that is not a page — one note
+ * per kind, because the two reasons are genuinely different and an owner reading
+ * either one should be able to act on it.
+ */
+function UnplacedCanvasNote({ kind, what }) {
+    if (kind === 'blueprint') {
+        return (_jsxs("p", { className: "kywi-editor-props-linked-note", "data-blueprint-canvas": "", children: ["This is a saved layout, not a page \u2014 nothing here is placed yet. Component actions live on pages: a link written into a saved layout is invisible to a component's usage count and to its delete confirmation. Add this layout to a page, then save the ", what, " as a component from there."] }));
+    }
+    return (_jsxs("p", { className: "kywi-editor-props-linked-note", "data-definition-canvas": "", children: ["You are editing this component itself, so this ", what, " cannot link to another component. Place this component on a page to combine it with others."] }));
+}
+export function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle, onDelete, onClose, themeRegistry, themeName, audiences, components, linkedModuleRender, onSaveAsComponent, onLinkComponent, onDetach, insideLinkedComponent = false, canvasKind = 'page', section, sectionComponents, onSaveSectionAsComponent, onDetachSection, onDeleteSection, variantContainer, variantContainerComponents, onSaveVariantContainerAsComponent, onDetachVariantContainer, onUpdateVariantContainer, onDeleteVariantContainer, onUnwrapVariantContainer, }) {
     // Selections are mutually exclusive; the panel opens for whichever arrived.
     // Module-mode takes precedence, then section, if more than one is provided.
     const showSection = !module && !!section;
     const showVariantContainer = !module && !section && !!variantContainer;
     const isHidden = module === null && !section && !variantContainer;
+    // Three different reasons, one withdrawal: a node inside someone else's linked
+    // instance cannot own a link, a node inside a DEFINITION cannot either, and a
+    // node inside a BLUEPRINT would own one nothing can see (kywi-cms#147 T3 review
+    // I1, T5 review I1, final review M2). Every "save as component" / "link to a
+    // component" affordance reads this; each note says which case it is.
+    const unplacedCanvas = canvasKind === 'page' ? null : canvasKind;
+    const componentActionsWithheld = insideLinkedComponent || unplacedCanvas !== null;
     // Remove personalization (kywi-cms#121) needs a two-part confirm (title +
     // body), so it uses the styled ConfirmDialog rather than the plain
     // `window.confirm` the rest of this panel's danger actions use. Holds the
@@ -29,6 +108,11 @@ export function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle,
     function handlePropChange(propName, value) {
         if (!module)
             return;
+        // Deliberately only the prop that was touched, even on a linked instance
+        // whose displayed values came from the component (kywi-cms#147 T4): the node
+        // then carries exactly the author's overrides, which is what lets the save
+        // fork rebuild the definition (definition + overrides) without inventing
+        // values, and what makes "keep it on this page" bake in what they see.
         onUpdateProps({ ...module.props, [propName]: value });
     }
     function handleDelete() {
@@ -53,6 +137,12 @@ export function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle,
         ? (sectionComponents?.find(c => c.id === section.componentId) ?? null)
         : null;
     const isSectionLinked = Boolean(section?.componentId);
+    // The container equivalent (kywi-cms#147): a section-level variant container
+    // can itself be a component, so it gets the same linked badge / Detach pair.
+    const containerLinkedComponent = variantContainer?.componentId
+        ? (variantContainerComponents?.find(c => c.id === variantContainer.componentId) ?? null)
+        : null;
+    const isContainerLinked = Boolean(variantContainer?.componentId);
     const propEntries = moduleConfig?.props ? Object.entries(moduleConfig.props) : [];
     // Reusable-component state (kywi-cms#46). A node with a componentId is a live
     // instance of a saved component; a bare `component` node from the palette is
@@ -62,11 +152,19 @@ export function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle,
         : null;
     const isLinked = Boolean(module?.componentId);
     const isUnlinkedComponentNode = module?.type === 'component' && !module?.componentId;
+    // What the fields SHOW: the node's own props/style, or — for a linked instance
+    // whose component resolved — what this placement actually renders. A clean
+    // instance's own props are just the link, so without this the rail would show
+    // an empty form for a module full of content (kywi-cms#147 T4).
+    const displayProps = (isLinked ? linkedModuleRender?.props : null) ?? module?.props ?? {};
+    const displayStyle = (isLinked ? linkedModuleRender?.style : null) ?? module?.style ?? {};
     return (_jsxs("div", { className: isHidden
             ? 'kywi-editor-props-panel kywi-editor-props-panel--hidden'
-            : 'kywi-editor-props-panel', children: [showSection && section && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "kywi-editor-props-header", children: [_jsx("span", { className: "kywi-editor-props-header-icon", children: _jsx(EditorIcon, { name: "columns", size: 16 }) }), _jsxs("span", { className: "kywi-editor-props-header-title", children: [_jsx("span", { className: "kywi-editor-props-header-eyebrow", children: "Editing" }), _jsx("span", { className: "kywi-editor-props-header-type", children: "section" })] }), _jsx("button", { type: "button", className: "kywi-editor-props-close", onClick: onClose, "aria-label": "Close panel", title: "Close", children: _jsx(EditorIcon, { name: "close", size: 16 }) })] }), _jsx("div", { className: "kywi-editor-props-body", children: isSectionLinked ? (_jsxs("div", { className: "kywi-editor-props-linked", "data-section-linked": "", children: [_jsx("span", { className: "kywi-editor-props-linked-icon", children: _jsx(EditorIcon, { name: "card", size: 16 }) }), _jsxs("p", { className: "kywi-editor-props-linked-note", children: ["Linked to section component", sectionLinkedComponent ? _jsxs(_Fragment, { children: [" ", _jsx("strong", { children: sectionLinkedComponent.name })] }) : null, ". Editing the source updates every instance. Detach to customize this copy."] })] })) : (_jsx("p", { className: "kywi-editor-props-linked-note", children: "Save this section as a reusable component to drop synced copies across your pages." })) }), _jsxs("div", { className: "kywi-editor-props-footer kywi-editor-props-danger-zone", children: [isSectionLinked
+            : 'kywi-editor-props-panel', children: [showSection && section && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "kywi-editor-props-header", children: [_jsx("span", { className: "kywi-editor-props-header-icon", children: _jsx(EditorIcon, { name: "columns", size: 16 }) }), _jsxs("span", { className: "kywi-editor-props-header-title", children: [_jsx("span", { className: "kywi-editor-props-header-eyebrow", children: "Editing" }), _jsx("span", { className: "kywi-editor-props-header-type", children: "section" })] }), _jsx("button", { type: "button", className: "kywi-editor-props-close", onClick: onClose, "aria-label": "Close panel", title: "Close", children: _jsx(EditorIcon, { name: "close", size: 16 }) })] }), _jsx("div", { className: "kywi-editor-props-body", children: isSectionLinked ? (_jsxs("div", { className: "kywi-editor-props-linked", "data-section-linked": "", children: [_jsx("span", { className: "kywi-editor-props-linked-icon", children: _jsx(EditorIcon, { name: "card", size: 16 }) }), _jsx("div", { children: _jsx(LinkedComponentNote, { name: sectionLinkedComponent?.name, previewsStoredCopy: true }) })] })) : unplacedCanvas ? (_jsx(UnplacedCanvasNote, { kind: unplacedCanvas, what: "section" })) : insideLinkedComponent ? (_jsx(InsideLinkedComponentNote, { what: "section" })) : (_jsx("p", { className: "kywi-editor-props-linked-note", children: "Save this section as a reusable component to drop synced copies across your pages." })) }), _jsxs("div", { className: "kywi-editor-props-footer kywi-editor-props-danger-zone", children: [isSectionLinked
                                 ? onDetachSection && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "detach-section", onClick: onDetachSection, children: [_jsx(EditorIcon, { name: "card", size: 15 }), "Detach from Component"] }))
-                                : onSaveSectionAsComponent && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "save-section-as-component", onClick: onSaveSectionAsComponent, children: [_jsx(EditorIcon, { name: "card", size: 15 }), "Save as Component"] })), onDeleteSection && (_jsxs("button", { type: "button", className: "kywi-editor-danger", "data-action": "delete-section", onClick: handleDeleteSection, children: [_jsx(EditorIcon, { name: "trash", size: 15 }), "Delete Section"] }))] })] })), showVariantContainer && variantContainer && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "kywi-editor-props-header", children: [_jsx("span", { className: "kywi-editor-props-header-icon", children: _jsx(EditorIcon, { name: variantContainer.mode === 'ab_test' ? 'variant' : 'personalize', size: 16 }) }), _jsxs("span", { className: "kywi-editor-props-header-title", children: [_jsx("span", { className: "kywi-editor-props-header-eyebrow", children: "Editing" }), _jsx("span", { className: "kywi-editor-props-header-type", children: variantContainer.mode === 'ab_test' ? 'A/B tested section' : 'personalized section' })] }), _jsx("button", { type: "button", className: "kywi-editor-props-close", onClick: onClose, "aria-label": "Close panel", title: "Close", children: _jsx(EditorIcon, { name: "close", size: 16 }) })] }), _jsx("div", { className: "kywi-editor-props-body", children: _jsx(SectionVariantContainerConfig, { container: variantContainer, ...(audiences ? { audiences } : {}), onChange: (patch) => onUpdateVariantContainer?.(patch) }) }), _jsxs("div", { className: "kywi-editor-props-footer kywi-editor-props-danger-zone", children: [onUnwrapVariantContainer && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "unwrap-variant-container", onClick: () => setConfirmUnwrapId(variantContainer.id), children: [_jsx(EditorIcon, { name: "undo", size: 15 }), "Remove personalization"] })), onDeleteVariantContainer && (_jsxs("button", { type: "button", className: "kywi-editor-danger", "data-action": "delete-variant-container", onClick: handleDeleteVariantContainer, children: [_jsx(EditorIcon, { name: "trash", size: 15 }), "Delete Section"] }))] }), confirmUnwrapId && createPortal(
+                                : onSaveSectionAsComponent && !componentActionsWithheld && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "save-section-as-component", onClick: onSaveSectionAsComponent, children: [_jsx(EditorIcon, { name: "card", size: 15 }), "Save as Component"] })), onDeleteSection && (_jsxs("button", { type: "button", className: "kywi-editor-danger", "data-action": "delete-section", onClick: handleDeleteSection, children: [_jsx(EditorIcon, { name: "trash", size: 15 }), "Delete Section"] }))] })] })), showVariantContainer && variantContainer && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "kywi-editor-props-header", children: [_jsx("span", { className: "kywi-editor-props-header-icon", children: _jsx(EditorIcon, { name: variantContainer.mode === 'ab_test' ? 'variant' : 'personalize', size: 16 }) }), _jsxs("span", { className: "kywi-editor-props-header-title", children: [_jsx("span", { className: "kywi-editor-props-header-eyebrow", children: "Editing" }), _jsx("span", { className: "kywi-editor-props-header-type", children: variantContainer.mode === 'ab_test' ? 'A/B tested section' : 'personalized section' })] }), _jsx("button", { type: "button", className: "kywi-editor-props-close", onClick: onClose, "aria-label": "Close panel", title: "Close", children: _jsx(EditorIcon, { name: "close", size: 16 }) })] }), _jsxs("div", { className: "kywi-editor-props-body", children: [isContainerLinked && (_jsxs("div", { className: "kywi-editor-props-linked", "data-variant-container-linked": "", children: [_jsx("span", { className: "kywi-editor-props-linked-icon", children: _jsx(EditorIcon, { name: "card", size: 16 }) }), _jsx("div", { children: _jsx(LinkedComponentNote, { name: containerLinkedComponent?.name, previewsStoredCopy: true }) })] })), _jsx(SectionVariantContainerConfig, { container: variantContainer, ...(audiences ? { audiences } : {}), onChange: (patch) => onUpdateVariantContainer?.(patch) })] }), _jsxs("div", { className: "kywi-editor-props-footer kywi-editor-props-danger-zone", children: [isContainerLinked
+                                ? onDetachVariantContainer && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "detach-variant-container", onClick: onDetachVariantContainer, children: [_jsx(EditorIcon, { name: "card", size: 15 }), "Detach from Component"] }))
+                                : onSaveVariantContainerAsComponent && !componentActionsWithheld && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "save-variant-container-as-component", onClick: onSaveVariantContainerAsComponent, children: [_jsx(EditorIcon, { name: "card", size: 15 }), "Save as Component"] })), onUnwrapVariantContainer && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "unwrap-variant-container", onClick: () => setConfirmUnwrapId(variantContainer.id), children: [_jsx(EditorIcon, { name: "undo", size: 15 }), "Remove personalization"] })), onDeleteVariantContainer && (_jsxs("button", { type: "button", className: "kywi-editor-danger", "data-action": "delete-variant-container", onClick: handleDeleteVariantContainer, children: [_jsx(EditorIcon, { name: "trash", size: 15 }), "Delete Section"] }))] }), confirmUnwrapId && createPortal(
                     // Portalled straight to `document.body`, wrapped in BOTH
                     // `kywi-admin-shell` and `kywi-overlay-dialog-host` — exactly the
                     // element `overlay-shell.tsx`'s own dialog host uses (editor.css's
@@ -82,20 +180,31 @@ export function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle,
                     // height while the dialog is open. The portal escapes the rail
                     // entirely, landing as a sibling of it at the document root, same
                     // as the existing "Leave the editor?" dialog.
-                    _jsx("div", { className: "kywi-admin-shell kywi-overlay-dialog-host", children: _jsx(ConfirmDialog, { title: "Remove personalization?", message: "Keeps the Default arm's content in place; other arms are discarded (undo restores them).", confirmLabel: "Remove personalization", onConfirm: () => {
+                    _jsx("div", { className: "kywi-admin-shell kywi-overlay-dialog-host", children: _jsx(ConfirmDialog, { title: "Remove personalization?", message: "Keeps the Default variant's content in place; other variants are discarded (undo restores them).", confirmLabel: "Remove personalization", onConfirm: () => {
                                 const containerId = confirmUnwrapId;
                                 setConfirmUnwrapId(null);
                                 onUnwrapVariantContainer?.(containerId);
-                            }, onCancel: () => setConfirmUnwrapId(null) }) }), document.body)] })), module && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "kywi-editor-props-header", children: [_jsx("span", { className: "kywi-editor-props-header-icon", children: _jsx(EditorIcon, { name: moduleIconName(module.type), size: 16 }) }), _jsxs("span", { className: "kywi-editor-props-header-title", children: [_jsx("span", { className: "kywi-editor-props-header-eyebrow", children: "Editing" }), _jsx("span", { className: "kywi-editor-props-header-type", children: module.type })] }), _jsx("button", { type: "button", className: "kywi-editor-props-close", onClick: onClose, "aria-label": "Close panel", title: "Close", children: _jsx(EditorIcon, { name: "close", size: 16 }) })] }), _jsxs("div", { className: "kywi-editor-props-body", children: [isLinked ? (_jsxs("div", { className: "kywi-editor-props-linked", children: [_jsx("span", { className: "kywi-editor-props-linked-icon", children: _jsx(EditorIcon, { name: "card", size: 16 }) }), _jsxs("p", { className: "kywi-editor-props-linked-note", children: ["Linked to component", linkedComponent ? _jsxs(_Fragment, { children: [" ", _jsx("strong", { children: linkedComponent.name })] }) : null, ". Editing the source component updates every instance. Detach to customize this copy."] })] })) : isUnlinkedComponentNode ? (_jsx(ComponentPickerField, { components: components ?? [], onSelect: (id) => onLinkComponent?.(id) })) : module.type === 'variantContainer' ? (_jsx(VariantContainerConfig, { props: module.props, ...(audiences ? { audiences } : {}), onChange: (patch) => onUpdateProps({ ...module.props, ...patch }) })) : (_jsxs(_Fragment, { children: [propEntries.length > 0 && (_jsx("div", { className: "kywi-editor-props-section-label", children: "Content" })), propEntries.map(([propName, definition]) => {
+                            }, onCancel: () => setConfirmUnwrapId(null) }) }), document.body)] })), module && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "kywi-editor-props-header", children: [_jsx("span", { className: "kywi-editor-props-header-icon", children: _jsx(EditorIcon, { name: moduleIconName(module.type), size: 16 }) }), _jsxs("span", { className: "kywi-editor-props-header-title", children: [_jsx("span", { className: "kywi-editor-props-header-eyebrow", children: "Editing" }), _jsx("span", { className: "kywi-editor-props-header-type", children: module.type })] }), _jsx("button", { type: "button", className: "kywi-editor-props-close", onClick: onClose, "aria-label": "Close panel", title: "Close", children: _jsx(EditorIcon, { name: "close", size: 16 }) })] }), _jsxs("div", { className: "kywi-editor-props-body", children: [isLinked ? (_jsxs("div", { className: "kywi-editor-props-linked", "data-module-linked": "", children: [_jsx("span", { className: "kywi-editor-props-linked-icon", children: _jsx(EditorIcon, { name: "card", size: 16 }) }), _jsx("div", { children: _jsx(LinkedComponentNote, { name: linkedComponent?.name, stylesCopyWholeMap: true }) })] })) : isUnlinkedComponentNode ? (
+                            // The picker is withdrawn inside another component, not merely
+                            // wired to nothing: pointing this placeholder at a component would
+                            // write a link into the outer component's fallback copy, which is
+                            // the same unindexed-and-then-lost link the save path refuses.
+                            unplacedCanvas ? (_jsx(UnplacedCanvasNote, { kind: unplacedCanvas, what: "placeholder" })) : insideLinkedComponent ? (_jsx(InsideLinkedComponentNote, { what: "placeholder" })) : (_jsx(ComponentPickerField, { components: components ?? [], onSelect: (id) => onLinkComponent?.(id) }))) : module.type === 'variantContainer' ? (_jsx(VariantContainerConfig, { props: module.props, ...(audiences ? { audiences } : {}), onChange: (patch) => onUpdateProps({ ...module.props, ...patch }) })) : null, (isLinked || (!isUnlinkedComponentNode && module.type !== 'variantContainer')) && (_jsxs(_Fragment, { children: [propEntries.length > 0 && (_jsx("div", { className: "kywi-editor-props-section-label", children: "Content" })), propEntries.map(([propName, definition]) => {
                                         // Form / Form Embed: the slug prop is chosen with the form
                                         // picker (primary UX) rather than typed by hand (kywi-cms#35).
                                         if (FORM_SLUG_PROP[module.type] === propName) {
-                                            const current = module.props[propName];
+                                            const current = displayProps[propName];
                                             return (_jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", htmlFor: `prop-${propName}`, children: definition.label }), _jsx(FormPickerField, { id: `prop-${propName}`, value: typeof current === 'string' ? current : '', onChange: (value) => handlePropChange(propName, value) })] }, propName));
                                         }
-                                        return (_jsx(PropField, { name: propName, definition: definition, value: module.props[propName] ?? definition.defaultValue ?? '', onChange: (value) => handlePropChange(propName, value) }, propName));
-                                    })] })), !isLinked && !isUnlinkedComponentNode && (_jsx(StyleEditor, { style: module.style, onChange: onUpdateStyle }))] }), _jsxs("div", { className: "kywi-editor-props-footer kywi-editor-props-danger-zone", children: [isLinked
+                                        return (_jsx(PropField, { name: propName, definition: definition, value: displayProps[propName] ?? definition.defaultValue ?? '', onChange: (value) => handlePropChange(propName, value) }, propName));
+                                    })] })), !isUnlinkedComponentNode && (
+                            // A linked instance shows the style it RENDERS with, same as its
+                            // props. StyleEditor emits the whole map it was handed, so the first
+                            // style edit on a clean instance copies the definition's styles onto
+                            // the node — an override state the save fork then resolves, exactly
+                            // as it does for props.
+                            _jsx(StyleEditor, { style: displayStyle, onChange: onUpdateStyle }))] }), _jsxs("div", { className: "kywi-editor-props-footer kywi-editor-props-danger-zone", children: [isLinked
                                 ? onDetach && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "detach-component", onClick: onDetach, children: [_jsx(EditorIcon, { name: "card", size: 15 }), "Detach from Component"] }))
-                                : module.type !== 'component' && onSaveAsComponent && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "save-as-component", onClick: onSaveAsComponent, children: [_jsx(EditorIcon, { name: "card", size: 15 }), "Save as Component"] })), _jsxs("button", { type: "button", className: "kywi-editor-danger", onClick: handleDelete, children: [_jsx(EditorIcon, { name: "trash", size: 15 }), "Delete Module"] })] })] }))] }));
+                                : module.type !== 'component' && onSaveAsComponent && !componentActionsWithheld && (_jsxs("button", { type: "button", className: "kywi-editor-props-component-action", "data-action": "save-as-component", onClick: onSaveAsComponent, children: [_jsx(EditorIcon, { name: "card", size: 15 }), "Save as Component"] })), _jsxs("button", { type: "button", className: "kywi-editor-danger", onClick: handleDelete, children: [_jsx(EditorIcon, { name: "trash", size: 15 }), "Delete Module"] })] })] }))] }));
 }
 //# sourceMappingURL=props-panel.js.map

package/dist/admin/layout-editor/props-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"props-panel.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/props-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"props-panel.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/props-panel.tsx"],"names":[],"mappings":"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"}

package/dist/admin/layout-editor/section-overlay.d.ts

@@ -28,12 +28,27 @@ interface SectionOverlayProps {
      * occupies on the live page (kywi-cms#94).
      */
     inPlace?: boolean;
+    /**
+     * Whether the front editor's left module-palette rail is expanded. That rail
+     * is fixed to the viewport's left edge and paints over a full-width section's
+     * chrome, so the chrome moves out of its way (kywi-cms#132). In-place only —
+     * the admin artboard's palette is an in-flow column with nothing to avoid.
+     */
+    paletteOpen?: boolean;
     /** Resolved base style for the section, applied only in in-place mode. */
     inPlaceStyle?: Record<string, string>;
     /** Scoped responsive CSS for the section, emitted only in in-place mode. */
     responsiveCss?: string;
+    /**
+     * The component this section is a linked instance of (kywi-cms#147): its id
+     * stamps `data-component-id` (matching the public renderer's own hook) and
+     * switches the section to the linked outline; its name goes in the pill. Absent
+     * for an ordinary section.
+     */
+    componentId?: string;
+    componentName?: string | null;
     children: React.ReactNode;
 }
-export declare function SectionOverlay({ sectionId, onAddColumn, onDelete, onSelect, isSelected, actions, inPlace, inPlaceStyle, responsiveCss, children, }: SectionOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function SectionOverlay({ sectionId, onAddColumn, onDelete, onSelect, isSelected, actions, inPlace, paletteOpen, inPlaceStyle, responsiveCss, componentId, componentName, children, }: SectionOverlayProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=section-overlay.d.ts.map

package/dist/admin/layout-editor/section-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-overlay.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,cAAc,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB;mEAC+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAkB,EAClB,OAAO,EACP,OAAe,EACf,YAAY,EACZ,aAAa,EACb,QAAQ,GACT,EAAE,mBAAmB,2CA0GrB"}
+{"version":3,"file":"section-overlay.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,cAAc,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB;mEAC+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAkB,EAClB,OAAO,EACP,OAAe,EACf,WAAmB,EACnB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,QAAQ,GACT,EAAE,mBAAmB,2CAoHrB"}

package/dist/admin/layout-editor/section-overlay.js

@@ -2,20 +2,23 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { EditorIcon } from './editor-icons.js';
-import { useChromeFlip } from './use-chrome-flip.js';
-export function SectionOverlay({ sectionId, onAddColumn, onDelete, onSelect, isSelected = false, actions, inPlace = false, inPlaceStyle, responsiveCss, children, }) {
+import { useChromeFlip, chromeOffsetClasses, chromeOffsetStyle } from './use-chrome-flip.js';
+import { LinkedComponentPill } from './linked-component.js';
+export function SectionOverlay({ sectionId, onAddColumn, onDelete, onSelect, isSelected = false, actions, inPlace = false, paletteOpen = false, inPlaceStyle, responsiveCss, componentId, componentName, children, }) {
     // In place the chrome floats above this section — which puts it under the
     // editor's fixed top bar when the section is at the top of the page, so it is
-    // pinned down inside the section instead (kywi-cms#122). Artboard mode has no
-    // floating chrome.
+    // pinned down inside the section instead (kywi-cms#122), and behind the open
+    // module palette when the section runs full width, so it is also pushed right
+    // out of that rail's footprint (kywi-cms#132). Artboard mode has no floating
+    // chrome.
     const sectionRef = React.useRef(null);
-    const chromeClampPx = useChromeFlip(sectionRef, inPlace);
+    const chromeOffsets = useChromeFlip(sectionRef, inPlace, paletteOpen);
     // kywi-cms#49: these overlay controls live inside the page editor's <form>
     // (content-form.tsx) in admin mode. Without an explicit type="button" a
     // <button> defaults to type="submit" — clicking "+Col" submitted the whole
     // page form instead of adding a column. Each also stops propagation so it
     // doesn't double as a section-select (#69).
-    const chrome = (_jsxs(_Fragment, { children: [_jsx("span", { className: "kywi-editor-section-handle", "aria-hidden": "true", children: _jsx(EditorIcon, { name: "grip", size: 14 }) }), _jsx("span", { className: "kywi-editor-section-title", children: "Section" }), _jsxs("div", { className: "kywi-editor-section-toolbar-actions", children: [_jsxs("button", { type: "button", className: "kywi-editor-section-toolbar-btn", onClick: (e) => { e.stopPropagation(); onAddColumn(); }, title: "Add column", children: [_jsx(EditorIcon, { name: "columns-plus", size: 14 }), "+Col"] }), actions?.map((action) => (_jsxs("button", { type: "button", className: "kywi-editor-section-toolbar-btn", onClick: (e) => { e.stopPropagation(); action.onClick(); }, title: action.label, children: [_jsx(EditorIcon, { name: action.icon, size: 14 }), action.label] }, action.label))), _jsx("button", { type: "button", className: "kywi-editor-section-toolbar-btn", onClick: (e) => { e.stopPropagation(); onDelete(); }, title: "Delete section", children: "\u00D7" })] })] }));
+    const chrome = (_jsxs(_Fragment, { children: [_jsx("span", { className: "kywi-editor-section-handle", "aria-hidden": "true", children: _jsx(EditorIcon, { name: "grip", size: 14 }) }), _jsx("span", { className: "kywi-editor-section-title", children: "Section" }), componentId ? _jsx(LinkedComponentPill, { name: componentName }) : null, _jsxs("div", { className: "kywi-editor-section-toolbar-actions", children: [_jsxs("button", { type: "button", className: "kywi-editor-section-toolbar-btn", onClick: (e) => { e.stopPropagation(); onAddColumn(); }, title: "Add column", children: [_jsx(EditorIcon, { name: "columns-plus", size: 14 }), "+Col"] }), actions?.map((action) => (_jsxs("button", { type: "button", className: "kywi-editor-section-toolbar-btn", onClick: (e) => { e.stopPropagation(); action.onClick(); }, title: action.label, children: [_jsx(EditorIcon, { name: action.icon, size: 14 }), action.label] }, action.label))), _jsx("button", { type: "button", className: "kywi-editor-section-toolbar-btn", onClick: (e) => { e.stopPropagation(); onDelete(); }, title: "Delete section", children: "\u00D7" })] })] }));
     const selectHandler = onSelect
         ? {
             onClick: (e) => {
@@ -27,12 +30,19 @@ export function SectionOverlay({ sectionId, onAddColumn, onDelete, onSelect, isS
         }
         : {};
     if (inPlace) {
-        return (_jsxs("div", { ref: sectionRef, className: `kywi-section kywi-ip-section${isSelected ? ' kywi-ip-section--selected' : ''}`, "data-kywi-section": "", "data-section-id": sectionId, style: inPlaceStyle && Object.keys(inPlaceStyle).length > 0
+        return (_jsxs("div", { ref: sectionRef, className: [
+                'kywi-section',
+                'kywi-ip-section',
+                isSelected ? 'kywi-ip-section--selected' : null,
+                componentId ? 'kywi-ip-section--linked' : null,
+            ].filter(Boolean).join(' '), "data-kywi-section": "", "data-section-id": sectionId, ...(componentId ? { 'data-component-id': componentId } : {}), style: inPlaceStyle && Object.keys(inPlaceStyle).length > 0
                 ? inPlaceStyle
-                : undefined, ...selectHandler, children: [responsiveCss ? _jsx("style", { dangerouslySetInnerHTML: { __html: responsiveCss } }) : null, _jsx("div", { className: `kywi-ip-chrome kywi-ip-section-chrome${chromeClampPx !== null ? ' kywi-ip-chrome--clamped' : ''}`, style: chromeClampPx !== null
-                        ? { '--kywi-ip-chrome-clamp': `${chromeClampPx}px` }
-                        : undefined, "data-kywi-editor-chrome": "", contentEditable: false, children: chrome }), _jsx("div", { className: "kywi-section-columns", children: children })] }));
+                : undefined, ...selectHandler, children: [responsiveCss ? _jsx("style", { dangerouslySetInnerHTML: { __html: responsiveCss } }) : null, _jsx("div", { className: ['kywi-ip-chrome', 'kywi-ip-section-chrome', ...chromeOffsetClasses(chromeOffsets)].join(' '), style: chromeOffsetStyle(chromeOffsets), "data-kywi-editor-chrome": "", contentEditable: false, children: chrome }), _jsx("div", { className: "kywi-section-columns", children: children })] }));
     }
-    return (_jsxs("div", { className: `kywi-editor-section${isSelected ? ' kywi-editor-section--selected' : ''}`, "data-section-id": sectionId, ...selectHandler, children: [_jsx("div", { className: "kywi-editor-section-toolbar", children: chrome }), _jsx("div", { className: "kywi-editor-columns", children: children })] }));
+    return (_jsxs("div", { className: [
+            'kywi-editor-section',
+            isSelected ? 'kywi-editor-section--selected' : null,
+            componentId ? 'kywi-editor-section--linked' : null,
+        ].filter(Boolean).join(' '), "data-section-id": sectionId, ...(componentId ? { 'data-component-id': componentId } : {}), ...selectHandler, children: [_jsx("div", { className: "kywi-editor-section-toolbar", children: chrome }), _jsx("div", { className: "kywi-editor-columns", children: children })] }));
 }
 //# sourceMappingURL=section-overlay.js.map

package/dist/admin/layout-editor/section-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-overlay.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAsCpD,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,aAAa,EACb,QAAQ,GACY;IACpB,0EAA0E;IAC1E,8EAA8E;IAC9E,8EAA8E;IAC9E,mBAAmB;IACnB,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC5D,MAAM,aAAa,GAAG,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAExD,2EAA2E;IAC3E,wEAAwE;IACxE,2EAA2E;IAC3E,0EAA0E;IAC1E,4CAA4C;IAC5C,MAAM,MAAM,GAAG,CACb,8BACE,eAAM,SAAS,EAAC,4BAA4B,iBAAa,MAAM,YAC7D,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,GAC/B,EACP,eAAM,SAAS,EAAC,2BAA2B,wBAAe,EAC1D,eAAK,SAAS,EAAC,qCAAqC,aAClD,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA,CAAC,CAAC,EACtD,KAAK,EAAC,YAAY,aAElB,KAAC,UAAU,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,YAErC,EACR,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,kBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAA,CAAC,CAAC,EACzD,KAAK,EAAE,MAAM,CAAC,KAAK,aAEnB,KAAC,UAAU,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC1C,MAAM,CAAC,KAAK,KAPR,MAAM,CAAC,KAAK,CAQV,CACV,CAAC,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAA,CAAC,CAAC,EACnD,KAAK,EAAC,gBAAgB,uBAGf,IACL,IACL,CACJ,CAAA;IAED,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;gBAC/B,iEAAiE;gBACjE,8DAA8D;gBAC9D,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,QAAQ,EAAE,CAAA;YACZ,CAAC;SACF;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,+BAA+B,UAAU,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,EAAE,uBACxE,EAAE,qBACH,SAAS,EAC1B,KAAK,EACH,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC;gBAClD,CAAC,CAAE,YAAoC;gBACvC,CAAC,CAAC,SAAS,KAEX,aAAa,aAEhB,aAAa,CAAC,CAAC,CAAC,gBAAO,uBAAuB,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACrF,cACE,SAAS,EAAE,wCAAwC,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7G,KAAK,EACH,aAAa,KAAK,IAAI;wBACpB,CAAC,CAAE,EAAE,wBAAwB,EAAE,GAAG,aAAa,IAAI,EAA0B;wBAC7E,CAAC,CAAC,SAAS,6BAES,EAAE,EAC1B,eAAe,EAAE,KAAK,YAErB,MAAM,GACH,EACN,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,IAClD,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,sBAAsB,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,EAAE,qBACpE,SAAS,KACtB,aAAa,aAEjB,cAAK,SAAS,EAAC,6BAA6B,YAAE,MAAM,GAAO,EAC3D,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IACjD,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"section-overlay.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAqD3D,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,QAAQ,GACY;IACpB,0EAA0E;IAC1E,8EAA8E;IAC9E,6EAA6E;IAC7E,8EAA8E;IAC9E,6EAA6E;IAC7E,UAAU;IACV,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC5D,MAAM,aAAa,GAAG,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,CAAC,CAAA;IAErE,2EAA2E;IAC3E,wEAAwE;IACxE,2EAA2E;IAC3E,0EAA0E;IAC1E,4CAA4C;IAC5C,MAAM,MAAM,GAAG,CACb,8BACE,eAAM,SAAS,EAAC,4BAA4B,iBAAa,MAAM,YAC7D,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,GAC/B,EACP,eAAM,SAAS,EAAC,2BAA2B,wBAAe,EACzD,WAAW,CAAC,CAAC,CAAC,KAAC,mBAAmB,IAAC,IAAI,EAAE,aAAa,GAAI,CAAC,CAAC,CAAC,IAAI,EAClE,eAAK,SAAS,EAAC,qCAAqC,aAClD,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA,CAAC,CAAC,EACtD,KAAK,EAAC,YAAY,aAElB,KAAC,UAAU,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,YAErC,EACR,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,kBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAA,CAAC,CAAC,EACzD,KAAK,EAAE,MAAM,CAAC,KAAK,aAEnB,KAAC,UAAU,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC1C,MAAM,CAAC,KAAK,KAPR,MAAM,CAAC,KAAK,CAQV,CACV,CAAC,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAA,CAAC,CAAC,EACnD,KAAK,EAAC,gBAAgB,uBAGf,IACL,IACL,CACJ,CAAA;IAED,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;gBAC/B,iEAAiE;gBACjE,8DAA8D;gBAC9D,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,QAAQ,EAAE,CAAA;YACZ,CAAC;SACF;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE;gBACT,cAAc;gBACd,iBAAiB;gBACjB,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,IAAI;gBAC/C,WAAW,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI;aAC/C,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,uBACT,EAAE,qBACH,SAAS,KACtB,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7D,KAAK,EACH,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC;gBAClD,CAAC,CAAE,YAAoC;gBACvC,CAAC,CAAC,SAAS,KAEX,aAAa,aAEhB,aAAa,CAAC,CAAC,CAAC,gBAAO,uBAAuB,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACrF,cACE,SAAS,EAAE,CAAC,gBAAgB,EAAE,wBAAwB,EAAE,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACxG,KAAK,EAAE,iBAAiB,CAAC,aAAa,CAAC,6BACf,EAAE,EAC1B,eAAe,EAAE,KAAK,YAErB,MAAM,GACH,EACN,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,IAClD,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE;YACT,qBAAqB;YACrB,UAAU,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,IAAI;YACnD,WAAW,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,IAAI;SACnD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,qBACV,SAAS,KACtB,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACzD,aAAa,aAEjB,cAAK,SAAS,EAAC,6BAA6B,YAAE,MAAM,GAAO,EAC3D,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IACjD,CACP,CAAA;AACH,CAAC"}

package/dist/admin/layout-editor/section-template-picker.d.ts

@@ -1,4 +1,6 @@
 import type { LayoutSection } from '../../layout/types.js';
+import type { VariantContainer } from '../../layout/types.js';
+import type { EditorComponent } from './use-component-library.js';
 export interface SectionTemplatePickerProps {
     /** Insert an empty section built from one of the 7 built-in column presets. */
     onSelect: (columns: number[]) => void;
@@ -15,7 +17,31 @@ export interface SectionTemplatePickerProps {
      * picker fetches section-type components and offers them as a "Components" source.
      */
     onInsertComponent?: (section: LayoutSection) => void;
+    /**
+     * Insert a reusable CONTAINER component (kywi-cms#147) as a linked
+     * variant container — a personalized or A-B'd band saved whole.
+     *
+     * It belongs in this picker rather than in a palette of its own because a
+     * container is a region-level node, exactly like a section: this modal already
+     * IS the region-level insert affordance, in both shells. A richer library
+     * browser (search, previews, usage counts) is the admin Components surface's
+     * job (kywi-cms#147 T5); this is the "place one on the page" path.
+     */
+    onInsertVariantContainer?: (container: VariantContainer) => void;
+    /**
+     * The saved components the shell has ALREADY loaded (kywi-cms#147 T3 review,
+     * I3): both editor shells hold the whole library from `useComponentLibrary` —
+     * one unfiltered `GET /components` — for their pills, their pickers and detach.
+     * The picker used to issue two more requests of its own (`?type=section`,
+     * `?type=variantContainer`) for rows the caller was already holding, so opening
+     * the section picker cost three round trips for one library.
+     *
+     * Omitted, the picker falls back to fetching its own rows, so a call site
+     * without a library still works standalone (that path is what the #47/#69 tests
+     * exercise, and it is the only reason the fetches below still exist).
+     */
+    componentLibrary?: EditorComponent[];
     onClose: () => void;
 }
-export declare function SectionTemplatePicker({ onSelect, onApplyLayout, onInsertComponent, onClose }: SectionTemplatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SectionTemplatePicker({ onSelect, onApplyLayout, onInsertComponent, onInsertVariantContainer, componentLibrary, onClose, }: SectionTemplatePickerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=section-template-picker.d.ts.map

package/dist/admin/layout-editor/section-template-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-template-picker.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-template-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAI1E,MAAM,WAAW,0BAA0B;IACzC,+EAA+E;IAC/E,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;IACnD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAsBD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,0BAA0B,2CAoJxH"}
+{"version":3,"file":"section-template-picker.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-template-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAK7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAEjE,MAAM,WAAW,0BAA0B;IACzC,+EAA+E;IAC/E,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;IACnD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD;;;;;;;;;OASG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAChE;;;;;;;;;;;OAWG;IACH,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAA;IACpC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAgDD,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,gBAAgB,EAChB,OAAO,GACR,EAAE,0BAA0B,2CAoM5B"}

package/dist/admin/layout-editor/section-template-picker.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { SECTION_TEMPLATES } from './drag-utils.js';
 import { adminFetch } from '../../host-client/index.js';
 import { isLayoutSection } from '../../layout/types.js';
-import { buildConnectedSectionNode } from './component-actions.js';
+import { buildConnectedSectionNode, buildConnectedVariantContainerNode, } from './component-actions.js';
 /** Flatten a saved layout document to its top-level LayoutSections (across every
  *  region, in order). VariantContainers are skipped — only plain sections apply. */
 function layoutToSections(def) {
@@ -12,9 +12,28 @@ function layoutToSections(def) {
         return [];
     return Object.values(def.regions).flat().filter(isLayoutSection);
 }
-export function SectionTemplatePicker({ onSelect, onApplyLayout, onInsertComponent, onClose }) {
+/** Component rows → insertable linked sections, dropping anything that isn't one. */
+function toSectionOptions(rows) {
+    return rows
+        .map(row => {
+        const section = buildConnectedSectionNode(row);
+        return section ? { id: row.id, name: row.name, section } : null;
+    })
+        .filter((row) => row !== null);
+}
+/** The container equivalent — a fresh experiment binding per placement. */
+function toContainerOptions(rows) {
+    return rows
+        .map(row => {
+        const container = buildConnectedVariantContainerNode(row);
+        return container ? { id: row.id, name: row.name, container } : null;
+    })
+        .filter((row) => row !== null);
+}
+export function SectionTemplatePicker({ onSelect, onApplyLayout, onInsertComponent, onInsertVariantContainer, componentLibrary, onClose, }) {
     const [savedLayouts, setSavedLayouts] = useState([]);
-    const [sectionComponents, setSectionComponents] = useState([]);
+    const [fetchedSections, setFetchedSections] = useState([]);
+    const [fetchedContainers, setFetchedContainers] = useState([]);
     // Load saved layouts (stored as full LayoutDocuments under /section-templates).
     // Best-effort: a load failure just leaves the saved-layouts group empty, so the
     // 7 built-in presets always remain available.
@@ -40,11 +59,13 @@ export function SectionTemplatePicker({ onSelect, onApplyLayout, onInsertCompone
             .catch(() => { });
         return () => { cancelled = true; };
     }, [onApplyLayout]);
-    // Load reusable section components (kywi-cms#69). Each becomes an insertable
-    // *linked* section (buildConnectedSectionNode stamps its componentId). Rows
-    // that don't resolve to a section are dropped. Best-effort like saved layouts.
+    // Reusable section components (kywi-cms#69). Each becomes an insertable *linked*
+    // section (buildConnectedSectionNode stamps its componentId). Fetched ONLY when
+    // the caller has no library to hand (see `componentLibrary`) — best-effort
+    // either way, so a load failure just leaves the group empty and the 7 presets
+    // available.
     useEffect(() => {
-        if (!onInsertComponent)
+        if (!onInsertComponent || componentLibrary)
             return;
         let cancelled = false;
         adminFetch('/api/v1/components?type=section')
@@ -52,17 +73,46 @@ export function SectionTemplatePicker({ onSelect, onApplyLayout, onInsertCompone
             .then((body) => {
             if (cancelled)
                 return;
-            const rows = (body.data ?? [])
-                .map(row => {
-                const section = buildConnectedSectionNode(row);
-                return section ? { id: row.id, name: row.name, section } : null;
-            })
-                .filter((row) => row !== null);
-            setSectionComponents(rows);
+            setFetchedSections(toSectionOptions(body.data ?? []));
         })
             .catch(() => { });
         return () => { cancelled = true; };
-    }, [onInsertComponent]);
+    }, [onInsertComponent, componentLibrary]);
+    // Container components (kywi-cms#147), the same shape one level up: each
+    // becomes an insertable LINKED container (buildConnectedVariantContainerNode
+    // stamps its componentId and mints a fresh experiment binding for an A/B one,
+    // so a second placement never reports into the first placement's experiment).
+    useEffect(() => {
+        if (!onInsertVariantContainer || componentLibrary)
+            return;
+        let cancelled = false;
+        adminFetch('/api/v1/components?type=variantContainer')
+            .then(r => (r.ok ? r.json() : Promise.reject(new Error(String(r.status)))))
+            .then((body) => {
+            if (cancelled)
+                return;
+            setFetchedContainers(toContainerOptions(body.data ?? []));
+        })
+            .catch(() => { });
+        return () => { cancelled = true; };
+    }, [onInsertVariantContainer, componentLibrary]);
+    // The rows on offer: the caller's library when there is one, otherwise what was
+    // fetched above. Each group stays empty without its insert handler — a row that
+    // cannot be inserted is not an offer.
+    const sectionComponents = useMemo(() => {
+        if (!onInsertComponent)
+            return [];
+        if (!componentLibrary)
+            return fetchedSections;
+        return toSectionOptions(componentLibrary.filter(c => c.type === 'section'));
+    }, [onInsertComponent, componentLibrary, fetchedSections]);
+    const containerComponents = useMemo(() => {
+        if (!onInsertVariantContainer)
+            return [];
+        if (!componentLibrary)
+            return fetchedContainers;
+        return toContainerOptions(componentLibrary.filter(c => c.type === 'variantContainer'));
+    }, [onInsertVariantContainer, componentLibrary, fetchedContainers]);
     function handleOverlayClick(e) {
         // Only close when clicking the backdrop itself, not children
         if (e.target === e.currentTarget) {
@@ -81,9 +131,13 @@ export function SectionTemplatePicker({ onSelect, onApplyLayout, onInsertCompone
         onInsertComponent?.(option.section);
         onClose();
     }
+    function handleInsertContainer(option) {
+        onInsertVariantContainer?.(option.container);
+        onClose();
+    }
     return (_jsx("div", { className: "kywi-editor-template-overlay", onClick: handleOverlayClick, children: _jsxs("div", { className: "kywi-editor-template-modal", children: [_jsx("div", { className: "kywi-editor-template-modal-header", children: _jsx("span", { className: "kywi-editor-template-modal-title", children: "Choose Section Layout" }) }), _jsx("div", { className: "kywi-editor-template-grid", children: SECTION_TEMPLATES.map((template) => (
                     // kywi-cms#49: rendered inside the page editor's <form> — needs an
                     // explicit type="button" or it defaults to type="submit".
-                    _jsxs("button", { type: "button", className: "kywi-editor-template-option", onClick: () => handleOptionClick(template.columns), children: [_jsx("div", { className: "kywi-editor-template-preview", children: template.columns.map((width, idx) => (_jsx("div", { className: "kywi-editor-template-col", style: { flexGrow: width, flexShrink: 1, flexBasis: 0 } }, idx))) }), _jsx("div", { className: "kywi-editor-template-label", children: template.label })] }, template.label))) }), onApplyLayout && savedLayouts.length > 0 && (_jsxs("div", { className: "kywi-editor-template-saved", children: [_jsx("div", { className: "kywi-editor-template-modal-subtitle", children: "Saved Layouts" }), _jsx("div", { className: "kywi-editor-template-saved-list", children: savedLayouts.map((option) => (_jsxs("button", { type: "button", className: "kywi-editor-template-saved-option", "data-saved-layout-id": option.id, onClick: () => handleApply(option), children: [_jsx("span", { className: "kywi-editor-template-saved-name", children: option.name }), _jsxs("span", { className: "kywi-editor-template-saved-meta", children: [option.category, " \u00B7 ", option.sections.length, " section", option.sections.length === 1 ? '' : 's'] })] }, option.id))) })] })), onInsertComponent && sectionComponents.length > 0 && (_jsxs("div", { className: "kywi-editor-template-saved", children: [_jsx("div", { className: "kywi-editor-template-modal-subtitle", children: "Components" }), _jsx("div", { className: "kywi-editor-template-saved-list", children: sectionComponents.map((option) => (_jsxs("button", { type: "button", className: "kywi-editor-template-saved-option kywi-editor-template-component-option", "data-section-component-id": option.id, onClick: () => handleInsertComponent(option), children: [_jsx("span", { className: "kywi-editor-template-saved-name", children: option.name }), _jsx("span", { className: "kywi-editor-template-saved-meta", children: "Linked \u00B7 stays in sync with the source" })] }, option.id))) })] }))] }) }));
+                    _jsxs("button", { type: "button", className: "kywi-editor-template-option", onClick: () => handleOptionClick(template.columns), children: [_jsx("div", { className: "kywi-editor-template-preview", children: template.columns.map((width, idx) => (_jsx("div", { className: "kywi-editor-template-col", style: { flexGrow: width, flexShrink: 1, flexBasis: 0 } }, idx))) }), _jsx("div", { className: "kywi-editor-template-label", children: template.label })] }, template.label))) }), onApplyLayout && savedLayouts.length > 0 && (_jsxs("div", { className: "kywi-editor-template-saved", children: [_jsx("div", { className: "kywi-editor-template-modal-subtitle", children: "Saved Layouts" }), _jsx("div", { className: "kywi-editor-template-saved-list", children: savedLayouts.map((option) => (_jsxs("button", { type: "button", className: "kywi-editor-template-saved-option", "data-saved-layout-id": option.id, onClick: () => handleApply(option), children: [_jsx("span", { className: "kywi-editor-template-saved-name", children: option.name }), _jsxs("span", { className: "kywi-editor-template-saved-meta", children: [option.category, " \u00B7 ", option.sections.length, " section", option.sections.length === 1 ? '' : 's'] })] }, option.id))) })] })), sectionComponents.length + containerComponents.length > 0 && (_jsxs("div", { className: "kywi-editor-template-saved", children: [_jsx("div", { className: "kywi-editor-template-modal-subtitle", children: "Components" }), _jsxs("div", { className: "kywi-editor-template-saved-list", children: [sectionComponents.map((option) => (_jsxs("button", { type: "button", className: "kywi-editor-template-saved-option kywi-editor-template-component-option", "data-section-component-id": option.id, onClick: () => handleInsertComponent(option), children: [_jsx("span", { className: "kywi-editor-template-saved-name", children: option.name }), _jsx("span", { className: "kywi-editor-template-saved-meta", children: "Linked \u00B7 stays in sync with the source" })] }, option.id))), containerComponents.map((option) => (_jsxs("button", { type: "button", className: "kywi-editor-template-saved-option kywi-editor-template-component-option", "data-container-component-id": option.id, onClick: () => handleInsertContainer(option), children: [_jsx("span", { className: "kywi-editor-template-saved-name", children: option.name }), _jsxs("span", { className: "kywi-editor-template-saved-meta", children: ["Linked \u00B7 ", option.container.mode === 'ab_test' ? 'A/B tested' : 'personalized', " band"] })] }, option.id)))] })] }))] }) }));
 }
 //# sourceMappingURL=section-template-picker.js.map