@elytracms/studio 0.0.1

package/dist/components/builder/drag-session.d.ts

@@ -0,0 +1,41 @@
+import type { ComponentNode } from '@elytracms/project-graph';
+import type { DragSubject } from '@elytracms/studio/lib/dnd/drop-rules';
+/**
+ * The one live drag session (EC-160). HTML5 `dataTransfer` payloads are
+ * unreadable during `dragover`, so the canvas, page tree, and blocks panel
+ * share this module-level session instead: the source begins it, every
+ * surface reads it to resolve drop eligibility (via the pure rules in
+ * `lib/dnd/drop-rules`), and exactly one place ends it — the drop handler
+ * (`dropped`) or the source's `dragend` (`cancelled`). `endDrag` is
+ * idempotent, so the source's trailing `dragend` after a successful drop
+ * cannot double-commit or double-notify.
+ *
+ * The iframe canvas shares the parent window's JS realm (listeners are wired
+ * from the parent), so one module instance covers all surfaces.
+ */
+/** Custom MIME marking Elytra drags (lets surfaces ignore foreign drags). */
+export declare const ELYTRA_DND_MIME = "application/x-elytra-canvas";
+export type DragSource = 'canvas' | 'tree' | 'blocks';
+export type DragOutcome = 'dropped' | 'cancelled';
+export interface DragSession {
+    subject: DragSubject;
+    source: DragSource;
+    /** Human label (drag text fallback). */
+    label: string;
+    /** For `component` subjects: builds the subtree to insert (ids reassigned by the store). */
+    buildNode?: () => ComponentNode;
+}
+type EndListener = (outcome: DragOutcome, session: DragSession) => void;
+/** Begin a drag session and stamp the dataTransfer (Firefox requires data to drag). */
+export declare function beginDrag(session: DragSession, dataTransfer: DataTransfer | null): void;
+/** The live session, or null when nothing Elytra-owned is being dragged. */
+export declare function activeDrag(): DragSession | null;
+/**
+ * End the live session (no-op when none is active) and notify subscribers.
+ * Call with `dropped` from the drop handler that dispatched the action, and
+ * with `cancelled` from the source's `dragend`.
+ */
+export declare function endDrag(outcome: DragOutcome): void;
+/** Subscribe to session end (indicator cleanup, blocks-panel close-on-drop). */
+export declare function onDragSessionEnd(listener: EndListener): () => void;
+export {};

package/dist/components/builder/drag-session.js

@@ -0,0 +1,51 @@
+/**
+ * The one live drag session (EC-160). HTML5 `dataTransfer` payloads are
+ * unreadable during `dragover`, so the canvas, page tree, and blocks panel
+ * share this module-level session instead: the source begins it, every
+ * surface reads it to resolve drop eligibility (via the pure rules in
+ * `lib/dnd/drop-rules`), and exactly one place ends it — the drop handler
+ * (`dropped`) or the source's `dragend` (`cancelled`). `endDrag` is
+ * idempotent, so the source's trailing `dragend` after a successful drop
+ * cannot double-commit or double-notify.
+ *
+ * The iframe canvas shares the parent window's JS realm (listeners are wired
+ * from the parent), so one module instance covers all surfaces.
+ */
+/** Custom MIME marking Elytra drags (lets surfaces ignore foreign drags). */
+export const ELYTRA_DND_MIME = 'application/x-elytra-canvas';
+let active = null;
+const endListeners = new Set();
+/** Begin a drag session and stamp the dataTransfer (Firefox requires data to drag). */
+export function beginDrag(session, dataTransfer) {
+    active = session;
+    if (dataTransfer) {
+        dataTransfer.setData(ELYTRA_DND_MIME, session.label);
+        dataTransfer.setData('text/plain', session.label);
+        dataTransfer.effectAllowed = session.subject.kind === 'node' ? 'move' : 'copy';
+    }
+}
+/** The live session, or null when nothing Elytra-owned is being dragged. */
+export function activeDrag() {
+    return active;
+}
+/**
+ * End the live session (no-op when none is active) and notify subscribers.
+ * Call with `dropped` from the drop handler that dispatched the action, and
+ * with `cancelled` from the source's `dragend`.
+ */
+export function endDrag(outcome) {
+    if (!active)
+        return;
+    const session = active;
+    active = null;
+    for (const listener of [...endListeners])
+        listener(outcome, session);
+}
+/** Subscribe to session end (indicator cleanup, blocks-panel close-on-drop). */
+export function onDragSessionEnd(listener) {
+    endListeners.add(listener);
+    return () => {
+        endListeners.delete(listener);
+    };
+}
+//# sourceMappingURL=drag-session.js.map

package/dist/components/builder/drag-session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-session.js","sourceRoot":"","sources":["../../../src/components/builder/drag-session.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;GAYG;AAEH,6EAA6E;AAC7E,MAAM,CAAC,MAAM,eAAe,GAAG,6BAA6B,CAAA;AAgB5D,IAAI,MAAM,GAAuB,IAAI,CAAA;AACrC,MAAM,YAAY,GAAG,IAAI,GAAG,EAAe,CAAA;AAE3C,uFAAuF;AACvF,MAAM,UAAU,SAAS,CAAC,OAAoB,EAAE,YAAiC;IAC/E,MAAM,GAAG,OAAO,CAAA;IAChB,IAAI,YAAY,EAAE,CAAC;QACjB,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;QACpD,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;QACjD,YAAY,CAAC,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IAChF,CAAC;AACH,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,UAAU;IACxB,OAAO,MAAM,CAAA;AACf,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,OAAoB;IAC1C,IAAI,CAAC,MAAM;QAAE,OAAM;IACnB,MAAM,OAAO,GAAG,MAAM,CAAA;IACtB,MAAM,GAAG,IAAI,CAAA;IACb,KAAK,MAAM,QAAQ,IAAI,CAAC,GAAG,YAAY,CAAC;QAAE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;AACtE,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,gBAAgB,CAAC,QAAqB;IACpD,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAC1B,OAAO,GAAG,EAAE;QACV,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IAC/B,CAAC,CAAA;AACH,CAAC"}

package/dist/components/builder/fixture-thumbnail.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentNode } from '@elytracms/project-graph';
+import type { StudioRegistry } from '@elytracms/studio/lib/registry';
+export declare function ScaledFixtureThumbnail({ node, studio, designWidth, eager, className, }: {
+    /** The preview subtree to render live (deterministic ids). */
+    node: ComponentNode;
+    /**
+     * Registry the preview renders against. Defaults to the active project's live
+     * registry (`getStudioRegistry()`) — the blocks panel's tiles and their
+     * thumbnails share one registry. Pass an explicit registry to render against a
+     * specific component set (deterministic previews/tests).
+     */
+    studio?: StudioRegistry;
+    /** Layout width of the unscaled preview, in CSS pixels. */
+    designWidth?: number;
+    /** Mount the live render immediately instead of waiting for visibility. */
+    eager?: boolean;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/builder/fixture-thumbnail.js

@@ -0,0 +1,97 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component, useEffect, useMemo, useRef, useState } from 'react';
+import { AlertTriangle } from 'lucide-react';
+import { renderNode } from '@elytracms/runtime-renderer';
+import { getStudioRegistry, previewContext } from '@elytracms/studio/lib/registry';
+import { cn } from '@elytracms/studio/lib/utils';
+/**
+ * Live, scaled fixture thumbnail (EC-164). Renders a preview node through the
+ * runtime renderer — the exact render path the canvas, fixture runner, and
+ * export use — inside a fixed-aspect tile, scaled down with a CSS transform.
+ * Never a screenshot, never interactive (pointer events are disabled), and
+ * never a crash: render errors degrade to a visible fallback inside the tile.
+ *
+ * Off-screen thumbnails mount lazily via IntersectionObserver so a large
+ * registry doesn't render its whole library up front; pass `eager` to render
+ * immediately (first-fold tiles, non-DOM tests).
+ */
+/** Width the preview is laid out at before being scaled into the tile. */
+const DESIGN_WIDTH = 420;
+/** Fallback scale used for the single frame before the tile is measured. */
+const FALLBACK_SCALE = 0.45;
+function LiveRender({ node, studio }) {
+    const ctx = useMemo(() => previewContext(studio), [studio]);
+    // Called inside a component render so the boundary catches sync throws too.
+    return _jsx(_Fragment, { children: renderNode(node, ctx) });
+}
+function ThumbnailFallback({ message }) {
+    return (_jsxs("div", { "data-block-thumbnail-fallback": true, className: "flex h-full w-full items-start gap-1.5 p-2 text-[0.7rem] leading-snug text-amber-700 dark:text-amber-400", children: [_jsx(AlertTriangle, { "aria-hidden": true, className: "mt-px size-3 shrink-0" }), _jsx("span", { className: "line-clamp-3", children: message })] }));
+}
+/** Tile-local error boundary: one broken fixture never takes down the panel. */
+class ThumbnailErrorBoundary extends Component {
+    state = { error: null };
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    render() {
+        if (this.state.error) {
+            return _jsx(ThumbnailFallback, { message: `Preview failed: ${this.state.error.message}` });
+        }
+        return this.props.children;
+    }
+}
+export function ScaledFixtureThumbnail({ node, studio, designWidth = DESIGN_WIDTH, eager = false, className, }) {
+    const registry = studio ?? getStudioRegistry();
+    const ref = useRef(null);
+    const [inView, setInView] = useState(eager);
+    const [scale, setScale] = useState(null);
+    // Lazy mount: render the live preview only once the tile scrolls into view.
+    // IntersectionObserver always delivers an initial report (intersecting or
+    // not) within a rendering frame — when no report arrives at all the page
+    // isn't producing frames (occluded/headless automation windows), so a
+    // safety-net timer mounts the preview rather than leaving tiles blank.
+    // Frame-producing browsers report long before the timer and keep laziness.
+    useEffect(() => {
+        if (inView)
+            return;
+        const el = ref.current;
+        if (!el || typeof IntersectionObserver === 'undefined') {
+            setInView(true);
+            return;
+        }
+        let reported = false;
+        const observer = new IntersectionObserver((entries) => {
+            reported = true;
+            if (entries.some((entry) => entry.isIntersecting))
+                setInView(true);
+        });
+        observer.observe(el);
+        const fallback = setTimeout(() => {
+            if (!reported)
+                setInView(true);
+        }, 400);
+        return () => {
+            observer.disconnect();
+            clearTimeout(fallback);
+        };
+    }, [inView]);
+    // Fit-to-tile scale, kept in sync with the tile's measured width.
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const update = () => {
+            const width = el.clientWidth;
+            if (width > 0)
+                setScale(width / designWidth);
+        };
+        update();
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(update);
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [designWidth]);
+    return (_jsx("div", { ref: ref, "aria-hidden": true, "data-block-thumbnail": true, className: cn('relative w-full overflow-hidden rounded-md border border-border bg-background', className), style: { aspectRatio: '16 / 10' }, children: inView ? (_jsx(ThumbnailErrorBoundary, { children: _jsx("div", { className: "pointer-events-none absolute left-0 top-0 origin-top-left select-none p-3", style: { width: designWidth, transform: `scale(${scale ?? FALLBACK_SCALE})` }, children: _jsx(LiveRender, { node: node, studio: registry }) }) })) : null }));
+}
+//# sourceMappingURL=fixture-thumbnail.js.map

package/dist/components/builder/fixture-thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixture-thumbnail.js","sourceRoot":"","sources":["../../../src/components/builder/fixture-thumbnail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAElF,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AAEhD;;;;;;;;;;GAUG;AAEH,0EAA0E;AAC1E,MAAM,YAAY,GAAG,GAAG,CAAA;AACxB,4EAA4E;AAC5E,MAAM,cAAc,GAAG,IAAI,CAAA;AAE3B,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAmD;IACnF,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAC3D,4EAA4E;IAC5E,OAAO,4BAAG,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,GAAI,CAAA;AACrC,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,OAAO,EAAuB;IACzD,OAAO,CACL,sDAEE,SAAS,EAAC,0GAA0G,aAEpH,KAAC,aAAa,yBAAa,SAAS,EAAC,uBAAuB,GAAG,EAC/D,eAAM,SAAS,EAAC,cAAc,YAAE,OAAO,GAAQ,IAC3C,CACP,CAAA;AACH,CAAC;AAMD,gFAAgF;AAChF,MAAM,sBAAuB,SAAQ,SAAiD;IAC3E,KAAK,GAAkB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;IAE/C,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAEQ,MAAM;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,OAAO,KAAC,iBAAiB,IAAC,OAAO,EAAE,mBAAmB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,GAAI,CAAA;QACtF,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,EACJ,MAAM,EACN,WAAW,GAAG,YAAY,EAC1B,KAAK,GAAG,KAAK,EACb,SAAS,GAgBV;IACC,MAAM,QAAQ,GAAG,MAAM,IAAI,iBAAiB,EAAE,CAAA;IAC9C,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAEvD,4EAA4E;IAC5E,0EAA0E;IAC1E,yEAAyE;IACzE,sEAAsE;IACtE,uEAAuE;IACvE,2EAA2E;IAC3E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM;YAAE,OAAM;QAClB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QACtB,IAAI,CAAC,EAAE,IAAI,OAAO,oBAAoB,KAAK,WAAW,EAAE,CAAC;YACvD,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,OAAM;QACR,CAAC;QACD,IAAI,QAAQ,GAAG,KAAK,CAAA;QACpB,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACpD,QAAQ,GAAG,IAAI,CAAA;YACf,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC;gBAAE,SAAS,CAAC,IAAI,CAAC,CAAA;QACpE,CAAC,CAAC,CAAA;QACF,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACpB,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,IAAI,CAAC,QAAQ;gBAAE,SAAS,CAAC,IAAI,CAAC,CAAA;QAChC,CAAC,EAAE,GAAG,CAAC,CAAA;QACP,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAA;YACrB,YAAY,CAAC,QAAQ,CAAC,CAAA;QACxB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,kEAAkE;IAClE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QACtB,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAA;YAC5B,IAAI,KAAK,GAAG,CAAC;gBAAE,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC,CAAA;QAC9C,CAAC,CAAA;QACD,MAAM,EAAE,CAAA;QACR,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE,OAAM;QACjD,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAA;QAC3C,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACpB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;IACpC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,qDAGR,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,SAAS,CACV,EACD,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,YAEhC,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,sBAAsB,cACrB,cACE,SAAS,EAAC,2EAA2E,EACrF,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,cAAc,GAAG,EAAE,YAE7E,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAI,GACxC,GACiB,CAC1B,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAA;AACH,CAAC"}

package/dist/components/builder/inline-edit.d.ts

@@ -0,0 +1,142 @@
+import type { ComponentManifest } from '@elytracms/component-registry';
+import type { ComponentNode } from '@elytracms/project-graph';
+import type { RichTextDoc, RichTextValue } from '@elytracms/rich-text';
+/**
+ * Inline text editing on the canvas (EC-158) — framework-free core.
+ *
+ * The canvas wires DOM events (dblclick/keydown/blur) to this module; the
+ * module owns the editing-session state machine and the
+ * one-gesture-one-command guarantee. A session finishes exactly once: the
+ * first `commit()`/`cancel()` wins and every later call returns `null`, so
+ * overlapping DOM signals (Enter immediately followed by blur, blur racing a
+ * teardown) can never dispatch a second operations command or stack a second
+ * undo step.
+ *
+ * Locale semantics (EC-176): inline editing targets STATIC graph props only,
+ * and static graph props are locale-independent by design — the canonical
+ * graph stores one value per prop, not per-locale variants. Bound props are
+ * never inline-editable (below), so fallback-shown BOUND text on the canvas
+ * cannot be edited in place either: translating localized content happens in
+ * the CMS surfaces, where the active-locale variant is created explicitly.
+ * Nothing here needs the ambient locale.
+ */
+/** The single graph mutation a finished session may produce. */
+export interface InlineEditCommit {
+    kind: 'commit';
+    nodeId: string;
+    propName: string;
+    /** The edited text to write as the prop's static value. */
+    value: string;
+}
+/** A cancelled session: restore this text on the DOM, dispatch nothing. */
+export interface InlineEditCancel {
+    kind: 'cancel';
+    /** The original rendered value to restore. */
+    value: string;
+}
+export interface InlineEditSession {
+    readonly nodeId: string;
+    readonly propName: string;
+    readonly original: string;
+    /** False once the session committed or cancelled. */
+    readonly active: boolean;
+    /**
+     * Finish by committing `text`. Returns the one commit outcome, or `null`
+     * when the session already finished or the text is unchanged (an unchanged
+     * commit finishes the session but dispatches nothing — graph untouched).
+     */
+    commit(text: string): InlineEditCommit | null;
+    /** Finish by cancelling. Returns the restore outcome once, then `null`. */
+    cancel(): InlineEditCancel | null;
+}
+export declare function createInlineEditSession(args: {
+    nodeId: string;
+    propName: string;
+    original: string;
+}): InlineEditSession;
+/** A node prop that can be edited in place right now. */
+export interface InlineEditableProp {
+    propName: string;
+    /** The current static string value (or string default when unset). */
+    value: string;
+}
+/**
+ * Resolve which prop of `node` an inline-edit gesture should target: the
+ * first manifest prop flagged `inlineEditable` whose *current* value is a
+ * plain static string (or unset with a string default). Bound props and
+ * non-string values are never inline-editable — they stay inspector-only.
+ */
+export declare function resolveInlineEditableProp(manifest: ComponentManifest | undefined, node: ComponentNode): InlineEditableProp | null;
+/** A node prop carrying rich-text content that can be edited in place now. */
+export interface InlineRichTextProp {
+    propName: string;
+    /** The current stored value (or the manifest default when unset). */
+    value: RichTextValue;
+}
+/**
+ * Resolve which rich-text prop of `node` an inline-edit gesture should
+ * target: the first manifest prop flagged `inlineEditable` whose inspector
+ * control is `richtext` and whose *current* value is a static, schema-valid
+ * rich-text value (or unset with a valid rich-text default). Bound props are
+ * never inline-editable — translating/bound content stays inspector- and
+ * CMS-owned, exactly like EC-158's plain-text rule.
+ */
+export declare function resolveInlineRichTextProp(manifest: ComponentManifest | undefined, node: ComponentNode): InlineRichTextProp | null;
+/** The single graph mutation a finished rich-text session may produce. */
+export interface InlineRichTextCommit {
+    kind: 'commit';
+    nodeId: string;
+    propName: string;
+    /** The edited content to write as the prop's static value. */
+    value: RichTextValue;
+}
+export interface InlineRichTextSession {
+    readonly nodeId: string;
+    readonly propName: string;
+    readonly original: RichTextValue;
+    /** False once the session committed or cancelled. */
+    readonly active: boolean;
+    /**
+     * Finish by committing the parsed-back document. Returns the one commit
+     * outcome, or `null` when the session already finished or the document is
+     * equivalent to the original. An equivalent commit finishes the session and
+     * dispatches nothing — the stored value is never rewritten, so untouched
+     * content round-trips byte-identical.
+     */
+    commit(doc: RichTextDoc): InlineRichTextCommit | null;
+    /** Finish by cancelling. Returns `true` exactly once (restore the DOM). */
+    cancel(): boolean;
+}
+/**
+ * One rich-text editing session (EC-159), with EC-158's one-finish guarantee:
+ * the first `commit()`/`cancel()` wins and every later call is inert, so
+ * overlapping DOM signals can never dispatch a second operations command or
+ * stack a second undo step. The committed value keeps the original's stored
+ * schema `version` stamp — only the document tree changes.
+ */
+export declare function createInlineRichTextSession(args: {
+    nodeId: string;
+    propName: string;
+    original: RichTextValue;
+}): InlineRichTextSession;
+/**
+ * The structural slice of `Element` the host finder needs — kept minimal so
+ * the descent logic is unit-testable without a DOM.
+ */
+export interface InlineHostElement {
+    readonly childElementCount: number;
+    readonly firstElementChild: InlineHostElement | null;
+    readonly textContent: string | null;
+    getAttribute(name: string): string | null;
+}
+/**
+ * Find the rendered element inside a node's `.ec-editable` wrapper that hosts
+ * the editable text. Descends single-child chains as long as no text is lost,
+ * never crossing into another node's wrapper, and only accepts a host whose
+ * text content is *exactly* the stored prop value — if the component renders
+ * the prop transformed (or alongside other text), inline editing is skipped
+ * and the inspector remains the editing surface. That exactness is what makes
+ * edit-mode typography pixel-identical to render state: we edit the rendered
+ * element itself.
+ */
+export declare function findInlineTextHost(wrapper: InlineHostElement, expected: string): InlineHostElement | null;

package/dist/components/builder/inline-edit.js

@@ -0,0 +1,136 @@
+import { inlineEditablePropNames } from '@elytracms/component-registry';
+import { parseRichTextValue, richTextDocsEquivalent } from '@elytracms/rich-text';
+export function createInlineEditSession(args) {
+    let active = true;
+    return {
+        nodeId: args.nodeId,
+        propName: args.propName,
+        original: args.original,
+        get active() {
+            return active;
+        },
+        commit(text) {
+            if (!active)
+                return null;
+            active = false;
+            if (text === args.original)
+                return null;
+            return { kind: 'commit', nodeId: args.nodeId, propName: args.propName, value: text };
+        },
+        cancel() {
+            if (!active)
+                return null;
+            active = false;
+            return { kind: 'cancel', value: args.original };
+        },
+    };
+}
+/**
+ * Resolve which prop of `node` an inline-edit gesture should target: the
+ * first manifest prop flagged `inlineEditable` whose *current* value is a
+ * plain static string (or unset with a string default). Bound props and
+ * non-string values are never inline-editable — they stay inspector-only.
+ */
+export function resolveInlineEditableProp(manifest, node) {
+    if (!manifest)
+        return null;
+    for (const propName of inlineEditablePropNames(manifest)) {
+        const current = node.props?.[propName];
+        if (current === undefined) {
+            const fallback = manifest.props[propName]?.default;
+            if (typeof fallback === 'string')
+                return { propName, value: fallback };
+            continue;
+        }
+        if (current.kind === 'static' && typeof current.value === 'string') {
+            return { propName, value: current.value };
+        }
+    }
+    return null;
+}
+/**
+ * Resolve which rich-text prop of `node` an inline-edit gesture should
+ * target: the first manifest prop flagged `inlineEditable` whose inspector
+ * control is `richtext` and whose *current* value is a static, schema-valid
+ * rich-text value (or unset with a valid rich-text default). Bound props are
+ * never inline-editable — translating/bound content stays inspector- and
+ * CMS-owned, exactly like EC-158's plain-text rule.
+ */
+export function resolveInlineRichTextProp(manifest, node) {
+    if (!manifest)
+        return null;
+    for (const propName of inlineEditablePropNames(manifest)) {
+        // EC-190: a rich-text prop is the `richText` field-def type (was control.kind 'richtext').
+        if (manifest.props[propName]?.type !== 'richText')
+            continue;
+        const current = node.props?.[propName];
+        const raw = current === undefined ? manifest.props[propName]?.default : undefined;
+        if (current !== undefined && current.kind !== 'static')
+            continue;
+        const parsed = parseRichTextValue(current?.kind === 'static' ? current.value : raw);
+        if (parsed.ok)
+            return { propName, value: parsed.value };
+    }
+    return null;
+}
+/**
+ * One rich-text editing session (EC-159), with EC-158's one-finish guarantee:
+ * the first `commit()`/`cancel()` wins and every later call is inert, so
+ * overlapping DOM signals can never dispatch a second operations command or
+ * stack a second undo step. The committed value keeps the original's stored
+ * schema `version` stamp — only the document tree changes.
+ */
+export function createInlineRichTextSession(args) {
+    let active = true;
+    return {
+        nodeId: args.nodeId,
+        propName: args.propName,
+        original: args.original,
+        get active() {
+            return active;
+        },
+        commit(doc) {
+            if (!active)
+                return null;
+            active = false;
+            if (richTextDocsEquivalent(doc, args.original.doc))
+                return null;
+            return {
+                kind: 'commit',
+                nodeId: args.nodeId,
+                propName: args.propName,
+                value: { version: args.original.version, doc },
+            };
+        },
+        cancel() {
+            if (!active)
+                return false;
+            active = false;
+            return true;
+        },
+    };
+}
+/**
+ * Find the rendered element inside a node's `.ec-editable` wrapper that hosts
+ * the editable text. Descends single-child chains as long as no text is lost,
+ * never crossing into another node's wrapper, and only accepts a host whose
+ * text content is *exactly* the stored prop value — if the component renders
+ * the prop transformed (or alongside other text), inline editing is skipped
+ * and the inspector remains the editing surface. That exactness is what makes
+ * edit-mode typography pixel-identical to render state: we edit the rendered
+ * element itself.
+ */
+export function findInlineTextHost(wrapper, expected) {
+    let el = wrapper.firstElementChild;
+    if (!el)
+        return null;
+    if (el.getAttribute('data-ec-node-id') !== null)
+        return null;
+    while (el.childElementCount === 1 &&
+        el.firstElementChild.getAttribute('data-ec-node-id') === null &&
+        el.firstElementChild.textContent === el.textContent) {
+        el = el.firstElementChild;
+    }
+    return (el.textContent ?? '') === expected ? el : null;
+}
+//# sourceMappingURL=inline-edit.js.map

package/dist/components/builder/inline-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-edit.js","sourceRoot":"","sources":["../../../src/components/builder/inline-edit.ts"],"names":[],"mappings":"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"}

package/dist/components/builder/insert-context.d.ts

@@ -0,0 +1,14 @@
+import type { InsertContext } from './insert-menu';
+import { useBuilder } from './builder-store';
+/**
+ * Resolve where an insert lands: into the node's child slot, else as a sibling.
+ *
+ * `fieldAllow` (EC-188) is the composition field's TOP-LEVEL vocabulary
+ * (`field.allow`). It constrains ONLY inserts that land as a direct child of the
+ * active page root — the top level of a composition field value — where it is
+ * intersected into `slotAllow` so forbidden components are never even offered,
+ * mirroring the top-level leash in `validateCompositionValue`. Deeper inserts keep
+ * following each component's own slot `allow`. Callers that omit `fieldAllow` get
+ * an unconstrained top level.
+ */
+export declare function resolveInsertContext(builder: ReturnType<typeof useBuilder>, nodeId: string, fieldAllow?: readonly string[]): InsertContext | null;

package/dist/components/builder/insert-context.js

@@ -0,0 +1,65 @@
+import { getNode, getParentInfo } from '@elytracms/project-graph';
+import { getStudioRegistry } from '@elytracms/studio/lib/registry';
+import { intersectAllow } from './blocks-model';
+import { useBuilder } from './builder-store';
+/**
+ * Where an insert lands: the canvas insert-context resolution, shared by every
+ * surface that mounts the canvas engine.
+ *
+ * Extracted from the retired standalone `BuilderShell` (EC-210) so the in-CMS
+ * Canvas editor (`composition-field-editor.tsx`, EC-188/AD-12) can own it without
+ * importing the dead shell. No UI here — pure graph/registry resolution.
+ */
+function shortId(componentId) {
+    return componentId.replace('base.primitives.', '').replace('project.', '');
+}
+/**
+ * Resolve where an insert lands: into the node's child slot, else as a sibling.
+ *
+ * `fieldAllow` (EC-188) is the composition field's TOP-LEVEL vocabulary
+ * (`field.allow`). It constrains ONLY inserts that land as a direct child of the
+ * active page root — the top level of a composition field value — where it is
+ * intersected into `slotAllow` so forbidden components are never even offered,
+ * mirroring the top-level leash in `validateCompositionValue`. Deeper inserts keep
+ * following each component's own slot `allow`. Callers that omit `fieldAllow` get
+ * an unconstrained top level.
+ */
+export function resolveInsertContext(builder, nodeId, fieldAllow) {
+    const studio = getStudioRegistry();
+    const root = builder.present.pages.find((p) => p.id === builder.pageId).root;
+    const node = getNode(root, nodeId);
+    if (!node)
+        return null;
+    const manifest = studio.registry.getManifest(node.componentId);
+    const childSlot = manifest?.slots.find((s) => s.name === 'children') ??
+        manifest?.slots.find((s) => s.name !== 'outlet');
+    const ctx = childSlot
+        ? {
+            target: { parentId: nodeId, slot: childSlot.name },
+            slotAllow: manifest.slots.find((s) => s.name === childSlot.name)?.allow,
+            destinationLabel: `${shortId(node.componentId)} · ${childSlot.name}`,
+        }
+        : resolveSiblingContext(studio, root, nodeId);
+    // The field vocabulary governs only the top level (a direct child of the page
+    // root). `length > 0` matches the validator, which treats an empty allow as
+    // "allow any" (validate.ts).
+    if (fieldAllow && fieldAllow.length > 0 && ctx.target.parentId === root.id) {
+        return { ...ctx, slotAllow: intersectAllow(ctx.slotAllow, fieldAllow) };
+    }
+    return ctx;
+}
+/** Sibling-or-root insert context for a node with no insertable child slot. */
+function resolveSiblingContext(studio, root, nodeId) {
+    const info = getParentInfo(root, nodeId);
+    if (info) {
+        const pManifest = studio.registry.getManifest(info.parent.componentId);
+        const allow = pManifest?.slots.find((s) => s.name === info.slot)?.allow;
+        return {
+            target: { parentId: info.parent.id, slot: info.slot, index: info.index + 1 },
+            slotAllow: allow,
+            destinationLabel: `${shortId(info.parent.componentId)} · ${info.slot}`,
+        };
+    }
+    return { target: { parentId: nodeId, slot: 'children' }, destinationLabel: 'root' };
+}
+//# sourceMappingURL=insert-context.js.map

package/dist/components/builder/insert-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-context.js","sourceRoot":"","sources":["../../../src/components/builder/insert-context.ts"],"names":[],"mappings":"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"}

package/dist/components/builder/insert-menu.d.ts

@@ -0,0 +1,9 @@
+/**
+ * EC-164: the text-list insert dialog is replaced by the visual blocks panel.
+ * This module keeps the `InsertMenu` entry point name the shell mounts; the
+ * implementation (including the outside-dismiss guard and viewport-aware
+ * max-height behaviours carried over from the old dialog) lives in
+ * `blocks-panel.tsx`.
+ */
+export { BlocksPanel as InsertMenu, preventOutsideDismiss } from './blocks-panel';
+export type { InsertContext } from './blocks-panel';

package/dist/components/builder/insert-menu.js

@@ -0,0 +1,9 @@
+/**
+ * EC-164: the text-list insert dialog is replaced by the visual blocks panel.
+ * This module keeps the `InsertMenu` entry point name the shell mounts; the
+ * implementation (including the outside-dismiss guard and viewport-aware
+ * max-height behaviours carried over from the old dialog) lives in
+ * `blocks-panel.tsx`.
+ */
+export { BlocksPanel as InsertMenu, preventOutsideDismiss } from './blocks-panel';
+//# sourceMappingURL=insert-menu.js.map

package/dist/components/builder/insert-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-menu.js","sourceRoot":"","sources":["../../../src/components/builder/insert-menu.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/builder/layout-inspector.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentNode, SpacingTokenName } from '@elytracms/project-graph';
+export declare function layoutManagedPropNames(node: ComponentNode): readonly string[];
+/**
+ * Plain-language label per spacing token step (EC-161 scale) — no CSS lengths.
+ * Shared with the canvas gap handles (EC-163): the live drag label and this
+ * select speak the same vocabulary for the same token.
+ */
+export declare const GAP_LABELS: Record<SpacingTokenName, string>;
+/** Plain-language label for the "no gap" step (gap prop absent). */
+export declare const GAP_NONE_LABEL = "None";
+/** The contextual layout section. Renders nothing for non-container nodes. */
+export declare function LayoutSection({ node }: {
+    node: ComponentNode;
+}): import("react").JSX.Element | null;