@kywi-software/core 0.2.1 → 0.3.0

package/dist/admin/layout-editor/form-picker-field.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { adminFetch } from '../../host-client/index.js';
+/**
+ * Primary UX for wiring a Form / Form Embed module to a form built in the Forms
+ * admin: a dropdown of existing forms keyed by slug, instead of hand-typing a
+ * slug and re-specifying fields as raw JSON (kywi-cms#35). The module then
+ * resolves its rendering/validation/success from that form definition at render
+ * time, so there's a single source of truth. The raw-JSON `fields` prop remains
+ * available as an advanced/legacy fallback.
+ */
+export function FormPickerField({ id, value, onChange }) {
+    const [forms, setForms] = useState([]);
+    const [status, setStatus] = useState('loading');
+    useEffect(() => {
+        let cancelled = false;
+        adminFetch('/api/v1/content/form?limit=200')
+            .then(r => (r.ok ? r.json() : Promise.reject(new Error(String(r.status)))))
+            .then((body) => {
+            if (cancelled)
+                return;
+            setForms((body.data ?? []).map(f => ({ id: f.id, title: f.title, slug: f.slug })));
+            setStatus('ready');
+        })
+            .catch(() => { if (!cancelled)
+            setStatus('error'); });
+        return () => { cancelled = true; };
+    }, []);
+    // Preserve an existing reference even if it isn't in the loaded list (e.g. a
+    // draft/unpublished form or a load error) so the picker never silently drops it.
+    const valueInList = value !== '' && forms.some(f => f.slug === value);
+    return (_jsxs("div", { className: "kywi-editor-form-picker", children: [_jsxs("select", { id: id, className: "kywi-editor-prop-input kywi-editor-form-picker-select", value: value, onChange: e => onChange(e.target.value), children: [_jsx("option", { value: "", children: "\u2014 Select a form \u2014" }), value !== '' && !valueInList && _jsxs("option", { value: value, children: [value, " (not found)"] }), forms.map(f => (_jsxs("option", { value: f.slug, children: [f.title, " (", f.slug, ")"] }, f.id)))] }), status === 'loading' && _jsx("p", { className: "kywi-editor-form-picker-hint", children: "Loading forms\u2026" }), status === 'error' && (_jsx("p", { className: "kywi-editor-form-picker-hint", children: "Couldn't load forms \u2014 enter a slug via the advanced fields below." })), status === 'ready' && forms.length === 0 && (_jsx("p", { className: "kywi-editor-form-picker-hint", children: "No forms yet \u2014 create one in Forms first." }))] }));
+}
+//# sourceMappingURL=form-picker-field.js.map

package/dist/admin/layout-editor/form-picker-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-picker-field.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/form-picker-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAevD;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAwB;IAC3E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAA;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgC,SAAS,CAAC,CAAA;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAA;QACrB,UAAU,CAAC,gCAAgC,CAAC;aACzC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1E,IAAI,CAAC,CAAC,IAAmE,EAAE,EAAE;YAC5E,IAAI,SAAS;gBAAE,OAAM;YACrB,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;YAClF,SAAS,CAAC,OAAO,CAAC,CAAA;QACpB,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS;YAAE,SAAS,CAAC,OAAO,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA;QACtD,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA,CAAC,CAAC,CAAA;IACnC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,6EAA6E;IAC7E,iFAAiF;IACjF,MAAM,WAAW,GAAG,KAAK,KAAK,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAA;IAErE,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,kBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAEvC,iBAAQ,KAAK,EAAC,EAAE,4CAA2B,EAC1C,KAAK,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,kBAAQ,KAAK,EAAE,KAAK,aAAG,KAAK,oBAAsB,EAClF,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACd,kBAAmB,KAAK,EAAE,CAAC,CAAC,IAAI,aAAG,CAAC,CAAC,KAAK,QAAI,CAAC,CAAC,IAAI,UAAvC,CAAC,CAAC,EAAE,CAA8C,CAChE,CAAC,IACK,EACR,MAAM,KAAK,SAAS,IAAI,YAAG,SAAS,EAAC,8BAA8B,oCAAmB,EACtF,MAAM,KAAK,OAAO,IAAI,CACrB,YAAG,SAAS,EAAC,8BAA8B,uFAA2E,CACvH,EACA,MAAM,KAAK,OAAO,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAC3C,YAAG,SAAS,EAAC,8BAA8B,+DAA8C,CAC1F,IACG,CACP,CAAA;AACH,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"layout-editor.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/layout-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAUnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAQ9D,OAAO,cAAc,CAAA;AAIrB,UAAU,iBAAiB;IACzB,aAAa,EAAE,cAAc,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,cAAc,CAAA;IAC9B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC,CAAA;IACzH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;0EACsE;IACtE,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC/C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,2CA8JnB"}
+{"version":3,"file":"layout-editor.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/layout-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAUnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAY9D,OAAO,cAAc,CAAA;AAarB,UAAU,iBAAiB;IACzB,aAAa,EAAE,cAAc,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,cAAc,CAAA;IAC9B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC,CAAA;IACzH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;0EACsE;IACtE,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC/C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,2CAmOnB"}

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

@@ -4,11 +4,14 @@ import { useReducer, useState, useCallback, useEffect, useRef } from 'react';
 import { DndContext, PointerSensor, KeyboardSensor, useSensors, useSensor, closestCenter, } from '@dnd-kit/core';
 import { isLayoutSection } from '../../layout/types.js';
 import { editorReducer, createInitialState } from './editor-state.js';
+import { resolveDragEndAction } from './drag-utils.js';
 import { EditorToolbar } from './editor-toolbar.js';
 import { ModulePalette } from './module-palette.js';
 import { EditorCanvas } from './editor-canvas.js';
 import { PropsPanel } from './props-panel.js';
 import { SectionTemplatePicker } from './section-template-picker.js';
+import { adminFetch } from '../../host-client/index.js';
+import { saveAsComponent, detachModuleFromComponent, resolveComponentDefinition } from './component-actions.js';
 import './editor.css';
 // ── Helpers ───────────────────────────────────────────────────────────────────
 /**
@@ -35,6 +38,21 @@ export function LayoutEditor({ initialLayout, moduleRegistry, moduleComponents,
     const [state, dispatch] = useReducer(editorReducer, initialLayout, createInitialState);
     const [showTemplatePicker, setShowTemplatePicker] = useState(false);
     const [templateRegion, setTemplateRegion] = useState(null);
+    // Saved reusable components (kywi-cms#46): loaded once so the props panel can
+    // offer them in the picker and the canvas can preview connected nodes as their
+    // real module. Best-effort — a load failure just leaves the picker empty.
+    const [components, setComponents] = useState([]);
+    useEffect(() => {
+        let cancelled = false;
+        adminFetch('/api/v1/components?type=module')
+            .then(r => (r.ok ? r.json() : Promise.reject(new Error(String(r.status)))))
+            .then((body) => {
+            if (!cancelled)
+                setComponents(body.data ?? []);
+        })
+            .catch(() => { });
+        return () => { cancelled = true; };
+    }, []);
     // Keep the latest onChange in a ref so the sync effect below doesn't need it
     // as a dependency. Callers routinely pass an inline arrow (a fresh identity
     // every render — see content-form.tsx's Layout tab), and depending on it
@@ -61,33 +79,9 @@ export function LayoutEditor({ initialLayout, moduleRegistry, moduleComponents,
     }, [state.layout]);
     const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor));
     const handleDragEnd = useCallback((event) => {
-        const { active, over } = event;
-        if (!over)
-            return;
-        const source = active.data.current?.source;
-        if (source === 'palette') {
-            const moduleType = active.data.current?.moduleType;
-            const columnId = over.data.current?.columnId;
-            const index = over.data.current?.index ?? 0;
-            if (moduleType && columnId) {
-                dispatch({ type: 'ADD_MODULE', columnId, index, moduleType });
-            }
-        }
-        else if (source === 'canvas') {
-            const fromColumnId = active.data.current?.columnId;
-            const fromIndex = active.data.current?.index;
-            const toColumnId = over.data.current?.columnId;
-            const toIndex = over.data.current?.index ?? 0;
-            if (fromColumnId && toColumnId) {
-                dispatch({
-                    type: 'MOVE_MODULE',
-                    fromColumnId,
-                    fromIndex,
-                    toColumnId,
-                    toIndex,
-                });
-            }
-        }
+        const action = resolveDragEndAction(event.active, event.over);
+        if (action)
+            dispatch(action);
     }, []);
     const handleSave = useCallback(() => {
         onSave?.(state.layout);
@@ -106,6 +100,70 @@ export function LayoutEditor({ initialLayout, moduleRegistry, moduleComponents,
         setShowTemplatePicker(false);
         setTemplateRegion(null);
     }, [templateRegion]);
+    // ── Reusable components (kywi-cms#46) ─────────────────────────────────────
+    // Resolve a componentId → its live module definition for the canvas preview.
+    const resolveComponent = useCallback((componentId) => {
+        const c = components.find(x => x.id === componentId);
+        return resolveComponentDefinition(c ?? null);
+    }, [components]);
+    // Connect a node to a saved component: props/style become live-resolved from
+    // the component, so the node carries only the id (empty overrides).
+    const linkModule = useCallback((moduleId, componentId) => {
+        const node = findModuleById(state.layout, moduleId);
+        if (!node)
+            return;
+        dispatch({
+            type: 'REPLACE_MODULE',
+            moduleId,
+            node: { ...node, componentId, props: { componentId }, style: {} },
+        });
+    }, [state.layout]);
+    // Save the selected module as a reusable component, then link it in place so
+    // it immediately becomes a live instance of the new component.
+    const handleSaveAsComponent = useCallback(async () => {
+        const moduleId = state.selectedId;
+        if (!moduleId)
+            return;
+        const node = findModuleById(state.layout, moduleId);
+        if (!node)
+            return;
+        const name = window.prompt('Save this module as a reusable component. Name:')?.trim();
+        if (!name)
+            return;
+        try {
+            const res = await adminFetch('/api/v1/components', {
+                method: 'POST',
+                body: JSON.stringify(saveAsComponent(node, name)),
+            });
+            if (!res.ok)
+                return;
+            const body = (await res.json());
+            const created = body.data;
+            if (created?.id) {
+                setComponents(prev => [...prev, created]);
+                linkModule(moduleId, created.id);
+            }
+        }
+        catch {
+            /* ignore — save failed, node stays inline */
+        }
+    }, [state.selectedId, state.layout, linkModule]);
+    // Detach a connected node back into an editable inline copy (snapshots the
+    // component's current definition into the node and drops the link).
+    const handleDetach = useCallback(() => {
+        const moduleId = state.selectedId;
+        if (!moduleId)
+            return;
+        const node = findModuleById(state.layout, moduleId);
+        if (!node?.componentId)
+            return;
+        const comp = components.find(c => c.id === node.componentId);
+        const detached = detachModuleFromComponent(node, comp ?? null);
+        dispatch({ type: 'REPLACE_MODULE', moduleId, node: detached });
+        dispatch({ type: 'DESELECT' });
+    }, [state.selectedId, state.layout, components]);
+    // Module-type components offered by the props-panel picker.
+    const componentOptions = components.map(c => ({ id: c.id, name: c.name, moduleType: c.moduleType }));
     const selectedModule = state.selectedId
         ? findModuleById(state.layout, state.selectedId)
         : null;
@@ -115,12 +173,21 @@ export function LayoutEditor({ initialLayout, moduleRegistry, moduleComponents,
     return (_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: [_jsxs("div", { className: "kywi-editor-root", children: [_jsx(EditorToolbar, { state: state, dispatch: dispatch, ...(audiences ? { audiences } : {}), onSave: handleSave, onCancel: handleCancel, onAddSection: () => {
                             setTemplateRegion(Object.keys(state.layout.regions)[0] ?? 'main');
                             setShowTemplatePicker(true);
-                        } }), _jsxs("div", { className: "kywi-editor-body", children: [_jsx(ModulePalette, { modules: moduleRegistry.list(), ...(userRole ? { userRole } : {}) }), _jsx("div", { className: "kywi-editor-canvas", children: _jsx(EditorCanvas, { state: state, dispatch: dispatch, moduleComponents: moduleComponents, onInsertSection: handleInsertSection }) }), _jsx(PropsPanel, { module: selectedModule, moduleConfig: selectedConfig, ...(audiences ? { audiences } : {}), onUpdateProps: (props) => dispatch({ type: 'UPDATE_PROPS', moduleId: state.selectedId, props }), onUpdateStyle: (style) => dispatch({ type: 'UPDATE_STYLE', moduleId: state.selectedId, style }), onDelete: () => dispatch({ type: 'REMOVE_MODULE', moduleId: state.selectedId }), onClose: () => dispatch({ type: 'DESELECT' }) })] })] }), showTemplatePicker && (_jsx(SectionTemplatePicker, { onSelect: (columns) => {
+                        } }), _jsxs("div", { className: "kywi-editor-body", children: [_jsx(ModulePalette, { modules: moduleRegistry.list(), ...(userRole ? { userRole } : {}) }), _jsx("div", { className: "kywi-editor-canvas", children: _jsx(EditorCanvas, { state: state, dispatch: dispatch, moduleComponents: moduleComponents, onInsertSection: handleInsertSection, resolveComponent: resolveComponent }) }), _jsx(PropsPanel, { module: selectedModule, moduleConfig: selectedConfig, ...(audiences ? { audiences } : {}), components: componentOptions, onUpdateProps: (props) => dispatch({ type: 'UPDATE_PROPS', moduleId: state.selectedId, props }), onUpdateStyle: (style) => dispatch({ type: 'UPDATE_STYLE', moduleId: state.selectedId, style }), onDelete: () => dispatch({ type: 'REMOVE_MODULE', moduleId: state.selectedId }), onSaveAsComponent: handleSaveAsComponent, onLinkComponent: (componentId) => {
+                                    if (state.selectedId)
+                                        linkModule(state.selectedId, componentId);
+                                }, onDetach: handleDetach, onClose: () => dispatch({ type: 'DESELECT' }) })] })] }), showTemplatePicker && (_jsx(SectionTemplatePicker, { onSelect: (columns) => {
                     if (templateRegion) {
                         dispatch({ type: 'ADD_SECTION', regionName: templateRegion, columns });
                     }
                     setShowTemplatePicker(false);
                     setTemplateRegion(null);
+                }, onApplyLayout: (sections) => {
+                    if (templateRegion) {
+                        dispatch({ type: 'ADD_SECTIONS', regionName: templateRegion, sections });
+                    }
+                    setShowTemplatePicker(false);
+                    setTemplateRegion(null);
                 }, onClose: () => {
                     setShowTemplatePicker(false);
                     setTemplateRegion(null);

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

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

package/dist/admin/layout-editor/mode-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mode-toggle.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/mode-toggle.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAa7D"}
+{"version":3,"file":"mode-toggle.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/mode-toggle.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAiB7D"}

package/dist/admin/layout-editor/mode-toggle.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ModeToggle({ mode, onToggle }) {
-    return (_jsxs("div", { className: "kywi-editor-mode-toggle", children: [_jsx("button", { className: `kywi-editor-mode-btn ${mode === 'browse' ? 'kywi-editor-mode-btn--active' : ''}`, onClick: () => onToggle('browse'), children: "Browse" }), _jsx("button", { className: `kywi-editor-mode-btn ${mode === 'edit' ? 'kywi-editor-mode-btn--active' : ''}`, onClick: () => onToggle('edit'), children: "Edit" })] }));
+    return (_jsxs("div", { className: "kywi-editor-mode-toggle", children: [_jsx("button", { type: "button", className: `kywi-editor-mode-btn ${mode === 'browse' ? 'kywi-editor-mode-btn--active' : ''}`, onClick: () => onToggle('browse'), children: "Browse" }), _jsx("button", { type: "button", className: `kywi-editor-mode-btn ${mode === 'edit' ? 'kywi-editor-mode-btn--active' : ''}`, onClick: () => onToggle('edit'), children: "Edit" })] }));
 }
 //# sourceMappingURL=mode-toggle.js.map

package/dist/admin/layout-editor/mode-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"mode-toggle.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/mode-toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAQZ,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAmB;IAC5D,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,iBACE,SAAS,EAAE,wBAAwB,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC5F,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,uBACnB,EAChB,iBACE,SAAS,EAAE,wBAAwB,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1F,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,qBACnB,IACV,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"mode-toggle.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/mode-toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAQZ,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAmB;IAC5D,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aAGtC,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,wBAAwB,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC5F,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,uBACnB,EAChB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,wBAAwB,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1F,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,qBACnB,IACV,CACP,CAAA;AACH,CAAC"}

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

@@ -3,6 +3,15 @@ import type { OverlayAction } from './section-overlay.js';
 interface ModuleOverlayProps {
     moduleId: string;
     instanceId: string;
+    /** The column this module currently lives in (kywi-cms#20 — see drag-utils.ts's
+     *  resolveDragEndAction: a drop target needs its own columnId/index to be
+     *  resolvable, or a drop directly onto an occupied module is silently lost).
+     *  Optional only so standalone/unit-rendered instances that never
+     *  participate in a real drag (e.g. visual-only tests) don't need to supply
+     *  it — EditorCanvas's real usage always does. */
+    columnId?: string;
+    /** This module's position within that column's node list. */
+    index?: number;
     isSelected: boolean;
     onSelect: () => void;
     actions?: OverlayAction[];
@@ -10,6 +19,6 @@ interface ModuleOverlayProps {
     typeLabel?: string;
     children: React.ReactNode;
 }
-export declare function ModuleOverlay({ moduleId, instanceId, isSelected, onSelect, actions, typeLabel, children, }: ModuleOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModuleOverlay({ moduleId, instanceId, columnId, index, isSelected, onSelect, actions, typeLabel, children, }: ModuleOverlayProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=module-overlay.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"module-overlay.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/module-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAGzD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CAkDpB"}
+{"version":3,"file":"module-overlay.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/module-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAGzD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB;;;;;sDAKkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,KAAK,EACL,UAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CAuDpB"}

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

@@ -3,10 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { EditorIcon } from './editor-icons.js';
-export function ModuleOverlay({ moduleId, instanceId, isSelected, onSelect, actions, typeLabel, children, }) {
+export function ModuleOverlay({ moduleId, instanceId, columnId, index, isSelected, onSelect, actions, typeLabel, children, }) {
     const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
         id: moduleId,
-        data: { source: 'canvas', moduleId, instanceId },
+        data: { source: 'canvas', moduleId, instanceId, columnId, index },
     });
     const style = {
         transform: CSS.Transform.toString(transform),
@@ -15,7 +15,7 @@ export function ModuleOverlay({ moduleId, instanceId, isSelected, onSelect, acti
     return (_jsxs("div", { ref: setNodeRef, className: `kywi-editor-module${isSelected ? ' kywi-editor-module--selected' : ''}`, style: style, onClick: (e) => {
             e.stopPropagation();
             onSelect();
-        }, "data-module-id": moduleId, ...attributes, children: [typeLabel && _jsx("span", { className: "kywi-editor-module-type-chip", children: typeLabel }), _jsxs("div", { className: "kywi-editor-module-actions", children: [_jsx("button", { className: "kywi-editor-module-action-btn kywi-editor-module-drag-handle", "aria-label": "Drag to reorder", title: "Drag to reorder", ...listeners, children: _jsx(EditorIcon, { name: "grip", size: 14 }) }), actions?.map((action, i) => (_jsx("button", { className: "kywi-editor-module-action-btn", onClick: (e) => {
+        }, "data-module-id": moduleId, ...attributes, children: [typeLabel && _jsx("span", { className: "kywi-editor-module-type-chip", children: typeLabel }), _jsxs("div", { className: "kywi-editor-module-actions", children: [_jsx("button", { type: "button", className: "kywi-editor-module-action-btn kywi-editor-module-drag-handle", "aria-label": "Drag to reorder", title: "Drag to reorder", ...listeners, children: _jsx(EditorIcon, { name: "grip", size: 14 }) }), actions?.map((action, i) => (_jsx("button", { type: "button", className: "kywi-editor-module-action-btn", onClick: (e) => {
                             e.stopPropagation();
                             action.onClick();
                         }, title: action.label, children: action.icon }, i)))] }), children] }));

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

@@ -1 +1 @@
-{"version":3,"file":"module-overlay.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/module-overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAa9C,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC;QAC/E,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE;KACjD,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAA;IAED,OAAO,CACL,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,qBAAqB,UAAU,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,EAAE,EACnF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,QAAQ,EAAE,CAAA;QACZ,CAAC,oBACe,QAAQ,KACpB,UAAU,aAEb,SAAS,IAAI,eAAM,SAAS,EAAC,8BAA8B,YAAE,SAAS,GAAQ,EAC/E,eAAK,SAAS,EAAC,4BAA4B,aACzC,iBACE,SAAS,EAAC,8DAA8D,gBAC7D,iBAAiB,EAC5B,KAAK,EAAC,iBAAiB,KACnB,SAAS,YAEb,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,EACR,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,iBAEE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,MAAM,CAAC,OAAO,EAAE,CAAA;wBAClB,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,KAAK,YAElB,MAAM,CAAC,IAAI,IARP,CAAC,CASC,CACV,CAAC,IACE,EACL,QAAQ,IACL,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"module-overlay.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/module-overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAsB9C,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,KAAK,EACL,UAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC;QAC/E,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;KAClE,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAA;IAED,OAAO,CACL,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,qBAAqB,UAAU,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,EAAE,EACnF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,QAAQ,EAAE,CAAA;QACZ,CAAC,oBACe,QAAQ,KACpB,UAAU,aAEb,SAAS,IAAI,eAAM,SAAS,EAAC,8BAA8B,YAAE,SAAS,GAAQ,EAC/E,eAAK,SAAS,EAAC,4BAA4B,aAIzC,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8DAA8D,gBAC7D,iBAAiB,EAC5B,KAAK,EAAC,iBAAiB,KACnB,SAAS,YAEb,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,EACR,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,MAAM,CAAC,OAAO,EAAE,CAAA;wBAClB,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,KAAK,YAElB,MAAM,CAAC,IAAI,IATP,CAAC,CAUC,CACV,CAAC,IACE,EACL,QAAQ,IACL,CACP,CAAA;AACH,CAAC"}

package/dist/admin/layout-editor/props-panel.d.ts

@@ -1,6 +1,7 @@
 import type { ModuleNode } from '../../layout/types.js';
 import type { ModuleConfig } from '../../config/types.js';
 import type { ThemeRegistry } from '../../layout/theme-registry.js';
+import { type ComponentOption } from './component-picker-field.js';
 interface PropsPanelProps {
     module: ModuleNode | null;
     moduleConfig: ModuleConfig | null;
@@ -17,7 +18,15 @@ interface PropsPanelProps {
         id: string;
         name: string;
     }>;
+    /** Saved reusable components (module-type) for the picker + link label (kywi-cms#46). */
+    components?: ComponentOption[];
+    /** Save the selected module as a reusable component. */
+    onSaveAsComponent?: () => void;
+    /** Connect a placed `component` node to a saved component by id. */
+    onLinkComponent?: (componentId: string) => void;
+    /** Detach a connected node back into an editable inline copy. */
+    onDetach?: () => void;
 }
-export declare function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle, onDelete, onClose, themeRegistry, themeName, audiences, }: PropsPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle, onDelete, onClose, themeRegistry, themeName, audiences, components, onSaveAsComponent, onLinkComponent, onDetach, }: PropsPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=props-panel.d.ts.map

package/dist/admin/layout-editor/props-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props-panel.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/props-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAMnE,UAAU,eAAe;IACvB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;IACtD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAChD;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,QAAQ,EACR,OAAO,EACP,aAAa,EACb,SAAS,EACT,SAAS,GACV,EAAE,eAAe,2CAiFjB"}
+{"version":3,"file":"props-panel.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/props-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAA;AASxF,UAAU,eAAe;IACvB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;IACtD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC/C,yFAAyF;IACzF,UAAU,CAAC,EAAE,eAAe,EAAE,CAAA;IAC9B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,oEAAoE;IACpE,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,QAAQ,EACR,OAAO,EACP,aAAa,EACb,SAAS,EACT,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACT,EAAE,eAAe,2CAwJjB"}

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

@@ -1,10 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { PropField } from './prop-field.js';
+import { FormPickerField } from './form-picker-field.js';
+import { ComponentPickerField } from './component-picker-field.js';
 import { StyleEditor } from './style-editor.js';
 import { VariantContainerConfig } from './variant-container-config.js';
 import { EditorIcon, moduleIconName } from './editor-icons.js';
-export function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle, onDelete, onClose, themeRegistry, themeName, audiences, }) {
+// 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, }) {
     const isHidden = module === null;
     function handlePropChange(propName, value) {
         if (!module)
@@ -17,8 +22,26 @@ export function PropsPanel({ module, moduleConfig, onUpdateProps, onUpdateStyle,
         }
     }
     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
+    // an unlinked placeholder that shows the component picker.
+    const linkedComponent = module?.componentId
+        ? (components?.find(c => c.id === module.componentId) ?? null)
+        : null;
+    const isLinked = Boolean(module?.componentId);
+    const isUnlinkedComponentNode = module?.type === 'component' && !module?.componentId;
     return (_jsx("div", { className: isHidden
             ? 'kywi-editor-props-panel kywi-editor-props-panel--hidden'
-            : 'kywi-editor-props-panel', children: 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: [module.type !== 'variantContainer' && propEntries.length > 0 && (_jsx("div", { className: "kywi-editor-props-section-label", children: "Content" })), module.type === 'variantContainer' ? (_jsx(VariantContainerConfig, { props: module.props, ...(audiences ? { audiences } : {}), onChange: (patch) => onUpdateProps({ ...module.props, ...patch }) })) : (propEntries.map(([propName, definition]) => (_jsx(PropField, { name: propName, definition: definition, value: module.props[propName] ?? definition.defaultValue ?? '', onChange: (value) => handlePropChange(propName, value) }, propName)))), _jsx(StyleEditor, { style: module.style, onChange: onUpdateStyle })] }), _jsx("div", { className: "kywi-editor-props-footer kywi-editor-props-danger-zone", children: _jsxs("button", { type: "button", className: "kywi-editor-danger", onClick: handleDelete, children: [_jsx(EditorIcon, { name: "trash", size: 15 }), "Delete Module"] }) })] })) }));
+            : 'kywi-editor-props-panel', children: 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]) => {
+                                    // 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];
+                                        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
+                            ? 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"] })] })] })) }));
 }
 //# 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-insert-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-insert-line.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-insert-line.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAUrE"}
+{"version":3,"file":"section-insert-line.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-insert-line.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAarE"}

package/dist/admin/layout-editor/section-insert-line.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function SectionInsertLine({ onInsert }) {
-    return (_jsxs("div", { className: "kywi-editor-section-insert", children: [_jsx("div", { className: "kywi-editor-section-insert-line" }), _jsx("button", { className: "kywi-editor-section-insert-btn", onClick: onInsert, children: "+" }), _jsx("div", { className: "kywi-editor-section-insert-line" })] }));
+    return (_jsxs("div", { className: "kywi-editor-section-insert", children: [_jsx("div", { className: "kywi-editor-section-insert-line" }), _jsx("button", { type: "button", className: "kywi-editor-section-insert-btn", onClick: onInsert, children: "+" }), _jsx("div", { className: "kywi-editor-section-insert-line" })] }));
 }
 //# sourceMappingURL=section-insert-line.js.map

package/dist/admin/layout-editor/section-insert-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-insert-line.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-insert-line.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAOZ,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAA0B;IACpE,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,iCAAiC,GAAG,EACnD,iBAAQ,SAAS,EAAC,gCAAgC,EAAC,OAAO,EAAE,QAAQ,kBAE3D,EACT,cAAK,SAAS,EAAC,iCAAiC,GAAG,IAC/C,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"section-insert-line.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-insert-line.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAOZ,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAA0B;IACpE,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,iCAAiC,GAAG,EAInD,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,gCAAgC,EAAC,OAAO,EAAE,QAAQ,kBAEzE,EACT,cAAK,SAAS,EAAC,iCAAiC,GAAG,IAC/C,CACP,CAAA;AACH,CAAC"}

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;AAGzB,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,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,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,mBAAmB,2CA+BrB"}
+{"version":3,"file":"section-overlay.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,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,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,mBAAmB,2CAoCrB"}

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

@@ -2,6 +2,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { EditorIcon } from './editor-icons.js';
 export function SectionOverlay({ sectionId, onAddColumn, onDelete, actions, children, }) {
-    return (_jsxs("div", { className: "kywi-editor-section", "data-section-id": sectionId, children: [_jsxs("div", { className: "kywi-editor-section-toolbar", 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", { className: "kywi-editor-section-toolbar-btn", onClick: onAddColumn, title: "Add column", children: [_jsx(EditorIcon, { name: "columns-plus", size: 14 }), "+Col"] }), actions?.map((action, i) => (_jsx("button", { className: "kywi-editor-section-toolbar-btn", onClick: action.onClick, title: action.label, children: action.icon }, i))), _jsx("button", { className: "kywi-editor-section-toolbar-btn", onClick: onDelete, title: "Delete section", children: "\u00D7" })] })] }), _jsx("div", { className: "kywi-editor-columns", children: children })] }));
+    return (_jsxs("div", { className: "kywi-editor-section", "data-section-id": sectionId, children: [_jsxs("div", { className: "kywi-editor-section-toolbar", 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: onAddColumn, title: "Add column", children: [_jsx(EditorIcon, { name: "columns-plus", size: 14 }), "+Col"] }), actions?.map((action, i) => (_jsx("button", { type: "button", className: "kywi-editor-section-toolbar-btn", onClick: action.onClick, title: action.label, children: action.icon }, i))), _jsx("button", { type: "button", className: "kywi-editor-section-toolbar-btn", onClick: onDelete, title: "Delete section", children: "\u00D7" })] })] }), _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;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAgB9C,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,GACY;IACpB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,qBAAkB,SAAS,aAC7D,eAAK,SAAS,EAAC,6BAA6B,aAC1C,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,kBAAQ,SAAS,EAAC,iCAAiC,EAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,YAAY,aAC1F,KAAC,UAAU,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,YAErC,EACR,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,iBAEE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,YAElB,MAAM,CAAC,IAAI,IALP,CAAC,CAMC,CACV,CAAC,EACF,iBAAQ,SAAS,EAAC,iCAAiC,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,gBAAgB,uBAEpF,IACL,IACF,EACN,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;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAgB9C,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,GACY;IACpB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,qBAAkB,SAAS,aAC7D,eAAK,SAAS,EAAC,6BAA6B,aAC1C,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,aAKlD,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,EAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,YAAY,aACxG,KAAC,UAAU,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,YAErC,EACR,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,YAElB,MAAM,CAAC,IAAI,IANP,CAAC,CAOC,CACV,CAAC,EACF,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,gBAAgB,uBAElG,IACL,IACF,EACN,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IACjD,CACP,CAAA;AACH,CAAC"}

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

@@ -1,6 +1,14 @@
+import type { LayoutSection } from '../../layout/types.js';
 export interface SectionTemplatePickerProps {
+    /** Insert an empty section built from one of the 7 built-in column presets. */
     onSelect: (columns: number[]) => void;
+    /**
+     * Apply a saved layout (kywi-cms#47): insert its sections into the current
+     * region. The picker flattens the saved layout to its LayoutSections and
+     * hands them up; the editor appends them (with fresh ids).
+     */
+    onApplyLayout?: (sections: LayoutSection[]) => void;
     onClose: () => void;
 }
-export declare function SectionTemplatePicker({ onSelect, onClose }: SectionTemplatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SectionTemplatePicker({ onSelect, onApplyLayout, 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,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,0BAA0B,2CA0CtF"}
+{"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;AAG1E,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,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAgBD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,0BAA0B,2CAkGrG"}