@instructure/platform-block-content-editor 3.6.0 → 4.0.1

package/README.md

@@ -79,6 +79,20 @@ function Builder() {
 }
 ```
 
+**Reading the document.** Block content lives in a store outside React state, so typing in one
+block re-renders only that block, not your page. The engine has no reactive `templateData`. Read it
+when you need it, or subscribe in the one component that renders it:
+
+```tsx
+const save = () => api.save({ layout: engine.templateLayout, data: engine.getTemplateData() })
+
+const data = useTemplateData(engine) // re-renders on every edit
+const blockCount = useTemplateDataSelector(engine, d => Object.keys(d).length) // only when the count changes
+```
+
+A selector must return a primitive or a stable reference. A new object on every call re-renders
+forever.
+
 `BlockContentEditor` composes the tool-panel sidebar over the drag-and-drop canvas: it builds the
 registry-driven insertion trays, hoists a single DnD context so blocks can be **dragged** from a
 tray onto the canvas, coordinates canvas↔panel selection focus, and routes a selected block to its
@@ -111,7 +125,7 @@ standalone `DesignerArea` (which self-wraps its own provider) when you don't nee
 ```tsx
 import { GridDndProvider, DesignerCanvas, ComponentsTray, DesignerNavProvider } from '@instructure/platform-block-content-editor'
 
-<GridDndProvider {...dndProps}>
+<GridDndProvider store={engine.store} {...dndProps}>
   <DesignerNavProvider><ComponentsTray registry={registry} onAddComponent={engine.addComponent} /></DesignerNavProvider>
   <DesignerCanvas canvasRef={canvasRef} {...canvasProps} />
 </GridDndProvider>
@@ -121,30 +135,71 @@ Also public: `DesignerSideBar` (the tool-panel chrome), `ComponentEditorForm` (t
 `useDesignerNav` (the sidebar's view-navigation hook), `useDesignerSelectionFocus`, and the
 block-level AI (`BlockAIMenu`, `useGenerateAltText`).
 
-## Preview — the host presents it
+## Preview — the host drives it
 
 `PreviewArea` is a framed student preview over the read-path `Viewer`, sized from a required,
 controlled `viewport` prop (`'desktop' | 'mobile'`). It renders no switch of its own — the host
-builds the Desktop/Mobile toggle and drives `viewport` from its own state. The package ships
-**no modal**: how the preview is presented (modal, drawer, fullscreen, inline) is the host's choice.
+builds the Desktop/Mobile toggle and drives `viewport` from its own state.
+
+Inside `BlockContentEditor`, preview is a mode: `isPreviewOn` hides the sidebar and swaps the
+canvas for `PreviewArea` in place. **No Preview button and no device selector ship here** — both
+controls, and their wording, are the host's.
+
+`previewViewport` is independent of it: the device the editor **simulates**, never the browser
+window. `mobile` narrows the *design area* to an editable phone-width column and sizes the preview
+to match. Blocks stack correctly there because none of them read the viewport — their breakpoints
+are container queries.
 
 ```tsx
-import { PreviewArea, PREVIEW_VIEWPORTS, type PreviewViewport } from '@instructure/platform-block-content-editor'
+import { BlockContentEditor, EDITOR_CHROME_PROPS, PREVIEW_VIEWPORTS, type PreviewViewport } from '@instructure/platform-block-content-editor'
 
+const [isPreviewOn, setIsPreviewOn] = useState(false)
 const [viewport, setViewport] = useState<PreviewViewport>(PREVIEW_VIEWPORTS.DESKTOP)
 
-<Modal open={previewing} onDismiss={…}>
-  <div role="group" aria-label="Preview viewport">
-    <Button onClick={() => setViewport(PREVIEW_VIEWPORTS.DESKTOP)}>Desktop</Button>
-    <Button onClick={() => setViewport(PREVIEW_VIEWPORTS.MOBILE)}>Mobile</Button>
-  </div>
-  <PreviewArea
-    templateLayout={engine.templateLayout}
-    templateData={engine.templateData}
-    componentRegistry={registry}
-    viewport={viewport}
-  />
-</Modal>
+<div {...EDITOR_CHROME_PROPS}>
+<Button aria-pressed={isPreviewOn} onClick={() => setIsPreviewOn(on => !on)}>
+  {isPreviewOn ? 'Preview On' : 'Preview Off'}
+</Button>
+
+{/* Not gated on preview — Mobile narrows the design area too. */}
+<div role="group" aria-label="Simulated device">
+  <Button onClick={() => setViewport(PREVIEW_VIEWPORTS.DESKTOP)}>Desktop</Button>
+  <Button onClick={() => setViewport(PREVIEW_VIEWPORTS.MOBILE)}>Mobile</Button>
+</div>
+</div>
+
+<BlockContentEditor
+  engine={engine}
+  registry={registry}
+  isPreviewOn={isPreviewOn}
+  previewViewport={viewport}
+/>
+```
+
+Spread `EDITOR_CHROME_PROPS` on the toolbar holding these controls, or clicking Preview (or Save,
+or Undo) deselects the block the author was editing. Focus leaving the toolbar for somewhere outside
+the editor still deselects; while preview is on, nothing does.
+
+The sidebar and canvas are hidden, not unmounted, so panel width, open tool, selection and canvas
+scroll are as the author left them. The sidebar's own mobile layout still keys off the real window
+— simulating a phone narrows the content, not the editor's chrome. Composing the canvas by hand?
+Set `CANVAS_WIDTH_VAR` on any ancestor of it.
+
+`PreviewArea` remains standalone: a host that wants the preview elsewhere (a modal, a drawer, its
+own route) renders it directly and skips `isPreviewOn`. It re-renders on every edit, so subscribe
+with `useTemplateData` in the component that renders it, not above the editor.
+
+```tsx
+import { PreviewArea, useTemplateData } from '@instructure/platform-block-content-editor'
+
+const templateData = useTemplateData(engine)
+
+<PreviewArea
+  templateLayout={engine.templateLayout}
+  templateData={templateData}
+  componentRegistry={registry}
+  viewport={viewport}
+/>
 ```
 
 ## Seams — everything Canvas-specific is injected

package/dist/editor/BlockContentEditor.d.ts

@@ -1,8 +1,9 @@
 import { BlockRegistry } from '../registry';
+import { PreviewViewport } from './preview';
 import { Tool } from './sidebar/panel/types';
 import { UseBlockEditorStateReturn } from './state/useBlockEditorState';
 /** The trays the package ships. A host appends its own tools (widget tray, AI assistant). */
-export declare const BUILT_IN_TOOL_IDS: readonly ["components", "interactive", "layout", "templates"];
+export declare const BUILT_IN_TOOL_IDS: readonly ["components", "interactive"];
 export type BuiltInToolId = (typeof BUILT_IN_TOOL_IDS)[number];
 export interface BlockContentEditorProps<HostToolId extends string = never> {
     /** The host-owned editor state (from `useBlockEditorState`). The host keeps save / undo /
@@ -11,14 +12,14 @@ export interface BlockContentEditorProps<HostToolId extends string = never> {
     /** The registry the document's blocks resolve against (same one passed to `useBlockEditorState`). */
     registry: BlockRegistry;
     /** Host tools — the host-tool slot (a widget tray, the IgniteAI Assistant). Rendered
-     * alongside the built-ins in one rail; the built-ins carry `priority` 0-3, so a host tool
-     * with no `priority` set renders after all four (e.g. a widget tray), while one that sets a
+     * alongside the built-ins in one rail; the built-ins carry `priority` 0-1, so a host tool
+     * with no `priority` set renders after both (e.g. a widget tray), while one that sets a
      * lower `priority` renders before them (e.g. an Assistant docked at the top of the rail).
      * Block-level AI is gated on the `AIAction` seam, not on a tool. */
     tools?: Tool<HostToolId>[];
-    /** Which built-in trays to render, as a subset of `BUILT_IN_TOOL_IDS`; defaults to all four.
+    /** Which built-in trays to render, as a subset of `BUILT_IN_TOOL_IDS`; defaults to both.
      * Rendered in the canonical order regardless of the order given (e.g. a dashboard passes
-     * `['components', 'layout']`). */
+     * `['components']`). */
     builtInToolIds?: BuiltInToolId[];
     /** The tool open on first render. Defaults to the first rendered built-in tray (`components`
      * unless excluded), then the first host tool. */
@@ -27,6 +28,12 @@ export interface BlockContentEditorProps<HostToolId extends string = never> {
     height?: number | string;
     /** Shows the sidebar's rail collapse/expand toggle once a tool has been opened. */
     hasExpandPanelButton?: boolean;
+    /** Host-owned preview mode: hides the sidebar and swaps the canvas for `PreviewArea`. Both
+     * stay mounted, so panel width, open tool, selection and canvas scroll survive. */
+    isPreviewOn?: boolean;
+    /** The device the editor *simulates* — never the browser window. `mobile` narrows the design
+     * area to an editable phone-width column and sizes the preview to match, preview on or off. */
+    previewViewport?: PreviewViewport;
     /**
      * Reports whether a host rich-text-editor overlay (a dialog, tray, or menu the RCE portals to
      * `document.body` and gives focus to) is open. While it returns true, the canvas↔panel selection
@@ -51,8 +58,9 @@ export interface BlockContentEditorProps<HostToolId extends string = never> {
  *
  * It holds only the panel's view/tool UI state; the document, selection, and history live in
  * the `engine` the host owns. One shared `GridDndProvider` wraps both surfaces so tray drag
- * sources reach the canvas droppables. It is authoring-only — the student preview
- * (`PreviewArea`) is a separate export the host presents however it wants.
+ * sources reach the canvas droppables. `isPreviewOn` swaps the canvas for the student preview in
+ * place — this composition's layout call; `PreviewArea` stays standalone for a host that wants
+ * its own presentation.
  */
-export declare function BlockContentEditor<HostToolId extends string = never>({ engine, registry, tools: hostTools, builtInToolIds, initialToolId, height, hasExpandPanelButton, isEditorOverlayOpen, onBeforeToolChange, }: BlockContentEditorProps<HostToolId>): import("react/jsx-runtime").JSX.Element;
+export declare function BlockContentEditor<HostToolId extends string = never>({ engine, registry, tools, builtInToolIds, initialToolId, height, hasExpandPanelButton, isPreviewOn, previewViewport, isEditorOverlayOpen, onBeforeToolChange, }: BlockContentEditorProps<HostToolId>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BlockContentEditor.d.ts.map

package/dist/editor/BlockContentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockContentEditor.d.ts","sourceRoot":"","sources":["../../src/editor/BlockContentEditor.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,aAAa,CAAA;AAOnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAQjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,+DAAgE,CAAA;AAC9F,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAmC9D,MAAM,WAAW,uBAAuB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK;IACxE;+FAC2F;IAC3F,MAAM,EAAE,yBAAyB,CAAA;IACjC,qGAAqG;IACrG,QAAQ,EAAE,aAAa,CAAA;IACvB;;;;wEAIoE;IACpE,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;IAC1B;;sCAEkC;IAClC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC;qDACiD;IACjD,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;IAC1C,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAA;IACnC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,GAAG,UAAU,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CAClG;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK,EAAE,EACpE,MAAM,EACN,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,cAAuC,EACvC,aAAa,EACb,MAAM,EACN,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,uBAAuB,CAAC,UAAU,CAAC,2CAmRrC"}
+{"version":3,"file":"BlockContentEditor.d.ts","sourceRoot":"","sources":["../../src/editor/BlockContentEditor.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,aAAa,CAAA;AAMnE,OAAO,EAAkC,KAAK,eAAe,EAAmB,MAAM,WAAW,CAAA;AAIjG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAQjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,wCAAyC,CAAA;AACvE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAkC9D,MAAM,WAAW,uBAAuB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK;IACxE;+FAC2F;IAC3F,MAAM,EAAE,yBAAyB,CAAA;IACjC,qGAAqG;IACrG,QAAQ,EAAE,aAAa,CAAA;IACvB;;;;wEAIoE;IACpE,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;IAC1B;;4BAEwB;IACxB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC;qDACiD;IACjD,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;IAC1C,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;uFACmF;IACnF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;mGAC+F;IAC/F,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAA;IACnC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,GAAG,UAAU,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CAClG;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK,EAAE,EACpE,MAAM,EACN,QAAQ,EACR,KAAK,EACL,cAAuC,EACvC,aAAa,EACb,MAAM,EACN,oBAAoB,EACpB,WAAmB,EACnB,eAA2C,EAC3C,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,uBAAuB,CAAC,UAAU,CAAC,2CA+HrC"}

package/dist/editor/ai/AIGenerationContext.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { BlockRegistry } from '../../registry';
+import { AIGenerationPhase } from './aiTypes';
+export declare const UPDATED_DURATION_MS = 10000;
+type ApplyProps = (props: Record<string, unknown>) => void;
+interface GenerationTarget {
+    blockId: string;
+    componentType: string;
+    componentId?: string;
+    componentData: Record<string, unknown>;
+    previewFirst: boolean;
+    instructionScope?: string;
+    /** Fallback when no form is registered and there is no `onApplyToBlock`. */
+    onApply?: ApplyProps;
+    componentRegistry: BlockRegistry;
+}
+export type AIGenerationSurface = 'canvas' | 'panel';
+export interface StartGenerationParams extends GenerationTarget {
+    instruction: string;
+    /** The surface whose menu started it; that overlay takes focus for its Stop button. */
+    origin?: AIGenerationSurface;
+}
+export interface AIGenerationContextValue {
+    activeBlockId: string | null;
+    startedFrom: AIGenerationSurface | null;
+    phaseFor: (blockId: string) => AIGenerationPhase;
+    /** Cancels any generation already in flight. */
+    start: (params: StartGenerationParams) => void;
+    stop: () => void;
+    openPreview: () => void;
+    discard: () => void;
+    /** Routes applies for `blockId` through its open form. Returns the unregister function. */
+    registerFormApply: (blockId: string, apply: ApplyProps) => () => void;
+}
+export interface AIGenerationProviderProps {
+    children: ReactNode;
+    /** e.g. `(id, props) => engine.changeComponent(props, id)`. */
+    onApplyToBlock?: (blockId: string, props: Record<string, unknown>) => void;
+    /** A generation whose block has been deleted is stopped. */
+    hasBlock?: (blockId: string) => boolean;
+}
+/** `null` without a provider, in which case `BlockAIMenu` keeps its in-popover flow. */
+export declare const useAIGeneration: () => AIGenerationContextValue | null;
+export declare function AIGenerationProvider({ children, onApplyToBlock, hasBlock, }: AIGenerationProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AIGenerationContext.d.ts.map

package/dist/editor/ai/AIGenerationContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIGenerationContext.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/AIGenerationContext.tsx"],"names":[],"mappings":"AAkBA;;;;;;;GAOG;AAEH,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAK,EAAE,iBAAiB,EAAkC,MAAM,WAAW,CAAA;AAGlF,eAAO,MAAM,mBAAmB,QAAS,CAAA;AAEzC,KAAK,UAAU,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;AAE1D,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,iBAAiB,EAAE,aAAa,CAAA;CACjC;AAED,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEpD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,WAAW,EAAE,MAAM,CAAA;IACnB,uFAAuF;IACvF,MAAM,CAAC,EAAE,mBAAmB,CAAA;CAC7B;AAED,MAAM,WAAW,wBAAwB;IACvC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,WAAW,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACvC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,iBAAiB,CAAA;IAChD,gDAAgD;IAChD,KAAK,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAC9C,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,2FAA2F;IAC3F,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,KAAK,MAAM,IAAI,CAAA;CACtE;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,SAAS,CAAA;IACnB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC1E,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAA;CACxC;AAID,wFAAwF;AACxF,eAAO,MAAM,eAAe,QAAO,wBAAwB,GAAG,IAC7B,CAAA;AAEjC,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,EAAE,yBAAyB,2CAoN3B"}

package/dist/editor/ai/BlockAIMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockAIMenu.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/BlockAIMenu.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,KAAK,cAAc,EAA4C,MAAM,OAAO,CAAA;AAErF,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,gBAAgB,CAAA;AAS7E,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACpD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iGAAiG;IACjG,iBAAiB,EAAE,aAAa,CAAA;IAChC,kGAAkG;IAClG,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IAC1C;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;CACxD;AAED,eAAO,MAAM,WAAW,GAAI,wNAgBzB,gBAAgB,mDAiMlB,CAAA"}
+{"version":3,"file":"BlockAIMenu.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/BlockAIMenu.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,KAAK,cAAc,EAA4C,MAAM,OAAO,CAAA;AAErF,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,gBAAgB,CAAA;AAU7E,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACpD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iGAAiG;IACjG,iBAAiB,EAAE,aAAa,CAAA;IAChC,kGAAkG;IAClG,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IAC1C;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;CACxD;AAED,eAAO,MAAM,WAAW,GAAI,wNAgBzB,gBAAgB,mDAkNlB,CAAA"}

package/dist/editor/ai/BlockGenerationOverlay.d.ts

@@ -0,0 +1,16 @@
+import { AIGenerationPhase } from './aiTypes';
+export interface BlockGenerationOverlayProps {
+    phase: Exclude<AIGenerationPhase, 'idle'>;
+    onStop?: () => void;
+    onOpenPreview?: () => void;
+    onDiscard?: () => void;
+    /**
+     * `panel` spans the width with the actions at the trailing edge, and draws no "updated" stroke:
+     * the stroke marks the block itself.
+     */
+    surface?: 'canvas' | 'panel';
+    /** Set on the surface whose AI menu started the generation, which takes focus for Stop. */
+    takeFocusOnStart?: boolean;
+}
+export declare const BlockGenerationOverlay: ({ phase, onStop, onOpenPreview, onDiscard, surface, takeFocusOnStart, }: BlockGenerationOverlayProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BlockGenerationOverlay.d.ts.map

package/dist/editor/ai/BlockGenerationOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockGenerationOverlay.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/BlockGenerationOverlay.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAKlD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC5B,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AASD,eAAO,MAAM,sBAAsB,GAAI,yEAOpC,2BAA2B,4CAkM7B,CAAA"}

package/dist/editor/ai/PreviewBlockModal.d.ts

@@ -17,13 +17,8 @@ export interface PreviewBlockModalProps {
     onUnresolvedBlock?: (block: UnresolvedBlock) => void;
 }
 /**
- * A fullscreen before/after diff of an AI-proposed block change: the current block ("Before")
- * beside the AI's version ("After"), a Both/After/Before switch, an optional refinement field,
- * and Cancel / Accept-and-replace. The two panels are the read-path `Viewer` run with designer
- * mode off (so blocks show their student state), reached through the modal portal — brand color,
- * translations and host data hooks come from the host's providers above, as everywhere else. The
- * source's IgniteAI gradient is dropped for a neutral, themeable surface; the AI accent is the
- * colored icon in the header.
+ * A fullscreen before/after preview of an AI-proposed block change. Both columns stay mounted (the
+ * switch only hides one) so the "Show changes" diff can always read both sides.
  */
 export declare const PreviewBlockModal: ({ open, onClose, onReplace, onRegenerate, isRegenerating, showRefinement, beforeLayout, beforeData, afterLayout, afterData, componentRegistry, onUnresolvedBlock, }: PreviewBlockModalProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PreviewBlockModal.d.ts.map

package/dist/editor/ai/PreviewBlockModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewBlockModal.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/PreviewBlockModal.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAS9F,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,EAAE,UAAU,EAAE,CAAA;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAA;IACzB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,kFAAkF;IAClF,iBAAiB,EAAE,aAAa,CAAA;IAChC,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CACrD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,qKAa/B,sBAAsB,4CAgLxB,CAAA"}
+{"version":3,"file":"PreviewBlockModal.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/PreviewBlockModal.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAY9F,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,EAAE,UAAU,EAAE,CAAA;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAA;IACzB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,kFAAkF;IAClF,iBAAiB,EAAE,aAAa,CAAA;IAChC,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CACrD;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,qKAa/B,sBAAsB,4CA4SxB,CAAA"}

package/dist/editor/ai/aiTranslations.d.ts

@@ -53,6 +53,16 @@ export interface DesignerAITranslations {
     thinking: string;
     /** Stop an in-flight generation. */
     stop: string;
+    /** Generation-overlay bar: a result is ready to preview (with "preview first" on). */
+    previewReady: string;
+    /** Generation-overlay bar: open the before/after preview of the ready result. */
+    openPreview: string;
+    /** Generation-overlay bar: discard the pending result and revert the block to its original. */
+    discardResult: string;
+    /** Generation-overlay bar: the block was just replaced (shown briefly, then cleared). */
+    blockUpdated: string;
+    /** Screen-reader alert announced once when the block is updated. */
+    blockUpdatedAlert: string;
     /** Error shown in the AI menu when a generation fails or returns nothing usable. */
     generationFailed: string;
     /** Preview modal title. */
@@ -63,8 +73,15 @@ export interface DesignerAITranslations {
     both: string;
     before: string;
     after: string;
+    /** Toggle: outline what the AI removed, added, or edited within the content. */
+    showChanges: string;
+    /** Diff badges shown on changed content when "Show changes" is on. */
+    diffRemoved: string;
+    diffAdded: string;
+    diffChanged: string;
     /** Preview modal buttons. */
     previewCancel: string;
+    rejectAndClose: string;
     acceptAndReplace: string;
     /** Refinement field label/placeholder + its buttons (field hidden by default). */
     refinementPlaceholder: string;

package/dist/editor/ai/aiTranslations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aiTranslations.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/aiTranslations.ts"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,sBAAsB;IACrC,iGAAiG;IACjG,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAA;IAClB,4EAA4E;IAC5E,gBAAgB,EAAE,MAAM,CAAA;IACxB,6FAA6F;IAC7F,cAAc,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,YAAY,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,kBAAkB,EAAE,MAAM,CAAA;IAC1B,gCAAgC;IAChC,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,kCAAkC;IAClC,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,sCAAsC;IACtC,iBAAiB,EAAE,MAAM,CAAA;IACzB,kEAAkE;IAClE,oBAAoB,EAAE,MAAM,CAAA;IAC5B,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IACpB,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAA;IAChB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,oFAAoF;IACpF,gBAAgB,EAAE,MAAM,CAAA;IACxB,2BAA2B;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,0EAA0E;IAC1E,YAAY,EAAE,MAAM,CAAA;IACpB,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,MAAM,CAAA;IACxB,kFAAkF;IAClF,qBAAqB,EAAE,MAAM,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,gGAAgG;IAChG,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,iFAAiF;AACjF,eAAO,MAAM,iBAAiB,EAAE,sBA0C/B,CAAA"}
+{"version":3,"file":"aiTranslations.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/aiTranslations.ts"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,sBAAsB;IACrC,iGAAiG;IACjG,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAA;IAClB,4EAA4E;IAC5E,gBAAgB,EAAE,MAAM,CAAA;IACxB,6FAA6F;IAC7F,cAAc,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,YAAY,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,kBAAkB,EAAE,MAAM,CAAA;IAC1B,gCAAgC;IAChC,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,kCAAkC;IAClC,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,sCAAsC;IACtC,iBAAiB,EAAE,MAAM,CAAA;IACzB,kEAAkE;IAClE,oBAAoB,EAAE,MAAM,CAAA;IAC5B,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IACpB,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAA;IAChB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,sFAAsF;IACtF,YAAY,EAAE,MAAM,CAAA;IACpB,iFAAiF;IACjF,WAAW,EAAE,MAAM,CAAA;IACnB,+FAA+F;IAC/F,aAAa,EAAE,MAAM,CAAA;IACrB,yFAAyF;IACzF,YAAY,EAAE,MAAM,CAAA;IACpB,oEAAoE;IACpE,iBAAiB,EAAE,MAAM,CAAA;IACzB,oFAAoF;IACpF,gBAAgB,EAAE,MAAM,CAAA;IACxB,2BAA2B;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,0EAA0E;IAC1E,YAAY,EAAE,MAAM,CAAA;IACpB,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,WAAW,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,6BAA6B;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,kFAAkF;IAClF,qBAAqB,EAAE,MAAM,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,gGAAgG;IAChG,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,iFAAiF;AACjF,eAAO,MAAM,iBAAiB,EAAE,sBAoD/B,CAAA"}

package/dist/editor/ai/aiTypes.d.ts

@@ -10,4 +10,6 @@ export interface AIInlineTemplateContentPayload {
         props: Record<string, unknown>;
     }[];
 }
+/** A block's AI-generation phase. `preview-ready` only occurs with "Preview first" on. */
+export type AIGenerationPhase = 'idle' | 'generating' | 'preview-ready' | 'updated';
 //# sourceMappingURL=aiTypes.d.ts.map

package/dist/editor/ai/aiTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aiTypes.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/aiTypes.ts"],"names":[],"mappings":"AAkBA;;;;;GAKG;AACH,MAAM,WAAW,8BAA8B;IAC7C,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,EAAE,CAAA;CAC/D"}
+{"version":3,"file":"aiTypes.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/aiTypes.ts"],"names":[],"mappings":"AAkBA;;;;;GAKG;AACH,MAAM,WAAW,8BAA8B;IAC7C,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,EAAE,CAAA;CAC/D;AAED,0FAA0F;AAC1F,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,YAAY,GAAG,eAAe,GAAG,SAAS,CAAA"}

package/dist/editor/ai/generationOverlayStyles.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Chrome CSS for the AI-generation overlay, injected once as a global stylesheet like the AI menu
+ * and canvas chrome: `backdrop-filter` and the gradient bar aren't expressible in InstUI props. The
+ * scrim blurs through `backdrop-filter`, so a surface only has to be `position: relative`.
+ */
+export declare const AI_OVERLAY_CLASS: {
+    readonly root: "bce-ai-gen-overlay-root";
+    readonly scrim: "bce-ai-gen-overlay-scrim";
+    readonly updatedStroke: "bce-ai-gen-overlay-updated-stroke";
+    readonly bar: "bce-ai-gen-overlay-bar";
+    readonly barFullWidth: "bce-ai-gen-overlay-bar--full";
+    readonly status: "bce-ai-gen-overlay-status";
+    readonly stopButton: "bce-ai-gen-overlay-stop";
+    readonly openButton: "bce-ai-gen-overlay-open";
+    readonly iconAction: "bce-ai-gen-overlay-icon-action";
+};
+export declare function GenerationOverlayStyles(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=generationOverlayStyles.d.ts.map

package/dist/editor/ai/generationOverlayStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generationOverlayStyles.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/generationOverlayStyles.tsx"],"names":[],"mappings":"AAoBA;;;;GAIG;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;CAUnB,CAAA;AAgBV,wBAAgB,uBAAuB,4CAyKtC"}

package/dist/editor/ai/index.d.ts

@@ -3,5 +3,6 @@ export { PreviewBlockModal, type PreviewBlockModalProps } from './PreviewBlockMo
 export { useGenerateAltText } from './useGenerateAltText';
 export { PREVIEW_BLOCK_VIEWS, type PreviewBlockView } from './constants';
 export { type DesignerAITranslations, DesignerAIEnglish } from './aiTranslations';
-export type { AIInlineTemplateContentPayload } from './aiTypes';
+export type { AIGenerationPhase, AIInlineTemplateContentPayload } from './aiTypes';
+export { AIGenerationProvider, type AIGenerationProviderProps } from './AIGenerationContext';
 //# sourceMappingURL=index.d.ts.map

package/dist/editor/ai/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/index.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,OAAO,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,KAAK,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACjF,YAAY,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/index.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,OAAO,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,KAAK,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACjF,YAAY,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA;AAElF,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/editor/ai/previewBlockStyles.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The preview modal's chrome — what InstUI props can't express (the segmented switch, the column
+ * cards, the diff callouts) — as one global stylesheet, like the AI menu's.
+ */
+export declare const PREVIEW_CLASS: {
+    readonly column: "bce-preview-column";
+    readonly title: "bce-preview-title";
+    readonly card: "bce-preview-card";
+    readonly switchGroup: "bce-preview-switch";
+    readonly switchOption: "bce-preview-switch-option";
+    readonly switchActive: "is-active";
+    readonly toggleWrap: "bce-preview-toggle";
+    /** The phone toolbar: switch and toggle each full width. */
+    readonly stacked: "bce-preview-stacked";
+};
+export declare function PreviewBlockStyles(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=previewBlockStyles.d.ts.map

package/dist/editor/ai/previewBlockStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewBlockStyles.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/previewBlockStyles.tsx"],"names":[],"mappings":"AAgCA;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;IAQxB,4DAA4D;;CAEpD,CAAA;AAyBV,wBAAgB,kBAAkB,4CAqKjC"}

package/dist/editor/ai/previewDiff.d.ts

@@ -0,0 +1,73 @@
+/**
+ * The "Show changes" diff. The modal never sees a block's html, so this diffs the rendered DOM:
+ * blocks paired by layout id first, then sections (a heading and the blocks under it) inside a
+ * block whose words changed.
+ */
+/** A section's role in the diff. `removed` only appears on the Before side, `added` only on After. */
+export type DiffStatus = 'unchanged' | 'added' | 'removed' | 'changed';
+export interface DiffResult {
+    before: DiffStatus[];
+    after: DiffStatus[];
+}
+/**
+ * Sørensen–Dice word overlap, 0–1: enough to tell a light edit from a different passage without a
+ * character-level edit distance.
+ */
+export declare const similarity: (a: string, b: string) => number;
+/**
+ * LCS matches are `unchanged`. Leftovers in each gap pair up in order: a similar pair is one
+ * `changed` edit, a dissimilar one splits into `removed` + `added`.
+ */
+export declare const diffContent: (before: string[], after: string[], { threshold }?: {
+    threshold?: number;
+}) => DiffResult;
+/** Read by the stylesheet in `previewBlockStyles`. */
+export declare const DIFF_CLASS: {
+    readonly unit: "bce-diff-unit";
+    /** A callout wrapping a whole block, not a section inside one. */
+    readonly block: "bce-diff-block";
+    readonly removed: "bce-diff-removed";
+    readonly added: "bce-diff-added";
+    readonly changed: "bce-diff-changed";
+};
+/** Carries the localized badge text into the `::after` badge. */
+export declare const DIFF_LABEL_VAR = "--bce-diff-label";
+/** A run of adjacent sibling blocks boxed as one. */
+export interface DiffSection {
+    els: HTMLElement[];
+    text: string;
+    /** The text plus a styling token, so a restyle with identical words still reads as a change. */
+    key: string;
+}
+/**
+ * A heading opens a section that absorbs the blocks directly after it; other blocks stand alone.
+ * Only top-level blocks count, so a list is one block, not its items.
+ */
+export declare const collectDiffSections: (root: HTMLElement) => DiffSection[];
+export interface DiffLabels {
+    removed: string;
+    added: string;
+    changed: string;
+}
+/** Wraps each non-`unchanged` section in a callout, so a heading and its content share one box. */
+export declare const applyDiffAnnotations: (sections: DiffSection[], statuses: DiffStatus[], labels: DiffLabels) => void;
+/** Unwraps every callout under `root`. */
+export declare const clearDiffAnnotations: (root: HTMLElement) => void;
+/** `sections`: same styling, different words — diff inside the block. */
+export type BlockDiffStatus = DiffStatus | 'sections';
+export interface BlockDiffInput {
+    id: string;
+    text: string;
+    style: string;
+}
+/**
+ * Pairs blocks by id. A one-sided block is Removed/Added and a restyled one Changed, each boxed
+ * whole so the block's own fill sits inside the outline.
+ */
+export declare const planBlockDiff: (before: BlockDiffInput[], after: BlockDiffInput[]) => {
+    before: BlockDiffStatus[];
+    after: BlockDiffStatus[];
+};
+/** Falls back to a whole-card section diff when the blocks can't be matched to the layout. */
+export declare const annotateContentDiff: (beforeRoot: HTMLElement, afterRoot: HTMLElement, beforeIds: string[], afterIds: string[], labels: DiffLabels) => void;
+//# sourceMappingURL=previewDiff.d.ts.map

package/dist/editor/ai/previewDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewDiff.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/previewDiff.ts"],"names":[],"mappings":"AAkBA;;;;GAIG;AAEH,sGAAsG;AACtG,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEtE,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,KAAK,EAAE,UAAU,EAAE,CAAA;CACpB;AAYD;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAkBjD,CAAA;AAkCD;;;GAGG;AACH,eAAO,MAAM,WAAW,GACtB,QAAQ,MAAM,EAAE,EAChB,OAAO,MAAM,EAAE,EACf,gBAA2C;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,KACrE,UA8CF,CAAA;AAMD,sDAAsD;AACtD,eAAO,MAAM,UAAU;;IAErB,kEAAkE;;;;;CAK1D,CAAA;AAEV,iEAAiE;AACjE,eAAO,MAAM,cAAc,qBAAqB,CAAA;AAQhD,qDAAqD;AACrD,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,WAAW,EAAE,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,gGAAgG;IAChG,GAAG,EAAE,MAAM,CAAA;CACZ;AA0DD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,WAAW,KAAG,WAAW,EAwBlE,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB;AAsBD,mGAAmG;AACnG,eAAO,MAAM,oBAAoB,GAC/B,UAAU,WAAW,EAAE,EACvB,UAAU,UAAU,EAAE,EACtB,QAAQ,UAAU,KACjB,IAKF,CAAA;AAED,0CAA0C;AAC1C,eAAO,MAAM,oBAAoB,GAAI,MAAM,WAAW,KAAG,IAQxD,CAAA;AAED,yEAAyE;AACzE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,UAAU,CAAA;AAErD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,cAAc,EAAE,EACxB,OAAO,cAAc,EAAE,KACtB;IAAE,MAAM,EAAE,eAAe,EAAE,CAAC;IAAC,KAAK,EAAE,eAAe,EAAE,CAAA;CAkBvD,CAAA;AA4CD,8FAA8F;AAC9F,eAAO,MAAM,mBAAmB,GAC9B,YAAY,WAAW,EACvB,WAAW,WAAW,EACtB,WAAW,MAAM,EAAE,EACnB,UAAU,MAAM,EAAE,EAClB,QAAQ,UAAU,KACjB,IAiCF,CAAA"}

package/dist/editor/ai/previewDiff.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=previewDiff.test.d.ts.map

package/dist/editor/ai/previewDiff.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewDiff.test.d.ts","sourceRoot":"","sources":["../../../src/editor/ai/previewDiff.test.ts"],"names":[],"mappings":""}

package/dist/editor/canvas/DesignerArea.d.ts

@@ -1,15 +1,17 @@
 import { RefObject } from 'react';
-import { BlockRegistry, LayoutNode, TemplateData } from '../../registry';
+import { BlockRegistry, LayoutNode } from '../../registry';
 import { TrayDropTarget, TreePath } from '../document/utils';
+import { BlockDataStore } from '../state/blockDataStore';
+import { SelectionStore } from '../state/selectionStore';
 export interface DesignerAreaProps {
     /** The layout tree to author. */
     templateLayout: LayoutNode[];
-    /** Content props keyed by node id. */
-    templateData: TemplateData;
+    /** `useBlockEditorState().store`. */
+    store: BlockDataStore;
     /** The registry the document's blocks resolve against. */
     componentRegistry: BlockRegistry;
-    /** The engine's selected component id (drives the selection chrome). */
-    selectedComponentId: string | null;
+    /** `useBlockEditorState().selection`. */
+    selection: SelectionStore;
     /** Commit a new layout (e.g. `useBlockEditorState().changeLayout`). */
     onLayoutChange: (layout: LayoutNode[]) => void;
     /** A block was selected on the canvas. */
@@ -34,5 +36,5 @@ export interface DesignerAreaProps {
  * host that wants tray drag sources to reach the canvas across a shared context composes
  * `GridDndProvider` around both the sidebar and a bare `DesignerCanvas` instead.
  */
-export declare function DesignerArea({ templateLayout, templateData, componentRegistry, selectedComponentId, onLayoutChange, onSelectComponent, onAddComponent, onDeleteNode, onDuplicateNode, onAIApply, canvasRef: externalCanvasRef, }: DesignerAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function DesignerArea({ templateLayout, store, componentRegistry, selection, onLayoutChange, onSelectComponent, onAddComponent, onDeleteNode, onDuplicateNode, onAIApply, canvasRef: externalCanvasRef, }: DesignerAreaProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DesignerArea.d.ts.map

package/dist/editor/canvas/DesignerArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesignerArea.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/DesignerArea.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAIjE,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,cAAc,EAAE,UAAU,EAAE,CAAA;IAC5B,sCAAsC;IACtC,YAAY,EAAE,YAAY,CAAA;IAC1B,0DAA0D;IAC1D,iBAAiB,EAAE,aAAa,CAAA;IAChC,wEAAwE;IACxE,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,uEAAuE;IACvE,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;IAC9C,0CAA0C;IAC1C,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnE,gFAAgF;IAChF,cAAc,CAAC,EAAE,CACf,aAAa,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,cAAc,EAC3B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACpC,IAAI,CAAA;IACT,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,2EAA2E;IAC3E,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,gFAAgF;IAChF,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACvE;kFAC8E;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,eAAe,EACf,SAAS,EACT,SAAS,EAAE,iBAAiB,GAC7B,EAAE,iBAAiB,2CA2BnB"}
+{"version":3,"file":"DesignerArea.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/DesignerArea.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAI7D,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,cAAc,EAAE,UAAU,EAAE,CAAA;IAC5B,qCAAqC;IACrC,KAAK,EAAE,cAAc,CAAA;IACrB,0DAA0D;IAC1D,iBAAiB,EAAE,aAAa,CAAA;IAChC,yCAAyC;IACzC,SAAS,EAAE,cAAc,CAAA;IACzB,uEAAuE;IACvE,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;IAC9C,0CAA0C;IAC1C,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnE,gFAAgF;IAChF,cAAc,CAAC,EAAE,CACf,aAAa,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,cAAc,EAC3B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACpC,IAAI,CAAA;IACT,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,2EAA2E;IAC3E,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,gFAAgF;IAChF,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACvE;kFAC8E;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAc,EACd,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,eAAe,EACf,SAAS,EACT,SAAS,EAAE,iBAAiB,GAC7B,EAAE,iBAAiB,2CA0BnB"}

package/dist/editor/canvas/DesignerCanvas.d.ts

@@ -1,15 +1,11 @@
 import { RefObject } from 'react';
-import { BlockRegistry, LayoutNode, TemplateData } from '../../registry';
+import { BlockRegistry, LayoutNode } from '../../registry';
 import { TreePath } from '../document/utils';
 export interface DesignerCanvasProps {
     /** The layout tree to author. */
     templateLayout: LayoutNode[];
-    /** Content props keyed by node id. */
-    templateData: TemplateData;
     /** The registry the document's blocks resolve against. */
     componentRegistry: BlockRegistry;
-    /** The engine's selected component id (drives the selection chrome). */
-    selectedComponentId: string | null;
     /** Commit a new layout (e.g. `useBlockEditorState().changeLayout`). */
     onLayoutChange: (layout: LayoutNode[]) => void;
     /** A block was selected on the canvas. */
@@ -31,5 +27,5 @@ export interface DesignerCanvasProps {
  * and renders this. Turns on `DesignerModeContext` for the blocks it renders (its one owned
  * piece of context); brand color, block data and translations come from the host's providers.
  */
-export declare function DesignerCanvas({ templateLayout, templateData, componentRegistry, selectedComponentId, onLayoutChange, onSelectComponent, onDeleteNode, onDuplicateNode, onAIApply, canvasRef: externalCanvasRef, }: DesignerCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function DesignerCanvas({ templateLayout, componentRegistry, onLayoutChange, onSelectComponent, onDeleteNode, onDuplicateNode, onAIApply, canvasRef: externalCanvasRef, }: DesignerCanvasProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DesignerCanvas.d.ts.map

package/dist/editor/canvas/DesignerCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesignerCanvas.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/DesignerCanvas.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAIjD,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,cAAc,EAAE,UAAU,EAAE,CAAA;IAC5B,sCAAsC;IACtC,YAAY,EAAE,YAAY,CAAA;IAC1B,0DAA0D;IAC1D,iBAAiB,EAAE,aAAa,CAAA;IAChC,wEAAwE;IACxE,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,uEAAuE;IACvE,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;IAC9C,0CAA0C;IAC1C,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnE,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,2EAA2E;IAC3E,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,2CAA2C;IAC3C,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACvE;kFAC8E;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,SAAS,EACT,SAAS,EAAE,iBAAiB,GAC7B,EAAE,mBAAmB,2CAqBrB"}
+{"version":3,"file":"DesignerCanvas.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/DesignerCanvas.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAIjD,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,cAAc,EAAE,UAAU,EAAE,CAAA;IAC5B,0DAA0D;IAC1D,iBAAiB,EAAE,aAAa,CAAA;IAChC,uEAAuE;IACvE,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;IAC9C,0CAA0C;IAC1C,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnE,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,2EAA2E;IAC3E,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,2CAA2C;IAC3C,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACvE;kFAC8E;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,SAAS,EACT,SAAS,EAAE,iBAAiB,GAC7B,EAAE,mBAAmB,2CAmBrB"}

package/dist/editor/canvas/GridDndContext.d.ts

@@ -2,7 +2,6 @@ import { SortableInsertTarget } from '../document/utils';
 /** DnD state shared from the provider down to the canvas without prop drilling. */
 export interface GridDndContextValue {
     activeId: string | null;
-    isSortingContainer: boolean;
     numRows: number;
     trayInsertTarget: SortableInsertTarget | null;
 }

package/dist/editor/canvas/GridDndContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridDndContext.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/GridDndContext.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,mFAAmF;AACnF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,CAAA;CAC9C;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAA;AAE7E,wBAAgB,iBAAiB,IAAI,mBAAmB,CAMvD"}
+{"version":3,"file":"GridDndContext.d.ts","sourceRoot":"","sources":["../../../src/editor/canvas/GridDndContext.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,mFAAmF;AACnF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,CAAA;CAC9C;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAA;AAE7E,wBAAgB,iBAAiB,IAAI,mBAAmB,CAMvD"}

package/dist/editor/canvas/GridDndProvider.d.ts

@@ -1,9 +1,14 @@
 import { ReactNode, RefObject } from 'react';
-import { BlockRegistry, LayoutNode, TemplateData } from '../../registry';
+import { BlockRegistry, LayoutNode } from '../../registry';
 import { TrayDropTarget } from '../document/utils';
+import { BlockDataStore } from '../state/blockDataStore';
+import { SelectionStore } from '../state/selectionStore';
 export interface GridDndProviderProps {
     templateLayout: LayoutNode[];
-    templateData: TemplateData;
+    /** `useBlockEditorState().store`, provided to everything inside. */
+    store: BlockDataStore;
+    /** `useBlockEditorState().selection`, provided to everything inside. */
+    selection: SelectionStore;
     componentRegistry: BlockRegistry;
     onLayoutChange: (layout: LayoutNode[]) => void;
     /** Optional callback for handling tray component drops. */
@@ -13,5 +18,5 @@ export interface GridDndProviderProps {
     children: ReactNode;
 }
 /** The single `DndContext` for the designer, wiring `useGridDnd` in and rendering the overlays. */
-export declare function GridDndProvider({ templateLayout, templateData, componentRegistry, onLayoutChange, onAddFromTray, canvasRef, children, }: GridDndProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridDndProvider({ templateLayout, store, selection, componentRegistry, onLayoutChange, onAddFromTray, canvasRef, children, }: GridDndProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GridDndProvider.d.ts.map