cursedbelt 0.0.0

package/dist/react/layoutEngine/LayoutCanvas.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { closestCorners, DndContext, DragOverlay, useDraggable, useDroppable, } from '@dnd-kit/core';
+import { useMemo, useState } from 'react';
+import { resolveBinding as coreResolveBinding, nodeGridClass, } from '../../core/layout';
+import { DismissButton } from '../components/DismissButton';
+import { DragHandle } from '../components/DragHandle';
+import { useDndSensors } from '../hooks/useDndSensors';
+import { cn } from '../lib/cn';
+import { widgetDef } from './registry';
+// The WYSIWYG editing surface. Each node is a live, display-only preview of its
+// widget on a sample row, laid out on the real container-query 12-col grid; a node is
+// both a @dnd-kit draggable AND a drop target, so you can drag a node to reorder it,
+// drop it onto another node to land beside it, or drop it into a section to nest it.
+// Cross-section moves work by construction. Built on a bespoke `DndContext` with
+// `closestCorners` (the right strategy for 2D placement — a `SortableContext`
+// assumes a 1-D list), so it composes nested section zones without the
+// container-vs-item id clash a list-reorder primitive would hit.
+// Sentinel container id for the top level (the model uses `null`; dnd-kit needs a
+// string). Distinct from any section id.
+const ROOT = '__root__';
+const toModelContainer = (c) => (c === ROOT ? null : c);
+// The display-only widget preview inside a node frame.
+function NodePreview({ node, shared, }) {
+    const def = widgetDef(shared.widgets, node.type);
+    const resolved = shared.resolve(node, {
+        fieldByKey: shared.fieldByKey,
+        row: shared.sampleRow,
+        rows: shared.sampleRows,
+    });
+    const field = resolved.kind === 'column' || resolved.kind === 'aggregate' ? resolved.field : undefined;
+    const missing = node.binding.kind === 'column' && resolved.kind === 'unresolved';
+    const showLabel = Boolean(def?.labeled && field && !node.hideLabel);
+    if (missing) {
+        return _jsx("span", { className: 'text-xs text-destructive', children: "Column removed \u2014 delete this widget" });
+    }
+    return (_jsxs(_Fragment, { children: [showLabel && field && (_jsx("div", { className: 'mb-0.5 text-xs uppercase tracking-wide text-muted-foreground', children: field.label })), _jsx("div", { className: 'min-w-0 break-words', children: def?.render({
+                    node,
+                    resolved,
+                    surface: shared.surface,
+                    interactive: false,
+                    field,
+                    row: shared.sampleRow,
+                    rows: shared.sampleRows,
+                }) })] }));
+}
+// One selectable, draggable node frame. `useDraggable` lifts it (via the grip);
+// `useDroppable` lets another node land beside it.
+function NodeFrame({ node, container, index, shared, isSection, children, }) {
+    const def = widgetDef(shared.widgets, node.type);
+    const data = { kind: 'node', node: node.id, container, index, isSection: !!isSection };
+    const drag = useDraggable({ id: node.id, data });
+    const drop = useDroppable({ id: node.id, data });
+    const selected = shared.selectedId === node.id;
+    const field = node.binding.kind === 'column' ? shared.fieldByKey.get(node.binding.key) : undefined;
+    const frameLabel = field?.label ?? def?.title ?? node.type;
+    const setRef = (el) => {
+        drag.setNodeRef(el);
+        drop.setNodeRef(el);
+    };
+    return (_jsxs("div", { ref: setRef, role: 'button', tabIndex: 0, "aria-label": `Edit ${frameLabel}`, onClick: (e) => {
+            e.stopPropagation();
+            shared.onSelect(node.id);
+        }, onKeyDown: (e) => {
+            if (e.key === 'Enter')
+                shared.onSelect(node.id);
+        }, className: cn('group relative cursor-pointer rounded-lg border p-2 text-left transition', drag.isDragging && 'opacity-40', selected ? 'border-accent ring-1 ring-accent' : 'border-border hover:border-border-strong'), children: [_jsxs("div", { className: 'mb-1 flex items-center justify-between gap-1', children: [_jsxs("span", { className: 'flex min-w-0 items-center gap-1 text-[11px] font-medium text-muted-foreground', children: [_jsx(DragHandle, { handleProps: { ...drag.attributes, ...drag.listeners }, activatorRef: drag.setActivatorNodeRef }), _jsx("span", { className: 'truncate', children: isSection ? `Section${node.title ? ` · ${node.title}` : ''}` : frameLabel })] }), _jsx(DismissButton, { label: isSection ? 'Remove section' : 'Remove widget', icon: shared.removeIcon, className: 'shrink-0 opacity-0 transition group-hover:opacity-100', onClick: (e) => {
+                            e.stopPropagation();
+                            shared.onRemove(node.id);
+                        } })] }), children ?? _jsx(NodePreview, { node: node, shared: shared })] }));
+}
+// The droppable children area of a section (so an empty section can receive a node).
+function SectionZone({ id, children }) {
+    const data = { kind: 'zone', container: id };
+    const { setNodeRef, isOver } = useDroppable({ id: `zone:${id}`, data });
+    return (_jsx("div", { ref: setNodeRef, className: cn('@container grid grid-cols-12 gap-3 rounded-md p-1 transition-colors', isOver && 'bg-accent/10 ring-1 ring-accent/40'), children: children }));
+}
+export function LayoutCanvas({ nodes, fields, sampleRow, sampleRows, surface, widgets, resolve, removeIcon, selectedId, onSelect, onRemove, onMoveNode, emptyHint, }) {
+    const sensors = useDndSensors();
+    const fieldByKey = useMemo(() => new Map(fields.map((f) => [f.key, f])), [fields]);
+    const [activeId, setActiveId] = useState(null);
+    const shared = {
+        fieldByKey,
+        sampleRow,
+        sampleRows,
+        surface,
+        widgets,
+        resolve: resolve ?? coreResolveBinding,
+        removeIcon,
+        selectedId,
+        onSelect,
+        onRemove,
+    };
+    // Children of a container (null = top level) in the current model order.
+    const childrenOf = (c) => c === null ? nodes : (nodes.find((n) => n.id === c)?.children ?? []);
+    const onDragStart = (e) => setActiveId(String(e.active.id));
+    const onDragEnd = (e) => {
+        setActiveId(null);
+        const { active, over } = e;
+        if (!over)
+            return;
+        const a = active.data.current;
+        const o = over.data.current;
+        if (!a || !o)
+            return;
+        const destContainer = o.container;
+        // Sections live only at the top level — never nest one inside another.
+        if (a.isSection && destContainer !== ROOT)
+            return;
+        if (o.kind === 'node' && o.node === a.node)
+            return; // dropped on self
+        const dest = toModelContainer(destContainer);
+        const destItems = childrenOf(dest).filter((n) => n.id !== a.node); // post-removal order
+        let index;
+        if (o.kind === 'zone') {
+            index = destItems.length; // empty space → append
+        }
+        else {
+            const overIdx = destItems.findIndex((n) => n.id === o.node);
+            const translated = active.rect.current.translated;
+            const below = !!translated && !!over.rect && translated.top > over.rect.top + over.rect.height / 2;
+            index = overIdx < 0 ? destItems.length : overIdx + (below ? 1 : 0);
+        }
+        onMoveNode(a.node, dest, index);
+    };
+    if (nodes.length === 0) {
+        return (_jsx("div", { className: 'rounded-lg border border-dashed border-border py-12 text-center text-sm text-muted-foreground', children: emptyHint ?? 'Add fields and elements to design this view.' }));
+    }
+    const activeNode = activeId ? findNode(nodes, activeId) : null;
+    return (_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCorners, onDragStart: onDragStart, onDragEnd: onDragEnd, onDragCancel: () => setActiveId(null), children: [_jsx(RootZone, { children: nodes.map((node, i) => node.type === 'section' ? (_jsx("div", { className: cn('relative', nodeGridClass({ ...node, width: 'full' })), children: _jsx(NodeFrame, { node: node, container: ROOT, index: i, shared: shared, isSection: true, children: node.children?.length ? (_jsx(SectionZone, { id: node.id, children: node.children.map((child, ci) => (_jsx("div", { className: cn('relative', nodeGridClass(child)), children: _jsx(NodeFrame, { node: child, container: node.id, index: ci, shared: shared }) }, child.id))) })) : (_jsx(EmptySectionZone, { id: node.id })) }) }, node.id)) : (_jsx("div", { className: cn('relative', nodeGridClass(node)), children: _jsx(NodeFrame, { node: node, container: ROOT, index: i, shared: shared }) }, node.id))) }), _jsx(DragOverlay, { children: activeNode ? (_jsx("div", { className: 'rounded-lg border border-accent bg-surface p-2 text-left shadow-overlay', children: _jsx(NodePreview, { node: activeNode, shared: shared }) })) : null })] }));
+}
+// The top-level droppable grid.
+function RootZone({ children }) {
+    const data = { kind: 'zone', container: ROOT };
+    const { setNodeRef, isOver } = useDroppable({ id: `zone:${ROOT}`, data });
+    return (_jsx("div", { ref: setNodeRef, className: cn('@container grid grid-cols-12 gap-3 rounded-lg p-1 transition-colors', isOver && 'bg-accent/5'), children: children }));
+}
+// The droppable area shown inside a section that has no children yet.
+function EmptySectionZone({ id }) {
+    const data = { kind: 'zone', container: id };
+    const { setNodeRef, isOver } = useDroppable({ id: `zone:${id}`, data });
+    return (_jsx("div", { ref: setNodeRef, className: cn('rounded border border-dashed py-4 text-center text-xs transition-colors', isOver ? 'border-accent bg-accent/10 text-accent' : 'border-border text-muted-foreground'), children: "Drag a widget here, or select this section and add one." }));
+}
+function findNode(nodes, id) {
+    for (const n of nodes) {
+        if (n.id === id)
+            return n;
+        const child = n.children?.find((c) => c.id === id);
+        if (child)
+            return child;
+    }
+    return null;
+}
+//# sourceMappingURL=LayoutCanvas.js.map

package/dist/react/layoutEngine/LayoutCanvas.js.map

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

package/dist/react/layoutEngine/LayoutConfigDialog.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import type { LayoutField, LayoutNode, LayoutRow, LayoutView } from '../../core/layout';
+import type { BindingResolver } from './LayoutRenderer';
+import type { LayoutWidgetDef, WidgetRegistry } from './types';
+export type LayoutConfigDialogProps<F extends LayoutField = LayoutField> = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: ReactNode;
+    /** The views to edit (e.g. `{ card, detail, dashboard }` or `{ page }`). */
+    initialViews: Record<string, LayoutView>;
+    fields: F[];
+    widgets: WidgetRegistry<F>;
+    /** Sample data driving the live previews. */
+    sampleRow: LayoutRow;
+    sampleRows?: LayoutRow[];
+    resolve?: BindingResolver<F>;
+    /** Friendly per-view tab labels (defaults to the capitalized key). */
+    tabLabels?: Record<string, string>;
+    /** Turn a chosen palette widget into a node (lets the host seed app defaults). */
+    makeNode?: (def: LayoutWidgetDef<F>, fields: F[]) => LayoutNode | null;
+    onSave: (views: Record<string, LayoutView>) => void;
+};
+export declare function LayoutConfigDialog<F extends LayoutField = LayoutField>({ open, onOpenChange, title, initialViews, fields, widgets, sampleRow, sampleRows, resolve, tabLabels, makeNode, onSave, }: LayoutConfigDialogProps<F>): import("react").JSX.Element;
+//# sourceMappingURL=LayoutConfigDialog.d.ts.map

package/dist/react/layoutEngine/LayoutConfigDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutConfigDialog.d.ts","sourceRoot":"","sources":["../../../src/react/layoutEngine/LayoutConfigDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EACV,WAAW,EACX,UAAU,EACV,SAAS,EAET,UAAU,EACX,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAIxD,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAa/D,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACzC,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC7B,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,UAAU,GAAG,IAAI,CAAC;IACvE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACrD,CAAC;AAsCF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACtE,IAAI,EACJ,YAAY,EACZ,KAA0B,EAC1B,YAAY,EACZ,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,OAAO,EACP,SAAS,EACT,QAAQ,EACR,MAAM,GACP,EAAE,uBAAuB,CAAC,CAAC,CAAC,+BA8L5B"}

package/dist/react/layoutEngine/LayoutConfigDialog.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Redo2, Undo2, X } from 'lucide-react';
+import { useEffect, useRef } from 'react';
+import { Button } from '../components/Button';
+import { Dialog, DialogClose, DialogContent, DialogTitle } from '../components/dialog';
+import { ScrollArea } from '../components/ScrollArea';
+import { SegmentedControl } from '../components/SegmentedControl';
+import { Switch } from '../components/Switch';
+import { useDiscardGuard } from '../hooks/useDiscardGuard';
+import { LayoutCanvas } from './LayoutCanvas';
+import { NodeInspector } from './NodeInspector';
+import { makeElementNode, makeSectionNode, newNodeId } from './registry';
+import { SuggestPanel } from './SuggestPanel';
+import { useLayoutEditor } from './useLayoutEditor';
+// The reimagined, non-technical layout editor. Built on the Modal/overlay family
+// (task 10), but the UX is the point: the user picks blocks from a plain-language
+// palette (SuggestPanel), arranges them by dragging on the WYSIWYG canvas, and tweaks
+// the selected one in the inspector — width by visual swatch, the rest under "More
+// options". The data flowing in/out is the same `LayoutView` map; only the editing
+// surface is ground-up. A dirty close is guarded (useDiscardGuard) with a "Discard
+// changes?" prompt that also offers Save.
+const cap = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+// Default node factory: bind field widgets to the first compatible column, seed an
+// aggregate as a count, make a section/decoration otherwise.
+function defaultMakeNode(def, fields, widgets) {
+    if (def.container || def.type === 'section')
+        return makeSectionNode();
+    if (def.acceptsBindingKinds.includes('column')) {
+        const field = fields.find((f) => !def.acceptsColumnTypes || (f.type && def.acceptsColumnTypes.includes(f.type))) ?? fields[0];
+        if (!field)
+            return null;
+        return {
+            id: newNodeId(def.type),
+            type: def.type,
+            binding: { kind: 'column', key: field.key },
+            width: def.defaultWidth ?? 'full',
+        };
+    }
+    if (def.acceptsBindingKinds.includes('aggregate')) {
+        return {
+            id: newNodeId(def.type),
+            type: def.type,
+            binding: { kind: 'aggregate', metric: 'count' },
+            width: def.defaultWidth ?? 'full',
+        };
+    }
+    return makeElementNode(widgets, def.type, def.type === 'heading' ? 'Heading' : def.type === 'text' ? 'Text' : undefined);
+}
+export function LayoutConfigDialog({ open, onOpenChange, title = 'Customize layout', initialViews, fields, widgets, sampleRow, sampleRows, resolve, tabLabels, makeNode, onSave, }) {
+    const editor = useLayoutEditor(initialViews);
+    const rows = sampleRows ?? [sampleRow];
+    // Re-seed the editor each time the dialog opens (it stays mounted between opens).
+    const wasOpen = useRef(false);
+    useEffect(() => {
+        if (open && !wasOpen.current)
+            editor.reset(initialViews);
+        wasOpen.current = open;
+    }, [open]);
+    const handleSave = () => {
+        onSave(editor.payload);
+        onOpenChange(false);
+    };
+    // Dirty close → an in-dialog "Discard changes?" prompt that also offers Save.
+    const guard = useDiscardGuard({
+        open,
+        isDirty: editor.isDirty,
+        onClose: () => onOpenChange(false),
+        onSave: handleSave,
+    });
+    const onAdd = (def) => {
+        const node = (makeNode ?? ((d, fs) => defaultMakeNode(d, fs, widgets)))(def, fields);
+        if (node)
+            editor.addNode(node, def.container ? null : editor.activeContainerId);
+    };
+    const selected = editor.selectedNode;
+    const tabOptions = editor.tabs.map((t) => ({ value: t, label: tabLabels?.[t] ?? cap(t) }));
+    // The active tab names the surface the renderer/preview should assume.
+    const SURFACES = ['card', 'detail', 'dashboard', 'page'];
+    const surface = SURFACES.includes(editor.tab)
+        ? editor.tab
+        : 'detail';
+    return (_jsx(Dialog, { open: open, onOpenChange: (next) => {
+            if (next)
+                onOpenChange(true);
+            else
+                guard.guardedClose();
+        }, children: _jsxs(DialogContent, { className: 'fixed inset-0 z-50 flex w-full flex-col bg-surface text-foreground shadow-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 sm:inset-4 sm:rounded-xl sm:border sm:border-border lg:inset-8', onInteractOutside: (e) => {
+                e.preventDefault();
+                guard.guardedClose();
+            }, 
+            // While the discard prompt is up, Escape keeps editing; otherwise it falls
+            // through to onOpenChange → guardedClose.
+            onEscapeKeyDown: (e) => {
+                if (guard.isConfirming) {
+                    e.preventDefault();
+                    guard.cancelDiscard();
+                }
+            }, children: [_jsxs("div", { className: 'flex shrink-0 items-center justify-between gap-3 border-b border-border px-5 py-3', children: [_jsx(DialogTitle, { className: 'text-lg font-semibold', children: title }), _jsxs("div", { className: 'flex items-center gap-1', children: [_jsx(Button, { variant: 'ghost', size: 'sm', leftIcon: _jsx(Undo2, { className: 'size-4' }), disabled: !editor.canUndo, onClick: editor.undo, "aria-label": 'Undo', children: "Undo" }), _jsx(Button, { variant: 'ghost', size: 'sm', leftIcon: _jsx(Redo2, { className: 'size-4' }), disabled: !editor.canRedo, onClick: editor.redo, "aria-label": 'Redo', children: "Redo" }), _jsx(DialogClose, { className: 'ml-1 rounded-lg p-1 text-muted-foreground hover:bg-muted', "aria-label": 'Close', children: _jsx(X, { className: 'size-5' }) })] })] }), _jsxs("div", { className: 'flex shrink-0 flex-wrap items-center justify-between gap-3 border-b border-border px-5 py-3', children: [tabOptions.length > 1 ? (_jsx(SegmentedControl, { options: tabOptions, value: editor.tab, onChange: editor.selectTab, "aria-label": 'Layout view' })) : (_jsx("span", { className: 'text-sm font-medium', children: tabOptions[0]?.label })), _jsxs("div", { className: 'flex items-center gap-2 text-sm text-muted-foreground', children: [_jsx("span", { id: 'cb-layout-enable', children: "Use a custom layout" }), _jsx(Switch, { "aria-labelledby": 'cb-layout-enable', checked: Boolean(editor.view.enabled), onCheckedChange: (v) => editor.setEnabled(v) })] })] }), _jsx(ScrollArea, { className: 'flex-1 px-5 py-4', children: _jsxs("div", { className: 'flex flex-col gap-4 lg:flex-row lg:items-start', children: [_jsx("div", { className: 'min-w-0 flex-1', children: _jsx(LayoutCanvas, { nodes: editor.view.nodes, fields: fields, sampleRow: sampleRow, sampleRows: rows, surface: surface, widgets: widgets, resolve: resolve, selectedId: editor.selectedId, onSelect: editor.setSelectedId, onRemove: editor.removeNode, onMoveNode: editor.moveNodeTo, emptyHint: 'Add blocks from the panel on the right to design this view.' }) }), _jsx("aside", { className: 'shrink-0 lg:w-72', children: _jsx("div", { className: 'rounded-lg border border-border bg-background p-3', children: selected ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mb-3 flex items-center justify-between', children: [_jsx("span", { className: 'text-sm font-semibold', children: "Edit block" }), _jsx(Button, { variant: 'ghost', size: 'sm', onClick: () => editor.setSelectedId(null), children: "Done" })] }), _jsx(NodeInspector, { node: selected, fields: fields, widgets: widgets, sampleRow: sampleRow, sampleRows: rows, resolve: resolve, onChange: (patch) => editor.updateNode(selected.id, patch), onDelete: editor.removeNode })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mb-3 flex items-center justify-between gap-2', children: [_jsx("span", { className: 'text-sm font-semibold', children: "Add a block" }), _jsx(Button, { variant: 'secondary', size: 'sm', onClick: () => editor.addNode(makeSectionNode(), null), children: "+ Section" })] }), _jsx(SuggestPanel, { widgets: widgets, onAdd: onAdd })] })) }) })] }) }), _jsxs("div", { className: 'flex shrink-0 items-center justify-end gap-2 border-t border-border px-5 py-3', children: [_jsx(Button, { variant: 'secondary', onClick: () => guard.guardedClose(), children: "Cancel" }), _jsx(Button, { variant: 'primary', onClick: handleSave, disabled: !editor.isDirty, children: "Save layout" })] }), guard.discardOverlay] }) }));
+}
+//# sourceMappingURL=LayoutConfigDialog.js.map

package/dist/react/layoutEngine/LayoutConfigDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutConfigDialog.js","sourceRoot":"","sources":["../../../src/react/layoutEngine/LayoutConfigDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAkB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAQ1D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,iFAAiF;AACjF,kFAAkF;AAClF,sFAAsF;AACtF,mFAAmF;AACnF,mFAAmF;AACnF,mFAAmF;AACnF,0CAA0C;AAE1C,MAAM,GAAG,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAqB1E,mFAAmF;AACnF,6DAA6D;AAC7D,SAAS,eAAe,CACtB,GAAuB,EACvB,MAAW,EACX,OAA0B;IAE1B,IAAI,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,eAAe,EAAE,CAAC;IACtE,IAAI,GAAG,CAAC,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,MAAM,KAAK,GACT,MAAM,CAAC,IAAI,CACT,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,kBAAkB,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CACtF,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACxB,OAAO;YACL,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;YACvB,IAAI,EAAE,GAAG,CAAC,IAAI;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE;YAC3C,KAAK,EAAE,GAAG,CAAC,YAAY,IAAI,MAAM;SAClC,CAAC;IACJ,CAAC;IACD,IAAI,GAAG,CAAC,mBAAmB,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;QAClD,OAAO;YACL,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;YACvB,IAAI,EAAE,GAAG,CAAC,IAAI;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE;YAC/C,KAAK,EAAE,GAAG,CAAC,YAAY,IAAI,MAAM;SAClC,CAAC;IACJ,CAAC;IACD,OAAO,eAAe,CACpB,OAAO,EACP,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAC9E,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAsC,EACtE,IAAI,EACJ,YAAY,EACZ,KAAK,GAAG,kBAAkB,EAC1B,YAAY,EACZ,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,OAAO,EACP,SAAS,EACT,QAAQ,EACR,MAAM,GACqB;IAC3B,MAAM,MAAM,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,IAAI,GAAG,UAAU,IAAI,CAAC,SAAS,CAAC,CAAC;IAEvC,kFAAkF;IAClF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACzD,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IACzB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACvB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,8EAA8E;IAC9E,MAAM,KAAK,GAAG,eAAe,CAAC;QAC5B,IAAI;QACJ,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;QAClC,MAAM,EAAE,UAAU;KACnB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,CAAC,GAAuB,EAAE,EAAE;QACxC,MAAM,IAAI,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QACrF,IAAI,IAAI;YAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClF,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC;IACrC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3F,uEAAuE;IACvE,MAAM,QAAQ,GAAoB,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC1E,MAAM,OAAO,GAAkB,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAoB,CAAC;QAC3E,CAAC,CAAE,MAAM,CAAC,GAAqB;QAC/B,CAAC,CAAC,QAAQ,CAAC;IAEb,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,IAAI;gBAAE,YAAY,CAAC,IAAI,CAAC,CAAC;;gBACxB,KAAK,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC,YAED,MAAC,aAAa,IACZ,SAAS,EAAC,0QAA0Q,EACpR,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,CAAC;YACD,2EAA2E;YAC3E,0CAA0C;YAC1C,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;gBACrB,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;oBACvB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,KAAK,CAAC,aAAa,EAAE,CAAC;gBACxB,CAAC;YACH,CAAC,aAGD,eAAK,SAAS,EAAC,mFAAmF,aAChG,KAAC,WAAW,IAAC,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAe,EACpE,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,EACtC,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,EACzB,OAAO,EAAE,MAAM,CAAC,IAAI,gBACT,MAAM,qBAGV,EACT,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,EACtC,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,EACzB,OAAO,EAAE,MAAM,CAAC,IAAI,gBACT,MAAM,qBAGV,EACT,KAAC,WAAW,IACV,SAAS,EAAC,0DAA0D,gBACzD,OAAO,YAElB,KAAC,CAAC,IAAC,SAAS,EAAC,QAAQ,GAAG,GACZ,IACV,IACF,EAGN,eAAK,SAAS,EAAC,6FAA6F,aACzG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,KAAC,gBAAgB,IACf,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,QAAQ,EAAE,MAAM,CAAC,SAAS,gBACf,aAAa,GACxB,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,qBAAqB,YAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,GAAQ,CACpE,EACD,eAAK,SAAS,EAAC,uDAAuD,aACpE,eAAM,EAAE,EAAC,kBAAkB,oCAA2B,EACtD,KAAC,MAAM,uBACW,kBAAkB,EAClC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EACrC,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAC5C,IACE,IACF,EAGN,KAAC,UAAU,IAAC,SAAS,EAAC,kBAAkB,YACtC,eAAK,SAAS,EAAC,gDAAgD,aAC7D,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,YAAY,IACX,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EACxB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,QAAQ,EAAE,MAAM,CAAC,aAAa,EAC9B,QAAQ,EAAE,MAAM,CAAC,UAAU,EAC3B,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,SAAS,EAAC,6DAA6D,GACvE,GACE,EACN,gBAAO,SAAS,EAAC,kBAAkB,YACjC,cAAK,SAAS,EAAC,mDAAmD,YAC/D,QAAQ,CAAC,CAAC,CAAC,CACV,8BACE,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAM,SAAS,EAAC,uBAAuB,2BAAkB,EACzD,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,qBAElE,IACL,EACN,KAAC,aAAa,IACZ,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,EAC1D,QAAQ,EAAE,MAAM,CAAC,UAAU,GAC3B,IACD,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,eAAK,SAAS,EAAC,8CAA8C,aAC3D,eAAM,SAAS,EAAC,uBAAuB,4BAAmB,EAC1D,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,IAAI,CAAC,0BAG/C,IACL,EACN,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,IAC/C,CACJ,GACG,GACA,IACJ,GACK,EAGb,eAAK,SAAS,EAAC,+EAA+E,aAC5F,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,uBAEtD,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,4BAE/D,IACL,EAGL,KAAK,CAAC,cAAc,IACP,GACT,CACV,CAAC;AACJ,CAAC"}

package/dist/react/layoutEngine/LayoutRenderer.d.ts

@@ -0,0 +1,22 @@
+import { type LayoutField, type LayoutNode, type LayoutRow, type LayoutSurface, type ResolvedBinding, type ResolveEnv } from '../../core/layout';
+import type { WidgetRegistry } from './types';
+export type BindingResolver<F extends LayoutField> = (node: LayoutNode, env: ResolveEnv<F>) => ResolvedBinding<F>;
+export type LayoutRendererProps<F extends LayoutField = LayoutField> = {
+    nodes: LayoutNode[];
+    fields: F[];
+    surface: LayoutSurface;
+    widgets: WidgetRegistry<F>;
+    /** The record a card/detail renders. */
+    row?: LayoutRow;
+    /** The visible set aggregate widgets fold over. */
+    rows?: LayoutRow[];
+    resolve?: BindingResolver<F>;
+    /** Whether interactive widgets are live; defaults to the detail surface. */
+    interactive?: boolean;
+    onPatchCell?: (key: string, value: unknown) => void;
+    /** When set, each node becomes clickable (e.g. to open it for editing). */
+    onNodeClick?: (nodeId: string) => void;
+    className?: string;
+};
+export declare function LayoutRenderer<F extends LayoutField = LayoutField>({ nodes, fields, surface, widgets, row, rows, resolve, interactive, onPatchCell, onNodeClick, className, }: LayoutRendererProps<F>): import("react").JSX.Element;
+//# sourceMappingURL=LayoutRenderer.d.ts.map

package/dist/react/layoutEngine/LayoutRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutRenderer.d.ts","sourceRoot":"","sources":["../../../src/react/layoutEngine/LayoutRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,aAAa,EAIlB,KAAK,eAAe,EACpB,KAAK,UAAU,EAChB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAW9C,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,CACnD,IAAI,EAAE,UAAU,EAChB,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,KACf,eAAe,CAAC,CAAC,CAAC,CAAC;AA6FxB,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IACrE,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC3B,wCAAwC;IACxC,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IAGnB,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC7B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,2EAA2E;IAC3E,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EAClE,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,GAAG,EACH,IAAI,EACJ,OAAO,EACP,WAAW,EACX,WAAW,EACX,WAAW,EACX,SAAS,GACV,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAmBxB"}

package/dist/react/layoutEngine/LayoutRenderer.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { resolveBinding as coreResolveBinding, nodeBoxClass, nodeGridClass, nodeTextClass, } from '../../core/layout';
+import { cn } from '../lib/cn';
+import { isContainerType, widgetDef } from './registry';
+// `@container` marks the sub-grid as its own query context, so a section's children
+// reflow to the SECTION's width (not the outer grid's). Literal so Tailwind scans it.
+const childGridClass = '@container grid grid-cols-12 gap-x-4 gap-y-2';
+// Render one node: resolve its binding, (recursively) its children, then hand a
+// WidgetContext to the registered widget.
+function LayoutNodeView({ node, ctx, }) {
+    const def = widgetDef(ctx.widgets, node.type);
+    if (!def)
+        return null;
+    const resolved = ctx.resolve(node, ctx.env);
+    const bindingKind = node.binding.kind;
+    const isFieldBinding = bindingKind === 'column' || bindingKind === 'slot' || bindingKind === 'aggregate';
+    // A field widget whose data can't be resolved (deleted column / unmapped slot /
+    // unsupported source) is dropped — matches the old "skip missing column".
+    if (isFieldBinding && resolved.kind === 'unresolved')
+        return null;
+    const field = resolved.kind === 'column' || resolved.kind === 'aggregate' ? resolved.field : undefined;
+    const children = isContainerType(ctx.widgets, node.type) && node.children?.length ? (_jsx("div", { className: childGridClass, children: node.children.map((c) => (_jsx(LayoutNodeView, { node: c, ctx: ctx }, c.id))) })) : undefined;
+    const content = def.render({
+        node,
+        resolved,
+        surface: ctx.surface,
+        interactive: ctx.interactive,
+        field,
+        row: ctx.env.row,
+        rows: ctx.env.rows,
+        children,
+        onPatchCell: ctx.onPatchCell,
+    });
+    const showLabel = Boolean(def.labeled && field && !node.hideLabel);
+    const clickable = ctx.onNodeClick;
+    return (_jsxs("div", { className: cn(nodeGridClass(node), 'min-w-0', nodeBoxClass(node.style)), ...(clickable
+            ? {
+                role: 'button',
+                tabIndex: 0,
+                onClick: (e) => {
+                    e.stopPropagation();
+                    clickable(node.id);
+                },
+                onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        clickable(node.id);
+                    }
+                },
+            }
+            : {}), children: [showLabel && field && (_jsx("div", { className: 'mb-0.5 text-xs uppercase tracking-wide text-muted-foreground', children: field.label })), _jsx("div", { className: cn('min-w-0 break-words', nodeTextClass(node.style)), children: content })] }));
+}
+// Render an ordered list of layout nodes onto the responsive 12-col grid.
+export function LayoutRenderer({ nodes, fields, surface, widgets, row, rows, resolve, interactive, onPatchCell, onNodeClick, className, }) {
+    const fieldByKey = useMemo(() => new Map(fields.map((f) => [f.key, f])), [fields]);
+    const ctx = {
+        env: { fieldByKey, row, rows },
+        surface,
+        widgets,
+        resolve: resolve ?? coreResolveBinding,
+        interactive: interactive ?? surface === 'detail',
+        onPatchCell,
+        onNodeClick,
+    };
+    const gapY = surface === 'card' ? 'gap-y-2' : 'gap-y-3';
+    return (_jsx("div", { className: className ?? cn('@container grid grid-cols-12 gap-x-4', gapY), children: nodes.map((node) => (_jsx(LayoutNodeView, { node: node, ctx: ctx }, node.id))) }));
+}
+//# sourceMappingURL=LayoutRenderer.js.map

package/dist/react/layoutEngine/LayoutRenderer.js.map

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

package/dist/react/layoutEngine/NodeInspector.d.ts

@@ -0,0 +1,18 @@
+import { type LayoutField, type LayoutNode, type LayoutRow } from '../../core/layout';
+import type { BindingResolver } from './LayoutRenderer';
+import type { WidgetRegistry } from './types';
+export type NodeInspectorProps<F extends LayoutField = LayoutField> = {
+    node: LayoutNode;
+    fields: F[];
+    widgets: WidgetRegistry<F>;
+    /** Sample data for the live preview (optional). */
+    sampleRow?: LayoutRow;
+    sampleRows?: LayoutRow[];
+    resolve?: BindingResolver<F>;
+    /** Patch the selected node (merged shallowly). */
+    onChange: (patch: Partial<LayoutNode>) => void;
+    /** Remove the node (after a confirm). */
+    onDelete: (nodeId: string) => void;
+};
+export declare function NodeInspector<F extends LayoutField = LayoutField>({ node, fields, widgets, sampleRow, sampleRows, resolve, onChange, onDelete, }: NodeInspectorProps<F>): import("react").JSX.Element;
+//# sourceMappingURL=NodeInspector.d.ts.map

package/dist/react/layoutEngine/NodeInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeInspector.d.ts","sourceRoot":"","sources":["../../../src/react/layoutEngine/NodeInspector.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EAIf,MAAM,mBAAmB,CAAC;AAM3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAS9C,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IACpE,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC7B,kDAAkD;IAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC/C,yCAAyC;IACzC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAuJF,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACjE,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BA+PvB"}

package/dist/react/layoutEngine/NodeInspector.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { resolveBinding as coreResolveBinding, } from '../../core/layout';
+import { Button } from '../components/Button';
+import { Collapsible } from '../components/Collapsible';
+import { ConfirmDialog } from '../components/ConfirmDialog';
+import { Switch } from '../components/Switch';
+import { cn } from '../lib/cn';
+import { compatibleWidgets, widgetDef } from './registry';
+// A themed, token-driven native control (the engine doesn't pull in the full field kit).
+const selectClass = 'w-full rounded-md border border-border bg-surface px-2 py-1.5 text-sm text-foreground focus:border-accent focus:outline-none focus:ring-1 focus:ring-ring';
+const inputClass = selectClass;
+const WIDTHS = [
+    { value: 'full', label: 'Full width', fraction: 1 },
+    { value: 'half', label: 'Half', fraction: 1 / 2 },
+    { value: 'third', label: 'Third', fraction: 1 / 3 },
+    { value: 'quarter', label: 'Quarter', fraction: 1 / 4 },
+];
+const AGG_METRICS = [
+    { value: 'count', label: 'Count of rows' },
+    { value: 'sum', label: 'Sum' },
+    { value: 'avg', label: 'Average' },
+    { value: 'min', label: 'Lowest' },
+    { value: 'max', label: 'Highest' },
+    { value: 'countTrue', label: 'Count where true' },
+    { value: 'distinctCount', label: 'Distinct values' },
+    { value: 'progress', label: 'Progress (done / total)' },
+];
+// Enumerated style tokens ('' = inherit/none) — kept under "More options".
+const TONES = ['', 'neutral', 'emerald', 'sky', 'cyan', 'amber', 'purple', 'rose', 'slate'];
+const FILLS = ['', 'subtle', 'toned', 'solid', 'card'];
+const BORDERS = ['', 'hairline', 'toned', 'strong'];
+const RADII = ['', 'none', 'sm', 'md', 'lg', 'full'];
+const PADDINGS = ['', 'none', 'tight', 'cozy', 'roomy'];
+const ALIGNS = ['', 'left', 'center', 'right'];
+const SIZES = ['', 'xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl'];
+const WEIGHTS = ['', 'normal', 'medium', 'semibold', 'bold'];
+const TEXT_COLORS = ['', 'default', 'muted', 'subtle', 'tone'];
+const Labeled = ({ label, children }) => (_jsxs("label", { className: 'flex flex-col gap-1', children: [_jsx("span", { className: 'text-[11px] font-medium uppercase tracking-wide text-muted-foreground', children: label }), children] }));
+const StyleSelect = ({ label, value, options, onPick, }) => (_jsx(Labeled, { label: label, children: _jsx("select", { className: selectClass, value: value ?? '', onChange: (e) => onPick(e.target.value || undefined), children: options.map((o) => (_jsx("option", { value: o, children: o || '—' }, o))) }) }));
+// Visual width chooser: a 2×2 grid of toggles, each a proportion swatch + word — no
+// span numbers. Selected reads with the accent ring.
+function WidthChooser({ value, onPick }) {
+    return (_jsxs("fieldset", { className: 'm-0 flex min-w-0 flex-col gap-1 border-0 p-0', children: [_jsx("legend", { className: 'mb-1 p-0 text-[11px] font-medium uppercase tracking-wide text-muted-foreground', children: "Width" }), _jsx("div", { className: 'grid grid-cols-2 gap-2', children: WIDTHS.map((w) => {
+                    const selected = (value ?? 'full') === w.value;
+                    return (_jsxs("button", { type: 'button', "aria-pressed": selected, onClick: () => onPick(w.value), className: cn('flex flex-col gap-1 rounded-md border p-2 text-left text-xs transition', selected
+                            ? 'border-accent ring-1 ring-accent text-foreground'
+                            : 'border-border text-muted-foreground hover:border-border-strong'), children: [_jsx("span", { className: 'flex h-2 w-full overflow-hidden rounded-full bg-muted', children: _jsx("span", { className: 'h-full rounded-full bg-accent', style: { width: `${Math.round(w.fraction * 100)}%` } }) }), w.label] }, w.value));
+                }) })] }));
+}
+// A small live preview of the block on the sample row (display-only).
+function Preview({ node, fields, widgets, sampleRow, sampleRows, resolve, }) {
+    const def = widgetDef(widgets, node.type);
+    const fieldByKey = new Map(fields.map((f) => [f.key, f]));
+    const resolved = resolve(node, { fieldByKey, row: sampleRow, rows: sampleRows });
+    const field = resolved.kind === 'column' || resolved.kind === 'aggregate' ? resolved.field : undefined;
+    return (_jsx(Labeled, { label: 'Preview', children: _jsx("div", { className: 'min-w-0 break-words rounded-md border border-border bg-surface p-3 text-sm text-foreground', children: def?.render({
+                node,
+                resolved,
+                surface: 'detail',
+                interactive: false,
+                field,
+                row: sampleRow,
+                rows: sampleRows,
+            }) ?? _jsx("span", { className: 'text-muted-foreground', children: "No preview" }) }) }));
+}
+export function NodeInspector({ node, fields, widgets, sampleRow, sampleRows, resolve, onChange, onDelete, }) {
+    const [confirmingDelete, setConfirmingDelete] = useState(false);
+    const isColumn = node.binding.kind === 'column';
+    const boundKey = node.binding.kind === 'column' ? node.binding.key : undefined;
+    const field = fields.find((f) => f.key === boundKey);
+    const isDecoration = node.binding.kind === 'static';
+    const isSection = node.type === 'section';
+    const isAggregate = node.binding.kind === 'aggregate';
+    const aggMetric = node.binding.kind === 'aggregate' ? node.binding.metric : 'count';
+    const aggKey = node.binding.kind === 'aggregate' ? node.binding.key : undefined;
+    const def = widgetDef(widgets, node.type);
+    const setStyle = (patch) => onChange({ style: { ...(node.style ?? {}), ...patch } });
+    const setAgg = (patch) => onChange({
+        binding: {
+            kind: 'aggregate',
+            metric: (patch.metric ?? aggMetric),
+            key: 'key' in patch ? patch.key : aggKey,
+        },
+    });
+    return (_jsxs("div", { className: 'flex flex-col gap-4', children: [isColumn && (_jsxs(_Fragment, { children: [_jsx(Labeled, { label: 'Field', children: _jsx("select", { className: selectClass, value: boundKey ?? '', onChange: (e) => onChange({ binding: { kind: 'column', key: e.target.value } }), children: fields.map((f) => (_jsx("option", { value: f.key, children: f.label }, f.key))) }) }), _jsx(Labeled, { label: 'Show as', children: _jsx("select", { className: selectClass, value: node.type, onChange: (e) => onChange({ type: e.target.value }), children: compatibleWidgets(widgets, field).map((w) => (_jsx("option", { value: w.type, children: w.title }, w.type))) }) })] })), isAggregate && (_jsx(Labeled, { label: 'Show', children: _jsx("select", { className: selectClass, value: aggMetric, onChange: (e) => setAgg({ metric: e.target.value }), children: AGG_METRICS.map((m) => (_jsx("option", { value: m.value, children: m.label }, m.value))) }) })), isSection && (_jsx(Labeled, { label: 'Section title', children: _jsx("input", { className: inputClass, placeholder: 'Section', value: node.title ?? '', onChange: (e) => onChange({ title: e.target.value }) }) })), isDecoration && (node.type === 'heading' || node.type === 'text') && (_jsx(Labeled, { label: 'Text', children: _jsx("input", { className: inputClass, value: node.content ?? '', onChange: (e) => onChange({ content: e.target.value }) }) })), !isSection && (_jsx(WidthChooser, { value: node.width ?? 'full', onPick: (w) => onChange({ width: w }) })), sampleRow && (_jsx(Preview, { node: node, fields: fields, widgets: widgets, sampleRow: sampleRow, sampleRows: sampleRows ?? [sampleRow], resolve: resolve ?? coreResolveBinding })), _jsx(Collapsible, { trigger: 'More options', className: 'border-t border-border pt-1', children: _jsxs("div", { className: 'flex flex-col gap-3 pt-2', children: [isColumn && (_jsxs("div", { className: 'flex items-center justify-between gap-2 text-sm text-foreground', children: [_jsx("span", { id: 'hide-label-text', children: "Hide the field label" }), _jsx(Switch, { "aria-labelledby": 'hide-label-text', checked: Boolean(node.hideLabel), onCheckedChange: (v) => onChange({ hideLabel: v || undefined }) })] })), isAggregate && aggMetric !== 'count' && (_jsx(Labeled, { label: 'Column', children: _jsxs("select", { className: selectClass, value: aggKey ?? '', onChange: (e) => setAgg({ key: e.target.value || undefined }), children: [_jsx("option", { value: '', children: "Pick a column\u2026" }), fields.map((f) => (_jsx("option", { value: f.key, children: f.label }, f.key)))] }) })), _jsx(Labeled, { label: 'Row height', children: _jsxs("select", { className: selectClass, value: String(node.rowSpan ?? 1), onChange: (e) => {
+                                    const n = Number(e.target.value);
+                                    onChange({ rowSpan: n === 1 ? undefined : n });
+                                }, children: [_jsx("option", { value: '1', children: "1 row" }), _jsx("option", { value: '2', children: "2 rows" }), _jsx("option", { value: '3', children: "3 rows" })] }) }), def?.InspectorComponent && (_jsx(def.InspectorComponent, { node: node, field: field, onChange: onChange })), _jsxs("div", { className: 'grid grid-cols-2 gap-2', children: [_jsx(StyleSelect, { label: 'Accent', value: node.style?.tone, options: TONES, onPick: (v) => setStyle({ tone: v }) }), _jsx(StyleSelect, { label: 'Background', value: node.style?.fill, options: FILLS, onPick: (v) => setStyle({ fill: v }) }), _jsx(StyleSelect, { label: 'Border', value: node.style?.border, options: BORDERS, onPick: (v) => setStyle({ border: v }) }), _jsx(StyleSelect, { label: 'Corners', value: node.style?.radius, options: RADII, onPick: (v) => setStyle({ radius: v }) }), _jsx(StyleSelect, { label: 'Padding', value: node.style?.padding, options: PADDINGS, onPick: (v) => setStyle({ padding: v }) }), _jsx(StyleSelect, { label: 'Align', value: node.style?.align, options: ALIGNS, onPick: (v) => setStyle({ align: v }) }), _jsx(StyleSelect, { label: 'Text size', value: node.style?.textSize, options: SIZES, onPick: (v) => setStyle({ textSize: v }) }), _jsx(StyleSelect, { label: 'Weight', value: node.style?.weight, options: WEIGHTS, onPick: (v) => setStyle({ weight: v }) }), _jsx(StyleSelect, { label: 'Text color', value: node.style?.textColor, options: TEXT_COLORS, onPick: (v) => setStyle({ textColor: v }) })] }), isColumn && (_jsx(Labeled, { label: 'Empty fallback', children: _jsx("input", { className: inputClass, placeholder: 'Shown when the value is empty', value: node.emptyFallback ?? '', onChange: (e) => onChange({ emptyFallback: e.target.value || undefined }) }) }))] }) }), _jsx(Button, { variant: 'destructive', size: 'sm', className: 'self-start', onClick: () => setConfirmingDelete(true), children: "Remove this block" }), _jsx(ConfirmDialog, { open: confirmingDelete, title: 'Remove this block?', message: 'It will be taken off this layout. You can add it back anytime.', confirmLabel: 'Remove', cancelLabel: 'Keep', destructive: true, onConfirm: () => {
+                    setConfirmingDelete(false);
+                    onDelete(node.id);
+                }, onCancel: () => setConfirmingDelete(false) })] }));
+}
+//# sourceMappingURL=NodeInspector.js.map

package/dist/react/layoutEngine/NodeInspector.js.map

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

package/dist/react/layoutEngine/SuggestPanel.d.ts

@@ -0,0 +1,12 @@
+import type { LayoutField } from '../../core/layout';
+import type { LayoutWidgetDef, WidgetRegistry } from './types';
+export type SuggestPanelProps<F extends LayoutField = LayoutField> = {
+    widgets: WidgetRegistry<F>;
+    /** Add a widget — the host turns the chosen def into a node and inserts it. */
+    onAdd: (def: LayoutWidgetDef<F>) => void;
+    /** Hide the fallback `keyValue` entry (it's an internal default, not a real choice). */
+    hideFallback?: boolean;
+    className?: string;
+};
+export declare function SuggestPanel<F extends LayoutField = LayoutField>({ widgets, onAdd, hideFallback, className, }: SuggestPanelProps<F>): import("react").JSX.Element;
+//# sourceMappingURL=SuggestPanel.d.ts.map

package/dist/react/layoutEngine/SuggestPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestPanel.d.ts","sourceRoot":"","sources":["../../../src/react/layoutEngine/SuggestPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAkB,cAAc,EAAE,MAAM,SAAS,CAAC;AAe/E,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IACnE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC3B,+EAA+E;IAC/E,KAAK,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzC,wFAAwF;IACxF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EAChE,OAAO,EACP,KAAK,EACL,YAAmB,EACnB,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAsCtB"}