@burojs/ui-shadcn 0.3.0 → 0.5.0

package/dist/rich-text-N2FZEJJV.js

@@ -1,491 +0,0 @@
-import { Button, Dialog, DialogContent, DialogHeader, DialogTitle, Label, Input, DialogFooter } from './chunk-UPGPO75B.js';
-import { cn } from './chunk-ABUQPOOE.js';
-import * as React from 'react';
-import { IconBold, IconItalic, IconPilcrow, IconH1, IconH2, IconH3, IconList, IconListNumbers, IconLink } from '@tabler/icons-react';
-import { useOptionalT } from '@burojs/react';
-import { useEditor, EditorContent } from '@tiptap/react';
-import { generateJSON, generateHTML } from '@tiptap/core';
-import StarterKit from '@tiptap/starter-kit';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function isAllowedLinkScheme(url) {
-  if (typeof url !== "string") return false;
-  const trimmed = url.trim();
-  if (trimmed.length === 0) return false;
-  const lowered = trimmed.toLowerCase();
-  if (lowered.startsWith("javascript:") || lowered.startsWith("data:") || lowered.startsWith("vbscript:")) {
-    return false;
-  }
-  const allowed = ["http:", "https:", "mailto:", "tel:"];
-  try {
-    const base = typeof window !== "undefined" && window.location?.origin ? window.location.origin : "http://localhost";
-    const parsed = new URL(trimmed, base);
-    return allowed.includes(parsed.protocol);
-  } catch {
-    return false;
-  }
-}
-function sanitizeRichTextHtml(value) {
-  if (!value || typeof value !== "string") return "";
-  const extensions = [
-    StarterKit.configure({
-      link: {
-        openOnClick: false,
-        HTMLAttributes: {
-          rel: "noopener noreferrer",
-          target: "_blank"
-        }
-      }
-    })
-  ];
-  try {
-    const json = generateJSON(value, extensions);
-    let html = generateHTML(json, extensions);
-    html = ensureSafeAnchorAttrs(html);
-    return html;
-  } catch {
-    return "";
-  }
-}
-function ensureSafeAnchorAttrs(html) {
-  return html.replace(/<a\b([^>]*)>/gi, (match, attrs) => {
-    const hasRel = /\brel\s*=/.test(attrs);
-    const hasTarget = /\btarget\s*=/.test(attrs);
-    let next = attrs;
-    if (!hasRel) next += ' rel="noopener noreferrer"';
-    if (!hasTarget) next += ' target="_blank"';
-    return `<a${next}>`;
-  });
-}
-function Toolbar({ editor, testid, onOpenLinkDialog }) {
-  const t = useOptionalT();
-  const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
-  React.useEffect(() => {
-    const handler = () => forceUpdate();
-    editor.on("selectionUpdate", handler);
-    editor.on("transaction", handler);
-    return () => {
-      editor.off("selectionUpdate", handler);
-      editor.off("transaction", handler);
-    };
-  }, [editor]);
-  const isBold = editor.isActive("bold");
-  const isItalic = editor.isActive("italic");
-  const isBulletList = editor.isActive("bulletList");
-  const isOrderedList = editor.isActive("orderedList");
-  const isH1 = editor.isActive("heading", { level: 1 });
-  const isH2 = editor.isActive("heading", { level: 2 });
-  const isH3 = editor.isActive("heading", { level: 3 });
-  const isLink = editor.isActive("link");
-  const isParagraph = editor.isActive("paragraph") && !isH1 && !isH2 && !isH3;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex flex-wrap items-center gap-1 border-b bg-muted/30 px-2 py-1.5",
-      role: "toolbar",
-      "aria-label": t("richText.toolbar", { defaultValue: "Rich text formatting" }),
-      "data-testid": `${testid}:toolbar`,
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            "aria-pressed": isBold,
-            "aria-label": t("richText.bold", { defaultValue: "Bold (Ctrl+B)" }),
-            "data-testid": `${testid}:bold`,
-            "data-active": isBold || void 0,
-            onClick: () => editor.chain().focus().toggleBold().run(),
-            className: cn("h-7 w-7 p-0", isBold && "bg-accent"),
-            children: /* @__PURE__ */ jsx(IconBold, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            "aria-pressed": isItalic,
-            "aria-label": t("richText.italic", { defaultValue: "Italic (Ctrl+I)" }),
-            "data-testid": `${testid}:italic`,
-            "data-active": isItalic || void 0,
-            onClick: () => editor.chain().focus().toggleItalic().run(),
-            className: cn("h-7 w-7 p-0", isItalic && "bg-accent"),
-            children: /* @__PURE__ */ jsx(IconItalic, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            "aria-pressed": isParagraph,
-            "aria-label": t("richText.paragraph", { defaultValue: "Paragraph (Ctrl+Alt+0)" }),
-            "data-testid": `${testid}:paragraph`,
-            "data-active": isParagraph || void 0,
-            onClick: () => editor.chain().focus().setParagraph().run(),
-            className: cn("h-7 w-7 p-0", isParagraph && "bg-accent"),
-            children: /* @__PURE__ */ jsx(IconPilcrow, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            "aria-pressed": isH1,
-            "aria-label": t("richText.heading1", { defaultValue: "Heading 1 (Ctrl+Alt+1)" }),
-            "data-testid": `${testid}:h1`,
-            "data-active": isH1 || void 0,
-            onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
-            className: cn("h-7 w-7 p-0", isH1 && "bg-accent"),
-            children: /* @__PURE__ */ jsx(IconH1, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            "aria-pressed": isH2,
-            "aria-label": t("richText.heading2", { defaultValue: "Heading 2 (Ctrl+Alt+2)" }),
-            "data-testid": `${testid}:h2`,
-            "data-active": isH2 || void 0,
-            onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
-            className: cn("h-7 w-7 p-0", isH2 && "bg-accent"),
-            children: /* @__PURE__ */ jsx(IconH2, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            "aria-pressed": isH3,
-            "aria-label": t("richText.heading3", { defaultValue: "Heading 3 (Ctrl+Alt+3)" }),
-            "data-testid": `${testid}:h3`,
-            "data-active": isH3 || void 0,
-            onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
-            className: cn("h-7 w-7 p-0", isH3 && "bg-accent"),
-            children: /* @__PURE__ */ jsx(IconH3, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            "aria-pressed": isBulletList,
-            "aria-label": t("richText.bulletList", { defaultValue: "Bullet list (Ctrl+Shift+8)" }),
-            "data-testid": `${testid}:bullet-list`,
-            "data-active": isBulletList || void 0,
-            onClick: () => editor.chain().focus().toggleBulletList().run(),
-            className: cn("h-7 w-7 p-0", isBulletList && "bg-accent"),
-            children: /* @__PURE__ */ jsx(IconList, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            "aria-pressed": isOrderedList,
-            "aria-label": t("richText.orderedList", { defaultValue: "Ordered list (Ctrl+Shift+7)" }),
-            "data-testid": `${testid}:ordered-list`,
-            "data-active": isOrderedList || void 0,
-            onClick: () => editor.chain().focus().toggleOrderedList().run(),
-            className: cn("h-7 w-7 p-0", isOrderedList && "bg-accent"),
-            children: /* @__PURE__ */ jsx(IconListNumbers, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            "aria-pressed": isLink,
-            "aria-label": isLink ? t("richText.editLink", { defaultValue: "Edit link (Ctrl+K)" }) : t("richText.insertLink", { defaultValue: "Insert link (Ctrl+K)" }),
-            "data-testid": `${testid}:link`,
-            "data-active": isLink || void 0,
-            onClick: onOpenLinkDialog,
-            className: cn("h-7 w-7 p-0", isLink && "bg-accent"),
-            children: /* @__PURE__ */ jsx(IconLink, { className: "h-3.5 w-3.5", "aria-hidden": true })
-          }
-        )
-      ]
-    }
-  );
-}
-function RichTextDisplay({ value }) {
-  if (value == null || value === "") {
-    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
-  }
-  const html = sanitizeRichTextHtml(String(value));
-  if (html === "") {
-    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "prose prose-sm max-w-none dark:prose-invert",
-      dangerouslySetInnerHTML: { __html: html }
-    }
-  );
-}
-function LinkDialog({
-  open,
-  initialUrl,
-  onOpenChange,
-  onSubmit,
-  onRemove,
-  testid
-}) {
-  const t = useOptionalT();
-  const [url, setUrl] = React.useState(initialUrl);
-  const [error, setError] = React.useState(null);
-  React.useEffect(() => {
-    if (open) {
-      setUrl(initialUrl);
-      setError(null);
-    }
-  }, [open, initialUrl]);
-  function handleSubmit() {
-    if (url.trim() === "") {
-      onRemove();
-      onOpenChange(false);
-      return;
-    }
-    if (!isAllowedLinkScheme(url)) {
-      setError("URL scheme not allowed (use http, https, mailto, or tel).");
-      console.warn("[RichTextInput] Link URL rejected: scheme not in allowlist");
-      return;
-    }
-    onSubmit(url);
-    onOpenChange(false);
-  }
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { "data-testid": `${testid}:link-dialog`, children: [
-    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("richText.addLinkTitle", { defaultValue: "Add link" }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: `${testid}:link-url`, children: "URL" }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          id: `${testid}:link-url`,
-          "data-testid": `${testid}:link-url`,
-          type: "url",
-          value: url,
-          onChange: (e) => setUrl(e.target.value),
-          placeholder: "https://example.com",
-          "aria-label": t("richText.url", { defaultValue: "URL" }),
-          autoFocus: true,
-          onKeyDown: (e) => {
-            if (e.key === "Enter") {
-              e.preventDefault();
-              handleSubmit();
-            }
-          }
-        }
-      ),
-      error ? /* @__PURE__ */ jsx(
-        "p",
-        {
-          className: "text-sm text-destructive",
-          "data-testid": `${testid}:link-error`,
-          role: "alert",
-          children: error
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          onClick: () => onOpenChange(false),
-          "data-testid": `${testid}:link-cancel`,
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          onClick: () => {
-            onRemove();
-            onOpenChange(false);
-          },
-          "data-testid": `${testid}:link-remove`,
-          children: "Remove"
-        }
-      ),
-      /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleSubmit, "data-testid": `${testid}:link-save`, children: "Save" })
-    ] })
-  ] }) });
-}
-function RichTextInput({
-  name,
-  id,
-  value,
-  onChange,
-  testid,
-  disabled,
-  required,
-  ariaInvalid,
-  ariaDescribedBy,
-  ariaErrorMessage,
-  field,
-  format: _formatProp
-}) {
-  const ui = field?.ui ?? {};
-  const showToolbar = ui.toolbar !== false;
-  const valueStr = typeof value === "string" ? value : "";
-  const editorTestid = testid ?? `rich-text-input:${name}`;
-  const [linkDialogOpen, setLinkDialogOpen] = React.useState(false);
-  const [linkDialogInitial, setLinkDialogInitial] = React.useState("");
-  const editor = useEditor({
-    extensions: [
-      StarterKit.configure({
-        // StarterKit's bundled link extension. Pass options here instead
-        // of registering @tiptap/extension-link separately to avoid the
-        // "Duplicate extension names" warning.
-        link: {
-          openOnClick: false,
-          autolink: true,
-          // HTMLAttributes lands on every <a> rendered by the editor.
-          // `rel=noopener noreferrer` is a security-best-practice for
-          // user-authored content; `target=_blank` opens in a new tab.
-          HTMLAttributes: {
-            rel: "noopener noreferrer",
-            target: "_blank"
-          }
-        }
-      })
-    ],
-    content: valueStr,
-    editable: !disabled,
-    // SSR safety: TipTap recommends setting this to false to avoid
-    // hydration mismatches when the server-rendered HTML differs from
-    // the editor's prosemirror DOM. We render the editor only on
-    // client mount via the `if (!editor) return null` branch below.
-    immediatelyRender: false,
-    editorProps: {
-      attributes: {
-        role: "textbox",
-        "aria-multiline": "true",
-        "aria-required": required ? "true" : "false",
-        ...ariaInvalid ? { "aria-invalid": "true" } : {},
-        ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
-        ...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
-        ...id ? { id } : {},
-        "data-testid": `${editorTestid}:editor`,
-        // Tailwind classes on the contenteditable element for typography.
-        // `prose-sm` matches the display variant so the editor and the
-        // saved view look consistent.
-        class: "prose prose-sm max-w-none dark:prose-invert px-3 py-2 min-h-[6rem] focus:outline-hidden"
-      }
-    },
-    onUpdate: ({ editor: ed }) => {
-      const html = ed.getHTML();
-      onChange(html === "<p></p>" ? "" : html);
-    }
-  });
-  const openLinkDialog = React.useCallback(() => {
-    if (!editor) return;
-    const existingHref = editor.getAttributes("link").href ?? "";
-    setLinkDialogInitial(existingHref);
-    setLinkDialogOpen(true);
-  }, [editor]);
-  const submitLink = React.useCallback(
-    (href) => {
-      if (!editor) return;
-      editor.chain().focus().extendMarkRange("link").setLink({ href }).run();
-    },
-    [editor]
-  );
-  const removeLink = React.useCallback(() => {
-    if (!editor) return;
-    editor.chain().focus().unsetLink().run();
-  }, [editor]);
-  React.useEffect(() => {
-    if (!editor) return;
-    const current = editor.getHTML();
-    const incoming = valueStr === "" ? "<p></p>" : valueStr;
-    if (current === incoming) return;
-    editor.commands.setContent(valueStr, { emitUpdate: false });
-  }, [editor, valueStr]);
-  React.useEffect(() => {
-    if (!editor) return;
-    editor.setEditable(!disabled);
-  }, [editor, disabled]);
-  if (!editor) {
-    return /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-background", "data-testid": `${editorTestid}:root`, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "flex h-9 items-center border-b bg-muted/30 px-2 text-xs text-muted-foreground",
-          "aria-hidden": true,
-          children: "Loading editor\u2026"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          id,
-          "data-testid": `${editorTestid}:editor`,
-          className: "min-h-[6rem] px-3 py-2 text-sm text-muted-foreground",
-          role: "textbox",
-          "aria-multiline": "true",
-          "aria-busy": "true",
-          children: valueStr ? "" : "Rich text editor loading\u2026"
-        }
-      ),
-      /* @__PURE__ */ jsx("input", { type: "hidden", name, value: valueStr })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "rounded-md border bg-background text-foreground focus-within:ring-2 focus-within:ring-ring",
-        ariaInvalid && "border-destructive focus-within:ring-destructive",
-        disabled && "opacity-60"
-      ),
-      "data-testid": `${editorTestid}:root`,
-      "data-invalid": ariaInvalid || void 0,
-      children: [
-        showToolbar ? /* @__PURE__ */ jsx(Toolbar, { editor, testid: editorTestid, onOpenLinkDialog: openLinkDialog }) : null,
-        /* @__PURE__ */ jsx(EditorContent, { editor }),
-        /* @__PURE__ */ jsx(
-          LinkDialog,
-          {
-            open: linkDialogOpen,
-            initialUrl: linkDialogInitial,
-            onOpenChange: setLinkDialogOpen,
-            onSubmit: submitLink,
-            onRemove: removeLink,
-            testid: editorTestid
-          }
-        ),
-        /* @__PURE__ */ jsx("input", { type: "hidden", name, value: valueStr })
-      ]
-    }
-  );
-}
-
-export { RichTextDisplay, RichTextInput, sanitizeRichTextHtml };
-//# sourceMappingURL=rich-text-N2FZEJJV.js.map
-//# sourceMappingURL=rich-text-N2FZEJJV.js.map

package/dist/rich-text-N2FZEJJV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/fields/rich-text.tsx"],"names":["LinkIcon"],"mappings":"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","file":"rich-text-N2FZEJJV.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport {\n  IconBold,\n  IconH1,\n  IconH2,\n  IconH3,\n  IconItalic,\n  IconLink as LinkIcon,\n  IconList,\n  IconListNumbers,\n  IconPilcrow,\n} from '@tabler/icons-react';\nimport { useOptionalT } from '@burojs/react';\nimport { useEditor, EditorContent, type Editor } from '@tiptap/react';\nimport { generateHTML, generateJSON } from '@tiptap/core';\nimport StarterKit from '@tiptap/starter-kit';\n// NB: StarterKit already bundles `@tiptap/extension-link` in v3 — passing\n// `link: { ... }` configures the bundled instance rather than adding a\n// duplicate extension. Listing `@tiptap/extension-link` as a direct\n// runtime dep keeps the package's intent explicit and gives us a stable\n// import path for any future override.\nimport { Button } from '../primitives/button.js';\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../primitives/dialog.js';\nimport { Input } from '../primitives/input.js';\nimport { Label } from '../primitives/label.js';\nimport { cn } from '../lib/cn.js';\nimport type { FieldInputProps, FieldRendererProps } from './registry.js';\n\n/**\n * `<RichTextInput>` — TipTap-backed rich-text editor renderer (B5).\n *\n * Editor: TipTap v3 (`@tiptap/react` + `@tiptap/starter-kit` +\n * `@tiptap/extension-link`). See spec\n * `docs/superpowers/specs/2026-05-07-forms-rich-text.md` for the\n * editor + output-format decision rationale.\n *\n * Output format: HTML (`editor.getHTML()`). v0.2 ships only `'html'`;\n * markdown serialization is deferred to v0.3.\n *\n * Toolbar buttons:\n *  - Bold / Italic — toggle marks\n *  - Heading dropdown — H1 / H2 / H3 / Paragraph\n *  - Bullet list / Ordered list — toggle node\n *  - Link — opens an accessible Radix Dialog for URL entry\n *\n * Each toolbar button surfaces `aria-pressed` reflecting the current\n * mark/node active state so screen readers announce toggle state.\n *\n * SSR safety: `useEditor` returns null during the first server render\n * because TipTap's ProseMirror view depends on the DOM. The component\n * renders a placeholder dropzone-style div while editor is null so the\n * layout doesn't shift on hydration.\n *\n * aria-* propagation: `ariaInvalid` / `ariaDescribedBy` /\n * `ariaErrorMessage` land on the contenteditable wrapper via\n * `editorProps.attributes` so the form's error association follows the\n * focused control. The wrapper carries `role=\"textbox\"` +\n * `aria-multiline=\"true\"` so AT users hear the right control type.\n */\n\nexport interface RichTextInputProps extends FieldInputProps {\n  /** Output format. v0.2 ships only `'html'`. */\n  format?: 'html';\n}\n\ninterface ToolbarProps {\n  editor: Editor;\n  testid: string;\n  onOpenLinkDialog: () => void;\n}\n\n/** Allowed link URL schemes — defends against `javascript:` and `data:`\n *  smuggling in user-supplied URLs from the link dialog. */\nfunction isAllowedLinkScheme(url: string): boolean {\n  if (typeof url !== 'string') return false;\n  const trimmed = url.trim();\n  if (trimmed.length === 0) return false;\n  // Reject explicitly dangerous schemes regardless of casing/whitespace.\n  const lowered = trimmed.toLowerCase();\n  if (\n    lowered.startsWith('javascript:') ||\n    lowered.startsWith('data:') ||\n    lowered.startsWith('vbscript:')\n  ) {\n    return false;\n  }\n  const allowed = ['http:', 'https:', 'mailto:', 'tel:'];\n  try {\n    const base =\n      typeof window !== 'undefined' && window.location?.origin\n        ? window.location.origin\n        : 'http://localhost';\n    const parsed = new URL(trimmed, base);\n    return allowed.includes(parsed.protocol);\n  } catch {\n    // Allow relative URLs (no protocol) — the URL constructor would\n    // have parsed them against the base above; if we land here the\n    // string is genuinely unparseable.\n    return false;\n  }\n}\n\n/** Sanitize stored HTML by round-tripping through TipTap's schema.\n *  Drops `<script>`, `<iframe>`, unknown nodes, and event-handler\n *  attributes (`onerror=`, `onclick=`, …). Also normalizes any\n *  `<a>` element to carry `rel=\"noopener noreferrer\"` and\n *  `target=\"_blank\"` via the link extension's HTMLAttributes. */\nexport function sanitizeRichTextHtml(value: string): string {\n  if (!value || typeof value !== 'string') return '';\n  const extensions = [\n    StarterKit.configure({\n      link: {\n        openOnClick: false,\n        HTMLAttributes: {\n          rel: 'noopener noreferrer',\n          target: '_blank',\n        },\n      },\n    }),\n  ];\n  try {\n    const json = generateJSON(value, extensions);\n    let html = generateHTML(json, extensions);\n    // Belt-and-braces: TipTap's link extension applies rel/target to\n    // links it parses, but we double-check via a regex pass so any\n    // `<a>` that slipped through (e.g. inline anchors generated\n    // outside the link extension) is still hardened.\n    html = ensureSafeAnchorAttrs(html);\n    return html;\n  } catch {\n    // If parse fails (malformed HTML the schema rejects outright),\n    // return empty string rather than rendering raw markup.\n    return '';\n  }\n}\n\n/** Add `rel=\"noopener noreferrer\"` and `target=\"_blank\"` to every\n *  `<a>` tag if missing. Idempotent — safe to call on already-safe\n *  HTML. */\nfunction ensureSafeAnchorAttrs(html: string): string {\n  return html.replace(/<a\\b([^>]*)>/gi, (match, attrs: string) => {\n    const hasRel = /\\brel\\s*=/.test(attrs);\n    const hasTarget = /\\btarget\\s*=/.test(attrs);\n    let next = attrs;\n    if (!hasRel) next += ' rel=\"noopener noreferrer\"';\n    if (!hasTarget) next += ' target=\"_blank\"';\n    return `<a${next}>`;\n  });\n}\n\nfunction Toolbar({ editor, testid, onOpenLinkDialog }: ToolbarProps): React.ReactElement {\n  const t = useOptionalT();\n  // Subscribe to editor selection/transaction events so the toolbar\n  // re-renders when the active mark/node state changes (toggles\n  // aria-pressed correctly). useEditor already triggers re-render on\n  // state change in TipTap v3 — this state mirror is a belt-and-braces\n  // for testing-library's snapshot model.\n  const [, forceUpdate] = React.useReducer((x: number) => x + 1, 0);\n  React.useEffect(() => {\n    const handler = () => forceUpdate();\n    editor.on('selectionUpdate', handler);\n    editor.on('transaction', handler);\n    return () => {\n      editor.off('selectionUpdate', handler);\n      editor.off('transaction', handler);\n    };\n  }, [editor]);\n\n  // Active-state probes. `editor.isActive('bold')` etc. is TipTap's\n  // canonical predicate; it works with selection ranges + cursor\n  // positions and accounts for marks already applied.\n  const isBold = editor.isActive('bold');\n  const isItalic = editor.isActive('italic');\n  const isBulletList = editor.isActive('bulletList');\n  const isOrderedList = editor.isActive('orderedList');\n  const isH1 = editor.isActive('heading', { level: 1 });\n  const isH2 = editor.isActive('heading', { level: 2 });\n  const isH3 = editor.isActive('heading', { level: 3 });\n  const isLink = editor.isActive('link');\n  const isParagraph = editor.isActive('paragraph') && !isH1 && !isH2 && !isH3;\n\n  return (\n    <div\n      className=\"flex flex-wrap items-center gap-1 border-b bg-muted/30 px-2 py-1.5\"\n      role=\"toolbar\"\n      aria-label={t('richText.toolbar', { defaultValue: 'Rich text formatting' })}\n      data-testid={`${testid}:toolbar`}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={isBold}\n        aria-label={t('richText.bold', { defaultValue: 'Bold (Ctrl+B)' })}\n        data-testid={`${testid}:bold`}\n        data-active={isBold || undefined}\n        onClick={() => editor.chain().focus().toggleBold().run()}\n        className={cn('h-7 w-7 p-0', isBold && 'bg-accent')}\n      >\n        <IconBold className=\"h-3.5 w-3.5\" aria-hidden />\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={isItalic}\n        aria-label={t('richText.italic', { defaultValue: 'Italic (Ctrl+I)' })}\n        data-testid={`${testid}:italic`}\n        data-active={isItalic || undefined}\n        onClick={() => editor.chain().focus().toggleItalic().run()}\n        className={cn('h-7 w-7 p-0', isItalic && 'bg-accent')}\n      >\n        <IconItalic className=\"h-3.5 w-3.5\" aria-hidden />\n      </Button>\n      <span className=\"mx-1 h-4 w-px bg-border\" aria-hidden />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={isParagraph}\n        aria-label={t('richText.paragraph', { defaultValue: 'Paragraph (Ctrl+Alt+0)' })}\n        data-testid={`${testid}:paragraph`}\n        data-active={isParagraph || undefined}\n        onClick={() => editor.chain().focus().setParagraph().run()}\n        className={cn('h-7 w-7 p-0', isParagraph && 'bg-accent')}\n      >\n        <IconPilcrow className=\"h-3.5 w-3.5\" aria-hidden />\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={isH1}\n        aria-label={t('richText.heading1', { defaultValue: 'Heading 1 (Ctrl+Alt+1)' })}\n        data-testid={`${testid}:h1`}\n        data-active={isH1 || undefined}\n        onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}\n        className={cn('h-7 w-7 p-0', isH1 && 'bg-accent')}\n      >\n        <IconH1 className=\"h-3.5 w-3.5\" aria-hidden />\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={isH2}\n        aria-label={t('richText.heading2', { defaultValue: 'Heading 2 (Ctrl+Alt+2)' })}\n        data-testid={`${testid}:h2`}\n        data-active={isH2 || undefined}\n        onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n        className={cn('h-7 w-7 p-0', isH2 && 'bg-accent')}\n      >\n        <IconH2 className=\"h-3.5 w-3.5\" aria-hidden />\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={isH3}\n        aria-label={t('richText.heading3', { defaultValue: 'Heading 3 (Ctrl+Alt+3)' })}\n        data-testid={`${testid}:h3`}\n        data-active={isH3 || undefined}\n        onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}\n        className={cn('h-7 w-7 p-0', isH3 && 'bg-accent')}\n      >\n        <IconH3 className=\"h-3.5 w-3.5\" aria-hidden />\n      </Button>\n      <span className=\"mx-1 h-4 w-px bg-border\" aria-hidden />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={isBulletList}\n        aria-label={t('richText.bulletList', { defaultValue: 'Bullet list (Ctrl+Shift+8)' })}\n        data-testid={`${testid}:bullet-list`}\n        data-active={isBulletList || undefined}\n        onClick={() => editor.chain().focus().toggleBulletList().run()}\n        className={cn('h-7 w-7 p-0', isBulletList && 'bg-accent')}\n      >\n        <IconList className=\"h-3.5 w-3.5\" aria-hidden />\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={isOrderedList}\n        aria-label={t('richText.orderedList', { defaultValue: 'Ordered list (Ctrl+Shift+7)' })}\n        data-testid={`${testid}:ordered-list`}\n        data-active={isOrderedList || undefined}\n        onClick={() => editor.chain().focus().toggleOrderedList().run()}\n        className={cn('h-7 w-7 p-0', isOrderedList && 'bg-accent')}\n      >\n        <IconListNumbers className=\"h-3.5 w-3.5\" aria-hidden />\n      </Button>\n      <span className=\"mx-1 h-4 w-px bg-border\" aria-hidden />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-pressed={isLink}\n        aria-label={\n          isLink\n            ? t('richText.editLink', { defaultValue: 'Edit link (Ctrl+K)' })\n            : t('richText.insertLink', { defaultValue: 'Insert link (Ctrl+K)' })\n        }\n        data-testid={`${testid}:link`}\n        data-active={isLink || undefined}\n        onClick={onOpenLinkDialog}\n        className={cn('h-7 w-7 p-0', isLink && 'bg-accent')}\n      >\n        <LinkIcon className=\"h-3.5 w-3.5\" aria-hidden />\n      </Button>\n    </div>\n  );\n}\n\n/** Display variant: render the saved HTML through TipTap's sanitize\n *  pass before injection. Falls back to em-dash when empty.\n *  Wrapped in a `prose` container so saved HTML inherits typographic\n *  defaults consistent with other display renderers.\n *\n *  Security: legacy / adversarial HTML (e.g. records imported from a\n *  spreadsheet, payloads from a compromised collaborator) may carry\n *  `<script>` / `<iframe>` / `onerror=` smuggling attempts. The\n *  sanitize pass round-trips the value through TipTap's schema,\n *  dropping nodes outside the editor's allow-list and stripping\n *  event-handler attributes. */\nexport function RichTextDisplay({ value }: FieldRendererProps): React.ReactElement {\n  if (value == null || value === '') {\n    return <span className=\"text-muted-foreground\">—</span>;\n  }\n  const html = sanitizeRichTextHtml(String(value));\n  if (html === '') {\n    return <span className=\"text-muted-foreground\">—</span>;\n  }\n  return (\n    <div\n      className=\"prose prose-sm max-w-none dark:prose-invert\"\n      // biome-ignore lint/security/noDangerouslySetInnerHtml: sanitized via TipTap schema round-trip\n      dangerouslySetInnerHTML={{ __html: html }}\n    />\n  );\n}\n\ninterface LinkDialogProps {\n  open: boolean;\n  initialUrl: string;\n  onOpenChange: (open: boolean) => void;\n  onSubmit: (url: string) => void;\n  onRemove: () => void;\n  testid: string;\n}\n\nfunction LinkDialog({\n  open,\n  initialUrl,\n  onOpenChange,\n  onSubmit,\n  onRemove,\n  testid,\n}: LinkDialogProps): React.ReactElement {\n  const t = useOptionalT();\n  const [url, setUrl] = React.useState(initialUrl);\n  const [error, setError] = React.useState<string | null>(null);\n\n  // Reset internal state when the dialog opens with a fresh URL.\n  React.useEffect(() => {\n    if (open) {\n      setUrl(initialUrl);\n      setError(null);\n    }\n  }, [open, initialUrl]);\n\n  function handleSubmit() {\n    if (url.trim() === '') {\n      // Empty URL = remove link mark.\n      onRemove();\n      onOpenChange(false);\n      return;\n    }\n    if (!isAllowedLinkScheme(url)) {\n      setError('URL scheme not allowed (use http, https, mailto, or tel).');\n      // eslint-disable-next-line no-console\n      console.warn('[RichTextInput] Link URL rejected: scheme not in allowlist');\n      return;\n    }\n    onSubmit(url);\n    onOpenChange(false);\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-testid={`${testid}:link-dialog`}>\n        <DialogHeader>\n          <DialogTitle>{t('richText.addLinkTitle', { defaultValue: 'Add link' })}</DialogTitle>\n        </DialogHeader>\n        <div className=\"space-y-2\">\n          <Label htmlFor={`${testid}:link-url`}>URL</Label>\n          <Input\n            id={`${testid}:link-url`}\n            data-testid={`${testid}:link-url`}\n            type=\"url\"\n            value={url}\n            onChange={(e) => setUrl(e.target.value)}\n            placeholder=\"https://example.com\"\n            aria-label={t('richText.url', { defaultValue: 'URL' })}\n            autoFocus\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.preventDefault();\n                handleSubmit();\n              }\n            }}\n          />\n          {error ? (\n            <p\n              className=\"text-sm text-destructive\"\n              data-testid={`${testid}:link-error`}\n              role=\"alert\"\n            >\n              {error}\n            </p>\n          ) : null}\n        </div>\n        <DialogFooter>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            onClick={() => onOpenChange(false)}\n            data-testid={`${testid}:link-cancel`}\n          >\n            Cancel\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            onClick={() => {\n              onRemove();\n              onOpenChange(false);\n            }}\n            data-testid={`${testid}:link-remove`}\n          >\n            Remove\n          </Button>\n          <Button type=\"button\" onClick={handleSubmit} data-testid={`${testid}:link-save`}>\n            Save\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport function RichTextInput({\n  name,\n  id,\n  value,\n  onChange,\n  testid,\n  disabled,\n  required,\n  ariaInvalid,\n  ariaDescribedBy,\n  ariaErrorMessage,\n  field,\n  format: _formatProp,\n}: RichTextInputProps): React.ReactElement | null {\n  const ui = (field?.ui ?? {}) as { format?: string; toolbar?: false };\n  // v0.2 ships HTML output only — `format` is accepted (and may be\n  // forwarded as a string e.g. `\"html\"`) but the renderer always\n  // returns HTML. `_formatProp` is intentionally unused; kept on the\n  // props type for forward-compat with v0.3 markdown.\n  const showToolbar = ui.toolbar !== false;\n\n  const valueStr = typeof value === 'string' ? value : '';\n  const editorTestid = testid ?? `rich-text-input:${name}`;\n\n  const [linkDialogOpen, setLinkDialogOpen] = React.useState(false);\n  const [linkDialogInitial, setLinkDialogInitial] = React.useState('');\n\n  const editor = useEditor({\n    extensions: [\n      StarterKit.configure({\n        // StarterKit's bundled link extension. Pass options here instead\n        // of registering @tiptap/extension-link separately to avoid the\n        // \"Duplicate extension names\" warning.\n        link: {\n          openOnClick: false,\n          autolink: true,\n          // HTMLAttributes lands on every <a> rendered by the editor.\n          // `rel=noopener noreferrer` is a security-best-practice for\n          // user-authored content; `target=_blank` opens in a new tab.\n          HTMLAttributes: {\n            rel: 'noopener noreferrer',\n            target: '_blank',\n          },\n        },\n      }),\n    ],\n    content: valueStr,\n    editable: !disabled,\n    // SSR safety: TipTap recommends setting this to false to avoid\n    // hydration mismatches when the server-rendered HTML differs from\n    // the editor's prosemirror DOM. We render the editor only on\n    // client mount via the `if (!editor) return null` branch below.\n    immediatelyRender: false,\n    editorProps: {\n      attributes: {\n        role: 'textbox',\n        'aria-multiline': 'true',\n        'aria-required': required ? 'true' : 'false',\n        ...(ariaInvalid ? { 'aria-invalid': 'true' } : {}),\n        ...(ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {}),\n        ...(ariaErrorMessage ? { 'aria-errormessage': ariaErrorMessage } : {}),\n        ...(id ? { id } : {}),\n        'data-testid': `${editorTestid}:editor`,\n        // Tailwind classes on the contenteditable element for typography.\n        // `prose-sm` matches the display variant so the editor and the\n        // saved view look consistent.\n        class:\n          'prose prose-sm max-w-none dark:prose-invert px-3 py-2 min-h-[6rem] focus:outline-hidden',\n      },\n    },\n    onUpdate: ({ editor: ed }) => {\n      // TipTap returns `<p></p>` for an empty editor — normalize that\n      // to '' so the form treats \"no content\" identically regardless\n      // of whether the user typed-then-deleted or never typed at all.\n      const html = ed.getHTML();\n      onChange(html === '<p></p>' ? '' : html);\n    },\n  });\n\n  const openLinkDialog = React.useCallback(() => {\n    if (!editor) return;\n    const existingHref = (editor.getAttributes('link').href as string | undefined) ?? '';\n    setLinkDialogInitial(existingHref);\n    setLinkDialogOpen(true);\n  }, [editor]);\n\n  const submitLink = React.useCallback(\n    (href: string) => {\n      if (!editor) return;\n      editor.chain().focus().extendMarkRange('link').setLink({ href }).run();\n    },\n    [editor],\n  );\n\n  const removeLink = React.useCallback(() => {\n    if (!editor) return;\n    editor.chain().focus().unsetLink().run();\n  }, [editor]);\n\n  // Sync external value changes (e.g. record loaded after first paint,\n  // or programmatic clear) into the editor without triggering onUpdate\n  // recursion. TipTap exposes `setContent` with `emitUpdate: false`.\n  React.useEffect(() => {\n    if (!editor) return;\n    const current = editor.getHTML();\n    const incoming = valueStr === '' ? '<p></p>' : valueStr;\n    if (current === incoming) return;\n    editor.commands.setContent(valueStr, { emitUpdate: false });\n  }, [editor, valueStr]);\n\n  // Reflect `disabled` prop changes into TipTap's editable state.\n  React.useEffect(() => {\n    if (!editor) return;\n    editor.setEditable(!disabled);\n  }, [editor, disabled]);\n\n  // SSR / first-render safety: `useEditor` returns null on initial\n  // server-side render (immediatelyRender: false). Render a stable\n  // placeholder so the layout doesn't shift on hydration. The\n  // placeholder carries the same id/data-testid as the eventual\n  // contenteditable so test selectors resolve consistently.\n  if (!editor) {\n    return (\n      <div className=\"rounded-md border bg-background\" data-testid={`${editorTestid}:root`}>\n        <div\n          className=\"flex h-9 items-center border-b bg-muted/30 px-2 text-xs text-muted-foreground\"\n          aria-hidden\n        >\n          Loading editor…\n        </div>\n        <div\n          id={id}\n          data-testid={`${editorTestid}:editor`}\n          className=\"min-h-[6rem] px-3 py-2 text-sm text-muted-foreground\"\n          role=\"textbox\"\n          aria-multiline=\"true\"\n          aria-busy=\"true\"\n        >\n          {valueStr ? '' : 'Rich text editor loading…'}\n        </div>\n        {/* Hidden form input so the `name` is still submittable in\n            uncontrolled-form scenarios; the form reads from state, but\n            this keeps the DOM well-formed. */}\n        <input type=\"hidden\" name={name} value={valueStr} />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'rounded-md border bg-background text-foreground focus-within:ring-2 focus-within:ring-ring',\n        ariaInvalid && 'border-destructive focus-within:ring-destructive',\n        disabled && 'opacity-60',\n      )}\n      data-testid={`${editorTestid}:root`}\n      data-invalid={ariaInvalid || undefined}\n    >\n      {showToolbar ? (\n        <Toolbar editor={editor} testid={editorTestid} onOpenLinkDialog={openLinkDialog} />\n      ) : null}\n      <EditorContent editor={editor} />\n      <LinkDialog\n        open={linkDialogOpen}\n        initialUrl={linkDialogInitial}\n        onOpenChange={setLinkDialogOpen}\n        onSubmit={submitLink}\n        onRemove={removeLink}\n        testid={editorTestid}\n      />\n      {/* Hidden field carrying the canonical name for forms that read\n          via the DOM (rare; the form controller reads from state). */}\n      <input type=\"hidden\" name={name} value={valueStr} />\n    </div>\n  );\n}\n"]}