@agent-native/core 0.66.5 → 0.66.6

package/dist/client/blocks/BlockView.d.ts

@@ -16,7 +16,7 @@ export declare function blockEditSurface(spec: BlockSpec<any>): "inline" | "pane
  * popover). This is what the app renderer delegates to once the registry
  * recognizes a block type — the legacy switch handles unregistered types.
  */
-export declare function BlockView({ spec, block, editing, editable, onChange, ctx, }: {
+export declare function BlockView({ spec, block, editing, editable, onChange, ctx, compactVisuals, }: {
     spec: BlockSpec<any>;
     block: {
         id: string;
@@ -31,5 +31,6 @@ export declare function BlockView({ spec, block, editing, editable, onChange, ct
     /** Commit a new `data` value for the block. */
     onChange?: (nextData: unknown, meta?: BlockDataChangeMeta) => void;
     ctx: BlockRenderContext;
+    compactVisuals?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BlockView.d.ts.map

package/dist/client/blocks/BlockView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockView.d.ts","sourceRoot":"","sources":["../../../src/client/blocks/BlockView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EACT,kBAAkB,EACnB,MAAM,YAAY,CAAC;AAGpB;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,GACnB,QAAQ,GAAG,OAAO,GAAG,WAAW,CAElC;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAe,EACf,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IACvE,yDAAyD;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnE,GAAG,EAAE,kBAAkB,CAAC;CACzB,2CA0FA"}
+{"version":3,"file":"BlockView.d.ts","sourceRoot":"","sources":["../../../src/client/blocks/BlockView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EACT,kBAAkB,EACnB,MAAM,YAAY,CAAC;AAGpB;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,GACnB,QAAQ,GAAG,OAAO,GAAG,WAAW,CAElC;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAe,EACf,QAAQ,EACR,GAAG,EACH,cAAc,GACf,EAAE;IACD,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IACvE,yDAAyD;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnE,GAAG,EAAE,kBAAkB,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,2CA2FA"}

package/dist/client/blocks/BlockView.js

@@ -21,10 +21,10 @@ export function blockEditSurface(spec) {
  * popover). This is what the app renderer delegates to once the registry
  * recognizes a block type — the legacy switch handles unregistered types.
  */
-export function BlockView({ spec, block, editing, editable = true, onChange, ctx, }) {
+export function BlockView({ spec, block, editing, editable = true, onChange, ctx, compactVisuals, }) {
     const [panelHovered, setPanelHovered] = useState(false);
     const Read = spec.Read;
-    const readNode = (_jsx(Read, { data: block.data, blockId: block.id, title: block.title, summary: block.summary, ctx: ctx }));
+    const readNode = (_jsx(Read, { data: block.data, blockId: block.id, title: block.title, summary: block.summary, ctx: ctx, compactVisuals: compactVisuals }));
     const canEdit = editing && editable && spec.placement.includes("block") && !!onChange;
     if (!canEdit)
         return readNode;

package/dist/client/blocks/BlockView.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockView.js","sourceRoot":"","sources":["../../../src/client/blocks/BlockView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, type MouseEvent as ReactMouseEvent } from \"react\";\nimport { IconPencil } from \"@tabler/icons-react\";\nimport type {\n  BlockDataChangeMeta,\n  BlockSpec,\n  BlockRenderContext,\n} from \"./types.js\";\nimport { SchemaBlockEditor } from \"./SchemaBlockEditor.js\";\n\n/**\n * Resolve a spec's effective edit surface. Defaults to `\"inline\"` when the block\n * ships a custom `Edit` (its author built direct-manipulation editing), else\n * `\"panel\"` — an auto-form block is a property form, which reads best behind a\n * corner edit button. An explicit `spec.editSurface` always wins.\n */\nexport function blockEditSurface(\n  spec: BlockSpec<any>,\n): \"inline\" | \"panel\" | \"container\" {\n  return spec.editSurface ?? (spec.Edit ? \"inline\" : \"panel\");\n}\n\n/**\n * Render one registered block. In read mode (or when the spec is inline-only and\n * not editing) it renders the spec's `Read`. In edit mode for a `block`-placed\n * spec it renders the editor — either inline (the spec's `Edit` or the\n * schema-driven {@link SchemaBlockEditor}) or, for `editSurface: \"panel\"` blocks,\n * the rendered `Read` plus a corner edit button that opens that editor in the\n * app-provided panel ({@link BlockRenderContext.renderEditSurface}, e.g. a\n * popover). This is what the app renderer delegates to once the registry\n * recognizes a block type — the legacy switch handles unregistered types.\n */\nexport function BlockView({\n  spec,\n  block,\n  editing,\n  editable = true,\n  onChange,\n  ctx,\n}: {\n  spec: BlockSpec<any>;\n  block: { id: string; title?: string; summary?: string; data: unknown };\n  /** Whether the document is in an editable/edit state. */\n  editing: boolean;\n  /** Whether this specific block allows editing (block.editable !== false). */\n  editable?: boolean;\n  /** Commit a new `data` value for the block. */\n  onChange?: (nextData: unknown, meta?: BlockDataChangeMeta) => void;\n  ctx: BlockRenderContext;\n}) {\n  const [panelHovered, setPanelHovered] = useState(false);\n  const Read = spec.Read;\n  const readNode = (\n    <Read\n      data={block.data}\n      blockId={block.id}\n      title={block.title}\n      summary={block.summary}\n      ctx={ctx}\n    />\n  );\n\n  const canEdit =\n    editing && editable && spec.placement.includes(\"block\") && !!onChange;\n\n  if (!canEdit) return readNode;\n\n  const commit = (nextData: unknown, meta?: BlockDataChangeMeta) =>\n    onChange?.(nextData, meta);\n  const updatePanelHover = (event: ReactMouseEvent<HTMLElement>) => {\n    const target = event.target;\n    setPanelHovered(\n      target instanceof HTMLElement &&\n        target.closest(\".an-block-panel\") === event.currentTarget,\n    );\n  };\n\n  const Edit = spec.Edit;\n  const formNode = Edit ? (\n    <Edit\n      data={block.data}\n      onChange={commit}\n      editable\n      blockId={block.id}\n      title={block.title}\n      summary={block.summary}\n      ctx={ctx}\n    />\n  ) : (\n    <SchemaBlockEditor\n      data={block.data}\n      onChange={commit}\n      schema={spec.schema}\n      editable\n      blockId={block.id}\n      ctx={ctx}\n    />\n  );\n\n  // Panel mode: show the rendered block with a corner edit button that opens the\n  // form in the app-provided panel (popover). Falls back to inline editing when\n  // the app hasn't wired `renderEditSurface`.\n  if (blockEditSurface(spec) === \"panel\" && ctx.renderEditSurface) {\n    return (\n      <div\n        className=\"an-block-panel relative\"\n        onMouseEnter={updatePanelHover}\n        onMouseMove={updatePanelHover}\n        onMouseLeave={() => setPanelHovered(false)}\n      >\n        {readNode}\n        <div className=\"an-block-panel__edit absolute right-2 top-2 z-10\">\n          {ctx.renderEditSurface({\n            title: spec.label,\n            blockId: block.id,\n            blockType: spec.type,\n            blockTitle: block.title,\n            blockSummary: block.summary,\n            blockData: block.data,\n            trigger: (\n              <button\n                type=\"button\"\n                data-plan-interactive\n                aria-label={`Edit ${spec.label}`}\n                className=\"an-block-edit-trigger flex size-7 items-center justify-center rounded-md text-muted-foreground opacity-0 transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring data-[visible=true]:opacity-100\"\n                data-visible={panelHovered}\n              >\n                <IconPencil className=\"size-4\" />\n              </button>\n            ),\n            children: formNode,\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  // Inline mode (direct manipulation).\n  return formNode;\n}\n"]}
+{"version":3,"file":"BlockView.js","sourceRoot":"","sources":["../../../src/client/blocks/BlockView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, type MouseEvent as ReactMouseEvent } from \"react\";\nimport { IconPencil } from \"@tabler/icons-react\";\nimport type {\n  BlockDataChangeMeta,\n  BlockSpec,\n  BlockRenderContext,\n} from \"./types.js\";\nimport { SchemaBlockEditor } from \"./SchemaBlockEditor.js\";\n\n/**\n * Resolve a spec's effective edit surface. Defaults to `\"inline\"` when the block\n * ships a custom `Edit` (its author built direct-manipulation editing), else\n * `\"panel\"` — an auto-form block is a property form, which reads best behind a\n * corner edit button. An explicit `spec.editSurface` always wins.\n */\nexport function blockEditSurface(\n  spec: BlockSpec<any>,\n): \"inline\" | \"panel\" | \"container\" {\n  return spec.editSurface ?? (spec.Edit ? \"inline\" : \"panel\");\n}\n\n/**\n * Render one registered block. In read mode (or when the spec is inline-only and\n * not editing) it renders the spec's `Read`. In edit mode for a `block`-placed\n * spec it renders the editor — either inline (the spec's `Edit` or the\n * schema-driven {@link SchemaBlockEditor}) or, for `editSurface: \"panel\"` blocks,\n * the rendered `Read` plus a corner edit button that opens that editor in the\n * app-provided panel ({@link BlockRenderContext.renderEditSurface}, e.g. a\n * popover). This is what the app renderer delegates to once the registry\n * recognizes a block type — the legacy switch handles unregistered types.\n */\nexport function BlockView({\n  spec,\n  block,\n  editing,\n  editable = true,\n  onChange,\n  ctx,\n  compactVisuals,\n}: {\n  spec: BlockSpec<any>;\n  block: { id: string; title?: string; summary?: string; data: unknown };\n  /** Whether the document is in an editable/edit state. */\n  editing: boolean;\n  /** Whether this specific block allows editing (block.editable !== false). */\n  editable?: boolean;\n  /** Commit a new `data` value for the block. */\n  onChange?: (nextData: unknown, meta?: BlockDataChangeMeta) => void;\n  ctx: BlockRenderContext;\n  compactVisuals?: boolean;\n}) {\n  const [panelHovered, setPanelHovered] = useState(false);\n  const Read = spec.Read;\n  const readNode = (\n    <Read\n      data={block.data}\n      blockId={block.id}\n      title={block.title}\n      summary={block.summary}\n      ctx={ctx}\n      compactVisuals={compactVisuals}\n    />\n  );\n\n  const canEdit =\n    editing && editable && spec.placement.includes(\"block\") && !!onChange;\n\n  if (!canEdit) return readNode;\n\n  const commit = (nextData: unknown, meta?: BlockDataChangeMeta) =>\n    onChange?.(nextData, meta);\n  const updatePanelHover = (event: ReactMouseEvent<HTMLElement>) => {\n    const target = event.target;\n    setPanelHovered(\n      target instanceof HTMLElement &&\n        target.closest(\".an-block-panel\") === event.currentTarget,\n    );\n  };\n\n  const Edit = spec.Edit;\n  const formNode = Edit ? (\n    <Edit\n      data={block.data}\n      onChange={commit}\n      editable\n      blockId={block.id}\n      title={block.title}\n      summary={block.summary}\n      ctx={ctx}\n    />\n  ) : (\n    <SchemaBlockEditor\n      data={block.data}\n      onChange={commit}\n      schema={spec.schema}\n      editable\n      blockId={block.id}\n      ctx={ctx}\n    />\n  );\n\n  // Panel mode: show the rendered block with a corner edit button that opens the\n  // form in the app-provided panel (popover). Falls back to inline editing when\n  // the app hasn't wired `renderEditSurface`.\n  if (blockEditSurface(spec) === \"panel\" && ctx.renderEditSurface) {\n    return (\n      <div\n        className=\"an-block-panel relative\"\n        onMouseEnter={updatePanelHover}\n        onMouseMove={updatePanelHover}\n        onMouseLeave={() => setPanelHovered(false)}\n      >\n        {readNode}\n        <div className=\"an-block-panel__edit absolute right-2 top-2 z-10\">\n          {ctx.renderEditSurface({\n            title: spec.label,\n            blockId: block.id,\n            blockType: spec.type,\n            blockTitle: block.title,\n            blockSummary: block.summary,\n            blockData: block.data,\n            trigger: (\n              <button\n                type=\"button\"\n                data-plan-interactive\n                aria-label={`Edit ${spec.label}`}\n                className=\"an-block-edit-trigger flex size-7 items-center justify-center rounded-md text-muted-foreground opacity-0 transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring data-[visible=true]:opacity-100\"\n                data-visible={panelHovered}\n              >\n                <IconPencil className=\"size-4\" />\n              </button>\n            ),\n            children: formNode,\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  // Inline mode (direct manipulation).\n  return formNode;\n}\n"]}

package/dist/client/blocks/library/diagram.d.ts

@@ -18,7 +18,7 @@ export declare function DiagramLightbox({ children, onClose, }: {
     onClose: () => void;
 }): import("react/jsx-runtime").JSX.Element;
 /** Read-only renderer: the diagram body wrapped in the standard titled block. */
-export declare function DiagramRead({ data, blockId, title, summary, ctx, }: BlockReadProps<DiagramData>): import("react/jsx-runtime").JSX.Element;
+export declare function DiagramRead({ data, blockId, title, summary, ctx, compactVisuals, }: BlockReadProps<DiagramData>): import("react/jsx-runtime").JSX.Element;
 /**
  * Edit form (panel surface). The block can be an HTML/SVG fragment or a legacy
  * node/edge/note graph, so this exposes html/css/caption plus a collapsible

package/dist/client/blocks/library/diagram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diagram.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/diagram.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EAEf,MAAM,aAAa,CAAC;AAarB,OAAO,EAGL,KAAK,WAAW,EAGjB,MAAM,qBAAqB,CAAC;AA+f7B;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,2CAsCA;AAiFD,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,cAAc,CAAC,WAAW,CAAC,2CAY7B;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,cAAc,CAAC,WAAW,CAAC,2CAkL7B;AAED,kFAAkF;AAClF,eAAO,MAAM,YAAY,8CAgBvB,CAAC"}
+{"version":3,"file":"diagram.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/diagram.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EAEf,MAAM,aAAa,CAAC;AAarB,OAAO,EAGL,KAAK,WAAW,EAGjB,MAAM,qBAAqB,CAAC;AA+f7B;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,2CAsCA;AAmFD,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,EACH,cAAc,GACf,EAAE,cAAc,CAAC,WAAW,CAAC,2CAY7B;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,cAAc,CAAC,WAAW,CAAC,2CAkL7B;AAED,kFAAkF;AAClF,eAAO,MAAM,YAAY,8CAgBvB,CAAC"}

package/dist/client/blocks/library/diagram.js

@@ -273,7 +273,7 @@ export function DiagramLightbox({ children, onClose, }) {
  * mermaid/legacy node-graph diagrams alike enlarge through one path. The inline
  * (non-expanded) render is otherwise unchanged.
  */
-function ExpandableDiagramBody({ data, ctx, }) {
+function ExpandableDiagramBody({ data, ctx, compact, }) {
     const [expanded, setExpanded] = useState(false);
     const supportsStyleToggle = Boolean(data.html);
     const style = useWireframeStyle();
@@ -284,14 +284,14 @@ function ExpandableDiagramBody({ data, ctx, }) {
     const styleTooltip = sketchy
         ? "Hand-drawn diagrams - switch to clean"
         : "Clean diagrams - switch to hand-drawn";
-    return (_jsxs("div", { className: "group/diagram relative", children: [_jsx(DiagramBody, { data: data, ctx: ctx }), _jsx(TooltipProvider, { delayDuration: 100, skipDelayDuration: 0, children: _jsxs("div", { className: "absolute right-2 top-2 z-10 flex items-center gap-1.5", children: [supportsStyleToggle && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-plan-interactive": true, onClick: () => toggleWireframeStyle(), "aria-label": styleLabel, "aria-pressed": sketchy, className: "an-diagram-style-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background/90 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/diagram:opacity-100", children: sketchy ? (_jsx(IconScribble, { className: "size-4" })) : (_jsx(IconShape2, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "left", children: styleTooltip })] })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-plan-interactive": true, onClick: () => setExpanded(true), "aria-label": "Expand diagram", className: "an-diagram-expand-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background/90 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/diagram:opacity-100", children: _jsx(IconArrowsMaximize, { className: "size-4" }) }) }), _jsx(TooltipContent, { side: "left", children: "Expand diagram" })] })] }) }), expanded ? (_jsx(DiagramLightbox, { onClose: () => setExpanded(false), children: _jsx(DiagramBody, { data: data, ctx: ctx }) })) : null] }));
+    return (_jsxs("div", { className: "group/diagram relative", children: [_jsx(DiagramBody, { data: data, ctx: ctx, compact: compact }), _jsx(TooltipProvider, { delayDuration: 100, skipDelayDuration: 0, children: _jsxs("div", { className: "absolute right-2 top-2 z-10 flex items-center gap-1.5", children: [supportsStyleToggle && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-plan-interactive": true, onClick: () => toggleWireframeStyle(), "aria-label": styleLabel, "aria-pressed": sketchy, className: "an-diagram-style-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background/90 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/diagram:opacity-100", children: sketchy ? (_jsx(IconScribble, { className: "size-4" })) : (_jsx(IconShape2, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "left", children: styleTooltip })] })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-plan-interactive": true, onClick: () => setExpanded(true), "aria-label": "Expand diagram", className: "an-diagram-expand-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background/90 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/diagram:opacity-100", children: _jsx(IconArrowsMaximize, { className: "size-4" }) }) }), _jsx(TooltipContent, { side: "left", children: "Expand diagram" })] })] }) }), expanded ? (_jsx(DiagramLightbox, { onClose: () => setExpanded(false), children: _jsx(DiagramBody, { data: data, ctx: ctx }) })) : null] }));
 }
 /* -------------------------------------------------------------------------- */
 /* Read + Edit                                                                 */
 /* -------------------------------------------------------------------------- */
 /** Read-only renderer: the diagram body wrapped in the standard titled block. */
-export function DiagramRead({ data, blockId, title, summary, ctx, }) {
-    return (_jsxs("section", { ...ltrCodeBlockProps, className: "an-block plan-block", "data-block-id": blockId, children: [title && _jsx("div", { className: "an-block-label plan-block-label", children: title }), _jsx(ExpandableDiagramBody, { data: data, ctx: ctx }), summary && _jsx("p", { className: "mt-5 text-muted-foreground", children: summary })] }));
+export function DiagramRead({ data, blockId, title, summary, ctx, compactVisuals, }) {
+    return (_jsxs("section", { ...ltrCodeBlockProps, className: "an-block plan-block", "data-block-id": blockId, children: [title && _jsx("div", { className: "an-block-label plan-block-label", children: title }), _jsx(ExpandableDiagramBody, { data: data, ctx: ctx, compact: compactVisuals }), summary && _jsx("p", { className: "mt-5 text-muted-foreground", children: summary })] }));
 }
 /**
  * Edit form (panel surface). The block can be an HTML/SVG fragment or a legacy

package/dist/client/blocks/library/diagram.js.map

@@ -1 +1 @@
-{"version":3,"file":"diagram.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/diagram.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport {\n  IconArrowsMaximize,\n  IconScribble,\n  IconShape2,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../utils.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../components/ui/tooltip.js\";\nimport { ltrCodeBlockProps } from \"../code-block-direction.js\";\nimport { defineBlock } from \"../types.js\";\nimport type {\n  BlockReadProps,\n  BlockEditProps,\n  BlockRenderContext,\n} from \"../types.js\";\nimport { AiEditableFieldLabel } from \"../AiEditableField.js\";\nimport {\n  RoughOverlay,\n  toggleWireframeStyle,\n  useIsDark,\n  useWireframeStyle,\n} from \"./wireframe-kit.js\";\nimport {\n  sanitizeDiagramHtml,\n  sanitizeWireframeCss,\n  scopeDesignCss,\n} from \"./sanitize-html.js\";\nimport {\n  diagramMdx,\n  diagramSchema,\n  type DiagramData,\n  type DiagramEdge,\n  type DiagramNode,\n} from \"./diagram.config.js\";\n\n/**\n * Read + Edit renderers for the shared `diagram` block — a flexible inline\n * architecture/code diagram. The preferred authoring path is a scoped, inert\n * HTML/SVG fragment that leans on `.diagram-*` primitives and `--wf-*` tokens;\n * a legacy positional / sequence node-graph path is kept for older/simple plans.\n * Lives in core so any app can register it (it originated in the plan template).\n *\n * DECOUPLING from the plan original (mirrors the sibling `wireframe.tsx` port):\n * - Theme: `useIsDark()` reads `document.documentElement.classList` instead of\n *   `next-themes`; `useWireframeStyle()` reads the viewer's sketchy/clean\n *   preference from the shared `plan-wireframe-style` localStorage key — both\n *   from `./wireframe-kit.js`, so core stays plan-free and shadcn-free.\n * - HTML sanitize: the HTML/SVG fragment + CSS run through the app-injected\n *   `ctx.sanitizeHtml` at the render point (defense-in-depth against stored\n *   XSS). Without a sanitizer wired, the HTML path emits nothing — core never\n *   injects unsanitized author HTML. The React-free `diagramSchema` already\n *   rejects active markup before storage.\n * - The rough.js sketch overlay reuses the kit's shared `RoughOverlay`, scoped\n *   with the diagram selector and `drawFrame={false}` (the same call the plan\n *   `HtmlDiagram` made). The `.plan-diagram-frame` / `.diagram-*` / `data-rough`\n *   class contract is preserved exactly so the theme-token CSS in core's\n *   `blocks.css` styles it in any app.\n *\n * The section carries the app-neutral `an-block` class plus the legacy\n * `plan-block` class so plan renders byte-identically while any other app gets\n * the theme-token treatment.\n */\n\n/* -------------------------------------------------------------------------- */\n/* HTML/SVG diagram path                                                       */\n/* -------------------------------------------------------------------------- */\n\n/** The rough-overlay selector for diagram bordered boxes (mirrors the plan). */\nconst DIAGRAM_ROUGH_SELECTOR =\n  \"[data-rough],.diagram-panel,.diagram-node,.diagram-box,.diagram-pill,.diagram-card,[class*='card'],[class*='box'],[class*='panel'],[class*='pill'],[class*='chip'],[class*='badge'],hr\";\n\nfunction HtmlDiagram({\n  data,\n  ctx,\n  compact,\n}: {\n  data: DiagramData;\n  ctx: BlockRenderContext;\n  compact?: boolean;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const isDark = useIsDark();\n  const style = useWireframeStyle();\n  const scopeId = useId().replace(/[^a-zA-Z0-9_-]/g, \"\");\n  // Sanitize author HTML/CSS at the render point (defense-in-depth against\n  // stored XSS). Self-contained in core via the shared block sanitizer (DOM-based\n  // in the browser, regex fallback on the server) so diagrams render in any app\n  // without the host wiring a sanitizer hook.\n  const safeHtml = useMemo(() => sanitizeDiagramHtml(data.html), [data.html]);\n  const scopedCss = useMemo(() => {\n    const safeCss = sanitizeWireframeCss(data.css);\n    // Scope every author selector under this diagram instance so global\n    // selectors (body, *, .app-shell, :root) can't escape and restyle the page.\n    return safeCss\n      ? scopeDesignCss(safeCss, `[data-plan-diagram-scope=\"${scopeId}\"]`)\n      : \"\";\n  }, [data.css, scopeId]);\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"plan-diagram-shell\", compact && \"plan-diagram-compact\")}\n    >\n      <div\n        className=\"plan-diagram-frame\"\n        dir={ctx.textDirection}\n        data-theme={isDark ? \"dark\" : \"light\"}\n        data-style={style}\n        data-text-direction={ctx.textDirection}\n        data-plan-diagram-scope={scopeId}\n      >\n        {scopedCss && <style>{scopedCss}</style>}\n        <div\n          className=\"plan-diagram-frame-content\"\n          dangerouslySetInnerHTML={{ __html: safeHtml }}\n        />\n      </div>\n      <RoughOverlay\n        scopeRef={ref}\n        enabled={style === \"sketchy\"}\n        drawFrame={false}\n        selector={DIAGRAM_ROUGH_SELECTOR}\n      />\n      {data.caption && !compact && (\n        <p className=\"mt-3 text-sm leading-6 text-muted-foreground\">\n          {data.caption}\n        </p>\n      )}\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------------- */\n/* Legacy node-graph paths                                                     */\n/* -------------------------------------------------------------------------- */\n\nfunction clampDiagramPercent(value: number) {\n  if (!Number.isFinite(value)) return 50;\n  return Math.max(4, Math.min(96, value));\n}\n\nfunction hasPositionedDiagramNodes(data: DiagramData): boolean {\n  return (data.nodes ?? []).some(\n    (node) => typeof node.x === \"number\" && typeof node.y === \"number\",\n  );\n}\n\nfunction orderDiagramNodes(\n  nodes: DiagramNode[],\n  edges: DiagramEdge[],\n): DiagramNode[] {\n  if (nodes.length === 0) return [];\n  const byId = new Map(nodes.map((node) => [node.id, node]));\n  const indegree = new Map(nodes.map((node) => [node.id, 0]));\n  for (const edge of edges) {\n    if (byId.has(edge.from) && byId.has(edge.to)) {\n      indegree.set(edge.to, (indegree.get(edge.to) ?? 0) + 1);\n    }\n  }\n  const start = nodes.find((node) => (indegree.get(node.id) ?? 0) === 0);\n  if (!start) return nodes;\n  const ordered: DiagramNode[] = [];\n  const seen = new Set<string>();\n  let current: DiagramNode | undefined = start;\n  while (current && !seen.has(current.id)) {\n    const node: DiagramNode = current;\n    ordered.push(node);\n    seen.add(node.id);\n    const next = edges.find((edge) => edge.from === node.id);\n    current = next ? byId.get(next.to) : undefined;\n  }\n  for (const node of nodes) if (!seen.has(node.id)) ordered.push(node);\n  return ordered;\n}\n\nfunction PositionedDiagram({\n  data,\n  compact,\n  markerId,\n  direction,\n}: {\n  data: DiagramData;\n  compact?: boolean;\n  markerId: string;\n  direction?: BlockRenderContext[\"textDirection\"];\n}) {\n  const nodes = (data.nodes ?? []).map((node) => ({\n    ...node,\n    x: clampDiagramPercent(node.x ?? 50),\n    y: clampDiagramPercent(node.y ?? 50),\n  }));\n  const edges = data.edges ?? [];\n  const arrowId = `${markerId}-diagram-arrow`;\n  const nodeWidth = compact ? 150 : 190;\n  const rows = diagramRows(nodes, compact);\n  const canvasHeight = diagramCanvasHeight(rows.length, compact);\n  const canvasMinWidth = compact ? 560 : 720;\n  const nodeWidthPct = compact ? 20 : 18;\n  const nodeHeightPct = compact ? 14 : 18;\n  const paddedViewBox = diagramViewBox(nodes, nodeWidthPct, nodeHeightPct);\n  const xMargin = compact ? 13 : 14;\n  const yMargin = compact ? 15 : 18;\n  const displayNodes = nodes.map((node) => ({\n    ...node,\n    displayXBase: diagramPointPercent(\n      node.x,\n      paddedViewBox.x,\n      paddedViewBox.width,\n      xMargin,\n    ),\n    displayY: diagramRowPointPercent(node.y, rows, paddedViewBox, yMargin),\n  }));\n  const displayNodesForDirection = displayNodes.map((node) => ({\n    ...node,\n    displayX: direction === \"rtl\" ? 100 - node.displayXBase : node.displayXBase,\n  }));\n  const nodeByIdForDirection = new Map(\n    displayNodesForDirection.map((node) => [node.id, node]),\n  );\n\n  return (\n    <div\n      className=\"plan-sketch rounded-[16px] border border-border bg-muted p-5\"\n      dir={direction}\n      data-text-direction={direction}\n    >\n      <div\n        className=\"overflow-auto rounded-xl border border-border bg-background\"\n        style={{ minHeight: canvasHeight }}\n      >\n        <div\n          className=\"relative\"\n          style={{ minHeight: canvasHeight, minWidth: canvasMinWidth }}\n        >\n          <svg\n            className=\"pointer-events-none absolute inset-0 z-0 h-full w-full\"\n            viewBox=\"0 0 100 100\"\n            preserveAspectRatio=\"none\"\n            aria-hidden=\"true\"\n          >\n            <defs>\n              <marker\n                id={arrowId}\n                viewBox=\"0 0 10 10\"\n                refX=\"8\"\n                refY=\"5\"\n                markerWidth=\"5\"\n                markerHeight=\"5\"\n                orient=\"auto-start-reverse\"\n              >\n                <path\n                  d=\"M 0 0 L 10 5 L 0 10 z\"\n                  className=\"fill-muted-foreground\"\n                />\n              </marker>\n            </defs>\n            {edges.map((edge, index) => {\n              const from = nodeByIdForDirection.get(edge.from);\n              const to = nodeByIdForDirection.get(edge.to);\n              if (!from || !to) return null;\n              return (\n                <line\n                  key={`${edge.from}-${edge.to}-${index}`}\n                  x1={from.displayX}\n                  y1={from.displayY}\n                  x2={to.displayX}\n                  y2={to.displayY}\n                  markerEnd={`url(#${arrowId})`}\n                  vectorEffect=\"non-scaling-stroke\"\n                  className=\"stroke-border\"\n                  strokeWidth={2}\n                  strokeDasharray={edge.label ? \"0\" : \"6 5\"}\n                />\n              );\n            })}\n          </svg>\n\n          {!compact &&\n            edges.map((edge, index) => {\n              const from = nodeByIdForDirection.get(edge.from);\n              const to = nodeByIdForDirection.get(edge.to);\n              if (!edge.label || !from || !to) return null;\n              return (\n                <span\n                  key={`${edge.from}-${edge.to}-${index}-label`}\n                  className=\"absolute z-10 max-w-[130px] -translate-x-1/2 -translate-y-1/2 rounded-full border border-border bg-background px-2 py-0.5 text-center text-[11px] font-semibold text-muted-foreground shadow-sm\"\n                  style={{\n                    left: `${(from.displayX + to.displayX) / 2}%`,\n                    top: `${(from.displayY + to.displayY) / 2}%`,\n                  }}\n                >\n                  {edge.label}\n                </span>\n              );\n            })}\n\n          {displayNodesForDirection.map((node, index) => (\n            <article\n              key={node.id}\n              className=\"absolute z-20 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 border-border bg-background p-3 text-foreground shadow-sm\"\n              style={{\n                left: `${node.displayX}%`,\n                top: `${node.displayY}%`,\n                width: nodeWidth,\n              }}\n            >\n              <p className=\"text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n                {index + 1}\n              </p>\n              <h3 className=\"mt-2 text-base font-semibold leading-tight\">\n                {node.label}\n              </h3>\n              {node.detail && !compact && (\n                <p className=\"mt-2 text-xs leading-5 text-muted-foreground\">\n                  {node.detail}\n                </p>\n              )}\n            </article>\n          ))}\n        </div>\n      </div>\n      {data.notes && data.notes.length > 0 && !compact && (\n        <div className=\"mt-4 grid gap-2 border-t border-border pt-4 text-sm text-muted-foreground md:grid-cols-2\">\n          {data.notes.map((note) => (\n            <p key={note.id}>{note.text}</p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\ntype DiagramViewBox = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\nfunction diagramViewBox(\n  nodes: Array<Pick<DiagramNode, \"x\" | \"y\">>,\n  nodeWidthPct: number,\n  nodeHeightPct: number,\n): DiagramViewBox {\n  if (nodes.length === 0) return { x: 0, y: 0, width: 100, height: 100 };\n\n  const halfWidth = nodeWidthPct / 2;\n  const halfHeight = nodeHeightPct / 2;\n  const left = Math.min(...nodes.map((node) => (node.x ?? 50) - halfWidth));\n  const right = Math.max(...nodes.map((node) => (node.x ?? 50) + halfWidth));\n  const top = Math.min(...nodes.map((node) => (node.y ?? 50) - halfHeight));\n  const bottom = Math.max(...nodes.map((node) => (node.y ?? 50) + halfHeight));\n\n  const x = Math.min(0, left);\n  const y = Math.min(0, top);\n  const width = Math.max(100, right) - x;\n  const height = Math.max(100, bottom) - y;\n\n  return { x, y, width, height };\n}\n\nfunction diagramPointPercent(\n  value: number,\n  viewBoxStart: number,\n  viewBoxSize: number,\n  margin = 0,\n): number {\n  if (\n    !Number.isFinite(value) ||\n    !Number.isFinite(viewBoxSize) ||\n    !viewBoxSize\n  ) {\n    return 50;\n  }\n  const percent = ((value - viewBoxStart) / viewBoxSize) * 100;\n  return Math.min(100 - margin, Math.max(margin, percent));\n}\n\nfunction diagramRows(\n  nodes: Array<Pick<DiagramNode, \"y\">>,\n  compact?: boolean,\n): number[] {\n  const rowGap = compact ? 8 : 10;\n  return [...nodes]\n    .sort((a, b) => (a.y ?? 50) - (b.y ?? 50))\n    .reduce<number[]>((acc, node) => {\n      const y = node.y ?? 50;\n      const last = acc[acc.length - 1];\n      if (last == null || Math.abs(y - last) >= rowGap) acc.push(y);\n      return acc;\n    }, []);\n}\n\nfunction diagramRowPointPercent(\n  value: number,\n  rows: number[],\n  viewBox: DiagramViewBox,\n  margin: number,\n): number {\n  if (rows.length <= 2) {\n    return diagramPointPercent(value, viewBox.y, viewBox.height, margin);\n  }\n  const closestIndex = rows.reduce((bestIndex, row, index) => {\n    const bestDistance = Math.abs((rows[bestIndex] ?? 50) - value);\n    return Math.abs(row - value) < bestDistance ? index : bestIndex;\n  }, 0);\n  const span = 100 - margin * 2;\n  return margin + (span * closestIndex) / Math.max(1, rows.length - 1);\n}\n\nfunction diagramCanvasHeight(rows: number, compact?: boolean): number {\n  const base = compact ? 280 : 430;\n  if (rows <= 2) return base;\n  return Math.max(base, rows * (compact ? 140 : 190) + (compact ? 80 : 120));\n}\n\nfunction SequenceDiagram({\n  data,\n  compact,\n  direction,\n}: {\n  data: DiagramData;\n  compact?: boolean;\n  direction?: BlockRenderContext[\"textDirection\"];\n}) {\n  const edges = data.edges ?? [];\n  const nodes = orderDiagramNodes(data.nodes ?? [], edges);\n  if (nodes.length === 0) {\n    return (\n      <div className=\"rounded-[12px] border border-border bg-muted p-4 text-sm text-muted-foreground\">\n        Diagram content is empty.\n      </div>\n    );\n  }\n  const visualNodes = direction === \"rtl\" ? [...nodes].reverse() : nodes;\n  return (\n    <div\n      className=\"plan-sketch rounded-[16px] border border-border bg-muted p-5\"\n      dir={direction}\n      data-text-direction={direction}\n    >\n      <div\n        className={cn(\n          \"flex gap-3 overflow-x-auto pb-2\",\n          compact ? \"items-center\" : \"items-stretch\",\n        )}\n      >\n        {visualNodes.map((node, index) => {\n          const next = visualNodes[index + 1];\n          const edge = next\n            ? edges.find(\n                (candidate) =>\n                  (candidate.from === node.id && candidate.to === next.id) ||\n                  (candidate.from === next.id && candidate.to === node.id),\n              )\n            : undefined;\n          return (\n            <div key={node.id} className=\"flex min-w-max items-center gap-3\">\n              <article\n                className={cn(\n                  \"w-[180px] rounded-xl border-2 border-border bg-background p-3 text-foreground\",\n                  compact && \"w-[150px]\",\n                )}\n              >\n                <p className=\"text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n                  {index + 1}\n                </p>\n                <h3 className=\"mt-2 text-base font-semibold leading-tight\">\n                  {node.label}\n                </h3>\n                {node.detail && !compact && (\n                  <p className=\"mt-2 text-xs leading-5 text-muted-foreground\">\n                    {node.detail}\n                  </p>\n                )}\n              </article>\n              {next && (\n                <div className=\"grid min-w-[72px] justify-items-center gap-1 text-muted-foreground\">\n                  {edge?.label && (\n                    <span className=\"max-w-[96px] truncate rounded-full border border-border px-2 py-0.5 text-[11px] font-semibold\">\n                      {edge.label}\n                    </span>\n                  )}\n                  <span className=\"h-0.5 w-full rounded-full border-t-2 border-dashed border-border\" />\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n      {data.notes && data.notes.length > 0 && !compact && (\n        <div className=\"mt-4 grid gap-2 border-t border-border pt-4 text-sm text-muted-foreground md:grid-cols-2\">\n          {data.notes.map((note) => (\n            <p key={note.id}>{note.text}</p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * The diagram body. Routes to the preferred HTML/SVG path (when `data.html` is\n * set) and otherwise to a legacy node-graph path (positioned canvas when nodes\n * carry x/y, else an ordered sequence). Used both inline and, scaled up, inside\n * the expand lightbox — so every variant (html/css, positioned, sequence)\n * enlarges through the same code path.\n */\nfunction DiagramBody({\n  data,\n  ctx,\n  compact,\n}: {\n  data: DiagramData;\n  ctx: BlockRenderContext;\n  compact?: boolean;\n}) {\n  const markerId = useId().replace(/:/g, \"\");\n  if (data.html?.trim()) {\n    return <HtmlDiagram data={data} ctx={ctx} compact={compact} />;\n  }\n  if (hasPositionedDiagramNodes(data)) {\n    return (\n      <PositionedDiagram\n        data={data}\n        compact={compact}\n        markerId={markerId}\n        direction={ctx.textDirection}\n      />\n    );\n  }\n  return (\n    <SequenceDiagram\n      data={data}\n      compact={compact}\n      direction={ctx.textDirection}\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------- */\n/* Expand / lightbox                                                           */\n/* -------------------------------------------------------------------------- */\n\n/**\n * Enlarge overlay for a rendered diagram. Mirrors the image lightbox contract\n * used by the composer's `ImagePreviewLightbox` (PromptComposer.tsx) so the\n * expand affordance feels identical to viewing an image full-size: a fixed\n * `bg-black/80` backdrop, Escape to close, click-the-backdrop to close, and a\n * top-right close button. Unlike the image variant this renders arbitrary\n * children (the diagram body re-rendered larger) rather than an `<img>`, since a\n * diagram is live HTML/SVG/node-graph markup, not an image URL.\n *\n * Exported so the separate Mermaid block (`MermaidBlock.tsx`, which renders its\n * diagram to an SVG through a different runtime) can reuse the exact same\n * lightbox contract — one expand affordance shared across both diagram types.\n */\nexport function DiagramLightbox({\n  children,\n  onClose,\n}: {\n  children: React.ReactNode;\n  onClose: () => void;\n}) {\n  useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", handler);\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      document.removeEventListener(\"keydown\", handler);\n      document.body.style.overflow = \"\";\n    };\n  }, [onClose]);\n\n  return (\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label=\"Diagram preview\"\n      onClick={onClose}\n      data-plan-interactive\n      className=\"fixed inset-0 z-[300] flex items-center justify-center overflow-auto bg-black/80 p-6 cursor-zoom-out\"\n    >\n      <div\n        onClick={(e) => e.stopPropagation()}\n        className=\"max-h-full w-full max-w-5xl cursor-default overflow-auto rounded-md bg-background p-6 shadow-2xl\"\n      >\n        {children}\n      </div>\n      <button\n        type=\"button\"\n        onClick={onClose}\n        aria-label=\"Close preview\"\n        className=\"absolute right-4 top-4 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full border border-white/30 bg-black/40 text-white hover:bg-black/60\"\n      >\n        <IconX className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n}\n\n/**\n * The diagram body plus a hover-revealed top-right \"expand\" button (like the\n * image attachment zoom). Opening the button re-renders the exact same\n * `DiagramBody` inside `DiagramLightbox` at a larger size, so html/css and\n * mermaid/legacy node-graph diagrams alike enlarge through one path. The inline\n * (non-expanded) render is otherwise unchanged.\n */\nfunction ExpandableDiagramBody({\n  data,\n  ctx,\n}: {\n  data: DiagramData;\n  ctx: BlockRenderContext;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const supportsStyleToggle = Boolean(data.html);\n  const style = useWireframeStyle();\n  const sketchy = style === \"sketchy\";\n  const styleLabel = sketchy\n    ? \"Switch to clean diagrams\"\n    : \"Switch to hand-drawn diagrams\";\n  const styleTooltip = sketchy\n    ? \"Hand-drawn diagrams - switch to clean\"\n    : \"Clean diagrams - switch to hand-drawn\";\n  return (\n    <div className=\"group/diagram relative\">\n      <DiagramBody data={data} ctx={ctx} />\n      <TooltipProvider delayDuration={100} skipDelayDuration={0}>\n        <div className=\"absolute right-2 top-2 z-10 flex items-center gap-1.5\">\n          {supportsStyleToggle && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  type=\"button\"\n                  data-plan-interactive\n                  onClick={() => toggleWireframeStyle()}\n                  aria-label={styleLabel}\n                  aria-pressed={sketchy}\n                  className=\"an-diagram-style-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background/90 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/diagram:opacity-100\"\n                >\n                  {sketchy ? (\n                    <IconScribble className=\"size-4\" />\n                  ) : (\n                    <IconShape2 className=\"size-4\" />\n                  )}\n                </button>\n              </TooltipTrigger>\n              <TooltipContent side=\"left\">{styleTooltip}</TooltipContent>\n            </Tooltip>\n          )}\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                data-plan-interactive\n                onClick={() => setExpanded(true)}\n                aria-label=\"Expand diagram\"\n                className=\"an-diagram-expand-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background/90 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/diagram:opacity-100\"\n              >\n                <IconArrowsMaximize className=\"size-4\" />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"left\">Expand diagram</TooltipContent>\n          </Tooltip>\n        </div>\n      </TooltipProvider>\n      {expanded ? (\n        <DiagramLightbox onClose={() => setExpanded(false)}>\n          <DiagramBody data={data} ctx={ctx} />\n        </DiagramLightbox>\n      ) : null}\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------------- */\n/* Read + Edit                                                                 */\n/* -------------------------------------------------------------------------- */\n\n/** Read-only renderer: the diagram body wrapped in the standard titled block. */\nexport function DiagramRead({\n  data,\n  blockId,\n  title,\n  summary,\n  ctx,\n}: BlockReadProps<DiagramData>) {\n  return (\n    <section\n      {...ltrCodeBlockProps}\n      className=\"an-block plan-block\"\n      data-block-id={blockId}\n    >\n      {title && <div className=\"an-block-label plan-block-label\">{title}</div>}\n      <ExpandableDiagramBody data={data} ctx={ctx} />\n      {summary && <p className=\"mt-5 text-muted-foreground\">{summary}</p>}\n    </section>\n  );\n}\n\n/**\n * Edit form (panel surface). The block can be an HTML/SVG fragment or a legacy\n * node/edge/note graph, so this exposes html/css/caption plus a collapsible\n * legacy node-graph JSON editor, each with an AI-edit affordance via\n * `ctx.renderAiFieldAction` (through `AiEditableFieldLabel`). `editSurface:\n * \"panel\"` means the registry renders the `Read` view with a corner edit button\n * that opens this form in the app-provided popover.\n */\nexport function DiagramEdit({\n  data,\n  onChange,\n  editable,\n  blockId,\n  title,\n  summary,\n  ctx,\n}: BlockEditProps<DiagramData>) {\n  const htmlId = useId();\n  const cssId = useId();\n  const captionId = useId();\n  const legacyId = useId();\n  const [html, setHtml] = useState(data.html ?? \"\");\n  const [css, setCss] = useState(data.css ?? \"\");\n  const [caption, setCaption] = useState(data.caption ?? \"\");\n  const [legacyJson, setLegacyJson] = useState(() =>\n    JSON.stringify(\n      {\n        nodes: data.nodes ?? [],\n        edges: data.edges ?? [],\n        notes: data.notes ?? [],\n      },\n      null,\n      2,\n    ),\n  );\n\n  useEffect(() => {\n    setHtml(data.html ?? \"\");\n    setCss(data.css ?? \"\");\n    setCaption(data.caption ?? \"\");\n    setLegacyJson(\n      JSON.stringify(\n        {\n          nodes: data.nodes ?? [],\n          edges: data.edges ?? [],\n          notes: data.notes ?? [],\n        },\n        null,\n        2,\n      ),\n    );\n  }, [data]);\n\n  const saveHtmlDiagram = () => {\n    onChange({\n      html: html.trim() || undefined,\n      css: css.trim() || undefined,\n      caption: caption.trim() || undefined,\n      nodes: data.nodes,\n      edges: data.edges,\n      notes: data.notes,\n    });\n  };\n\n  const saveLegacyDiagram = () => {\n    const parsed = JSON.parse(legacyJson) as Pick<\n      DiagramData,\n      \"nodes\" | \"edges\" | \"notes\"\n    >;\n    onChange({\n      ...data,\n      nodes: parsed.nodes ?? [],\n      edges: parsed.edges ?? [],\n      notes: parsed.notes ?? [],\n    });\n  };\n\n  const fieldAction = (\n    field: \"HTML / SVG fragment\" | \"CSS\" | \"caption\" | \"legacy node graph JSON\",\n    value: string,\n  ) => ({\n    blockId,\n    blockType: \"diagram\",\n    blockTitle: title,\n    blockSummary: summary,\n    fieldValue: value,\n    draftScope: `block:diagram:${blockId}:${field.toLowerCase().replace(/[^a-z0-9]+/g, \"-\")}`,\n    disabled: !editable,\n    instructions:\n      \"Update the plan with update-visual-plan using a targeted update-block content patch for this diagram block id. Preserve unrelated diagram fields unless the requested edit requires changing them. Keep diagram HTML/CSS on renderer-owned .diagram-* primitives and --wf-* tokens; do not introduce custom font-family or hard-coded hex/rgb/hsl colors.\",\n    companionFields: [\n      {\n        label: \"HTML / SVG fragment\",\n        value: html.trim() || \"(empty)\",\n        language: \"html\",\n      },\n      { label: \"CSS\", value: css.trim() || \"(empty)\", language: \"css\" },\n      {\n        label: \"caption\",\n        value: caption.trim() || \"(empty)\",\n        language: \"text\",\n      },\n    ],\n  });\n\n  return (\n    <div className=\"grid gap-4\" data-plan-interactive>\n      <button\n        type=\"button\"\n        className=\"inline-flex h-8 w-fit items-center justify-center rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground disabled:opacity-50\"\n        disabled={!editable}\n        onClick={saveHtmlDiagram}\n      >\n        Save diagram\n      </button>\n      <div className=\"group/field grid gap-1.5\">\n        <AiEditableFieldLabel\n          htmlFor={htmlId}\n          label=\"HTML / SVG fragment\"\n          ctx={ctx}\n          action={fieldAction(\"HTML / SVG fragment\", html)}\n        />\n        <textarea\n          id={htmlId}\n          className=\"min-h-48 w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs leading-5 text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          value={html}\n          disabled={!editable}\n          onChange={(event) => setHtml(event.target.value)}\n          placeholder=\"<div class='diagram'>...</div>\"\n        />\n      </div>\n      <div className=\"group/field grid gap-1.5\">\n        <AiEditableFieldLabel\n          htmlFor={cssId}\n          label=\"CSS\"\n          ctx={ctx}\n          action={fieldAction(\"CSS\", css)}\n        />\n        <textarea\n          id={cssId}\n          className=\"min-h-32 w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs leading-5 text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          value={css}\n          disabled={!editable}\n          onChange={(event) => setCss(event.target.value)}\n          placeholder=\".diagram { display: grid; }\"\n        />\n      </div>\n      <div className=\"group/field grid gap-1.5\">\n        <AiEditableFieldLabel\n          htmlFor={captionId}\n          label=\"Caption\"\n          ctx={ctx}\n          action={fieldAction(\"caption\", caption)}\n        />\n        <input\n          id={captionId}\n          className=\"h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          value={caption}\n          disabled={!editable}\n          onChange={(event) => setCaption(event.target.value)}\n        />\n      </div>\n      {!data.html && (\n        <details className=\"rounded-md border border-border p-3\">\n          <summary className=\"cursor-pointer text-xs font-semibold text-muted-foreground\">\n            Legacy node graph data\n          </summary>\n          <div className=\"group/field mt-3 grid gap-1.5\">\n            <AiEditableFieldLabel\n              htmlFor={legacyId}\n              label=\"JSON\"\n              ctx={ctx}\n              action={fieldAction(\"legacy node graph JSON\", legacyJson)}\n            />\n            <textarea\n              id={legacyId}\n              className=\"min-h-44 w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs leading-5 text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n              value={legacyJson}\n              disabled={!editable}\n              onChange={(event) => setLegacyJson(event.target.value)}\n            />\n          </div>\n          <button\n            type=\"button\"\n            className=\"mt-3 inline-flex h-8 items-center justify-center rounded-md border border-input px-3 text-xs font-medium text-foreground disabled:opacity-50\"\n            disabled={!editable}\n            onClick={saveLegacyDiagram}\n          >\n            Save graph data\n          </button>\n        </details>\n      )}\n    </div>\n  );\n}\n\n/** Full client spec for the shared `diagram` block (schema + MDX + Read/Edit). */\nexport const diagramBlock = defineBlock<DiagramData>({\n  type: \"diagram\",\n  schema: diagramSchema,\n  mdx: diagramMdx,\n  Read: DiagramRead,\n  Edit: DiagramEdit,\n  placement: [\"block\"],\n  // Config-driven: the rendered diagram differs from its raw html/css source, so\n  // edit from a corner button + panel rather than inline.\n  editSurface: \"panel\",\n  label: \"Diagram\",\n  description:\n    \"A flexible inline architecture/code diagram. Prefer html/css with SVG or semantic HTML for polished two-dimensional layouts; use .diagram-* primitives and --wf-* tokens for theme/sketch compatibility. Legacy nodes/edges are only for simple previews.\",\n  // Seed the legacy fallback shape so a fresh block validates while agents can\n  // replace it with html/css when layout quality matters.\n  empty: () => ({ nodes: [{ id: \"n1\", label: \"Module\" }], edges: [] }),\n});\n"]}
+{"version":3,"file":"diagram.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/diagram.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport {\n  IconArrowsMaximize,\n  IconScribble,\n  IconShape2,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../utils.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../components/ui/tooltip.js\";\nimport { ltrCodeBlockProps } from \"../code-block-direction.js\";\nimport { defineBlock } from \"../types.js\";\nimport type {\n  BlockReadProps,\n  BlockEditProps,\n  BlockRenderContext,\n} from \"../types.js\";\nimport { AiEditableFieldLabel } from \"../AiEditableField.js\";\nimport {\n  RoughOverlay,\n  toggleWireframeStyle,\n  useIsDark,\n  useWireframeStyle,\n} from \"./wireframe-kit.js\";\nimport {\n  sanitizeDiagramHtml,\n  sanitizeWireframeCss,\n  scopeDesignCss,\n} from \"./sanitize-html.js\";\nimport {\n  diagramMdx,\n  diagramSchema,\n  type DiagramData,\n  type DiagramEdge,\n  type DiagramNode,\n} from \"./diagram.config.js\";\n\n/**\n * Read + Edit renderers for the shared `diagram` block — a flexible inline\n * architecture/code diagram. The preferred authoring path is a scoped, inert\n * HTML/SVG fragment that leans on `.diagram-*` primitives and `--wf-*` tokens;\n * a legacy positional / sequence node-graph path is kept for older/simple plans.\n * Lives in core so any app can register it (it originated in the plan template).\n *\n * DECOUPLING from the plan original (mirrors the sibling `wireframe.tsx` port):\n * - Theme: `useIsDark()` reads `document.documentElement.classList` instead of\n *   `next-themes`; `useWireframeStyle()` reads the viewer's sketchy/clean\n *   preference from the shared `plan-wireframe-style` localStorage key — both\n *   from `./wireframe-kit.js`, so core stays plan-free and shadcn-free.\n * - HTML sanitize: the HTML/SVG fragment + CSS run through the app-injected\n *   `ctx.sanitizeHtml` at the render point (defense-in-depth against stored\n *   XSS). Without a sanitizer wired, the HTML path emits nothing — core never\n *   injects unsanitized author HTML. The React-free `diagramSchema` already\n *   rejects active markup before storage.\n * - The rough.js sketch overlay reuses the kit's shared `RoughOverlay`, scoped\n *   with the diagram selector and `drawFrame={false}` (the same call the plan\n *   `HtmlDiagram` made). The `.plan-diagram-frame` / `.diagram-*` / `data-rough`\n *   class contract is preserved exactly so the theme-token CSS in core's\n *   `blocks.css` styles it in any app.\n *\n * The section carries the app-neutral `an-block` class plus the legacy\n * `plan-block` class so plan renders byte-identically while any other app gets\n * the theme-token treatment.\n */\n\n/* -------------------------------------------------------------------------- */\n/* HTML/SVG diagram path                                                       */\n/* -------------------------------------------------------------------------- */\n\n/** The rough-overlay selector for diagram bordered boxes (mirrors the plan). */\nconst DIAGRAM_ROUGH_SELECTOR =\n  \"[data-rough],.diagram-panel,.diagram-node,.diagram-box,.diagram-pill,.diagram-card,[class*='card'],[class*='box'],[class*='panel'],[class*='pill'],[class*='chip'],[class*='badge'],hr\";\n\nfunction HtmlDiagram({\n  data,\n  ctx,\n  compact,\n}: {\n  data: DiagramData;\n  ctx: BlockRenderContext;\n  compact?: boolean;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const isDark = useIsDark();\n  const style = useWireframeStyle();\n  const scopeId = useId().replace(/[^a-zA-Z0-9_-]/g, \"\");\n  // Sanitize author HTML/CSS at the render point (defense-in-depth against\n  // stored XSS). Self-contained in core via the shared block sanitizer (DOM-based\n  // in the browser, regex fallback on the server) so diagrams render in any app\n  // without the host wiring a sanitizer hook.\n  const safeHtml = useMemo(() => sanitizeDiagramHtml(data.html), [data.html]);\n  const scopedCss = useMemo(() => {\n    const safeCss = sanitizeWireframeCss(data.css);\n    // Scope every author selector under this diagram instance so global\n    // selectors (body, *, .app-shell, :root) can't escape and restyle the page.\n    return safeCss\n      ? scopeDesignCss(safeCss, `[data-plan-diagram-scope=\"${scopeId}\"]`)\n      : \"\";\n  }, [data.css, scopeId]);\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"plan-diagram-shell\", compact && \"plan-diagram-compact\")}\n    >\n      <div\n        className=\"plan-diagram-frame\"\n        dir={ctx.textDirection}\n        data-theme={isDark ? \"dark\" : \"light\"}\n        data-style={style}\n        data-text-direction={ctx.textDirection}\n        data-plan-diagram-scope={scopeId}\n      >\n        {scopedCss && <style>{scopedCss}</style>}\n        <div\n          className=\"plan-diagram-frame-content\"\n          dangerouslySetInnerHTML={{ __html: safeHtml }}\n        />\n      </div>\n      <RoughOverlay\n        scopeRef={ref}\n        enabled={style === \"sketchy\"}\n        drawFrame={false}\n        selector={DIAGRAM_ROUGH_SELECTOR}\n      />\n      {data.caption && !compact && (\n        <p className=\"mt-3 text-sm leading-6 text-muted-foreground\">\n          {data.caption}\n        </p>\n      )}\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------------- */\n/* Legacy node-graph paths                                                     */\n/* -------------------------------------------------------------------------- */\n\nfunction clampDiagramPercent(value: number) {\n  if (!Number.isFinite(value)) return 50;\n  return Math.max(4, Math.min(96, value));\n}\n\nfunction hasPositionedDiagramNodes(data: DiagramData): boolean {\n  return (data.nodes ?? []).some(\n    (node) => typeof node.x === \"number\" && typeof node.y === \"number\",\n  );\n}\n\nfunction orderDiagramNodes(\n  nodes: DiagramNode[],\n  edges: DiagramEdge[],\n): DiagramNode[] {\n  if (nodes.length === 0) return [];\n  const byId = new Map(nodes.map((node) => [node.id, node]));\n  const indegree = new Map(nodes.map((node) => [node.id, 0]));\n  for (const edge of edges) {\n    if (byId.has(edge.from) && byId.has(edge.to)) {\n      indegree.set(edge.to, (indegree.get(edge.to) ?? 0) + 1);\n    }\n  }\n  const start = nodes.find((node) => (indegree.get(node.id) ?? 0) === 0);\n  if (!start) return nodes;\n  const ordered: DiagramNode[] = [];\n  const seen = new Set<string>();\n  let current: DiagramNode | undefined = start;\n  while (current && !seen.has(current.id)) {\n    const node: DiagramNode = current;\n    ordered.push(node);\n    seen.add(node.id);\n    const next = edges.find((edge) => edge.from === node.id);\n    current = next ? byId.get(next.to) : undefined;\n  }\n  for (const node of nodes) if (!seen.has(node.id)) ordered.push(node);\n  return ordered;\n}\n\nfunction PositionedDiagram({\n  data,\n  compact,\n  markerId,\n  direction,\n}: {\n  data: DiagramData;\n  compact?: boolean;\n  markerId: string;\n  direction?: BlockRenderContext[\"textDirection\"];\n}) {\n  const nodes = (data.nodes ?? []).map((node) => ({\n    ...node,\n    x: clampDiagramPercent(node.x ?? 50),\n    y: clampDiagramPercent(node.y ?? 50),\n  }));\n  const edges = data.edges ?? [];\n  const arrowId = `${markerId}-diagram-arrow`;\n  const nodeWidth = compact ? 150 : 190;\n  const rows = diagramRows(nodes, compact);\n  const canvasHeight = diagramCanvasHeight(rows.length, compact);\n  const canvasMinWidth = compact ? 560 : 720;\n  const nodeWidthPct = compact ? 20 : 18;\n  const nodeHeightPct = compact ? 14 : 18;\n  const paddedViewBox = diagramViewBox(nodes, nodeWidthPct, nodeHeightPct);\n  const xMargin = compact ? 13 : 14;\n  const yMargin = compact ? 15 : 18;\n  const displayNodes = nodes.map((node) => ({\n    ...node,\n    displayXBase: diagramPointPercent(\n      node.x,\n      paddedViewBox.x,\n      paddedViewBox.width,\n      xMargin,\n    ),\n    displayY: diagramRowPointPercent(node.y, rows, paddedViewBox, yMargin),\n  }));\n  const displayNodesForDirection = displayNodes.map((node) => ({\n    ...node,\n    displayX: direction === \"rtl\" ? 100 - node.displayXBase : node.displayXBase,\n  }));\n  const nodeByIdForDirection = new Map(\n    displayNodesForDirection.map((node) => [node.id, node]),\n  );\n\n  return (\n    <div\n      className=\"plan-sketch rounded-[16px] border border-border bg-muted p-5\"\n      dir={direction}\n      data-text-direction={direction}\n    >\n      <div\n        className=\"overflow-auto rounded-xl border border-border bg-background\"\n        style={{ minHeight: canvasHeight }}\n      >\n        <div\n          className=\"relative\"\n          style={{ minHeight: canvasHeight, minWidth: canvasMinWidth }}\n        >\n          <svg\n            className=\"pointer-events-none absolute inset-0 z-0 h-full w-full\"\n            viewBox=\"0 0 100 100\"\n            preserveAspectRatio=\"none\"\n            aria-hidden=\"true\"\n          >\n            <defs>\n              <marker\n                id={arrowId}\n                viewBox=\"0 0 10 10\"\n                refX=\"8\"\n                refY=\"5\"\n                markerWidth=\"5\"\n                markerHeight=\"5\"\n                orient=\"auto-start-reverse\"\n              >\n                <path\n                  d=\"M 0 0 L 10 5 L 0 10 z\"\n                  className=\"fill-muted-foreground\"\n                />\n              </marker>\n            </defs>\n            {edges.map((edge, index) => {\n              const from = nodeByIdForDirection.get(edge.from);\n              const to = nodeByIdForDirection.get(edge.to);\n              if (!from || !to) return null;\n              return (\n                <line\n                  key={`${edge.from}-${edge.to}-${index}`}\n                  x1={from.displayX}\n                  y1={from.displayY}\n                  x2={to.displayX}\n                  y2={to.displayY}\n                  markerEnd={`url(#${arrowId})`}\n                  vectorEffect=\"non-scaling-stroke\"\n                  className=\"stroke-border\"\n                  strokeWidth={2}\n                  strokeDasharray={edge.label ? \"0\" : \"6 5\"}\n                />\n              );\n            })}\n          </svg>\n\n          {!compact &&\n            edges.map((edge, index) => {\n              const from = nodeByIdForDirection.get(edge.from);\n              const to = nodeByIdForDirection.get(edge.to);\n              if (!edge.label || !from || !to) return null;\n              return (\n                <span\n                  key={`${edge.from}-${edge.to}-${index}-label`}\n                  className=\"absolute z-10 max-w-[130px] -translate-x-1/2 -translate-y-1/2 rounded-full border border-border bg-background px-2 py-0.5 text-center text-[11px] font-semibold text-muted-foreground shadow-sm\"\n                  style={{\n                    left: `${(from.displayX + to.displayX) / 2}%`,\n                    top: `${(from.displayY + to.displayY) / 2}%`,\n                  }}\n                >\n                  {edge.label}\n                </span>\n              );\n            })}\n\n          {displayNodesForDirection.map((node, index) => (\n            <article\n              key={node.id}\n              className=\"absolute z-20 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 border-border bg-background p-3 text-foreground shadow-sm\"\n              style={{\n                left: `${node.displayX}%`,\n                top: `${node.displayY}%`,\n                width: nodeWidth,\n              }}\n            >\n              <p className=\"text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n                {index + 1}\n              </p>\n              <h3 className=\"mt-2 text-base font-semibold leading-tight\">\n                {node.label}\n              </h3>\n              {node.detail && !compact && (\n                <p className=\"mt-2 text-xs leading-5 text-muted-foreground\">\n                  {node.detail}\n                </p>\n              )}\n            </article>\n          ))}\n        </div>\n      </div>\n      {data.notes && data.notes.length > 0 && !compact && (\n        <div className=\"mt-4 grid gap-2 border-t border-border pt-4 text-sm text-muted-foreground md:grid-cols-2\">\n          {data.notes.map((note) => (\n            <p key={note.id}>{note.text}</p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\ntype DiagramViewBox = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\nfunction diagramViewBox(\n  nodes: Array<Pick<DiagramNode, \"x\" | \"y\">>,\n  nodeWidthPct: number,\n  nodeHeightPct: number,\n): DiagramViewBox {\n  if (nodes.length === 0) return { x: 0, y: 0, width: 100, height: 100 };\n\n  const halfWidth = nodeWidthPct / 2;\n  const halfHeight = nodeHeightPct / 2;\n  const left = Math.min(...nodes.map((node) => (node.x ?? 50) - halfWidth));\n  const right = Math.max(...nodes.map((node) => (node.x ?? 50) + halfWidth));\n  const top = Math.min(...nodes.map((node) => (node.y ?? 50) - halfHeight));\n  const bottom = Math.max(...nodes.map((node) => (node.y ?? 50) + halfHeight));\n\n  const x = Math.min(0, left);\n  const y = Math.min(0, top);\n  const width = Math.max(100, right) - x;\n  const height = Math.max(100, bottom) - y;\n\n  return { x, y, width, height };\n}\n\nfunction diagramPointPercent(\n  value: number,\n  viewBoxStart: number,\n  viewBoxSize: number,\n  margin = 0,\n): number {\n  if (\n    !Number.isFinite(value) ||\n    !Number.isFinite(viewBoxSize) ||\n    !viewBoxSize\n  ) {\n    return 50;\n  }\n  const percent = ((value - viewBoxStart) / viewBoxSize) * 100;\n  return Math.min(100 - margin, Math.max(margin, percent));\n}\n\nfunction diagramRows(\n  nodes: Array<Pick<DiagramNode, \"y\">>,\n  compact?: boolean,\n): number[] {\n  const rowGap = compact ? 8 : 10;\n  return [...nodes]\n    .sort((a, b) => (a.y ?? 50) - (b.y ?? 50))\n    .reduce<number[]>((acc, node) => {\n      const y = node.y ?? 50;\n      const last = acc[acc.length - 1];\n      if (last == null || Math.abs(y - last) >= rowGap) acc.push(y);\n      return acc;\n    }, []);\n}\n\nfunction diagramRowPointPercent(\n  value: number,\n  rows: number[],\n  viewBox: DiagramViewBox,\n  margin: number,\n): number {\n  if (rows.length <= 2) {\n    return diagramPointPercent(value, viewBox.y, viewBox.height, margin);\n  }\n  const closestIndex = rows.reduce((bestIndex, row, index) => {\n    const bestDistance = Math.abs((rows[bestIndex] ?? 50) - value);\n    return Math.abs(row - value) < bestDistance ? index : bestIndex;\n  }, 0);\n  const span = 100 - margin * 2;\n  return margin + (span * closestIndex) / Math.max(1, rows.length - 1);\n}\n\nfunction diagramCanvasHeight(rows: number, compact?: boolean): number {\n  const base = compact ? 280 : 430;\n  if (rows <= 2) return base;\n  return Math.max(base, rows * (compact ? 140 : 190) + (compact ? 80 : 120));\n}\n\nfunction SequenceDiagram({\n  data,\n  compact,\n  direction,\n}: {\n  data: DiagramData;\n  compact?: boolean;\n  direction?: BlockRenderContext[\"textDirection\"];\n}) {\n  const edges = data.edges ?? [];\n  const nodes = orderDiagramNodes(data.nodes ?? [], edges);\n  if (nodes.length === 0) {\n    return (\n      <div className=\"rounded-[12px] border border-border bg-muted p-4 text-sm text-muted-foreground\">\n        Diagram content is empty.\n      </div>\n    );\n  }\n  const visualNodes = direction === \"rtl\" ? [...nodes].reverse() : nodes;\n  return (\n    <div\n      className=\"plan-sketch rounded-[16px] border border-border bg-muted p-5\"\n      dir={direction}\n      data-text-direction={direction}\n    >\n      <div\n        className={cn(\n          \"flex gap-3 overflow-x-auto pb-2\",\n          compact ? \"items-center\" : \"items-stretch\",\n        )}\n      >\n        {visualNodes.map((node, index) => {\n          const next = visualNodes[index + 1];\n          const edge = next\n            ? edges.find(\n                (candidate) =>\n                  (candidate.from === node.id && candidate.to === next.id) ||\n                  (candidate.from === next.id && candidate.to === node.id),\n              )\n            : undefined;\n          return (\n            <div key={node.id} className=\"flex min-w-max items-center gap-3\">\n              <article\n                className={cn(\n                  \"w-[180px] rounded-xl border-2 border-border bg-background p-3 text-foreground\",\n                  compact && \"w-[150px]\",\n                )}\n              >\n                <p className=\"text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n                  {index + 1}\n                </p>\n                <h3 className=\"mt-2 text-base font-semibold leading-tight\">\n                  {node.label}\n                </h3>\n                {node.detail && !compact && (\n                  <p className=\"mt-2 text-xs leading-5 text-muted-foreground\">\n                    {node.detail}\n                  </p>\n                )}\n              </article>\n              {next && (\n                <div className=\"grid min-w-[72px] justify-items-center gap-1 text-muted-foreground\">\n                  {edge?.label && (\n                    <span className=\"max-w-[96px] truncate rounded-full border border-border px-2 py-0.5 text-[11px] font-semibold\">\n                      {edge.label}\n                    </span>\n                  )}\n                  <span className=\"h-0.5 w-full rounded-full border-t-2 border-dashed border-border\" />\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n      {data.notes && data.notes.length > 0 && !compact && (\n        <div className=\"mt-4 grid gap-2 border-t border-border pt-4 text-sm text-muted-foreground md:grid-cols-2\">\n          {data.notes.map((note) => (\n            <p key={note.id}>{note.text}</p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * The diagram body. Routes to the preferred HTML/SVG path (when `data.html` is\n * set) and otherwise to a legacy node-graph path (positioned canvas when nodes\n * carry x/y, else an ordered sequence). Used both inline and, scaled up, inside\n * the expand lightbox — so every variant (html/css, positioned, sequence)\n * enlarges through the same code path.\n */\nfunction DiagramBody({\n  data,\n  ctx,\n  compact,\n}: {\n  data: DiagramData;\n  ctx: BlockRenderContext;\n  compact?: boolean;\n}) {\n  const markerId = useId().replace(/:/g, \"\");\n  if (data.html?.trim()) {\n    return <HtmlDiagram data={data} ctx={ctx} compact={compact} />;\n  }\n  if (hasPositionedDiagramNodes(data)) {\n    return (\n      <PositionedDiagram\n        data={data}\n        compact={compact}\n        markerId={markerId}\n        direction={ctx.textDirection}\n      />\n    );\n  }\n  return (\n    <SequenceDiagram\n      data={data}\n      compact={compact}\n      direction={ctx.textDirection}\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------- */\n/* Expand / lightbox                                                           */\n/* -------------------------------------------------------------------------- */\n\n/**\n * Enlarge overlay for a rendered diagram. Mirrors the image lightbox contract\n * used by the composer's `ImagePreviewLightbox` (PromptComposer.tsx) so the\n * expand affordance feels identical to viewing an image full-size: a fixed\n * `bg-black/80` backdrop, Escape to close, click-the-backdrop to close, and a\n * top-right close button. Unlike the image variant this renders arbitrary\n * children (the diagram body re-rendered larger) rather than an `<img>`, since a\n * diagram is live HTML/SVG/node-graph markup, not an image URL.\n *\n * Exported so the separate Mermaid block (`MermaidBlock.tsx`, which renders its\n * diagram to an SVG through a different runtime) can reuse the exact same\n * lightbox contract — one expand affordance shared across both diagram types.\n */\nexport function DiagramLightbox({\n  children,\n  onClose,\n}: {\n  children: React.ReactNode;\n  onClose: () => void;\n}) {\n  useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", handler);\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      document.removeEventListener(\"keydown\", handler);\n      document.body.style.overflow = \"\";\n    };\n  }, [onClose]);\n\n  return (\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label=\"Diagram preview\"\n      onClick={onClose}\n      data-plan-interactive\n      className=\"fixed inset-0 z-[300] flex items-center justify-center overflow-auto bg-black/80 p-6 cursor-zoom-out\"\n    >\n      <div\n        onClick={(e) => e.stopPropagation()}\n        className=\"max-h-full w-full max-w-5xl cursor-default overflow-auto rounded-md bg-background p-6 shadow-2xl\"\n      >\n        {children}\n      </div>\n      <button\n        type=\"button\"\n        onClick={onClose}\n        aria-label=\"Close preview\"\n        className=\"absolute right-4 top-4 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full border border-white/30 bg-black/40 text-white hover:bg-black/60\"\n      >\n        <IconX className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n}\n\n/**\n * The diagram body plus a hover-revealed top-right \"expand\" button (like the\n * image attachment zoom). Opening the button re-renders the exact same\n * `DiagramBody` inside `DiagramLightbox` at a larger size, so html/css and\n * mermaid/legacy node-graph diagrams alike enlarge through one path. The inline\n * (non-expanded) render is otherwise unchanged.\n */\nfunction ExpandableDiagramBody({\n  data,\n  ctx,\n  compact,\n}: {\n  data: DiagramData;\n  ctx: BlockRenderContext;\n  compact?: boolean;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const supportsStyleToggle = Boolean(data.html);\n  const style = useWireframeStyle();\n  const sketchy = style === \"sketchy\";\n  const styleLabel = sketchy\n    ? \"Switch to clean diagrams\"\n    : \"Switch to hand-drawn diagrams\";\n  const styleTooltip = sketchy\n    ? \"Hand-drawn diagrams - switch to clean\"\n    : \"Clean diagrams - switch to hand-drawn\";\n  return (\n    <div className=\"group/diagram relative\">\n      <DiagramBody data={data} ctx={ctx} compact={compact} />\n      <TooltipProvider delayDuration={100} skipDelayDuration={0}>\n        <div className=\"absolute right-2 top-2 z-10 flex items-center gap-1.5\">\n          {supportsStyleToggle && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  type=\"button\"\n                  data-plan-interactive\n                  onClick={() => toggleWireframeStyle()}\n                  aria-label={styleLabel}\n                  aria-pressed={sketchy}\n                  className=\"an-diagram-style-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background/90 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/diagram:opacity-100\"\n                >\n                  {sketchy ? (\n                    <IconScribble className=\"size-4\" />\n                  ) : (\n                    <IconShape2 className=\"size-4\" />\n                  )}\n                </button>\n              </TooltipTrigger>\n              <TooltipContent side=\"left\">{styleTooltip}</TooltipContent>\n            </Tooltip>\n          )}\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                data-plan-interactive\n                onClick={() => setExpanded(true)}\n                aria-label=\"Expand diagram\"\n                className=\"an-diagram-expand-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background/90 text-muted-foreground opacity-0 shadow-sm backdrop-blur transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/diagram:opacity-100\"\n              >\n                <IconArrowsMaximize className=\"size-4\" />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"left\">Expand diagram</TooltipContent>\n          </Tooltip>\n        </div>\n      </TooltipProvider>\n      {expanded ? (\n        <DiagramLightbox onClose={() => setExpanded(false)}>\n          <DiagramBody data={data} ctx={ctx} />\n        </DiagramLightbox>\n      ) : null}\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------------- */\n/* Read + Edit                                                                 */\n/* -------------------------------------------------------------------------- */\n\n/** Read-only renderer: the diagram body wrapped in the standard titled block. */\nexport function DiagramRead({\n  data,\n  blockId,\n  title,\n  summary,\n  ctx,\n  compactVisuals,\n}: BlockReadProps<DiagramData>) {\n  return (\n    <section\n      {...ltrCodeBlockProps}\n      className=\"an-block plan-block\"\n      data-block-id={blockId}\n    >\n      {title && <div className=\"an-block-label plan-block-label\">{title}</div>}\n      <ExpandableDiagramBody data={data} ctx={ctx} compact={compactVisuals} />\n      {summary && <p className=\"mt-5 text-muted-foreground\">{summary}</p>}\n    </section>\n  );\n}\n\n/**\n * Edit form (panel surface). The block can be an HTML/SVG fragment or a legacy\n * node/edge/note graph, so this exposes html/css/caption plus a collapsible\n * legacy node-graph JSON editor, each with an AI-edit affordance via\n * `ctx.renderAiFieldAction` (through `AiEditableFieldLabel`). `editSurface:\n * \"panel\"` means the registry renders the `Read` view with a corner edit button\n * that opens this form in the app-provided popover.\n */\nexport function DiagramEdit({\n  data,\n  onChange,\n  editable,\n  blockId,\n  title,\n  summary,\n  ctx,\n}: BlockEditProps<DiagramData>) {\n  const htmlId = useId();\n  const cssId = useId();\n  const captionId = useId();\n  const legacyId = useId();\n  const [html, setHtml] = useState(data.html ?? \"\");\n  const [css, setCss] = useState(data.css ?? \"\");\n  const [caption, setCaption] = useState(data.caption ?? \"\");\n  const [legacyJson, setLegacyJson] = useState(() =>\n    JSON.stringify(\n      {\n        nodes: data.nodes ?? [],\n        edges: data.edges ?? [],\n        notes: data.notes ?? [],\n      },\n      null,\n      2,\n    ),\n  );\n\n  useEffect(() => {\n    setHtml(data.html ?? \"\");\n    setCss(data.css ?? \"\");\n    setCaption(data.caption ?? \"\");\n    setLegacyJson(\n      JSON.stringify(\n        {\n          nodes: data.nodes ?? [],\n          edges: data.edges ?? [],\n          notes: data.notes ?? [],\n        },\n        null,\n        2,\n      ),\n    );\n  }, [data]);\n\n  const saveHtmlDiagram = () => {\n    onChange({\n      html: html.trim() || undefined,\n      css: css.trim() || undefined,\n      caption: caption.trim() || undefined,\n      nodes: data.nodes,\n      edges: data.edges,\n      notes: data.notes,\n    });\n  };\n\n  const saveLegacyDiagram = () => {\n    const parsed = JSON.parse(legacyJson) as Pick<\n      DiagramData,\n      \"nodes\" | \"edges\" | \"notes\"\n    >;\n    onChange({\n      ...data,\n      nodes: parsed.nodes ?? [],\n      edges: parsed.edges ?? [],\n      notes: parsed.notes ?? [],\n    });\n  };\n\n  const fieldAction = (\n    field: \"HTML / SVG fragment\" | \"CSS\" | \"caption\" | \"legacy node graph JSON\",\n    value: string,\n  ) => ({\n    blockId,\n    blockType: \"diagram\",\n    blockTitle: title,\n    blockSummary: summary,\n    fieldValue: value,\n    draftScope: `block:diagram:${blockId}:${field.toLowerCase().replace(/[^a-z0-9]+/g, \"-\")}`,\n    disabled: !editable,\n    instructions:\n      \"Update the plan with update-visual-plan using a targeted update-block content patch for this diagram block id. Preserve unrelated diagram fields unless the requested edit requires changing them. Keep diagram HTML/CSS on renderer-owned .diagram-* primitives and --wf-* tokens; do not introduce custom font-family or hard-coded hex/rgb/hsl colors.\",\n    companionFields: [\n      {\n        label: \"HTML / SVG fragment\",\n        value: html.trim() || \"(empty)\",\n        language: \"html\",\n      },\n      { label: \"CSS\", value: css.trim() || \"(empty)\", language: \"css\" },\n      {\n        label: \"caption\",\n        value: caption.trim() || \"(empty)\",\n        language: \"text\",\n      },\n    ],\n  });\n\n  return (\n    <div className=\"grid gap-4\" data-plan-interactive>\n      <button\n        type=\"button\"\n        className=\"inline-flex h-8 w-fit items-center justify-center rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground disabled:opacity-50\"\n        disabled={!editable}\n        onClick={saveHtmlDiagram}\n      >\n        Save diagram\n      </button>\n      <div className=\"group/field grid gap-1.5\">\n        <AiEditableFieldLabel\n          htmlFor={htmlId}\n          label=\"HTML / SVG fragment\"\n          ctx={ctx}\n          action={fieldAction(\"HTML / SVG fragment\", html)}\n        />\n        <textarea\n          id={htmlId}\n          className=\"min-h-48 w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs leading-5 text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          value={html}\n          disabled={!editable}\n          onChange={(event) => setHtml(event.target.value)}\n          placeholder=\"<div class='diagram'>...</div>\"\n        />\n      </div>\n      <div className=\"group/field grid gap-1.5\">\n        <AiEditableFieldLabel\n          htmlFor={cssId}\n          label=\"CSS\"\n          ctx={ctx}\n          action={fieldAction(\"CSS\", css)}\n        />\n        <textarea\n          id={cssId}\n          className=\"min-h-32 w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs leading-5 text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          value={css}\n          disabled={!editable}\n          onChange={(event) => setCss(event.target.value)}\n          placeholder=\".diagram { display: grid; }\"\n        />\n      </div>\n      <div className=\"group/field grid gap-1.5\">\n        <AiEditableFieldLabel\n          htmlFor={captionId}\n          label=\"Caption\"\n          ctx={ctx}\n          action={fieldAction(\"caption\", caption)}\n        />\n        <input\n          id={captionId}\n          className=\"h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          value={caption}\n          disabled={!editable}\n          onChange={(event) => setCaption(event.target.value)}\n        />\n      </div>\n      {!data.html && (\n        <details className=\"rounded-md border border-border p-3\">\n          <summary className=\"cursor-pointer text-xs font-semibold text-muted-foreground\">\n            Legacy node graph data\n          </summary>\n          <div className=\"group/field mt-3 grid gap-1.5\">\n            <AiEditableFieldLabel\n              htmlFor={legacyId}\n              label=\"JSON\"\n              ctx={ctx}\n              action={fieldAction(\"legacy node graph JSON\", legacyJson)}\n            />\n            <textarea\n              id={legacyId}\n              className=\"min-h-44 w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs leading-5 text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n              value={legacyJson}\n              disabled={!editable}\n              onChange={(event) => setLegacyJson(event.target.value)}\n            />\n          </div>\n          <button\n            type=\"button\"\n            className=\"mt-3 inline-flex h-8 items-center justify-center rounded-md border border-input px-3 text-xs font-medium text-foreground disabled:opacity-50\"\n            disabled={!editable}\n            onClick={saveLegacyDiagram}\n          >\n            Save graph data\n          </button>\n        </details>\n      )}\n    </div>\n  );\n}\n\n/** Full client spec for the shared `diagram` block (schema + MDX + Read/Edit). */\nexport const diagramBlock = defineBlock<DiagramData>({\n  type: \"diagram\",\n  schema: diagramSchema,\n  mdx: diagramMdx,\n  Read: DiagramRead,\n  Edit: DiagramEdit,\n  placement: [\"block\"],\n  // Config-driven: the rendered diagram differs from its raw html/css source, so\n  // edit from a corner button + panel rather than inline.\n  editSurface: \"panel\",\n  label: \"Diagram\",\n  description:\n    \"A flexible inline architecture/code diagram. Prefer html/css with SVG or semantic HTML for polished two-dimensional layouts; use .diagram-* primitives and --wf-* tokens for theme/sketch compatibility. Legacy nodes/edges are only for simple previews.\",\n  // Seed the legacy fallback shape so a fresh block validates while agents can\n  // replace it with html/css when layout quality matters.\n  empty: () => ({ nodes: [{ id: \"n1\", label: \"Module\" }], edges: [] }),\n});\n"]}

package/dist/client/blocks/library/html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAuD3E,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAO/B;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAyI/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,gDAepB,CAAC"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA4D3E,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAO/B;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAyI/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,gDAepB,CAAC"}

package/dist/client/blocks/library/html.js

@@ -4,6 +4,7 @@ import { IconCode, IconEdit, IconX } from "@tabler/icons-react";
 import { defineBlock } from "../types.js";
 import { AiEditableFieldLabel } from "../AiEditableField.js";
 import { htmlSchema, htmlMdx } from "./html.config.js";
+import { useIsDark } from "./wireframe-kit.js";
 /**
  * Standard library HTML / Tailwind block. The registry form of the plan
  * `custom-html` block: an author-supplied HTML (+ optional CSS) fragment
@@ -20,15 +21,18 @@ import { htmlSchema, htmlMdx } from "./html.config.js";
  * just the plan app.
  */
 /** Build the iframe document for a fragment, applying app sanitization if given. */
-function buildSrcDoc(data, sanitize) {
+function buildSrcDoc(data, theme, sanitize) {
     const css = data.css ?? "";
     const body = sanitize ? sanitize(data.html, data.css) : data.html;
-    // Use prefers-color-scheme so the iframe ink matches the host theme even
-    // though the iframe document is isolated and can't inherit CSS variables.
-    return `<!doctype html><html><head><style>body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:#1f1f1d;background:transparent;}*{box-sizing:border-box}@media(prefers-color-scheme:dark){body{color:#e8e8e6}}${css}</style></head><body>${body}</body></html>`;
+    // The iframe is isolated from the host's `.dark` class and CSS variables, so
+    // bridge the current theme explicitly and expose the same semantic tokens that
+    // generated wireframe/diagram HTML already uses.
+    return `<!doctype html><html data-theme="${theme}"><head><style>:root{color-scheme:light;--wf-paper:#fbfaf6;--wf-card:#ffffff;--wf-ink:#1f1f1d;--wf-muted:#6f6a63;--wf-line:#ded8ce;--wf-radius:12px;--plan-document:var(--wf-paper);--plan-block:var(--wf-card);--plan-text:var(--wf-ink);--plan-muted:var(--wf-muted);--plan-line:var(--wf-line)}:root[data-theme="dark"]{color-scheme:dark;--wf-paper:#201f1c;--wf-card:#2a2825;--wf-ink:#ece8e1;--wf-muted:#9a948b;--wf-line:#43403a;--plan-document:var(--wf-paper);--plan-block:var(--wf-card);--plan-text:var(--wf-ink);--plan-muted:var(--wf-muted);--plan-line:var(--wf-line)}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--wf-ink);background:var(--wf-paper)}*{box-sizing:border-box}${css}</style></head><body>${body}</body></html>`;
 }
 function HtmlPreview({ data, title, sanitize, }) {
-    return (_jsxs(_Fragment, { children: [_jsx("iframe", { title: title || "Custom HTML block", srcDoc: buildSrcDoc(data, sanitize), sandbox: "allow-same-origin", referrerPolicy: "no-referrer", className: "mt-4 h-[360px] w-full rounded-xl border bg-muted" }), data.caption && (_jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: data.caption }))] }));
+    const isDark = useIsDark();
+    const theme = isDark ? "dark" : "light";
+    return (_jsxs(_Fragment, { children: [_jsx("iframe", { title: title || "Custom HTML block", srcDoc: buildSrcDoc(data, theme, sanitize), sandbox: "allow-same-origin", referrerPolicy: "no-referrer", className: "mt-4 h-[360px] w-full rounded-xl border bg-muted" }), data.caption && (_jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: data.caption }))] }));
 }
 /** Read-only renderer: the sandboxed iframe preview plus an optional caption. */
 export function HtmlReadBlock({ data, blockId, title, ctx, }) {

package/dist/client/blocks/library/html.js.map

@@ -1 +1 @@
-{"version":3,"file":"html.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useId, useState } from \"react\";\nimport { IconCode, IconEdit, IconX } from \"@tabler/icons-react\";\nimport { defineBlock } from \"../types.js\";\nimport type { BlockReadProps, BlockEditProps } from \"../types.js\";\nimport { AiEditableFieldLabel } from \"../AiEditableField.js\";\nimport { htmlSchema, htmlMdx, type HtmlBlockData } from \"./html.config.js\";\n\n/**\n * Standard library HTML / Tailwind block. The registry form of the plan\n * `custom-html` block: an author-supplied HTML (+ optional CSS) fragment\n * rendered inside a sandboxed iframe, with an inline source editor.\n *\n * Security: the fragment is rendered in a `sandbox=\"allow-same-origin\"` iframe\n * with `referrerPolicy=\"no-referrer\"` — no scripts execute — and the schema's\n * `noFullHtmlDocument` refine rejects document/script/handler markup before it\n * is ever stored. When the app injects `ctx.sanitizeHtml`, the fragment + CSS\n * are additionally sanitized before being placed in the iframe `srcDoc`.\n *\n * Styling uses app-agnostic shadcn utility classes (`border`, `bg-muted`,\n * `text-muted-foreground`) so the block renders cleanly in any template, not\n * just the plan app.\n */\n\n/** Build the iframe document for a fragment, applying app sanitization if given. */\nfunction buildSrcDoc(\n  data: HtmlBlockData,\n  sanitize?: (html: string, css?: string) => string,\n): string {\n  const css = data.css ?? \"\";\n  const body = sanitize ? sanitize(data.html, data.css) : data.html;\n  // Use prefers-color-scheme so the iframe ink matches the host theme even\n  // though the iframe document is isolated and can't inherit CSS variables.\n  return `<!doctype html><html><head><style>body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:#1f1f1d;background:transparent;}*{box-sizing:border-box}@media(prefers-color-scheme:dark){body{color:#e8e8e6}}${css}</style></head><body>${body}</body></html>`;\n}\n\nfunction HtmlPreview({\n  data,\n  title,\n  sanitize,\n}: {\n  data: HtmlBlockData;\n  title?: string;\n  sanitize?: (html: string, css?: string) => string;\n}) {\n  return (\n    <>\n      <iframe\n        title={title || \"Custom HTML block\"}\n        srcDoc={buildSrcDoc(data, sanitize)}\n        sandbox=\"allow-same-origin\"\n        referrerPolicy=\"no-referrer\"\n        className=\"mt-4 h-[360px] w-full rounded-xl border bg-muted\"\n      />\n      {data.caption && (\n        <p className=\"mt-3 text-sm text-muted-foreground\">{data.caption}</p>\n      )}\n    </>\n  );\n}\n\n/** Read-only renderer: the sandboxed iframe preview plus an optional caption. */\nexport function HtmlReadBlock({\n  data,\n  blockId,\n  title,\n  ctx,\n}: BlockReadProps<HtmlBlockData>) {\n  return (\n    <section className=\"plan-block group\" data-block-id={blockId}>\n      {title && <div className=\"plan-block-label\">{title}</div>}\n      <HtmlPreview data={data} title={title} sanitize={ctx.sanitizeHtml} />\n    </section>\n  );\n}\n\n/**\n * Custom editor: an \"Edit source\" toggle that flips between the live preview and\n * inline HTML + CSS textareas (ported from the plan `CustomHtmlBlock`). The\n * title is rendered by the registry's edit-mode section wrapper, so this only\n * renders the toggle + content. Edits commit the merged data via `onChange`,\n * which the app routes through its generic `update-block` patch (re-validated by\n * the app schema).\n */\nexport function HtmlEditBlock({\n  data,\n  onChange,\n  editable,\n  blockId,\n  title,\n  summary,\n  ctx,\n}: BlockEditProps<HtmlBlockData>) {\n  const htmlId = useId();\n  const cssId = useId();\n  const captionId = useId();\n  const [editing, setEditing] = useState(false);\n  const [html, setHtml] = useState(data.html);\n  const [css, setCss] = useState(data.css ?? \"\");\n  const [caption, setCaption] = useState(data.caption ?? \"\");\n\n  useEffect(() => {\n    setHtml(data.html);\n    setCss(data.css ?? \"\");\n    setCaption(data.caption ?? \"\");\n  }, [data]);\n\n  const fieldAction = (\n    field: \"HTML fragment\" | \"CSS\" | \"Caption\",\n    value: string,\n  ) => ({\n    blockId,\n    blockType: \"custom-html\",\n    blockTitle: title,\n    blockSummary: summary,\n    fieldValue: value,\n    draftScope: `block:custom-html:${blockId}:${field.toLowerCase().replace(/[^a-z0-9]+/g, \"-\")}`,\n    disabled: !editable,\n    instructions:\n      \"Update the plan with update-visual-plan using a targeted update-block content patch for this custom-html block id. Preserve unrelated HTML/CSS/caption fields unless the requested edit requires changing them.\",\n    companionFields: [\n      { label: \"HTML fragment\", value: html || \"(empty)\", language: \"html\" },\n      { label: \"CSS\", value: css || \"(empty)\", language: \"css\" },\n      { label: \"Caption\", value: caption || \"(empty)\", language: \"text\" },\n    ],\n  });\n\n  return (\n    <div className=\"plan-html-block group\" data-an-block-edit>\n      <div className=\"flex items-start justify-end gap-4\">\n        {editable && (\n          <button\n            type=\"button\"\n            data-plan-interactive\n            aria-label={editing ? \"Cancel editing source\" : \"Edit source\"}\n            className=\"inline-flex size-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            onClick={() => setEditing((value) => !value)}\n          >\n            {editing ? (\n              <IconX className=\"size-4\" />\n            ) : (\n              <IconEdit className=\"size-4\" />\n            )}\n          </button>\n        )}\n      </div>\n      {editing ? (\n        <div className=\"mt-2 grid gap-3\" data-plan-interactive>\n          <div className=\"group/field grid gap-1.5\">\n            <AiEditableFieldLabel\n              htmlFor={htmlId}\n              label=\"HTML fragment\"\n              ctx={ctx}\n              action={fieldAction(\"HTML fragment\", html)}\n            />\n            <textarea\n              id={htmlId}\n              value={html}\n              disabled={!editable}\n              onChange={(event) => setHtml(event.target.value)}\n              className=\"flex min-h-48 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              placeholder=\"HTML fragment\"\n            />\n          </div>\n          <div className=\"group/field grid gap-1.5\">\n            <AiEditableFieldLabel\n              htmlFor={cssId}\n              label=\"CSS\"\n              ctx={ctx}\n              action={fieldAction(\"CSS\", css)}\n            />\n            <textarea\n              id={cssId}\n              value={css}\n              disabled={!editable}\n              onChange={(event) => setCss(event.target.value)}\n              className=\"flex min-h-32 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              placeholder=\"Optional CSS\"\n            />\n          </div>\n          <div className=\"group/field grid gap-1.5\">\n            <AiEditableFieldLabel\n              htmlFor={captionId}\n              label=\"Caption\"\n              ctx={ctx}\n              action={fieldAction(\"Caption\", caption)}\n            />\n            <input\n              id={captionId}\n              type=\"text\"\n              value={caption}\n              disabled={!editable}\n              onChange={(event) => setCaption(event.target.value)}\n              className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              placeholder=\"Optional caption\"\n            />\n          </div>\n          <div className=\"flex justify-end gap-2\">\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"inline-flex h-9 items-center rounded-md px-4 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n              onClick={() => setEditing(false)}\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90\"\n              onClick={() => {\n                onChange({\n                  ...data,\n                  html,\n                  css: css || undefined,\n                  caption: caption || undefined,\n                });\n                setEditing(false);\n              }}\n            >\n              Save\n            </button>\n          </div>\n        </div>\n      ) : (\n        <HtmlPreview data={data} title={title} sanitize={ctx.sanitizeHtml} />\n      )}\n    </div>\n  );\n}\n\n/**\n * The standard HTML / Tailwind block spec. Both apps register this; the plan app\n * registers the matching React-free `{ schema, mdx }` server-side via\n * `html.config.ts`. `empty()` seeds a friendly starter fragment for slash\n * insertion.\n */\nexport const htmlBlock = defineBlock<HtmlBlockData>({\n  type: \"custom-html\",\n  schema: htmlSchema,\n  mdx: htmlMdx,\n  Read: HtmlReadBlock,\n  Edit: HtmlEditBlock,\n  placement: [\"block\"],\n  // Config-driven: the render (a sandboxed card) differs from its source, so edit\n  // the html/css/caption from a corner button + panel rather than always-inline.\n  editSurface: \"panel\",\n  label: \"HTML / Tailwind\",\n  icon: IconCode,\n  description:\n    \"An author-supplied HTML (with optional CSS) fragment rendered in a sandboxed iframe, with inline source editing.\",\n  empty: () => ({ html: '<div class=\"p-6\">Edit this HTML fragment…</div>' }),\n});\n"]}
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,OAAO,EAAsB,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C;;;;;;;;;;;;;;GAcG;AAEH,oFAAoF;AACpF,SAAS,WAAW,CAClB,IAAmB,EACnB,KAAuB,EACvB,QAAiD;IAEjD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAClE,6EAA6E;IAC7E,+EAA+E;IAC/E,iDAAiD;IACjD,OAAO,oCAAoC,KAAK,0sBAA0sB,GAAG,wBAAwB,IAAI,gBAAgB,CAAC;AAC5yB,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,QAAQ,GAKT;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACxC,OAAO,CACL,8BACE,iBACE,KAAK,EAAE,KAAK,IAAI,mBAAmB,EACnC,MAAM,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,EAC1C,OAAO,EAAC,mBAAmB,EAC3B,cAAc,EAAC,aAAa,EAC5B,SAAS,EAAC,kDAAkD,GAC5D,EACD,IAAI,CAAC,OAAO,IAAI,CACf,YAAG,SAAS,EAAC,oCAAoC,YAAE,IAAI,CAAC,OAAO,GAAK,CACrE,IACA,CACJ,CAAC;AACJ,CAAC;AAED,iFAAiF;AACjF,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,GAC2B;IAC9B,OAAO,CACL,mBAAS,SAAS,EAAC,kBAAkB,mBAAgB,OAAO,aACzD,KAAK,IAAI,cAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,EACzD,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,YAAY,GAAI,IAC7D,CACX,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GAC2B;IAC9B,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;IACtB,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;QACvB,UAAU,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,WAAW,GAAG,CAClB,KAA0C,EAC1C,KAAa,EACb,EAAE,CAAC,CAAC;QACJ,OAAO;QACP,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,OAAO;QACrB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,qBAAqB,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE;QAC7F,QAAQ,EAAE,CAAC,QAAQ;QACnB,YAAY,EACV,iNAAiN;QACnN,eAAe,EAAE;YACf,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,IAAI,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE;YACtE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1D,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,IAAI,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE;SACpE;KACF,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,yCACpC,cAAK,SAAS,EAAC,oCAAoC,YAChD,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,+CAED,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,aAAa,EAC7D,SAAS,EAAC,iMAAiM,EAC3M,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,YAE3C,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,CAC7B,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,CAChC,GACM,CACV,GACG,EACL,OAAO,CAAC,CAAC,CAAC,CACT,eAAK,SAAS,EAAC,iBAAiB,4CAC9B,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,oBAAoB,IACnB,OAAO,EAAE,MAAM,EACf,KAAK,EAAC,eAAe,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,WAAW,CAAC,eAAe,EAAE,IAAI,CAAC,GAC1C,EACF,mBACE,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAC,0PAA0P,EACpQ,WAAW,EAAC,eAAe,GAC3B,IACE,EACN,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,oBAAoB,IACnB,OAAO,EAAE,KAAK,EACd,KAAK,EAAC,KAAK,EACX,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,GAC/B,EACF,mBACE,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,SAAS,EAAC,0PAA0P,EACpQ,WAAW,EAAC,cAAc,GAC1B,IACE,EACN,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,oBAAoB,IACnB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,GACvC,EACF,gBACE,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,QAAQ,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACnD,SAAS,EAAC,sOAAsO,EAChP,WAAW,EAAC,kBAAkB,GAC9B,IACE,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,iBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAC,+IAA+I,EACzJ,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,uBAGzB,EACT,iBACE,IAAI,EAAC,QAAQ,iCAEb,SAAS,EAAC,2IAA2I,EACrJ,OAAO,EAAE,GAAG,EAAE;oCACZ,QAAQ,CAAC;wCACP,GAAG,IAAI;wCACP,IAAI;wCACJ,GAAG,EAAE,GAAG,IAAI,SAAS;wCACrB,OAAO,EAAE,OAAO,IAAI,SAAS;qCAC9B,CAAC,CAAC;oCACH,UAAU,CAAC,KAAK,CAAC,CAAC;gCACpB,CAAC,qBAGM,IACL,IACF,CACP,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,YAAY,GAAI,CACtE,IACG,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAgB;IAClD,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,UAAU;IAClB,GAAG,EAAE,OAAO;IACZ,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,CAAC,OAAO,CAAC;IACpB,gFAAgF;IAChF,+EAA+E;IAC/E,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,QAAQ;IACd,WAAW,EACT,kHAAkH;IACpH,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,iDAAiD,EAAE,CAAC;CAC3E,CAAC,CAAC","sourcesContent":["import { useEffect, useId, useState } from \"react\";\nimport { IconCode, IconEdit, IconX } from \"@tabler/icons-react\";\nimport { defineBlock } from \"../types.js\";\nimport type { BlockReadProps, BlockEditProps } from \"../types.js\";\nimport { AiEditableFieldLabel } from \"../AiEditableField.js\";\nimport { htmlSchema, htmlMdx, type HtmlBlockData } from \"./html.config.js\";\nimport { useIsDark } from \"./wireframe-kit.js\";\n\n/**\n * Standard library HTML / Tailwind block. The registry form of the plan\n * `custom-html` block: an author-supplied HTML (+ optional CSS) fragment\n * rendered inside a sandboxed iframe, with an inline source editor.\n *\n * Security: the fragment is rendered in a `sandbox=\"allow-same-origin\"` iframe\n * with `referrerPolicy=\"no-referrer\"` — no scripts execute — and the schema's\n * `noFullHtmlDocument` refine rejects document/script/handler markup before it\n * is ever stored. When the app injects `ctx.sanitizeHtml`, the fragment + CSS\n * are additionally sanitized before being placed in the iframe `srcDoc`.\n *\n * Styling uses app-agnostic shadcn utility classes (`border`, `bg-muted`,\n * `text-muted-foreground`) so the block renders cleanly in any template, not\n * just the plan app.\n */\n\n/** Build the iframe document for a fragment, applying app sanitization if given. */\nfunction buildSrcDoc(\n  data: HtmlBlockData,\n  theme: \"light\" | \"dark\",\n  sanitize?: (html: string, css?: string) => string,\n): string {\n  const css = data.css ?? \"\";\n  const body = sanitize ? sanitize(data.html, data.css) : data.html;\n  // The iframe is isolated from the host's `.dark` class and CSS variables, so\n  // bridge the current theme explicitly and expose the same semantic tokens that\n  // generated wireframe/diagram HTML already uses.\n  return `<!doctype html><html data-theme=\"${theme}\"><head><style>:root{color-scheme:light;--wf-paper:#fbfaf6;--wf-card:#ffffff;--wf-ink:#1f1f1d;--wf-muted:#6f6a63;--wf-line:#ded8ce;--wf-radius:12px;--plan-document:var(--wf-paper);--plan-block:var(--wf-card);--plan-text:var(--wf-ink);--plan-muted:var(--wf-muted);--plan-line:var(--wf-line)}:root[data-theme=\"dark\"]{color-scheme:dark;--wf-paper:#201f1c;--wf-card:#2a2825;--wf-ink:#ece8e1;--wf-muted:#9a948b;--wf-line:#43403a;--plan-document:var(--wf-paper);--plan-block:var(--wf-card);--plan-text:var(--wf-ink);--plan-muted:var(--wf-muted);--plan-line:var(--wf-line)}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--wf-ink);background:var(--wf-paper)}*{box-sizing:border-box}${css}</style></head><body>${body}</body></html>`;\n}\n\nfunction HtmlPreview({\n  data,\n  title,\n  sanitize,\n}: {\n  data: HtmlBlockData;\n  title?: string;\n  sanitize?: (html: string, css?: string) => string;\n}) {\n  const isDark = useIsDark();\n  const theme = isDark ? \"dark\" : \"light\";\n  return (\n    <>\n      <iframe\n        title={title || \"Custom HTML block\"}\n        srcDoc={buildSrcDoc(data, theme, sanitize)}\n        sandbox=\"allow-same-origin\"\n        referrerPolicy=\"no-referrer\"\n        className=\"mt-4 h-[360px] w-full rounded-xl border bg-muted\"\n      />\n      {data.caption && (\n        <p className=\"mt-3 text-sm text-muted-foreground\">{data.caption}</p>\n      )}\n    </>\n  );\n}\n\n/** Read-only renderer: the sandboxed iframe preview plus an optional caption. */\nexport function HtmlReadBlock({\n  data,\n  blockId,\n  title,\n  ctx,\n}: BlockReadProps<HtmlBlockData>) {\n  return (\n    <section className=\"plan-block group\" data-block-id={blockId}>\n      {title && <div className=\"plan-block-label\">{title}</div>}\n      <HtmlPreview data={data} title={title} sanitize={ctx.sanitizeHtml} />\n    </section>\n  );\n}\n\n/**\n * Custom editor: an \"Edit source\" toggle that flips between the live preview and\n * inline HTML + CSS textareas (ported from the plan `CustomHtmlBlock`). The\n * title is rendered by the registry's edit-mode section wrapper, so this only\n * renders the toggle + content. Edits commit the merged data via `onChange`,\n * which the app routes through its generic `update-block` patch (re-validated by\n * the app schema).\n */\nexport function HtmlEditBlock({\n  data,\n  onChange,\n  editable,\n  blockId,\n  title,\n  summary,\n  ctx,\n}: BlockEditProps<HtmlBlockData>) {\n  const htmlId = useId();\n  const cssId = useId();\n  const captionId = useId();\n  const [editing, setEditing] = useState(false);\n  const [html, setHtml] = useState(data.html);\n  const [css, setCss] = useState(data.css ?? \"\");\n  const [caption, setCaption] = useState(data.caption ?? \"\");\n\n  useEffect(() => {\n    setHtml(data.html);\n    setCss(data.css ?? \"\");\n    setCaption(data.caption ?? \"\");\n  }, [data]);\n\n  const fieldAction = (\n    field: \"HTML fragment\" | \"CSS\" | \"Caption\",\n    value: string,\n  ) => ({\n    blockId,\n    blockType: \"custom-html\",\n    blockTitle: title,\n    blockSummary: summary,\n    fieldValue: value,\n    draftScope: `block:custom-html:${blockId}:${field.toLowerCase().replace(/[^a-z0-9]+/g, \"-\")}`,\n    disabled: !editable,\n    instructions:\n      \"Update the plan with update-visual-plan using a targeted update-block content patch for this custom-html block id. Preserve unrelated HTML/CSS/caption fields unless the requested edit requires changing them.\",\n    companionFields: [\n      { label: \"HTML fragment\", value: html || \"(empty)\", language: \"html\" },\n      { label: \"CSS\", value: css || \"(empty)\", language: \"css\" },\n      { label: \"Caption\", value: caption || \"(empty)\", language: \"text\" },\n    ],\n  });\n\n  return (\n    <div className=\"plan-html-block group\" data-an-block-edit>\n      <div className=\"flex items-start justify-end gap-4\">\n        {editable && (\n          <button\n            type=\"button\"\n            data-plan-interactive\n            aria-label={editing ? \"Cancel editing source\" : \"Edit source\"}\n            className=\"inline-flex size-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            onClick={() => setEditing((value) => !value)}\n          >\n            {editing ? (\n              <IconX className=\"size-4\" />\n            ) : (\n              <IconEdit className=\"size-4\" />\n            )}\n          </button>\n        )}\n      </div>\n      {editing ? (\n        <div className=\"mt-2 grid gap-3\" data-plan-interactive>\n          <div className=\"group/field grid gap-1.5\">\n            <AiEditableFieldLabel\n              htmlFor={htmlId}\n              label=\"HTML fragment\"\n              ctx={ctx}\n              action={fieldAction(\"HTML fragment\", html)}\n            />\n            <textarea\n              id={htmlId}\n              value={html}\n              disabled={!editable}\n              onChange={(event) => setHtml(event.target.value)}\n              className=\"flex min-h-48 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              placeholder=\"HTML fragment\"\n            />\n          </div>\n          <div className=\"group/field grid gap-1.5\">\n            <AiEditableFieldLabel\n              htmlFor={cssId}\n              label=\"CSS\"\n              ctx={ctx}\n              action={fieldAction(\"CSS\", css)}\n            />\n            <textarea\n              id={cssId}\n              value={css}\n              disabled={!editable}\n              onChange={(event) => setCss(event.target.value)}\n              className=\"flex min-h-32 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              placeholder=\"Optional CSS\"\n            />\n          </div>\n          <div className=\"group/field grid gap-1.5\">\n            <AiEditableFieldLabel\n              htmlFor={captionId}\n              label=\"Caption\"\n              ctx={ctx}\n              action={fieldAction(\"Caption\", caption)}\n            />\n            <input\n              id={captionId}\n              type=\"text\"\n              value={caption}\n              disabled={!editable}\n              onChange={(event) => setCaption(event.target.value)}\n              className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              placeholder=\"Optional caption\"\n            />\n          </div>\n          <div className=\"flex justify-end gap-2\">\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"inline-flex h-9 items-center rounded-md px-4 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n              onClick={() => setEditing(false)}\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90\"\n              onClick={() => {\n                onChange({\n                  ...data,\n                  html,\n                  css: css || undefined,\n                  caption: caption || undefined,\n                });\n                setEditing(false);\n              }}\n            >\n              Save\n            </button>\n          </div>\n        </div>\n      ) : (\n        <HtmlPreview data={data} title={title} sanitize={ctx.sanitizeHtml} />\n      )}\n    </div>\n  );\n}\n\n/**\n * The standard HTML / Tailwind block spec. Both apps register this; the plan app\n * registers the matching React-free `{ schema, mdx }` server-side via\n * `html.config.ts`. `empty()` seeds a friendly starter fragment for slash\n * insertion.\n */\nexport const htmlBlock = defineBlock<HtmlBlockData>({\n  type: \"custom-html\",\n  schema: htmlSchema,\n  mdx: htmlMdx,\n  Read: HtmlReadBlock,\n  Edit: HtmlEditBlock,\n  placement: [\"block\"],\n  // Config-driven: the render (a sandboxed card) differs from its source, so edit\n  // the html/css/caption from a corner button + panel rather than always-inline.\n  editSurface: \"panel\",\n  label: \"HTML / Tailwind\",\n  icon: IconCode,\n  description:\n    \"An author-supplied HTML (with optional CSS) fragment rendered in a sandboxed iframe, with inline source editing.\",\n  empty: () => ({ html: '<div class=\"p-6\">Edit this HTML fragment…</div>' }),\n});\n"]}

package/dist/client/blocks/library/question-form.js

@@ -67,7 +67,7 @@ function QuestionView({ question, index, answer, blockId, ctx, onAnswer, }) {
                                     }, children: [_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [_jsx("span", { className: cn("mt-0.5 flex size-5 shrink-0 items-center justify-center border", question.mode === "single" ? "rounded-full" : "rounded", isSelected
                                                         ? "border-primary bg-primary text-primary-foreground"
                                                         : "border-border"), children: isSelected && _jsx(IconCheck, { className: "size-3.5" }) }), _jsxs("span", { children: [_jsx("span", { className: "text-base font-semibold leading-6 text-foreground", children: option.label }), option.recommended && (_jsxs(_Fragment, { children: [" ", _jsx("span", { className: "ml-3 rounded-md border border-primary/30 px-2 py-0.5 align-middle text-[11px] font-medium uppercase tracking-[0.12em] text-primary", children: "Recommended" })] })), option.detail && (_jsx("span", { className: "mt-1 block max-w-2xl whitespace-pre-line text-sm font-normal leading-6 text-muted-foreground", children: option.detail }))] })] }), hasVisualOptions &&
-                                            !!(option.wireframe || option.diagram) && (_jsxs("div", { className: "ml-8 grid gap-4 lg:grid-cols-[minmax(0,1fr)_280px]", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => {
+                                            !!(option.wireframe || option.diagram) && (_jsxs("div", { className: "ml-8 grid min-w-0 max-w-full gap-4", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => {
                                                 if (e.key === "Enter" || e.key === " ")
                                                     e.stopPropagation();
                                             }, children: [option.wireframe != null && (_jsx(OptionVisual, { type: "wireframe", data: option.wireframe, blockId: `${blockId}-${option.id}`, ctx: ctx })), option.diagram != null && (_jsx(OptionVisual, { type: "diagram", data: option.diagram, blockId: `${blockId}-${option.id}`, ctx: ctx }))] }))] }, option.id));