@agent-native/core 0.79.26 → 0.80.0

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

@@ -1 +1 @@
-{"version":3,"file":"MermaidBlock.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/MermaidBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconArrowsMaximize } from \"@tabler/icons-react\";\nimport { useEffect, useId, useMemo, useState } from \"react\";\n\nimport { ltrCodeBlockProps } from \"../code-block-direction.js\";\nimport type { BlockEditProps, BlockReadProps } from \"../types.js\";\nimport { useBlockCopy } from \"./block-copy.js\";\nimport { DevInput, DevLabel } from \"./dev-doc-ui.js\";\nimport { DiagramLightbox } from \"./diagram.js\";\nimport type { MermaidData } from \"./mermaid.config.js\";\n\n/**\n * Read + Edit renderers for a `mermaid` block — a Mermaid diagram definition\n * (flowchart, sequence, etc.) edited as raw text and rendered as an\n * Excalidraw-style SVG so it matches the plan's hand-drawn / sketchy house\n * style.\n * Lives in core so any app can register the dev-doc block; it stays app-agnostic\n * (no shadcn / next-themes import).\n *\n * The Mermaid and Excalidraw runtimes are browser-only,\n * so the Read renderer SSR-guards: it renders a lightweight placeholder until a\n * `useEffect` confirms it is mounted, then dynamically imports\n * `@excalidraw/mermaid-to-excalidraw` + `@excalidraw/excalidraw` and injects\n * the exported SVG. If Excalidraw conversion fails, it falls back to Mermaid's\n * hand-drawn renderer. Parse errors never throw; they show the raw source and\n * the error message.\n *\n * Dark mode: the plan editor toggles a `.dark` class on <html>. The Read renderer\n * reads `document.documentElement.classList.contains(\"dark\")` (re-checking on a\n * `MutationObserver` of the html class) and re-renders the diagram with matching\n * light/dark export settings.\n */\n\ninterface MermaidRenderState {\n  svg?: string;\n  error?: string;\n}\n\nfunction errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : \"Failed to render diagram\";\n}\n\nfunction sanitizeSvgMarkup(svg: string): string {\n  if (typeof DOMParser === \"undefined\") return svg;\n  const doc = new DOMParser().parseFromString(svg, \"image/svg+xml\");\n  doc\n    .querySelectorAll(\"script, foreignObject\")\n    .forEach((node) => node.remove());\n  for (const element of Array.from(doc.querySelectorAll(\"*\"))) {\n    for (const attr of Array.from(element.attributes)) {\n      const name = attr.name.toLowerCase();\n      const value = attr.value.trim().toLowerCase();\n      if (\n        name.startsWith(\"on\") ||\n        ((name === \"href\" || name.endsWith(\":href\")) &&\n          value.startsWith(\"javascript:\"))\n      ) {\n        element.removeAttribute(attr.name);\n      }\n    }\n  }\n  return doc.documentElement.outerHTML;\n}\n\nasync function renderExcalidrawSvg(\n  source: string,\n  isDark: boolean,\n): Promise<string> {\n  const [{ parseMermaidToExcalidraw }, excalidraw] = await Promise.all([\n    import(\"@excalidraw/mermaid-to-excalidraw\") as Promise<{\n      parseMermaidToExcalidraw: (source: string) => Promise<{\n        elements: unknown[];\n        files?: Record<string, unknown>;\n      }>;\n    }>,\n    import(\"@excalidraw/excalidraw\") as Promise<{\n      convertToExcalidrawElements: (elements: unknown[]) => unknown[];\n      exportToSvg: (options: {\n        elements: unknown[];\n        appState: {\n          theme: \"dark\" | \"light\";\n          viewBackgroundColor: string;\n          exportWithDarkMode: boolean;\n        };\n        files: Record<string, unknown>;\n      }) => Promise<{ outerHTML: string }>;\n    }>,\n  ]);\n  const { elements, files } = await parseMermaidToExcalidraw(source);\n  const excalidrawElements = excalidraw.convertToExcalidrawElements(elements);\n  const svg = await excalidraw.exportToSvg({\n    elements: excalidrawElements,\n    appState: {\n      theme: isDark ? \"dark\" : \"light\",\n      viewBackgroundColor: \"transparent\",\n      exportWithDarkMode: isDark,\n    },\n    files: files ?? {},\n  });\n  return sanitizeSvgMarkup(svg.outerHTML);\n}\n\nasync function renderMermaidSvg(\n  source: string,\n  id: string,\n  isDark: boolean,\n): Promise<string> {\n  const mermaid = (\n    (await import(\"mermaid\")) as {\n      default: {\n        initialize: (config: Record<string, unknown>) => void;\n        render: (id: string, source: string) => Promise<{ svg: string }>;\n      };\n    }\n  ).default;\n  mermaid.initialize({\n    startOnLoad: false,\n    securityLevel: \"strict\",\n    look: \"handDrawn\",\n    theme: isDark ? \"dark\" : \"neutral\",\n  });\n  const { svg } = await mermaid.render(id, source);\n  return sanitizeSvgMarkup(svg);\n}\n\n/** Read the live dark-mode flag from the document root (next-themes-free). */\nfunction useIsDark(): boolean {\n  const [isDark, setIsDark] = useState(false);\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const root = document.documentElement;\n    const read = () => setIsDark(root.classList.contains(\"dark\"));\n    read();\n    const observer = new MutationObserver(read);\n    observer.observe(root, { attributes: true, attributeFilter: [\"class\"] });\n    return () => observer.disconnect();\n  }, []);\n  return isDark;\n}\n\n/**\n * Inject a rendered Mermaid/Excalidraw SVG string. Shared by the inline render\n * and the expand lightbox so the enlarged view shows the exact same SVG; the\n * lightbox passes `enlarged` so the SVG stretches to fill the wider modal\n * (`max-w-5xl`) instead of staying at its intrinsic inline size.\n */\nfunction MermaidSvg({ svg, enlarged }: { svg: string; enlarged?: boolean }) {\n  return (\n    <div\n      className={\n        enlarged\n          ? \"flex justify-center overflow-auto [&_svg]:h-auto [&_svg]:w-full [&_svg]:max-w-full\"\n          : \"mt-2 flex justify-center overflow-auto [&_svg]:h-auto [&_svg]:max-w-full\"\n      }\n      // Excalidraw and Mermaid output are sanitized before injection.\n      dangerouslySetInnerHTML={{ __html: svg }}\n    />\n  );\n}\n\nfunction MermaidDiagram({\n  source,\n  idSeed,\n}: {\n  source: string;\n  idSeed: string;\n}) {\n  const isDark = useIsDark();\n  const copy = useBlockCopy();\n  // Only render the diagram after mount: `mermaid` is client-only and SSR has no\n  // DOM for it to measure against.\n  const [mounted, setMounted] = useState(false);\n  const [state, setState] = useState<MermaidRenderState>({});\n  const [expanded, setExpanded] = useState(false);\n\n  // A DOM-id-safe, stable-per-block render id. Mermaid requires a valid CSS id.\n  const renderId = useMemo(\n    () => `mermaid-${idSeed.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`,\n    [idSeed],\n  );\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    if (!mounted) return;\n    let cancelled = false;\n    const trimmed = source.trim();\n    if (!trimmed) {\n      setState({});\n      return;\n    }\n    (async () => {\n      try {\n        const svg = await renderExcalidrawSvg(trimmed, isDark);\n        if (!cancelled) setState({ svg });\n      } catch (excalidrawError) {\n        try {\n          // Fallback keeps diagrams usable if a Mermaid feature is not supported\n          // by the Excalidraw converter in a given host app.\n          const svg = await renderMermaidSvg(\n            trimmed,\n            `${renderId}-${isDark ? \"d\" : \"l\"}`,\n            isDark,\n          );\n          if (!cancelled) setState({ svg });\n        } catch (mermaidError) {\n          const excalidrawMessage = errorMessage(excalidrawError);\n          const mermaidMessage = errorMessage(mermaidError);\n          if (!cancelled) {\n            setState({\n              error:\n                excalidrawMessage === mermaidMessage\n                  ? mermaidMessage\n                  : `Excalidraw: ${excalidrawMessage}; Mermaid fallback: ${mermaidMessage}`,\n            });\n          }\n        }\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n    // Re-render when the source OR the resolved theme changes so toggling\n    // dark/light updates the diagram live.\n  }, [mounted, source, isDark, renderId]);\n\n  if (!mounted) {\n    return (\n      <div className=\"mt-2 flex min-h-24 items-center justify-center rounded-lg border border-plan-line bg-plan-code text-sm text-plan-muted\">\n        {copy.loadingDiagram}\n      </div>\n    );\n  }\n\n  if (state.error) {\n    return (\n      <div className=\"mt-2 space-y-2\">\n        <pre className=\"overflow-auto rounded-lg border border-plan-line bg-plan-code px-3 py-2 font-mono [font-size:var(--plan-code-size)] text-plan-code-text\">\n          {source}\n        </pre>\n        <p className=\"text-sm text-plan-muted\">\n          {copy.couldNotRenderDiagram}: {state.error}\n        </p>\n      </div>\n    );\n  }\n\n  if (!state.svg) {\n    return (\n      <div className=\"mt-2 flex min-h-24 items-center justify-center rounded-lg border border-plan-line bg-plan-code text-sm text-plan-muted\">\n        {copy.addDiagramDefinition}\n      </div>\n    );\n  }\n\n  // Hover-revealed top-right expand button + shared lightbox, matching the\n  // DiagramBlock affordance exactly (same icon, reveal-on-hover/focus, Escape +\n  // backdrop close via the reused `DiagramLightbox`). The enlarged view re-shows\n  // the same rendered SVG scaled to fit the wider modal.\n  const svg = state.svg;\n  return (\n    <div className=\"group/mermaid relative\">\n      <MermaidSvg svg={svg} />\n      <button\n        type=\"button\"\n        data-plan-interactive\n        onClick={() => setExpanded(true)}\n        aria-label={copy.expandDiagram}\n        title={copy.expandDiagram}\n        className=\"an-diagram-expand-trigger absolute right-2 top-2 z-10 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/mermaid:opacity-100\"\n      >\n        <IconArrowsMaximize className=\"size-4\" />\n      </button>\n      {expanded ? (\n        <DiagramLightbox onClose={() => setExpanded(false)}>\n          <MermaidSvg svg={svg} enlarged />\n        </DiagramLightbox>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Read-only renderer for a `mermaid` block. Wraps the diagram in the standard\n * titled `plan-block` section + an optional muted caption, matching the plan\n * house style.\n */\nexport function MermaidRead({\n  data,\n  blockId,\n  title,\n  summary,\n}: BlockReadProps<MermaidData>) {\n  return (\n    <section\n      {...ltrCodeBlockProps}\n      className=\"plan-block\"\n      data-block-id={blockId}\n    >\n      {title && <div className=\"plan-block-label\">{title}</div>}\n      <MermaidDiagram source={data.source} idSeed={blockId} />\n      {data.caption && (\n        <p className=\"mt-3 text-sm text-plan-muted\">{data.caption}</p>\n      )}\n      {summary && <p className=\"mt-5 text-plan-muted\">{summary}</p>}\n    </section>\n  );\n}\n\n/**\n * Edit renderer (panel surface) for a `mermaid` block: a monospace textarea for\n * the diagram source plus an optional caption input. Both commit immediately via\n * `onChange`. `editSurface: \"panel\"` means the registry renders the `Read` view\n * with a corner edit button that opens this form in the plan's shared popover, so\n * this renders only the form (the popover supplies the chrome and title).\n */\nexport function MermaidEdit({\n  data,\n  onChange,\n  editable,\n}: BlockEditProps<MermaidData>) {\n  const sourceId = useId();\n  const captionId = useId();\n\n  return (\n    <div className=\"grid gap-3\" data-plan-interactive>\n      <div className=\"grid gap-1.5\">\n        <DevLabel htmlFor={sourceId}>Diagram source</DevLabel>\n        <textarea\n          id={sourceId}\n          value={data.source}\n          readOnly={!editable}\n          spellCheck={false}\n          onChange={(event) =>\n            onChange({ ...data, source: event.target.value })\n          }\n          className=\"flex min-h-56 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm shadow-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={\"flowchart TD\\n  A[Start] --> B{Decision}\"}\n        />\n        <p className=\"text-xs text-muted-foreground\">\n          Mermaid syntax — flowcharts, sequence diagrams, and more.\n        </p>\n      </div>\n      <div className=\"grid gap-1.5\">\n        <DevLabel htmlFor={captionId}>Caption</DevLabel>\n        <DevInput\n          id={captionId}\n          value={data.caption ?? \"\"}\n          readOnly={!editable}\n          onChange={(event) =>\n            onChange({\n              ...data,\n              caption: event.target.value || undefined,\n            })\n          }\n          placeholder=\"Optional caption\"\n        />\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"MermaidBlock.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/MermaidBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconArrowsMaximize } from \"@tabler/icons-react\";\nimport { useEffect, useId, useMemo, useState } from \"react\";\n\nimport { ltrCodeBlockProps } from \"../code-block-direction.js\";\nimport type { BlockEditProps, BlockReadProps } from \"../types.js\";\nimport { useBlockCopy } from \"./block-copy.js\";\nimport { DevInput, DevLabel } from \"./dev-doc-ui.js\";\nimport { DiagramLightbox } from \"./diagram.js\";\nimport type { MermaidData } from \"./mermaid.config.js\";\n\n/**\n * Read + Edit renderers for a `mermaid` block — a Mermaid diagram definition\n * (flowchart, sequence, etc.) edited as raw text and rendered as an\n * Excalidraw-style SVG so it matches the plan's hand-drawn / sketchy house\n * style.\n * Lives in core so any app can register the dev-doc block; it stays app-agnostic\n * (no shadcn / next-themes import).\n *\n * The Mermaid and Excalidraw runtimes are browser-only,\n * so the Read renderer SSR-guards: it renders a lightweight placeholder until a\n * `useEffect` confirms it is mounted, then dynamically imports\n * `@excalidraw/mermaid-to-excalidraw` + `@excalidraw/excalidraw` and injects\n * the exported SVG. If Excalidraw conversion fails, it falls back to Mermaid's\n * hand-drawn renderer. Parse errors never throw; they show the raw source and\n * the error message.\n *\n * Dark mode: the plan editor toggles a `.dark` class on <html>. The Read renderer\n * reads `document.documentElement.classList.contains(\"dark\")` (re-checking on a\n * `MutationObserver` of the html class) and re-renders the diagram with matching\n * light/dark export settings.\n */\n\ninterface MermaidRenderState {\n  svg?: string;\n  error?: string;\n}\n\nfunction errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : \"Failed to render diagram\";\n}\n\nfunction sanitizeSvgMarkup(svg: string): string {\n  if (typeof DOMParser === \"undefined\") return svg;\n  const doc = new DOMParser().parseFromString(svg, \"image/svg+xml\");\n  doc\n    .querySelectorAll(\"script, foreignObject\")\n    .forEach((node) => node.remove());\n  for (const element of Array.from(doc.querySelectorAll(\"*\"))) {\n    for (const attr of Array.from(element.attributes)) {\n      const name = attr.name.toLowerCase();\n      const value = attr.value.trim().toLowerCase();\n      if (\n        name.startsWith(\"on\") ||\n        ((name === \"href\" || name.endsWith(\":href\")) &&\n          value.startsWith(\"javascript:\"))\n      ) {\n        element.removeAttribute(attr.name);\n      }\n    }\n  }\n  return doc.documentElement.outerHTML;\n}\n\nasync function renderExcalidrawSvg(\n  source: string,\n  isDark: boolean,\n): Promise<string> {\n  const [{ parseMermaidToExcalidraw }, excalidraw] = await Promise.all([\n    import(\"@excalidraw/mermaid-to-excalidraw\") as Promise<{\n      parseMermaidToExcalidraw: (source: string) => Promise<{\n        elements: unknown[];\n        files?: Record<string, unknown>;\n      }>;\n    }>,\n    import(\"@excalidraw/excalidraw\") as Promise<{\n      convertToExcalidrawElements: (elements: unknown[]) => unknown[];\n      exportToSvg: (options: {\n        elements: unknown[];\n        appState: {\n          theme: \"dark\" | \"light\";\n          viewBackgroundColor: string;\n          exportWithDarkMode: boolean;\n        };\n        files: Record<string, unknown>;\n      }) => Promise<{ outerHTML: string }>;\n    }>,\n  ]);\n  const { elements, files } = await parseMermaidToExcalidraw(source);\n  const excalidrawElements = excalidraw.convertToExcalidrawElements(elements);\n  const svg = await excalidraw.exportToSvg({\n    elements: excalidrawElements,\n    appState: {\n      theme: isDark ? \"dark\" : \"light\",\n      viewBackgroundColor: \"transparent\",\n      exportWithDarkMode: isDark,\n    },\n    files: files ?? {},\n  });\n  return sanitizeSvgMarkup(svg.outerHTML);\n}\n\nasync function renderMermaidSvg(\n  source: string,\n  id: string,\n  isDark: boolean,\n): Promise<string> {\n  const mermaid = (\n    (await import(\"mermaid\")) as {\n      default: {\n        initialize: (config: Record<string, unknown>) => void;\n        render: (id: string, source: string) => Promise<{ svg: string }>;\n      };\n    }\n  ).default;\n  mermaid.initialize({\n    startOnLoad: false,\n    securityLevel: \"strict\",\n    look: \"handDrawn\",\n    theme: isDark ? \"dark\" : \"neutral\",\n  });\n  const { svg } = await mermaid.render(id, source);\n  return sanitizeSvgMarkup(svg);\n}\n\n/** Read the live dark-mode flag from the document root (next-themes-free). */\nfunction useIsDark(): boolean {\n  const [isDark, setIsDark] = useState(false);\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const root = document.documentElement;\n    const read = () => setIsDark(root.classList.contains(\"dark\"));\n    read();\n    const observer = new MutationObserver(read);\n    observer.observe(root, { attributes: true, attributeFilter: [\"class\"] });\n    return () => observer.disconnect();\n  }, []);\n  return isDark;\n}\n\n/**\n * Inject a rendered Mermaid/Excalidraw SVG string. Shared by the inline render\n * and the expand lightbox so the enlarged view shows the exact same SVG; the\n * lightbox passes `enlarged` so the SVG stretches to fill the wider modal\n * (`max-w-5xl`) instead of staying at its intrinsic inline size.\n */\nfunction MermaidSvg({ svg, enlarged }: { svg: string; enlarged?: boolean }) {\n  return (\n    <div\n      className={\n        enlarged\n          ? \"flex justify-center overflow-auto [&_svg]:h-auto [&_svg]:w-full [&_svg]:max-w-full\"\n          : \"mt-2 flex justify-center overflow-auto [&_svg]:h-auto [&_svg]:max-w-full\"\n      }\n      // Excalidraw and Mermaid output are sanitized before injection.\n      dangerouslySetInnerHTML={{ __html: svg }}\n    />\n  );\n}\n\nfunction MermaidDiagram({\n  source,\n  idSeed,\n}: {\n  source: string;\n  idSeed: string;\n}) {\n  const isDark = useIsDark();\n  const copy = useBlockCopy();\n  // Only render the diagram after mount: `mermaid` is client-only and SSR has no\n  // DOM for it to measure against.\n  const [mounted, setMounted] = useState(false);\n  const [state, setState] = useState<MermaidRenderState>({});\n  const [expanded, setExpanded] = useState(false);\n\n  // A DOM-id-safe, stable-per-block render id. Mermaid requires a valid CSS id.\n  const renderId = useMemo(\n    () => `mermaid-${idSeed.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`,\n    [idSeed],\n  );\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    if (!mounted) return;\n    let cancelled = false;\n    const trimmed = source.trim();\n    if (!trimmed) {\n      setState({});\n      return;\n    }\n    (async () => {\n      try {\n        const svg = await renderExcalidrawSvg(trimmed, isDark);\n        if (!cancelled) setState({ svg });\n      } catch (excalidrawError) {\n        try {\n          // Fallback keeps diagrams usable if a Mermaid feature is not supported\n          // by the Excalidraw converter in a given host app.\n          const svg = await renderMermaidSvg(\n            trimmed,\n            `${renderId}-${isDark ? \"d\" : \"l\"}`,\n            isDark,\n          );\n          if (!cancelled) setState({ svg });\n        } catch (mermaidError) {\n          const excalidrawMessage = errorMessage(excalidrawError);\n          const mermaidMessage = errorMessage(mermaidError);\n          if (!cancelled) {\n            setState({\n              error:\n                excalidrawMessage === mermaidMessage\n                  ? mermaidMessage\n                  : `Excalidraw: ${excalidrawMessage}; Mermaid fallback: ${mermaidMessage}`,\n            });\n          }\n        }\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n    // Re-render when the source OR the resolved theme changes so toggling\n    // dark/light updates the diagram live.\n  }, [mounted, source, isDark, renderId]);\n\n  if (!mounted) {\n    return (\n      <div className=\"mt-2 flex min-h-24 items-center justify-center rounded-lg border border-plan-line bg-plan-code text-sm text-plan-muted\">\n        {copy.loadingDiagram}\n      </div>\n    );\n  }\n\n  if (state.error) {\n    return (\n      <div className=\"mt-2 space-y-2\">\n        <pre className=\"overflow-auto rounded-lg border border-plan-line bg-plan-code px-3 py-2 font-mono [font-size:var(--plan-code-size)] text-plan-code-text\">\n          {source}\n        </pre>\n        <p className=\"text-sm text-plan-muted\">\n          {copy.couldNotRenderDiagram}: {state.error}\n        </p>\n      </div>\n    );\n  }\n\n  if (!state.svg) {\n    return (\n      <div className=\"mt-2 flex min-h-24 items-center justify-center rounded-lg border border-plan-line bg-plan-code text-sm text-plan-muted\">\n        {copy.addDiagramDefinition}\n      </div>\n    );\n  }\n\n  // Hover-revealed top-right expand button + shared lightbox, matching the\n  // DiagramBlock affordance exactly (same icon, reveal-on-hover/focus, Escape +\n  // backdrop close via the reused `DiagramLightbox`). The enlarged view re-shows\n  // the same rendered SVG scaled to fit the wider modal.\n  const svg = state.svg;\n  return (\n    <div className=\"group/mermaid relative\">\n      <MermaidSvg svg={svg} />\n      <button\n        type=\"button\"\n        data-plan-interactive\n        onClick={() => setExpanded(true)}\n        aria-label={copy.expandDiagram}\n        title={copy.expandDiagram}\n        className=\"an-diagram-expand-trigger absolute right-2 top-2 z-10 flex size-7 items-center justify-center rounded-md border border-border/60 bg-background text-muted-foreground opacity-0 shadow-sm transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring group-hover/mermaid:opacity-100\"\n      >\n        <IconArrowsMaximize className=\"size-4\" />\n      </button>\n      {expanded ? (\n        <DiagramLightbox onClose={() => setExpanded(false)}>\n          <MermaidSvg svg={svg} enlarged />\n        </DiagramLightbox>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Read-only renderer for a `mermaid` block. Wraps the diagram in the standard\n * titled `plan-block` section + an optional muted caption, matching the plan\n * house style.\n */\nexport function MermaidRead({\n  data,\n  blockId,\n  title,\n  summary,\n}: BlockReadProps<MermaidData>) {\n  return (\n    <section\n      {...ltrCodeBlockProps}\n      className=\"plan-block\"\n      data-block-id={blockId}\n    >\n      {title && <div className=\"plan-block-label\">{title}</div>}\n      <MermaidDiagram source={data.source} idSeed={blockId} />\n      {data.caption && (\n        <p className=\"mt-3 text-sm text-plan-muted\">{data.caption}</p>\n      )}\n      {summary && <p className=\"mt-5 text-plan-muted\">{summary}</p>}\n    </section>\n  );\n}\n\n/**\n * Edit renderer (panel surface) for a `mermaid` block: a monospace textarea for\n * the diagram source plus an optional caption input. Both commit immediately via\n * `onChange`. `editSurface: \"panel\"` means the registry renders the `Read` view\n * with a corner edit button that opens this form in the plan's shared popover, so\n * this renders only the form (the popover supplies the chrome and title).\n */\nexport function MermaidEdit({\n  data,\n  onChange,\n  editable,\n}: BlockEditProps<MermaidData>) {\n  const sourceId = useId();\n  const captionId = useId();\n\n  return (\n    <div className=\"grid gap-3\" data-plan-interactive>\n      <div className=\"grid gap-1.5\">\n        <DevLabel htmlFor={sourceId}>Diagram source</DevLabel>\n        <textarea\n          id={sourceId}\n          value={data.source}\n          readOnly={!editable}\n          spellCheck={false}\n          onChange={(event) =>\n            onChange({ ...data, source: event.target.value })\n          }\n          className=\"flex min-h-56 w-full rounded-md border border-input bg-transparent px-3 py-2 font-mono text-sm shadow-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={\"flowchart TD\\n  A[Start] --> B{Decision}\"}\n        />\n        <p className=\"text-xs text-muted-foreground\">\n          Mermaid syntax — flowcharts, sequence diagrams, and more.\n        </p>\n      </div>\n      <div className=\"grid gap-1.5\">\n        <DevLabel htmlFor={captionId}>Caption</DevLabel>\n        <DevInput\n          id={captionId}\n          value={data.caption ?? \"\"}\n          readOnly={!editable}\n          onChange={(event) =>\n            onChange({\n              ...data,\n              caption: event.target.value || undefined,\n            })\n          }\n          placeholder=\"Optional caption\"\n        />\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -7,10 +7,9 @@ import type { BlockMdxConfig } from "../types.js";
  * (`diagram.tsx`) consume one definition. Keeping it React-free means importing
  * it into a server module never pulls React into the Nitro/SSR bundle.
  *
- * The MDX `tag` + attribute shape MUST match the legacy `<Diagram … data={…} />`
- * encoding — the whole `data` object is serialized as one JSON `data` prop — so
- * stored `.mdx` round-trips byte-compatibly (the block originated in the plan
- * template before moving here).
+ * The MDX `tag` keeps backward compatibility with legacy
+ * `<Diagram … data={…} />` files while the current authoring form stores
+ * maintainable `html`/`css` as child code fences.
  */
 export interface DiagramNode {
     id: string;
@@ -54,11 +53,12 @@ export interface DiagramData {
  */
 export declare const diagramSchema: z.ZodType<DiagramData>;
 /**
- * MDX config: the entire `data` object is serialized as one JSON `data` prop and
- * the element is self-closing — exactly the legacy `<Diagram id … data={…} />`
- * form. `toAttrs` returns `{ data }`; `fromAttrs` reads the `data` object,
- * mirroring the legacy `dataAttr(node, "data") ?? { nodes: [], edges: [] }`
- * default so plans missing the prop still parse.
+ * MDX config: new source uses normal fenced-code children:
+ *
+ * `<Diagram caption="...">` plus child `html` / `css` fences. Legacy
+ * `<Diagram data={...} />` remains accepted by `fromAttrs`; `toAttrs` keeps the
+ * `data` key present-but-undefined when using child fences so docs validation
+ * still recognizes old `data={...}` as a supported compatibility attribute.
  */
 export declare const diagramMdx: BlockMdxConfig<DiagramData>;
 //# sourceMappingURL=diagram.config.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"diagram.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/diagram.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAoED;;;;GAIG;AACH,eAAO,MAAM,aAAa,EA8BP,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,WAAW,CAWlD,CAAC"}
+{"version":3,"file":"diagram.config.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/diagram.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAoED;;;;GAIG;AACH,eAAO,MAAM,aAAa,EA8BP,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;AAe1C;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,WAAW,CAqBlD,CAAC"}

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

@@ -1,4 +1,5 @@
 import { z } from "zod";
+import { childCodeFenceFields, serializeChildCodeFenceFields } from "../mdx.js";
 const idSchema = z.string().trim().min(1).max(120);
 const unsafeDiagramHtmlPattern = /(?:<!doctype|<\/?(?:html|head|body|script|style|iframe|object|embed|link|meta|base|form|math|foreignObject|noscript|frame|frameset|applet|portal|marquee)[\s>/]|@(?:import|font-face|keyframes|page|namespace|charset)\b|\b(?:java\s*script|vb\s*script|data\s*:\s*(?:text\/html|image\/svg\+xml))\s*:?\s*|\bsrcdoc\s*=|(?:^|\s)(?:on[a-z][\w:-]*|@[\w:.-]+|x-on:[\w:.-]+|:on[a-z][\w:-]*|x-bind:on[a-z][\w:-]*|:style|x-bind:style)\s*=|expression\s*\(|url\s*\(\s*['"]?\s*(?:java\s*script|vb\s*script|data\s*:\s*(?:text\/html|image\/svg\+xml)))/i;
 const unsafeViewportCssPattern = /(?:^|[;{\s])position\s*:\s*(?:fixed|sticky)\b|(?:^|[;{\s])z-index\s*:\s*[1-9]\d{4,}\b/i;
@@ -90,22 +91,45 @@ export const diagramSchema = z
         message: "Diagram block requires html or at least one node.",
     });
 });
+function hasChildFenceData(data) {
+    return Boolean(data.html || data.css);
+}
+function graphDataForAttr(data) {
+    const graph = {};
+    if (data.nodes?.length)
+        graph.nodes = data.nodes;
+    if (data.edges?.length)
+        graph.edges = data.edges;
+    if (data.notes?.length)
+        graph.notes = data.notes;
+    if (Object.keys(graph).length > 0)
+        return graph;
+    return hasChildFenceData(data) ? undefined : data;
+}
 /**
- * MDX config: the entire `data` object is serialized as one JSON `data` prop and
- * the element is self-closing — exactly the legacy `<Diagram id … data={…} />`
- * form. `toAttrs` returns `{ data }`; `fromAttrs` reads the `data` object,
- * mirroring the legacy `dataAttr(node, "data") ?? { nodes: [], edges: [] }`
- * default so plans missing the prop still parse.
+ * MDX config: new source uses normal fenced-code children:
+ *
+ * `<Diagram caption="...">` plus child `html` / `css` fences. Legacy
+ * `<Diagram data={...} />` remains accepted by `fromAttrs`; `toAttrs` keeps the
+ * `data` key present-but-undefined when using child fences so docs validation
+ * still recognizes old `data={...}` as a supported compatibility attribute.
  */
 export const diagramMdx = {
     tag: "Diagram",
-    // The whole data object becomes one JSON `data` prop. Cast to the
-    // structured-attr member of `MdxAttrValue` — `DiagramData` is a closed
-    // interface without an index signature, which the union member requires.
-    toAttrs: (data) => ({ data: data }),
-    fromAttrs: (attrs) => (attrs.object("data") ?? {
-        nodes: [],
-        edges: [],
+    toAttrs: (data) => ({
+        data: graphDataForAttr(data),
+        caption: data.caption,
+    }),
+    fromAttrs: (attrs) => ({
+        ...(attrs.object("data") ?? {}),
+        ...(attrs.string("caption") !== undefined
+            ? { caption: attrs.string("caption") }
+            : {}),
+    }),
+    serializeChildren: (data) => serializeChildCodeFenceFields(data, { html: "html", css: "css" }),
+    parseChildren: (childNodes) => childCodeFenceFields(childNodes, {
+        html: "html",
+        css: "css",
     }),
 };
 //# sourceMappingURL=diagram.config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"diagram.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/diagram.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { z } from \"zod\";\n\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the shared `diagram` block: its data schema and MDX\n * round-trip config. Lives in core so BOTH apps' server/shared registries\n * (`plan-block-registry.ts`, `nfm-registry.ts`) and the client spec\n * (`diagram.tsx`) consume one definition. Keeping it React-free means importing\n * it into a server module never pulls React into the Nitro/SSR bundle.\n *\n * The MDX `tag` + attribute shape MUST match the legacy `<Diagram … data={…} />`\n * encoding — the whole `data` object is serialized as one JSON `data` prop — so\n * stored `.mdx` round-trips byte-compatibly (the block originated in the plan\n * template before moving here).\n */\n\nexport interface DiagramNode {\n  id: string;\n  label: string;\n  detail?: string;\n  x?: number;\n  y?: number;\n}\n\nexport interface DiagramEdge {\n  from: string;\n  to: string;\n  label?: string;\n}\n\nexport interface DiagramNote {\n  id: string;\n  text: string;\n  x?: number;\n  y?: number;\n}\n\nexport interface DiagramData {\n  /**\n   * Preferred authoring path for architecture/code diagrams: a scoped, inert\n   * HTML/SVG fragment. Use .diagram-* primitives and --wf-* tokens; the\n   * renderer supplies theme-token-backed styling plus sketch/clean style hooks.\n   */\n  html?: string;\n  css?: string;\n  caption?: string;\n  /**\n   * Legacy compatibility path for older/simple node graphs. New plans should use\n   * `html`/`css` when layout quality matters.\n   */\n  nodes?: DiagramNode[];\n  edges?: DiagramEdge[];\n  notes?: DiagramNote[];\n}\n\nconst idSchema = z.string().trim().min(1).max(120);\nconst unsafeDiagramHtmlPattern =\n  /(?:<!doctype|<\\/?(?:html|head|body|script|style|iframe|object|embed|link|meta|base|form|math|foreignObject|noscript|frame|frameset|applet|portal|marquee)[\\s>/]|@(?:import|font-face|keyframes|page|namespace|charset)\\b|\\b(?:java\\s*script|vb\\s*script|data\\s*:\\s*(?:text\\/html|image\\/svg\\+xml))\\s*:?\\s*|\\bsrcdoc\\s*=|(?:^|\\s)(?:on[a-z][\\w:-]*|@[\\w:.-]+|x-on:[\\w:.-]+|:on[a-z][\\w:-]*|x-bind:on[a-z][\\w:-]*|:style|x-bind:style)\\s*=|expression\\s*\\(|url\\s*\\(\\s*['\"]?\\s*(?:java\\s*script|vb\\s*script|data\\s*:\\s*(?:text\\/html|image\\/svg\\+xml)))/i;\nconst unsafeViewportCssPattern =\n  /(?:^|[;{\\s])position\\s*:\\s*(?:fixed|sticky)\\b|(?:^|[;{\\s])z-index\\s*:\\s*[1-9]\\d{4,}\\b/i;\n\nfunction decodeSafetyEntities(value: string): string {\n  return value\n    .replace(/&#(x[0-9a-f]+|\\d+);?/gi, (_, code: string) => {\n      const point = code.toLowerCase().startsWith(\"x\")\n        ? Number.parseInt(code.slice(1), 16)\n        : Number.parseInt(code, 10);\n      return Number.isFinite(point) ? String.fromCodePoint(point) : \"\";\n    })\n    .replace(/&(colon|tab|newline);/gi, (_, name: string) => {\n      if (name.toLowerCase() === \"colon\") return \":\";\n      if (name.toLowerCase() === \"tab\") return \"\\t\";\n      return \"\\n\";\n    });\n}\n\nfunction decodeCssSafetyEscapes(value: string): string {\n  return value.replace(/\\\\([0-9a-fA-F]{1,6}\\s?|.)/g, (_match, escaped) => {\n    const hex = String(escaped).match(/^[0-9a-fA-F]{1,6}/)?.[0];\n    if (hex) {\n      const point = Number.parseInt(hex, 16);\n      return Number.isFinite(point) ? String.fromCodePoint(point) : \"\";\n    }\n    return String(escaped)[0] ?? \"\";\n  });\n}\n\nfunction noActiveDiagramText(value: string) {\n  const decoded = decodeCssSafetyEscapes(decodeSafetyEntities(value));\n  const compact = decoded.toLowerCase().replace(/[\\u0000-\\u0020]+/g, \"\");\n  return (\n    !unsafeDiagramHtmlPattern.test(value) &&\n    !unsafeDiagramHtmlPattern.test(decoded) &&\n    !unsafeViewportCssPattern.test(decoded) &&\n    !/(?:javascript|vbscript):|data:(?:text\\/html|image\\/svg\\+xml)|expression\\(|url\\(['\"]?(?:javascript|vbscript|data:(?:text\\/html|image\\/svg\\+xml))/.test(\n      compact,\n    )\n  );\n}\n\nconst diagramNodeSchema = z.object({\n  id: idSchema,\n  label: z.string().trim().min(1).max(160),\n  detail: z.string().trim().max(500).optional(),\n  x: z.number().min(0).max(100).optional(),\n  y: z.number().min(0).max(100).optional(),\n}) as z.ZodType<DiagramNode>;\n\nconst diagramEdgeSchema = z.object({\n  from: idSchema,\n  to: idSchema,\n  label: z.string().trim().max(100).optional(),\n}) as z.ZodType<DiagramEdge>;\n\nconst diagramNoteSchema = z.object({\n  id: idSchema,\n  text: z.string().trim().min(1).max(500),\n  x: z.number().min(0).max(100).optional(),\n  y: z.number().min(0).max(100).optional(),\n}) as z.ZodType<DiagramNote>;\n\n/**\n * The block can be a flexible HTML/SVG fragment or a legacy positional\n * node/edge/note graph, so it ships a custom `Edit` rather than relying on the\n * schema auto-editor. Editing stays comment/patch-driven.\n */\nexport const diagramSchema = z\n  .object({\n    html: z\n      .string()\n      .trim()\n      .max(100_000)\n      .refine(noActiveDiagramText, {\n        message:\n          \"Diagram html must be an inert fragment; SVG is allowed, scripts/events are not.\",\n      })\n      .optional(),\n    css: z\n      .string()\n      .max(50_000)\n      .refine(noActiveDiagramText, {\n        message: \"Diagram css must not include document or script tags.\",\n      })\n      .optional(),\n    caption: z.string().trim().max(600).optional(),\n    nodes: z.array(diagramNodeSchema).max(80).optional(),\n    edges: z.array(diagramEdgeSchema).max(120).optional(),\n    notes: z.array(diagramNoteSchema).max(40).optional(),\n  })\n  .superRefine((data, ctx) => {\n    if (data.html?.trim() || (data.nodes?.length ?? 0) > 0) return;\n    ctx.addIssue({\n      code: \"custom\",\n      path: [\"html\"],\n      message: \"Diagram block requires html or at least one node.\",\n    });\n  }) as unknown as z.ZodType<DiagramData>;\n\n/**\n * MDX config: the entire `data` object is serialized as one JSON `data` prop and\n * the element is self-closing — exactly the legacy `<Diagram id … data={…} />`\n * form. `toAttrs` returns `{ data }`; `fromAttrs` reads the `data` object,\n * mirroring the legacy `dataAttr(node, \"data\") ?? { nodes: [], edges: [] }`\n * default so plans missing the prop still parse.\n */\nexport const diagramMdx: BlockMdxConfig<DiagramData> = {\n  tag: \"Diagram\",\n  // The whole data object becomes one JSON `data` prop. Cast to the\n  // structured-attr member of `MdxAttrValue` — `DiagramData` is a closed\n  // interface without an index signature, which the union member requires.\n  toAttrs: (data) => ({ data: data as unknown as Record<string, unknown> }),\n  fromAttrs: (attrs) =>\n    (attrs.object<DiagramData>(\"data\") ?? {\n      nodes: [],\n      edges: [],\n    }) as DiagramData,\n};\n"]}
+{"version":3,"file":"diagram.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/diagram.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { z } from \"zod\";\n\nimport { childCodeFenceFields, serializeChildCodeFenceFields } from \"../mdx.js\";\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the shared `diagram` block: its data schema and MDX\n * round-trip config. Lives in core so BOTH apps' server/shared registries\n * (`plan-block-registry.ts`, `nfm-registry.ts`) and the client spec\n * (`diagram.tsx`) consume one definition. Keeping it React-free means importing\n * it into a server module never pulls React into the Nitro/SSR bundle.\n *\n * The MDX `tag` keeps backward compatibility with legacy\n * `<Diagram … data={…} />` files while the current authoring form stores\n * maintainable `html`/`css` as child code fences.\n */\n\nexport interface DiagramNode {\n  id: string;\n  label: string;\n  detail?: string;\n  x?: number;\n  y?: number;\n}\n\nexport interface DiagramEdge {\n  from: string;\n  to: string;\n  label?: string;\n}\n\nexport interface DiagramNote {\n  id: string;\n  text: string;\n  x?: number;\n  y?: number;\n}\n\nexport interface DiagramData {\n  /**\n   * Preferred authoring path for architecture/code diagrams: a scoped, inert\n   * HTML/SVG fragment. Use .diagram-* primitives and --wf-* tokens; the\n   * renderer supplies theme-token-backed styling plus sketch/clean style hooks.\n   */\n  html?: string;\n  css?: string;\n  caption?: string;\n  /**\n   * Legacy compatibility path for older/simple node graphs. New plans should use\n   * `html`/`css` when layout quality matters.\n   */\n  nodes?: DiagramNode[];\n  edges?: DiagramEdge[];\n  notes?: DiagramNote[];\n}\n\nconst idSchema = z.string().trim().min(1).max(120);\nconst unsafeDiagramHtmlPattern =\n  /(?:<!doctype|<\\/?(?:html|head|body|script|style|iframe|object|embed|link|meta|base|form|math|foreignObject|noscript|frame|frameset|applet|portal|marquee)[\\s>/]|@(?:import|font-face|keyframes|page|namespace|charset)\\b|\\b(?:java\\s*script|vb\\s*script|data\\s*:\\s*(?:text\\/html|image\\/svg\\+xml))\\s*:?\\s*|\\bsrcdoc\\s*=|(?:^|\\s)(?:on[a-z][\\w:-]*|@[\\w:.-]+|x-on:[\\w:.-]+|:on[a-z][\\w:-]*|x-bind:on[a-z][\\w:-]*|:style|x-bind:style)\\s*=|expression\\s*\\(|url\\s*\\(\\s*['\"]?\\s*(?:java\\s*script|vb\\s*script|data\\s*:\\s*(?:text\\/html|image\\/svg\\+xml)))/i;\nconst unsafeViewportCssPattern =\n  /(?:^|[;{\\s])position\\s*:\\s*(?:fixed|sticky)\\b|(?:^|[;{\\s])z-index\\s*:\\s*[1-9]\\d{4,}\\b/i;\n\nfunction decodeSafetyEntities(value: string): string {\n  return value\n    .replace(/&#(x[0-9a-f]+|\\d+);?/gi, (_, code: string) => {\n      const point = code.toLowerCase().startsWith(\"x\")\n        ? Number.parseInt(code.slice(1), 16)\n        : Number.parseInt(code, 10);\n      return Number.isFinite(point) ? String.fromCodePoint(point) : \"\";\n    })\n    .replace(/&(colon|tab|newline);/gi, (_, name: string) => {\n      if (name.toLowerCase() === \"colon\") return \":\";\n      if (name.toLowerCase() === \"tab\") return \"\\t\";\n      return \"\\n\";\n    });\n}\n\nfunction decodeCssSafetyEscapes(value: string): string {\n  return value.replace(/\\\\([0-9a-fA-F]{1,6}\\s?|.)/g, (_match, escaped) => {\n    const hex = String(escaped).match(/^[0-9a-fA-F]{1,6}/)?.[0];\n    if (hex) {\n      const point = Number.parseInt(hex, 16);\n      return Number.isFinite(point) ? String.fromCodePoint(point) : \"\";\n    }\n    return String(escaped)[0] ?? \"\";\n  });\n}\n\nfunction noActiveDiagramText(value: string) {\n  const decoded = decodeCssSafetyEscapes(decodeSafetyEntities(value));\n  const compact = decoded.toLowerCase().replace(/[\\u0000-\\u0020]+/g, \"\");\n  return (\n    !unsafeDiagramHtmlPattern.test(value) &&\n    !unsafeDiagramHtmlPattern.test(decoded) &&\n    !unsafeViewportCssPattern.test(decoded) &&\n    !/(?:javascript|vbscript):|data:(?:text\\/html|image\\/svg\\+xml)|expression\\(|url\\(['\"]?(?:javascript|vbscript|data:(?:text\\/html|image\\/svg\\+xml))/.test(\n      compact,\n    )\n  );\n}\n\nconst diagramNodeSchema = z.object({\n  id: idSchema,\n  label: z.string().trim().min(1).max(160),\n  detail: z.string().trim().max(500).optional(),\n  x: z.number().min(0).max(100).optional(),\n  y: z.number().min(0).max(100).optional(),\n}) as z.ZodType<DiagramNode>;\n\nconst diagramEdgeSchema = z.object({\n  from: idSchema,\n  to: idSchema,\n  label: z.string().trim().max(100).optional(),\n}) as z.ZodType<DiagramEdge>;\n\nconst diagramNoteSchema = z.object({\n  id: idSchema,\n  text: z.string().trim().min(1).max(500),\n  x: z.number().min(0).max(100).optional(),\n  y: z.number().min(0).max(100).optional(),\n}) as z.ZodType<DiagramNote>;\n\n/**\n * The block can be a flexible HTML/SVG fragment or a legacy positional\n * node/edge/note graph, so it ships a custom `Edit` rather than relying on the\n * schema auto-editor. Editing stays comment/patch-driven.\n */\nexport const diagramSchema = z\n  .object({\n    html: z\n      .string()\n      .trim()\n      .max(100_000)\n      .refine(noActiveDiagramText, {\n        message:\n          \"Diagram html must be an inert fragment; SVG is allowed, scripts/events are not.\",\n      })\n      .optional(),\n    css: z\n      .string()\n      .max(50_000)\n      .refine(noActiveDiagramText, {\n        message: \"Diagram css must not include document or script tags.\",\n      })\n      .optional(),\n    caption: z.string().trim().max(600).optional(),\n    nodes: z.array(diagramNodeSchema).max(80).optional(),\n    edges: z.array(diagramEdgeSchema).max(120).optional(),\n    notes: z.array(diagramNoteSchema).max(40).optional(),\n  })\n  .superRefine((data, ctx) => {\n    if (data.html?.trim() || (data.nodes?.length ?? 0) > 0) return;\n    ctx.addIssue({\n      code: \"custom\",\n      path: [\"html\"],\n      message: \"Diagram block requires html or at least one node.\",\n    });\n  }) as unknown as z.ZodType<DiagramData>;\n\nfunction hasChildFenceData(data: DiagramData) {\n  return Boolean(data.html || data.css);\n}\n\nfunction graphDataForAttr(data: DiagramData): DiagramData | undefined {\n  const graph: DiagramData = {};\n  if (data.nodes?.length) graph.nodes = data.nodes;\n  if (data.edges?.length) graph.edges = data.edges;\n  if (data.notes?.length) graph.notes = data.notes;\n  if (Object.keys(graph).length > 0) return graph;\n  return hasChildFenceData(data) ? undefined : data;\n}\n\n/**\n * MDX config: new source uses normal fenced-code children:\n *\n * `<Diagram caption=\"...\">` plus child `html` / `css` fences. Legacy\n * `<Diagram data={...} />` remains accepted by `fromAttrs`; `toAttrs` keeps the\n * `data` key present-but-undefined when using child fences so docs validation\n * still recognizes old `data={...}` as a supported compatibility attribute.\n */\nexport const diagramMdx: BlockMdxConfig<DiagramData> = {\n  tag: \"Diagram\",\n  toAttrs: (data) => ({\n    data: graphDataForAttr(data) as unknown as\n      | Record<string, unknown>\n      | undefined,\n    caption: data.caption,\n  }),\n  fromAttrs: (attrs) => ({\n    ...(attrs.object<DiagramData>(\"data\") ?? {}),\n    ...(attrs.string(\"caption\") !== undefined\n      ? { caption: attrs.string(\"caption\") }\n      : {}),\n  }),\n  serializeChildren: (data) =>\n    serializeChildCodeFenceFields(data, { html: \"html\", css: \"css\" }),\n  parseChildren: (childNodes) =>\n    childCodeFenceFields<DiagramData>(childNodes, {\n      html: \"html\",\n      css: \"css\",\n    }),\n};\n"]}

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

@@ -286,7 +286,7 @@ function ExpandableDiagramBody({ data, ctx, compact, }) {
     const styleTooltip = sketchy
         ? copy.handDrawnDiagramsSwitch
         : copy.cleanDiagramsSwitch;
-    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": copy.expandDiagram, 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: copy.expandDiagram })] })] }) }), 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 text-muted-foreground opacity-0 shadow-sm 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": copy.expandDiagram, className: "an-diagram-expand-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background text-muted-foreground opacity-0 shadow-sm 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: copy.expandDiagram })] })] }) }), expanded ? (_jsx(DiagramLightbox, { onClose: () => setExpanded(false), children: _jsx(DiagramBody, { data: data, ctx: ctx }) })) : null] }));
 }
 /* -------------------------------------------------------------------------- */
 /* Read + Edit                                                                 */

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 {\n  IconArrowsMaximize,\n  IconScribble,\n  IconShape2,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { useEffect, useId, useMemo, useRef, useState } from \"react\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../components/ui/tooltip.js\";\nimport { cn } from \"../../utils.js\";\nimport { AiEditableFieldLabel } from \"../AiEditableField.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 { useBlockCopy } from \"./block-copy.js\";\nimport {\n  diagramMdx,\n  diagramSchema,\n  type DiagramData,\n  type DiagramEdge,\n  type DiagramNode,\n} from \"./diagram.config.js\";\nimport {\n  sanitizeDiagramHtml,\n  sanitizeWireframeCss,\n  scopeDesignCss,\n} from \"./sanitize-html.js\";\nimport {\n  RoughOverlay,\n  toggleWireframeStyle,\n  useIsDark,\n  useWireframeStyle,\n} from \"./wireframe-kit.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 copy = useBlockCopy();\n  const sketchy = style === \"sketchy\";\n  const styleLabel = sketchy\n    ? copy.switchToCleanDiagrams\n    : copy.switchToHandDrawnDiagrams;\n  const styleTooltip = sketchy\n    ? copy.handDrawnDiagramsSwitch\n    : copy.cleanDiagramsSwitch;\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={copy.expandDiagram}\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\">{copy.expandDiagram}</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"]}
+{"version":3,"file":"diagram.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/diagram.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  IconArrowsMaximize,\n  IconScribble,\n  IconShape2,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { useEffect, useId, useMemo, useRef, useState } from \"react\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../components/ui/tooltip.js\";\nimport { cn } from \"../../utils.js\";\nimport { AiEditableFieldLabel } from \"../AiEditableField.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 { useBlockCopy } from \"./block-copy.js\";\nimport {\n  diagramMdx,\n  diagramSchema,\n  type DiagramData,\n  type DiagramEdge,\n  type DiagramNode,\n} from \"./diagram.config.js\";\nimport {\n  sanitizeDiagramHtml,\n  sanitizeWireframeCss,\n  scopeDesignCss,\n} from \"./sanitize-html.js\";\nimport {\n  RoughOverlay,\n  toggleWireframeStyle,\n  useIsDark,\n  useWireframeStyle,\n} from \"./wireframe-kit.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 copy = useBlockCopy();\n  const sketchy = style === \"sketchy\";\n  const styleLabel = sketchy\n    ? copy.switchToCleanDiagrams\n    : copy.switchToHandDrawnDiagrams;\n  const styleTooltip = sketchy\n    ? copy.handDrawnDiagramsSwitch\n    : copy.cleanDiagramsSwitch;\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 text-muted-foreground opacity-0 shadow-sm 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={copy.expandDiagram}\n                className=\"an-diagram-expand-trigger flex size-7 items-center justify-center rounded-md border border-border/60 bg-background text-muted-foreground opacity-0 shadow-sm 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\">{copy.expandDiagram}</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/sanitize-html.d.ts

@@ -1,4 +1,6 @@
-export declare function sanitizeWireframeHtml(html: string | undefined): string;
+export declare function sanitizeWireframeHtml(html: string | undefined, options?: {
+    preserveThemeClasses?: boolean;
+}): string;
 export declare function sanitizeDiagramHtml(html: string | undefined): string;
 export declare function sanitizeWireframeCss(css: string | undefined): string;
 export declare function scopeDesignCss(css: string, scopeSelector: string): string;

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

@@ -1 +1 @@
-{"version":3,"file":"sanitize-html.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/sanitize-html.ts"],"names":[],"mappings":"AAqHA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAStE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAcpE;AAED,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAoBpE;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,CAsBzE"}
+{"version":3,"file":"sanitize-html.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/sanitize-html.ts"],"names":[],"mappings":"AAyKA,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,OAAO,CAAC,EAAE;IAAE,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAAE,GAC3C,MAAM,CAUR;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAcpE;AAED,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAoBpE;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,CAsBzE"}