@elytracms/studio 0.0.1

package/dist/components/backend-gate.js.map

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

package/dist/components/breadcrumb-context.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+/**
+ * The global header breadcrumb (EC-214). The shell owns the base trail —
+ * project (the switcher) › active section — and the deeper segments that reach
+ * the active *record* (a CMS collection, a document, a component) are
+ * contributed by the surface that actually has the data, since those names live
+ * below the shell (the CMS store mounts inside the section route, not the shell).
+ *
+ * A surface calls {@link useSetBreadcrumb} with the trail segments below its
+ * section; the header renders them after the section crumb. Last-writer-wins: at
+ * most one surface is active at a time, and the clear-on-unmount is guarded by an
+ * owner id so a route swap (old unmounts after new mounts) never wipes the new
+ * surface's crumbs.
+ */
+export interface BreadcrumbItem {
+    label: string;
+    /**
+     * Optional link target. Contributed crumbs address the single project splat
+     * (EC-223 Stage 6) — `to` is always the splat route and `params._splat` is the
+     * deep subpath (e.g. `cms/<collection>`). Only the CMS collection crumb is
+     * linkable today (the document editor's "back to the collection" step).
+     */
+    to?: '/$projectId/$';
+    params?: {
+        projectId: string;
+        _splat: string;
+    };
+}
+export declare function BreadcrumbProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** The contributed trail segments below the active section (header reader). */
+export declare function useBreadcrumbTrail(): BreadcrumbItem[];
+/**
+ * Contribute the breadcrumb segments below the active section while this surface
+ * is mounted; cleared automatically on unmount. Safe to call with a fresh array
+ * each render — the effect keys off the serialized items, not identity.
+ */
+export declare function useSetBreadcrumb(items: BreadcrumbItem[]): void;

package/dist/components/breadcrumb-context.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useId, useMemo, useState } from 'react';
+const EMPTY = [];
+// Split into a stable actions context (writers) and a value context (the header
+// reader) so contributing a trail never re-renders the writing surface — only
+// the header observes the value.
+const BreadcrumbValueContext = createContext(EMPTY);
+const BreadcrumbActionsContext = createContext(null);
+export function BreadcrumbProvider({ children }) {
+    const [entry, setEntry] = useState(null);
+    const actions = useMemo(() => ({
+        set: (id, items) => setEntry({ id, items }),
+        // Only clear when we still own the trail — guards the route-swap race.
+        clear: (id) => setEntry((prev) => (prev?.id === id ? null : prev)),
+    }), []);
+    return (_jsx(BreadcrumbActionsContext.Provider, { value: actions, children: _jsx(BreadcrumbValueContext.Provider, { value: entry?.items ?? EMPTY, children: children }) }));
+}
+/** The contributed trail segments below the active section (header reader). */
+export function useBreadcrumbTrail() {
+    return useContext(BreadcrumbValueContext);
+}
+/**
+ * Contribute the breadcrumb segments below the active section while this surface
+ * is mounted; cleared automatically on unmount. Safe to call with a fresh array
+ * each render — the effect keys off the serialized items, not identity.
+ */
+export function useSetBreadcrumb(items) {
+    const actions = useContext(BreadcrumbActionsContext);
+    const id = useId();
+    const serialized = JSON.stringify(items);
+    useEffect(() => {
+        if (!actions)
+            return;
+        actions.set(id, JSON.parse(serialized));
+        return () => actions.clear(id);
+    }, [actions, id, serialized]);
+}
+//# sourceMappingURL=breadcrumb-context.js.map

package/dist/components/breadcrumb-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-context.js","sourceRoot":"","sources":["../../src/components/breadcrumb-context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAiCtF,MAAM,KAAK,GAAqB,EAAE,CAAA;AAElC,gFAAgF;AAChF,8EAA8E;AAC9E,iCAAiC;AACjC,MAAM,sBAAsB,GAAG,aAAa,CAAmB,KAAK,CAAC,CAAA;AACrE,MAAM,wBAAwB,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAA;AAE9E,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiD,IAAI,CAAC,CAAA;IACxF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QAC3C,uEAAuE;QACvE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;KACnE,CAAC,EACF,EAAE,CACH,CAAA;IACD,OAAO,CACL,KAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAC/C,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,YAC1D,QAAQ,GACuB,GACA,CACrC,CAAA;AACH,CAAC;AAED,+EAA+E;AAC/E,MAAM,UAAU,kBAAkB;IAChC,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAA;AAC3C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAuB;IACtD,MAAM,OAAO,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAA;IACpD,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAM;QACpB,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAqB,CAAC,CAAA;QAC3D,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAA;AAC/B,CAAC"}

package/dist/components/builder/blocks-model.d.ts

@@ -0,0 +1,80 @@
+import type { ComponentNode } from '@elytracms/project-graph';
+import type { ComponentFixture, ComponentManifest } from '@elytracms/component-registry';
+import type { StudioRegistry } from '@elytracms/studio/lib/registry';
+/**
+ * Blocks panel model (EC-164) — the pure, React-free derivation behind the
+ * visual insert surface. Every registry manifest yields one tile per declared
+ * fixture (or a single default-props tile), grouped by manifest `category`
+ * and filtered by a free-text query over name / description / category — no
+ * hand-maintained panel config. Broken fixtures degrade to tiles carrying
+ * explicit `issues`, never to a missing entry or a crash.
+ */
+/** One insertable tile in the blocks panel. */
+export interface BlockTile {
+    /** Stable identity (`<componentId>::<variant>` or `preset::<key>`). */
+    key: string;
+    /** Component id of the node the tile inserts. */
+    componentId: string;
+    title: string;
+    /** Variation label: the fixture name, `Default`, or a preset description. */
+    variant: string;
+    description?: string;
+    /**
+     * Validation problems detected while building the preview (unknown child
+     * component, undeclared slot, invalid fixture prop, missing
+     * implementation). A non-empty list marks the tile as degraded — it still
+     * renders and still inserts.
+     */
+    issues: string[];
+    /** Deterministic-id subtree rendered live in the tile thumbnail. */
+    previewNode: ComponentNode;
+    /** Build the subtree to insert (ids are reassigned by the builder store). */
+    build: () => ComponentNode;
+}
+/** Tiles of one manifest `category`. */
+export interface BlockGroup {
+    category: string;
+    tiles: BlockTile[];
+}
+export interface BlockFilter {
+    /** Case-insensitive match over id, title, description, and category. */
+    query?: string;
+    /** When set, only these component ids may be inserted (slot.allow). */
+    slotAllow?: string[];
+}
+/**
+ * Intersect two component-id allow-lists. `undefined` means "no constraint from
+ * this source", so the result is the other list (copied); two present lists yield
+ * their set intersection, preserving the first list's order. This layers a
+ * composition field's top-level `allow` vocabulary over a slot's positional
+ * `allow` at the canvas root (EC-188): a component must satisfy BOTH leashes to be
+ * offered. An empty array stays empty ("allow nothing"); callers wanting the
+ * validator's "empty = allow any" must coalesce `[]` to `undefined` first (which
+ * `resolveInsertContext` does via its `length > 0` guard, mirroring
+ * `validateCompositionValue`).
+ */
+export declare function intersectAllow(slotAllow: readonly string[] | undefined, fieldAllow: readonly string[] | undefined): string[] | undefined;
+/**
+ * Build the configured subtree a fixture describes: manifest defaults overlaid
+ * with the fixture's props, plus one default-props child node per
+ * `slotChildren` component id. Never throws — unknown components, undeclared
+ * slots, and invalid prop values become entries in `issues` while the node is
+ * still produced (the renderer shows its own visible fallbacks for them).
+ */
+export declare function fixtureSubtree(studio: StudioRegistry, manifest: ComponentManifest, fixture: ComponentFixture, baseId: string): {
+    node: ComponentNode;
+    issues: string[];
+};
+/** All tiles for one manifest: one per fixture, else a single default tile. */
+export declare function tilesForManifest(studio: StudioRegistry, manifest: ComponentManifest): BlockTile[];
+/**
+ * Derive the panel's category groups from the registry: filter by slot allow
+ * list and query, expand manifests into tiles, group by `category`, and sort
+ * categories alphabetically (registry order within a group). Deterministic.
+ */
+export declare function blockGroups(studio: StudioRegistry, filter?: BlockFilter): BlockGroup[];
+/**
+ * Layout helper presets (EC-067) as panel tiles. Preview nodes are re-id'd
+ * deterministically so sibling React keys stay unique.
+ */
+export declare function presetTiles(slotAllow?: string[]): BlockTile[];

package/dist/components/builder/blocks-model.js

@@ -0,0 +1,181 @@
+import { cloneWithNewIds } from '@elytracms/project-graph';
+import { isCanvasEligible, propValueValidator } from '@elytracms/component-registry';
+import { componentStatus } from '@elytracms/studio/lib/registry';
+import { nodeFromProps, previewSpecs } from '@elytracms/studio/lib/registry/preview';
+import { LAYOUT_PRESETS, nodeFromManifest } from './node-factory';
+/**
+ * Intersect two component-id allow-lists. `undefined` means "no constraint from
+ * this source", so the result is the other list (copied); two present lists yield
+ * their set intersection, preserving the first list's order. This layers a
+ * composition field's top-level `allow` vocabulary over a slot's positional
+ * `allow` at the canvas root (EC-188): a component must satisfy BOTH leashes to be
+ * offered. An empty array stays empty ("allow nothing"); callers wanting the
+ * validator's "empty = allow any" must coalesce `[]` to `undefined` first (which
+ * `resolveInsertContext` does via its `length > 0` guard, mirroring
+ * `validateCompositionValue`).
+ */
+export function intersectAllow(slotAllow, fieldAllow) {
+    if (!slotAllow)
+        return fieldAllow ? [...fieldAllow] : undefined;
+    if (!fieldAllow)
+        return [...slotAllow];
+    const inField = new Set(fieldAllow);
+    return slotAllow.filter((id) => inField.has(id));
+}
+const UNCATEGORIZED = 'other';
+function prefixedCounter(prefix) {
+    let n = 0;
+    return () => {
+        n += 1;
+        return `${prefix}-${n}`;
+    };
+}
+/** A node built from a manifest's defaults with an explicit id. */
+function defaultNode(manifest, id) {
+    return { ...nodeFromManifest(manifest), id };
+}
+/** Structured issues for a component that cannot render (EC-055 statuses). */
+function manifestIssues(studio, manifest) {
+    const status = componentStatus(studio, manifest);
+    if (status === 'incompatible') {
+        return [`No implementation is registered for "${manifest.id}".`];
+    }
+    if (status === 'invalid') {
+        return studio.registry.issues
+            .filter((issue) => issue.componentId === manifest.id)
+            .map((issue) => issue.message);
+    }
+    return [];
+}
+/**
+ * Build the configured subtree a fixture describes: manifest defaults overlaid
+ * with the fixture's props, plus one default-props child node per
+ * `slotChildren` component id. Never throws — unknown components, undeclared
+ * slots, and invalid prop values become entries in `issues` while the node is
+ * still produced (the renderer shows its own visible fallbacks for them).
+ */
+export function fixtureSubtree(studio, manifest, fixture, baseId) {
+    const issues = [];
+    const fixtureProps = fixture.props ?? {};
+    for (const [name, value] of Object.entries(fixtureProps)) {
+        const spec = manifest.props[name];
+        if (!spec) {
+            issues.push(`Fixture "${fixture.name}" sets unknown prop "${name}".`);
+            continue;
+        }
+        // EC-190: validate the fixture value with the prop's field-def validator.
+        if (!(propValueValidator(manifest, name)?.(value) ?? true)) {
+            issues.push(`Fixture "${fixture.name}" sets an invalid value for prop "${name}".`);
+        }
+    }
+    const node = nodeFromProps(manifest, fixtureProps, baseId);
+    if (fixture.slotChildren) {
+        const declared = new Set(manifest.slots.map((slot) => slot.name));
+        const slots = {};
+        for (const [slotName, childIds] of Object.entries(fixture.slotChildren)) {
+            if (!declared.has(slotName)) {
+                issues.push(`Fixture "${fixture.name}" fills undeclared slot "${slotName}".`);
+            }
+            slots[slotName] = childIds.map((childId, index) => {
+                const id = `${baseId}-${slotName}-${index}`;
+                const childManifest = studio.registry.getManifest(childId);
+                if (!childManifest) {
+                    issues.push(`Fixture "${fixture.name}" references unknown component "${childId}" in slot "${slotName}".`);
+                    // Keep the reference: the renderer shows a visible missing-component fallback.
+                    return { id, componentId: childId };
+                }
+                return defaultNode(childManifest, id);
+            });
+        }
+        if (Object.keys(slots).length > 0)
+            node.slots = slots;
+    }
+    return { node, issues };
+}
+/** All tiles for one manifest: one per fixture, else a single default tile. */
+export function tilesForManifest(studio, manifest) {
+    const title = manifest.title ?? manifest.id;
+    const baseIssues = manifestIssues(studio, manifest);
+    if (!manifest.fixtures || manifest.fixtures.length === 0) {
+        // No declared fixtures: preview via the shared preview specs (authored
+        // primitive previews or plain defaults), insert the bare manifest defaults.
+        const preview = previewSpecs(manifest)[0];
+        return [
+            {
+                key: `${manifest.id}::default`,
+                componentId: manifest.id,
+                title,
+                variant: 'Default',
+                description: manifest.description,
+                issues: baseIssues,
+                previewNode: preview.node,
+                build: () => nodeFromManifest(manifest),
+            },
+        ];
+    }
+    return manifest.fixtures.map((fixture, index) => {
+        const { node, issues } = fixtureSubtree(studio, manifest, fixture, `preview-${manifest.id}-${index}`);
+        return {
+            key: `${manifest.id}::${fixture.name}`,
+            componentId: manifest.id,
+            title,
+            variant: fixture.name,
+            description: manifest.description,
+            issues: [...baseIssues, ...issues],
+            previewNode: node,
+            build: () => fixtureSubtree(studio, manifest, fixture, 'tmp').node,
+        };
+    });
+}
+function matches(manifest, query) {
+    const hay = [manifest.id, manifest.title, manifest.description, manifest.category]
+        .filter(Boolean)
+        .join(' ')
+        .toLowerCase();
+    return hay.includes(query);
+}
+/**
+ * Derive the panel's category groups from the registry: filter by slot allow
+ * list and query, expand manifests into tiles, group by `category`, and sort
+ * categories alphabetically (registry order within a group). Deterministic.
+ */
+export function blockGroups(studio, filter = {}) {
+    const query = filter.query?.trim().toLowerCase();
+    const allow = filter.slotAllow;
+    const groups = new Map();
+    for (const manifest of studio.registry.list()) {
+        // EC-191: the canvas is client-rendered, so only canvas-eligible
+        // (client-renderable) components are offered for insertion; server-only / RSC
+        // components are usable in dev frames, not placed on the canvas.
+        if (!isCanvasEligible(manifest))
+            continue;
+        if (allow && !allow.includes(manifest.id))
+            continue;
+        if (query && !matches(manifest, query))
+            continue;
+        const category = manifest.category ?? UNCATEGORIZED;
+        const tiles = groups.get(category) ?? [];
+        tiles.push(...tilesForManifest(studio, manifest));
+        groups.set(category, tiles);
+    }
+    return [...groups.entries()]
+        .sort(([a], [b]) => a.localeCompare(b))
+        .map(([category, tiles]) => ({ category, tiles }));
+}
+/**
+ * Layout helper presets (EC-067) as panel tiles. Preview nodes are re-id'd
+ * deterministically so sibling React keys stay unique.
+ */
+export function presetTiles(slotAllow) {
+    return LAYOUT_PRESETS.filter((preset) => !slotAllow || slotAllow.includes(preset.build().componentId)).map((preset) => ({
+        key: `preset::${preset.key}`,
+        componentId: preset.build().componentId,
+        title: preset.label,
+        variant: preset.description,
+        description: preset.description,
+        issues: [],
+        previewNode: cloneWithNewIds(preset.build(), prefixedCounter(`preview-preset-${preset.key}`)),
+        build: () => preset.build(),
+    }));
+}
+//# sourceMappingURL=blocks-model.js.map

package/dist/components/builder/blocks-model.js.map

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

package/dist/components/builder/blocks-panel.d.ts

@@ -0,0 +1,44 @@
+import type { InsertTarget } from '@elytracms/project-graph';
+import type { ClipboardFragment } from '@elytracms/clipboard';
+import type { StudioRegistry } from '@elytracms/studio/lib/registry';
+import type { BlockTile } from './blocks-model';
+/**
+ * Blocks panel (EC-164): the visual insert surface. Every registry component
+ * and each of its fixture variations is a tile with a live, scaled render —
+ * the component library *is* the insert surface. Clicking a tile inserts the
+ * fixture's configured subtree through the builder's `insert` action (one
+ * history entry, mirrored onto the `graph.insertNode` operation).
+ */
+export interface InsertContext {
+    target: InsertTarget;
+    /** When set, only these component ids may be inserted into the slot (slot.allow). */
+    slotAllow?: string[];
+    /** Human label of where the insert lands. */
+    destinationLabel: string;
+}
+/**
+ * "Copy exact configuration" (EC-175, vision 3.3): the EC-174 fragment for a
+ * blocks-panel tile. Tiles backed by a declared manifest fixture go through
+ * `buildFragmentFromRegistryFixture` (the fixture's exact configuration);
+ * preset/default tiles fragment the same subtree the tile inserts. Both paths
+ * share `buildFragmentFromSubtree`, so the fragment shape — and the paste
+ * path — is identical to copying a live canvas instance.
+ */
+export declare function tileFragment(studio: StudioRegistry, tile: BlockTile, projectId: string): ClipboardFragment | null;
+/**
+ * The Insert dialog never dismisses on pointer interactions outside its
+ * content. Rows scrolled below the list's fold keep their layout position
+ * directly above the modal overlay, so a coordinate-targeted click on a
+ * clipped row (agents click what the accessibility tree lists; humans can hit
+ * the boundary too) lands on the overlay — with default Radix behaviour that
+ * pointerdown dismissed the dialog and silently dropped the insert. Cancel
+ * stays explicit: Escape or the Close button.
+ */
+export declare function preventOutsideDismiss(event: {
+    preventDefault: () => void;
+}): void;
+export declare function BlocksPanel({ context, open, onOpenChange, }: {
+    context: InsertContext | null;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): import("react").JSX.Element | null;

package/dist/components/builder/blocks-panel.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, ClipboardCopy, Search } from 'lucide-react';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { buildFragmentFromRegistryFixture, buildFragmentFromSubtree, } from '@elytracms/clipboard';
+import { getStudioRegistry } from '@elytracms/studio/lib/registry';
+import { useCollab } from '../collab/collab-context';
+import { useStudioClipboard } from './clipboard-actions';
+import { beginDrag, endDrag, onDragSessionEnd } from './drag-session';
+import { Code, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, Row, Text, } from '@elytracms/studio/ui';
+import { cn } from '@elytracms/studio/lib/utils';
+import { useBuilder } from './builder-store';
+import { blockGroups, presetTiles } from './blocks-model';
+import { ScaledFixtureThumbnail } from './fixture-thumbnail';
+/**
+ * "Copy exact configuration" (EC-175, vision 3.3): the EC-174 fragment for a
+ * blocks-panel tile. Tiles backed by a declared manifest fixture go through
+ * `buildFragmentFromRegistryFixture` (the fixture's exact configuration);
+ * preset/default tiles fragment the same subtree the tile inserts. Both paths
+ * share `buildFragmentFromSubtree`, so the fragment shape — and the paste
+ * path — is identical to copying a live canvas instance.
+ */
+export function tileFragment(studio, tile, projectId) {
+    const manifest = studio.registry.getManifest(tile.componentId);
+    const fixture = manifest?.fixtures?.find((candidate) => candidate.name === tile.variant);
+    if (manifest && fixture) {
+        const built = buildFragmentFromRegistryFixture(manifest, fixture, {
+            source: { projectId },
+        });
+        return built.ok ? built.fragment : null;
+    }
+    return buildFragmentFromSubtree(tile.build(), { source: { projectId } });
+}
+/**
+ * The Insert dialog never dismisses on pointer interactions outside its
+ * content. Rows scrolled below the list's fold keep their layout position
+ * directly above the modal overlay, so a coordinate-targeted click on a
+ * clipped row (agents click what the accessibility tree lists; humans can hit
+ * the boundary too) lands on the overlay — with default Radix behaviour that
+ * pointerdown dismissed the dialog and silently dropped the insert. Cancel
+ * stays explicit: Escape or the Close button.
+ */
+export function preventOutsideDismiss(event) {
+    event.preventDefault();
+}
+export function BlocksPanel({ context, open, onOpenChange, }) {
+    const builder = useBuilder();
+    const studio = getStudioRegistry();
+    const collab = useCollab();
+    const clipboard = useStudioClipboard();
+    const [query, setQuery] = useState('');
+    useEffect(() => {
+        if (open)
+            setQuery('');
+    }, [open]);
+    const slotAllow = context?.slotAllow;
+    const trimmed = query.trim();
+    const groups = useMemo(() => blockGroups(studio, { query: trimmed || undefined, slotAllow }), [studio, trimmed, slotAllow]);
+    // Layout helpers keep their dedicated group while browsing (hidden once a
+    // query narrows the panel to registry matches), filtered by slot.allow.
+    const presets = useMemo(() => (trimmed ? [] : presetTiles(slotAllow)), [trimmed, slotAllow]);
+    // Drag-to-insert (EC-160): a tile is also a drag source. While the drag is
+    // live the modal (content + overlay + Radix body pointer lock) gets out of
+    // the way so the canvas and the page tree can receive the drop; the session
+    // ending restores it — and a successful drop closes the panel. The drop
+    // surfaces dispatch the single insert action; the panel only carries the
+    // payload (`tile.build`, the same fixture-subtree model click-insert uses).
+    const dragRestoreRef = useRef(null);
+    useEffect(() => onDragSessionEnd((outcome, session) => {
+        if (session.source !== 'blocks')
+            return;
+        dragRestoreRef.current?.();
+        dragRestoreRef.current = null;
+        if (outcome === 'dropped')
+            onOpenChange(false);
+    }), [onOpenChange]);
+    if (!context)
+        return null;
+    function insertTile(tile) {
+        builder.dispatch({ type: 'insert', target: context.target, node: tile.build() });
+        onOpenChange(false);
+    }
+    // "Copy exact configuration" (EC-175): same fragment + paste path as
+    // copying a live canvas instance.
+    function copyTile(tile) {
+        const fragment = tileFragment(studio, tile, collab.projectId);
+        if (fragment)
+            clipboard.copyFragment(fragment, `${tile.title} — ${tile.variant}`);
+    }
+    function handleTileDragStart(tile, e) {
+        beginDrag({
+            subject: { kind: 'component', componentId: tile.componentId },
+            source: 'blocks',
+            label: `${tile.title} — ${tile.variant}`,
+            buildNode: tile.build,
+        }, e.dataTransfer);
+        // Radix's modal layer locks pointer events on the body and the overlay
+        // sits above every drop surface. Lift both for the duration of the drag —
+        // after a tick, so the browser captures the tile as the drag image first.
+        const content = e.currentTarget.closest('[role="dialog"]');
+        const overlay = (content?.previousElementSibling ?? null);
+        const previousBodyPointerEvents = document.body.style.pointerEvents;
+        const hide = window.setTimeout(() => {
+            document.body.style.pointerEvents = 'auto';
+            for (const el of [content, overlay]) {
+                if (el) {
+                    el.style.pointerEvents = 'none';
+                    el.style.opacity = '0';
+                }
+            }
+        }, 0);
+        dragRestoreRef.current = () => {
+            window.clearTimeout(hide);
+            document.body.style.pointerEvents = previousBodyPointerEvents;
+            for (const el of [content, overlay]) {
+                if (el) {
+                    el.style.pointerEvents = '';
+                    el.style.opacity = '';
+                }
+            }
+        };
+    }
+    function handleTileDragEnd() {
+        // Trailing dragend after a handled drop is a no-op (endDrag is idempotent).
+        endDrag('cancelled');
+    }
+    const empty = groups.length === 0 && presets.length === 0;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-3xl", onInteractOutside: preventOutsideDismiss, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Insert block" }), _jsxs(DialogDescription, { children: ["Adds into ", _jsx(Code, { tone: "muted", children: context.destinationLabel }), "."] })] }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { autoFocus: true, value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search blocks\u2026", "aria-label": "Search blocks", className: "pl-8" })] }), _jsxs("div", { className: "max-h-[min(30rem,calc(100dvh-14rem))] overflow-auto pr-1", children: [presets.length > 0 ? (_jsx(TileGroup, { heading: "layout helpers", tiles: presets, onInsert: insertTile, onCopy: copyTile, onTileDragStart: handleTileDragStart, onTileDragEnd: handleTileDragEnd })) : null, groups.map((group) => (_jsx(TileGroup, { heading: group.category, tiles: group.tiles, onInsert: insertTile, onCopy: copyTile, onTileDragStart: handleTileDragStart, onTileDragEnd: handleTileDragEnd }, group.category))), empty ? (_jsx(Text, { size: "sm", tone: "muted", className: "p-3", children: slotAllow ? 'No allowed components match.' : `No components match “${query}”.` })) : null] })] }) }));
+}
+function TileGroup({ heading, tiles, onInsert, onCopy, onTileDragStart, onTileDragEnd, }) {
+    return (_jsxs("section", { className: "mb-3", "aria-label": heading, children: [_jsxs(Row, { gap: "2", className: "px-1 py-1.5", children: [_jsx(Code, { tone: "muted", className: "capitalize", children: heading }), _jsx(Text, { size: "xs", tone: "muted", children: tiles.length })] }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: tiles.map((tile) => (_jsx(BlockTileButton, { tile: tile, onClick: () => onInsert(tile), onCopy: () => onCopy(tile), onDragStart: (e) => onTileDragStart(tile, e), onDragEnd: onTileDragEnd }, tile.key))) })] }));
+}
+function BlockTileButton({ tile, onClick, onCopy, onDragStart, onDragEnd, }) {
+    const degraded = tile.issues.length > 0;
+    // Not a native <button>: live thumbnails are real renders and may contain
+    // interactive elements (e.g. the Button primitive), and a nested <button>
+    // is invalid HTML. The thumbnail itself is aria-hidden and pointer-inert.
+    return (_jsxs("div", { role: "button", tabIndex: 0, draggable: true, onDragStart: onDragStart, onDragEnd: onDragEnd, onClick: onClick, onKeyDown: (event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                onClick();
+            }
+        }, "data-block-tile": tile.key, "data-block-degraded": degraded || undefined, "aria-label": `Insert ${tile.title} — ${tile.variant}`, title: tile.description, className: cn('group/tile relative flex cursor-pointer flex-col gap-1.5 rounded-lg border bg-card p-2 text-left outline-none transition-colors', 'hover:border-ring/60 hover:bg-muted/60 focus-visible:ring-2 focus-visible:ring-ring/60', degraded ? 'border-amber-500/50' : 'border-border'), children: [_jsx("button", { type: "button", "aria-label": `Copy exact configuration — ${tile.title} (${tile.variant})`, title: "Copy exact configuration", "data-block-copy": tile.key, onClick: (event) => {
+                    event.stopPropagation();
+                    onCopy();
+                }, className: cn('absolute right-1.5 top-1.5 z-10 rounded-md border border-border bg-popover/90 p-1 text-muted-foreground', 'opacity-0 transition-opacity hover:text-foreground focus-visible:opacity-100 group-hover/tile:opacity-100'), children: _jsx(ClipboardCopy, { className: "size-3.5", "aria-hidden": true }) }), _jsx(ScaledFixtureThumbnail, { node: tile.previewNode }), _jsxs(Row, { gap: "1", className: "w-full min-w-0", children: [_jsx("span", { className: "truncate text-xs font-medium", children: tile.title }), _jsx("span", { className: "ml-auto shrink-0 text-[0.7rem] text-muted-foreground", children: tile.variant })] }), degraded ? (_jsxs(Row, { gap: "1", className: "w-full min-w-0 text-amber-700 dark:text-amber-400", children: [_jsx(AlertTriangle, { "aria-hidden": true, className: "size-3 shrink-0" }), _jsx("span", { className: "truncate text-[0.7rem]", title: tile.issues.join('\n'), children: tile.issues[0] })] })) : null] }));
+}
+//# sourceMappingURL=blocks-panel.js.map

package/dist/components/builder/blocks-panel.js.map

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