formanitor 0.1.11 → 0.2.1

package/dist/chunk-L4CIIT4U.cjs

@@ -0,0 +1,388 @@
+'use strict';
+
+var chunkBOBX45NY_cjs = require('./chunk-BOBX45NY.cjs');
+var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
+var chunk6YX37XBM_cjs = require('./chunk-6YX37XBM.cjs');
+var chunkO3VQBPEW_cjs = require('./chunk-O3VQBPEW.cjs');
+var chunkSHQHDSA4_cjs = require('./chunk-SHQHDSA4.cjs');
+var chunkJMGUUFOJ_cjs = require('./chunk-JMGUUFOJ.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('react');
+var react = require('@tiptap/react');
+var StarterKit = require('@tiptap/starter-kit');
+var Placeholder = require('@tiptap/extension-placeholder');
+var Underline = require('@tiptap/extension-underline');
+var extensionTable = require('@tiptap/extension-table');
+var lucideReact = require('lucide-react');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
+var Placeholder__default = /*#__PURE__*/_interopDefault(Placeholder);
+var Underline__default = /*#__PURE__*/_interopDefault(Underline);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+
+var Separator = React__namespace.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: chunkFHHISVCH_cjs.cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
+function isEmptyHtml(html) {
+  const t = html.trim();
+  return t === "" || t === "<p></p>" || t === "<p><br></p>" || t === '<p><br class="ProseMirror-trailingBreak"></p>';
+}
+function buildRichTextExtensions(placeholder, tables) {
+  const base = [
+    StarterKit__default.default.configure({
+      // Disable headings entirely so the UI/content can't introduce H2/H3.
+      heading: false,
+      bulletList: {
+        HTMLAttributes: {
+          class: "list-disc pl-6 my-2"
+        }
+      },
+      orderedList: {
+        HTMLAttributes: {
+          class: "list-decimal pl-6 my-2"
+        }
+      },
+      listItem: {
+        HTMLAttributes: {
+          class: "my-1"
+        }
+      }
+    }),
+    Underline__default.default,
+    Placeholder__default.default.configure({
+      placeholder
+    })
+  ];
+  if (!tables) return base;
+  return [
+    ...base,
+    extensionTable.Table.configure({
+      resizable: true,
+      /** Wider hit zone along column borders (default 5px). */
+      handleWidth: 8,
+      cellMinWidth: 50
+    }),
+    extensionTable.TableRow,
+    extensionTable.TableHeader,
+    extensionTable.TableCell
+  ];
+}
+function RichTextToolbar({
+  editor,
+  disabled,
+  tablesEnabled
+}) {
+  const [, rerender] = React.useReducer((n) => n + 1, 0);
+  React.useEffect(() => {
+    if (!editor) return;
+    const handler = () => rerender();
+    editor.on("selectionUpdate", handler);
+    editor.on("transaction", handler);
+    return () => {
+      editor.off("selectionUpdate", handler);
+      editor.off("transaction", handler);
+    };
+  }, [editor]);
+  if (!editor) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 border-b border-input bg-muted/30 px-2 py-1.5 min-h-[42px]" });
+  }
+  const fmtBtn = (active, onClick, icon, title) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkO3VQBPEW_cjs.Button,
+    {
+      type: "button",
+      variant: active ? "secondary" : "outline",
+      size: "icon",
+      className: "h-8 w-8 shrink-0",
+      disabled,
+      title,
+      onClick: () => {
+        if (!disabled) onClick();
+      },
+      children: icon
+    }
+  );
+  const inTable = tablesEnabled && editor.isActive("table");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex flex-wrap items-center gap-1 border-b border-input bg-muted/30 px-2 py-1.5",
+      role: "toolbar",
+      "aria-label": "Rich text formatting",
+      children: [
+        fmtBtn(
+          editor.isActive("bold"),
+          () => editor.chain().focus().toggleBold().run(),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { className: "h-4 w-4" }),
+          "Bold"
+        ),
+        fmtBtn(
+          editor.isActive("italic"),
+          () => editor.chain().focus().toggleItalic().run(),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { className: "h-4 w-4" }),
+          "Italic"
+        ),
+        fmtBtn(
+          editor.isActive("underline"),
+          () => editor.chain().focus().toggleUnderline().run(),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Underline, { className: "h-4 w-4" }),
+          "Underline"
+        ),
+        fmtBtn(
+          editor.isActive("strike"),
+          () => editor.chain().focus().toggleStrike().run(),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Strikethrough, { className: "h-4 w-4" }),
+          "Strikethrough"
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+        fmtBtn(
+          editor.isActive("bulletList"),
+          () => editor.chain().focus().toggleBulletList().run(),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "h-4 w-4" }),
+          "Bullet list"
+        ),
+        fmtBtn(
+          editor.isActive("orderedList"),
+          () => editor.chain().focus().toggleOrderedList().run(),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListOrdered, { className: "h-4 w-4" }),
+          "Numbered list"
+        ),
+        tablesEnabled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+          !inTable ? fmtBtn(
+            false,
+            () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Table, { className: "h-4 w-4" }),
+            "Insert table"
+          ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            fmtBtn(
+              false,
+              () => editor.chain().focus().addRowAfter().run(),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Rows2, { className: "h-4 w-4" }),
+              "Add row below"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().addColumnAfter().run(),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Columns2, { className: "h-4 w-4" }),
+              "Add column right"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteRow().run(),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TableRowsSplit, { className: "h-4 w-4" }),
+              "Delete row"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteColumn().run(),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TableColumnsSplit, { className: "h-4 w-4" }),
+              "Delete column"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteTable().run(),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" }),
+              "Delete table"
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkO3VQBPEW_cjs.Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8 shrink-0",
+            disabled: disabled || !editor.can().undo(),
+            title: "Undo",
+            onClick: () => editor.chain().focus().undo().run(),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Undo, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkO3VQBPEW_cjs.Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon",
+            className: "h-8 w-8 shrink-0",
+            disabled: disabled || !editor.can().redo(),
+            title: "Redo",
+            onClick: () => editor.chain().focus().redo().run(),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Redo, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+var RichTextWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const { state } = chunk6YX37XBM_cjs.useForm();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
+  const hasVoice = !!(fieldDef?.voice && store.getVoice());
+  const showError = !!error && (touched || state.submitAttempted);
+  const def = fieldDef;
+  const placeholder = def?.placeholder ?? "Start typing\u2026";
+  const minHeight = def?.minHeight ?? 160;
+  const tablesEnabled = !!def?.tables;
+  const extensions = React.useMemo(
+    () => buildRichTextExtensions(placeholder, tablesEnabled),
+    [placeholder, tablesEnabled]
+  );
+  const stringValue = typeof value === "string" ? value : "";
+  const editor = react.useEditor(
+    {
+      extensions,
+      content: stringValue || "",
+      editable: !disabled,
+      immediatelyRender: false,
+      onUpdate: ({ editor: ed }) => {
+        const html = ed.getHTML();
+        setValue(isEmptyHtml(html) ? "" : html);
+      },
+      onBlur: () => setTouched(),
+      editorProps: {
+        attributes: {
+          id: fieldId,
+          class: "tiptap focus:outline-none",
+          style: `min-height: ${minHeight}px`
+        }
+      }
+    },
+    [extensions, fieldId]
+  );
+  React.useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    editor.setEditable(!disabled);
+  }, [editor, disabled]);
+  React.useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const el = editor.view.dom;
+    el.style.minHeight = `${minHeight}px`;
+  }, [editor, minHeight]);
+  React.useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const el = editor.view.dom;
+    const handler = (e) => {
+      const { text } = e.detail;
+      if (!text) return;
+      const currentText = editor.getText();
+      const prefix = currentText.length > 0 && !/\s$/.test(currentText) ? " " : "";
+      editor.chain().focus().insertContent(prefix + text).run();
+    };
+    el.addEventListener("insertTranscript", handler);
+    return () => el.removeEventListener("insertTranscript", handler);
+  }, [editor]);
+  React.useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const fromForm = stringValue;
+    const fromEditor = editor.getHTML();
+    if (isEmptyHtml(fromForm) && isEmptyHtml(fromEditor)) return;
+    if (fromForm && fromForm !== fromEditor) {
+      editor.commands.setContent(fromForm, { emitUpdate: false });
+    }
+    if (!fromForm && !isEmptyHtml(fromEditor)) {
+      editor.commands.setContent("", { emitUpdate: false });
+    }
+  }, [stringValue, editor]);
+  if (!fieldDef) return null;
+  const showLabel = chunk5E3APMY6_cjs.isLabelVisible(fieldDef);
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    fieldDef.label,
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5E3APMY6_cjs.FieldRequiredIndicator, { fieldDef })
+  ] });
+  const labelEl = /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { htmlFor: fieldId, className: chunk5E3APMY6_cjs.fieldLabelClass(fieldDef), children: labelContent });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5E3APMY6_cjs.fieldWrapperClass(fieldDef, "space-y-2"), children: [
+    hasVoice ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      showLabel ? labelEl : null,
+      /* @__PURE__ */ jsxRuntime.jsx(chunkBOBX45NY_cjs.VoiceMicButton, { fieldId, onTranscriptReady: setValue })
+    ] }) : showLabel ? labelEl : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunk5E3APMY6_cjs.fieldControlClass(
+          fieldDef,
+          chunkFHHISVCH_cjs.cn(
+            "rounded-md border border-input bg-background text-sm ring-offset-background overflow-hidden",
+            showError && "border-red-500",
+            disabled && "opacity-60"
+          )
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RichTextToolbar,
+            {
+              editor,
+              disabled,
+              tablesEnabled
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkFHHISVCH_cjs.cn(
+                "px-3 py-2",
+                "[&_.ProseMirror]:outline-none",
+                "[&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:pl-6 [&_.ProseMirror_ul]:my-2",
+                "[&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-6 [&_.ProseMirror_ol]:my-2",
+                "[&_.ProseMirror_li]:list-item",
+                "[&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-muted-foreground/40 [&_.ProseMirror_blockquote]:pl-3 [&_.ProseMirror_blockquote]:italic [&_.ProseMirror_blockquote]:my-2",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:text-muted-foreground",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none",
+                "[&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(react.EditorContent, { editor })
+            }
+          )
+        ]
+      }
+    ),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+exports.RichTextWidget = RichTextWidget;
+//# sourceMappingURL=chunk-L4CIIT4U.cjs.map
+//# sourceMappingURL=chunk-L4CIIT4U.cjs.map

package/dist/chunk-L4CIIT4U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/separator.tsx","../src/ui/widgets/RichTextWidget.tsx"],"names":["React","jsx","SeparatorPrimitive","cn","StarterKit","Underline","Placeholder","Table","TableRow","TableHeader","TableCell","useReducer","useEffect","Button","jsxs","Bold","Italic","UnderlineIcon","Strikethrough","List","ListOrdered","Fragment","TableIcon","Rows2","Columns2","TableRowsSplit","TableColumnsSplit","Trash2","Undo","Redo","useField","useForm","useFormStore","useMemo","useEditor","isLabelVisible","FieldRequiredIndicator","Label","fieldLabelClass","fieldWrapperClass","VoiceMicButton","fieldControlClass","EditorContent","fieldErrorClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAM,SAAA,GAAkBA,gBAAA,CAAA,UAAA;AAAA,EAItB,CACE,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,aAAa,IAAA,EAAM,GAAG,KAAA,EAAM,EACrE,GAAA,qBAEAC,cAAA;AAAA,IAAoBC,6BAAA,CAAA,IAAA;AAAA,IAAnB;AAAA,MACC,GAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAWC,oBAAA;AAAA,QACT,oBAAA;AAAA,QACA,WAAA,KAAgB,eAAe,gBAAA,GAAmB,gBAAA;AAAA,QAClD;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,SAAA,CAAU,cAAiCD,6BAAA,CAAA,IAAA,CAAK,WAAA;ACgBhD,SAAS,YAAY,IAAA,EAAuB;AAC1C,EAAA,MAAM,CAAA,GAAI,KAAK,IAAA,EAAK;AACpB,EAAA,OACE,MAAM,EAAA,IACN,CAAA,KAAM,SAAA,IACN,CAAA,KAAM,iBACN,CAAA,KAAM,+CAAA;AAEV;AAEA,SAAS,uBAAA,CAAwB,aAAqB,MAAA,EAA6B;AACjF,EAAA,MAAM,IAAA,GAAmB;AAAA,IACvBE,4BAAW,SAAA,CAAU;AAAA;AAAA,MAEnB,OAAA,EAAS,KAAA;AAAA,MACT,UAAA,EAAY;AAAA,QACV,cAAA,EAAgB;AAAA,UACd,KAAA,EAAO;AAAA;AACT,OACF;AAAA,MACA,WAAA,EAAa;AAAA,QACX,cAAA,EAAgB;AAAA,UACd,KAAA,EAAO;AAAA;AACT,OACF;AAAA,MACA,QAAA,EAAU;AAAA,QACR,cAAA,EAAgB;AAAA,UACd,KAAA,EAAO;AAAA;AACT;AACF,KACD,CAAA;AAAA,IACDC,0BAAA;AAAA,IACAC,6BAAY,SAAA,CAAU;AAAA,MACpB;AAAA,KACD;AAAA,GACH;AAEA,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,OAAO;AAAA,IACL,GAAG,IAAA;AAAA,IACHC,qBAAM,SAAA,CAAU;AAAA,MACd,SAAA,EAAW,IAAA;AAAA;AAAA,MAEX,WAAA,EAAa,CAAA;AAAA,MACb,YAAA,EAAc;AAAA,KACf,CAAA;AAAA,IACDC,uBAAA;AAAA,IACAC,0BAAA;AAAA,IACAC;AAAA,GACF;AACF;AAEA,SAAS,eAAA,CAAgB;AAAA,EACvB,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,GAAG,QAAQ,CAAA,GAAIC,iBAAW,CAAC,CAAA,KAAc,CAAA,GAAI,CAAA,EAAG,CAAC,CAAA;AAEvD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAM,OAAA,GAAU,MAAM,QAAA,EAAS;AAC/B,IAAA,MAAA,CAAO,EAAA,CAAG,mBAAmB,OAAO,CAAA;AACpC,IAAA,MAAA,CAAO,EAAA,CAAG,eAAe,OAAO,CAAA;AAChC,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,GAAA,CAAI,mBAAmB,OAAO,CAAA;AACrC,MAAA,MAAA,CAAO,GAAA,CAAI,eAAe,OAAO,CAAA;AAAA,IACnC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,uBACEX,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iFAAA,EAAkF,CAAA;AAAA,EAErG;AAEA,EAAA,MAAM,SAAS,CAAC,MAAA,EAAiB,OAAA,EAAqB,IAAA,EAAuB,0BAC3EA,cAAAA;AAAA,IAACY,wBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,SAAS,WAAA,GAAc,SAAA;AAAA,MAChC,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAU,kBAAA;AAAA,MACV,QAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,UAAU,OAAA,EAAQ;AAAA,MACzB,CAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAGF,EAAA,MAAM,OAAA,GAAU,aAAA,IAAiB,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA;AAExD,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,iFAAA;AAAA,MACV,IAAA,EAAK,SAAA;AAAA,MACL,YAAA,EAAW,sBAAA;AAAA,MAEV,QAAA,EAAA;AAAA,QAAA,MAAA;AAAA,UACC,MAAA,CAAO,SAAS,MAAM,CAAA;AAAA,UACtB,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,UAAA,GAAa,GAAA,EAAI;AAAA,0BAC9Cb,cAAAA,CAACc,gBAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,UAC1B;AAAA,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAA,CAAO,SAAS,QAAQ,CAAA;AAAA,UACxB,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,YAAA,GAAe,GAAA,EAAI;AAAA,0BAChDd,cAAAA,CAACe,kBAAA,EAAA,EAAO,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,UAC5B;AAAA,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAA,CAAO,SAAS,WAAW,CAAA;AAAA,UAC3B,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,eAAA,GAAkB,GAAA,EAAI;AAAA,0BACnDf,cAAAA,CAACgB,qBAAA,EAAA,EAAc,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,UACnC;AAAA,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAA,CAAO,SAAS,QAAQ,CAAA;AAAA,UACxB,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,YAAA,GAAe,GAAA,EAAI;AAAA,0BAChDhB,cAAAA,CAACiB,yBAAA,EAAA,EAAc,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,UACnC;AAAA,SACF;AAAA,wBAEAjB,cAAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAY,UAAA,EAAW,WAAU,YAAA,EAAa,CAAA;AAAA,QAExD,MAAA;AAAA,UACC,MAAA,CAAO,SAAS,YAAY,CAAA;AAAA,UAC5B,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,gBAAA,GAAmB,GAAA,EAAI;AAAA,0BACpDA,cAAAA,CAACkB,gBAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,UAC1B;AAAA,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAA,CAAO,SAAS,aAAa,CAAA;AAAA,UAC7B,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,iBAAA,GAAoB,GAAA,EAAI;AAAA,0BACrDlB,cAAAA,CAACmB,uBAAA,EAAA,EAAY,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,UACjC;AAAA,SACF;AAAA,QAEC,iCACCN,eAAA,CAAAO,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAApB,cAAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAY,UAAA,EAAW,WAAU,YAAA,EAAa,CAAA;AAAA,UACxD,CAAC,OAAA,GACA,MAAA;AAAA,YACE,KAAA;AAAA,YACA,MACE,MAAA,CACG,KAAA,EAAM,CACN,KAAA,GACA,WAAA,CAAY,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAG,aAAA,EAAe,IAAA,EAAM,EACrD,GAAA,EAAI;AAAA,4BACTA,cAAAA,CAACqB,iBAAA,EAAA,EAAU,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,YAC/B;AAAA,8BAGFR,eAAA,CAAAO,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,YAAA,MAAA;AAAA,cACC,KAAA;AAAA,cACA,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,WAAA,GAAc,GAAA,EAAI;AAAA,8BAC/CpB,cAAAA,CAACsB,iBAAA,EAAA,EAAM,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,cAC3B;AAAA,aACF;AAAA,YACC,MAAA;AAAA,cACC,KAAA;AAAA,cACA,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,cAAA,GAAiB,GAAA,EAAI;AAAA,8BAClDtB,cAAAA,CAACuB,oBAAA,EAAA,EAAS,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,cAC9B;AAAA,aACF;AAAA,YACC,MAAA;AAAA,cACC,KAAA;AAAA,cACA,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,SAAA,GAAY,GAAA,EAAI;AAAA,8BAC7CvB,cAAAA,CAACwB,0BAAA,EAAA,EAAe,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,cACpC;AAAA,aACF;AAAA,YACC,MAAA;AAAA,cACC,KAAA;AAAA,cACA,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,YAAA,GAAe,GAAA,EAAI;AAAA,8BAChDxB,cAAAA,CAACyB,6BAAA,EAAA,EAAkB,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,cACvC;AAAA,aACF;AAAA,YACC,MAAA;AAAA,cACC,KAAA;AAAA,cACA,MAAM,OAAO,KAAA,EAAM,CAAE,OAAM,CAAE,WAAA,GAAc,GAAA,EAAI;AAAA,8BAC/CzB,cAAAA,CAAC0B,kBAAA,EAAA,EAAO,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,cAC5B;AAAA;AACF,WAAA,EACF;AAAA,SAAA,EAEJ,CAAA;AAAA,wBAGF1B,cAAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAY,UAAA,EAAW,WAAU,YAAA,EAAa,CAAA;AAAA,wBAEzDA,cAAAA;AAAA,UAACY,wBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAQ,SAAA;AAAA,YACR,IAAA,EAAK,MAAA;AAAA,YACL,SAAA,EAAU,kBAAA;AAAA,YACV,UAAU,QAAA,IAAY,CAAC,MAAA,CAAO,GAAA,GAAM,IAAA,EAAK;AAAA,YACzC,KAAA,EAAM,MAAA;AAAA,YACN,OAAA,EAAS,MAAM,MAAA,CAAO,KAAA,GAAQ,KAAA,EAAM,CAAE,IAAA,EAAK,CAAE,GAAA,EAAI;AAAA,YAEjD,QAAA,kBAAAZ,cAAAA,CAAC2B,gBAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,SAC5B;AAAA,wBACA3B,cAAAA;AAAA,UAACY,wBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAQ,SAAA;AAAA,YACR,IAAA,EAAK,MAAA;AAAA,YACL,SAAA,EAAU,kBAAA;AAAA,YACV,UAAU,QAAA,IAAY,CAAC,MAAA,CAAO,GAAA,GAAM,IAAA,EAAK;AAAA,YACzC,KAAA,EAAM,MAAA;AAAA,YACN,OAAA,EAAS,MAAM,MAAA,CAAO,KAAA,GAAQ,KAAA,EAAM,CAAE,IAAA,EAAK,CAAE,GAAA,EAAI;AAAA,YAEjD,QAAA,kBAAAZ,cAAAA,CAAC4B,gBAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA;AAC5B;AAAA;AAAA,GACF;AAEJ;AAEO,IAAM,cAAA,GAAgD,CAAC,EAAE,OAAA,EAAQ,KAAM;AAC5E,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAIC,0BAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIC,yBAAA,EAAQ;AAC1B,EAAA,MAAM,QAAQC,8BAAA,EAAa;AAC3B,EAAA,MAAM,WAAW,CAAC,EAAE,QAAA,EAAU,KAAA,IAAS,MAAM,QAAA,EAAS,CAAA;AACtD,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,MAAM,GAAA,GAAM,QAAA;AACZ,EAAA,MAAM,WAAA,GAAc,KAAK,WAAA,IAAe,oBAAA;AACxC,EAAA,MAAM,SAAA,GAAY,KAAK,SAAA,IAAa,GAAA;AACpC,EAAA,MAAM,aAAA,GAAgB,CAAC,CAAC,GAAA,EAAK,MAAA;AAE7B,EAAA,MAAM,UAAA,GAAaC,aAAA;AAAA,IACjB,MAAM,uBAAA,CAAwB,WAAA,EAAa,aAAa,CAAA;AAAA,IACxD,CAAC,aAAa,aAAa;AAAA,GAC7B;AAEA,EAAA,MAAM,WAAA,GAAc,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,EAAA;AAExD,EAAA,MAAM,MAAA,GAASC,eAAA;AAAA,IACb;AAAA,MACE,UAAA;AAAA,MACA,SAAS,WAAA,IAAe,EAAA;AAAA,MACxB,UAAU,CAAC,QAAA;AAAA,MACX,iBAAA,EAAmB,KAAA;AAAA,MACnB,QAAA,EAAU,CAAC,EAAE,MAAA,EAAQ,IAAG,KAAM;AAC5B,QAAA,MAAM,IAAA,GAAO,GAAG,OAAA,EAAQ;AACxB,QAAA,QAAA,CAAS,WAAA,CAAY,IAAI,CAAA,GAAI,EAAA,GAAK,IAAI,CAAA;AAAA,MACxC,CAAA;AAAA,MACA,MAAA,EAAQ,MAAM,UAAA,EAAW;AAAA,MACzB,WAAA,EAAa;AAAA,QACX,UAAA,EAAY;AAAA,UACV,EAAA,EAAI,OAAA;AAAA,UACJ,KAAA,EAAO,2BAAA;AAAA,UACP,KAAA,EAAO,eAAe,SAAS,CAAA,EAAA;AAAA;AACjC;AACF,KACF;AAAA,IACA,CAAC,YAAY,OAAO;AAAA,GACtB;AAEA,EAAAtB,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,IAAU,MAAA,CAAO,WAAA,EAAa;AACnC,IAAA,MAAA,CAAO,WAAA,CAAY,CAAC,QAAQ,CAAA;AAAA,EAC9B,CAAA,EAAG,CAAC,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAErB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,IAAU,MAAA,CAAO,WAAA,EAAa;AACnC,IAAA,MAAM,EAAA,GAAK,OAAO,IAAA,CAAK,GAAA;AACvB,IAAA,EAAA,CAAG,KAAA,CAAM,SAAA,GAAY,CAAA,EAAG,SAAS,CAAA,EAAA,CAAA;AAAA,EACnC,CAAA,EAAG,CAAC,MAAA,EAAQ,SAAS,CAAC,CAAA;AAItB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,IAAU,MAAA,CAAO,WAAA,EAAa;AACnC,IAAA,MAAM,EAAA,GAAK,OAAO,IAAA,CAAK,GAAA;AACvB,IAAA,MAAM,OAAA,GAAU,CAAC,CAAA,KAAa;AAC5B,MAAA,MAAM,EAAE,IAAA,EAAK,GAAK,CAAA,CAAoC,MAAA;AACtD,MAAA,IAAI,CAAC,IAAA,EAAM;AACX,MAAA,MAAM,WAAA,GAAc,OAAO,OAAA,EAAQ;AACnC,MAAA,MAAM,MAAA,GAAS,YAAY,MAAA,GAAS,CAAA,IAAK,CAAC,KAAA,CAAM,IAAA,CAAK,WAAW,CAAA,GAAI,GAAA,GAAM,EAAA;AAC1E,MAAA,MAAA,CAAO,KAAA,GAAQ,KAAA,EAAM,CAAE,cAAc,MAAA,GAAS,IAAI,EAAE,GAAA,EAAI;AAAA,IAC1D,CAAA;AACA,IAAA,EAAA,CAAG,gBAAA,CAAiB,oBAAoB,OAAO,CAAA;AAC/C,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,kBAAA,EAAoB,OAAO,CAAA;AAAA,EACjE,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,IAAU,MAAA,CAAO,WAAA,EAAa;AACnC,IAAA,MAAM,QAAA,GAAW,WAAA;AACjB,IAAA,MAAM,UAAA,GAAa,OAAO,OAAA,EAAQ;AAClC,IAAA,IAAI,WAAA,CAAY,QAAQ,CAAA,IAAK,WAAA,CAAY,UAAU,CAAA,EAAG;AACtD,IAAA,IAAI,QAAA,IAAY,aAAa,UAAA,EAAY;AACvC,MAAA,MAAA,CAAO,SAAS,UAAA,CAAW,QAAA,EAAU,EAAE,UAAA,EAAY,OAAO,CAAA;AAAA,IAC5D;AACA,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,WAAA,CAAY,UAAU,CAAA,EAAG;AACzC,MAAA,MAAA,CAAO,SAAS,UAAA,CAAW,EAAA,EAAI,EAAE,UAAA,EAAY,OAAO,CAAA;AAAA,IACtD;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,MAAM,CAAC,CAAA;AAExB,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,SAAA,GAAYuB,iCAAe,QAAQ,CAAA;AAEzC,EAAA,MAAM,+BACJrB,eAAA,CAAAO,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,CAAS,KAAA;AAAA,IAAO,GAAA;AAAA,oBACjBpB,cAAAA,CAACmC,wCAAA,EAAA,EAAuB,QAAA,EAAoB;AAAA,GAAA,EAC9C,CAAA;AAGF,EAAA,MAAM,OAAA,mBACJnC,cAAAA,CAACoC,uBAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAWC,iCAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA,YAAA,EACH,CAAA;AAGF,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,mCAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,QAAA,mBACCzB,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,MAAA,SAAA,GAAY,OAAA,GAAU,IAAA;AAAA,sBACvBb,cAAAA,CAACuC,gCAAA,EAAA,EAAe,OAAA,EAAkB,mBAAmB,QAAA,EAAU;AAAA,KAAA,EACjE,CAAA,GACE,YACF,OAAA,GACE,IAAA;AAAA,oBACJ1B,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW2B,mCAAA;AAAA,UACT,QAAA;AAAA,UACAtC,oBAAA;AAAA,YACE,6FAAA;AAAA,YACA,SAAA,IAAa,gBAAA;AAAA,YACb,QAAA,IAAY;AAAA;AACd,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAF,cAAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,MAAA;AAAA,cACA,QAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACAA,cAAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWE,oBAAA;AAAA,gBACT,WAAA;AAAA,gBACA,+BAAA;AAAA,gBACA,iFAAA;AAAA,gBACA,oFAAA;AAAA,gBACA,+BAAA;AAAA,gBACA,oMAAA;AAAA,gBACA,8EAAA;AAAA,gBACA,yFAAA;AAAA,gBACA,mEAAA;AAAA,gBACA,4EAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEA,QAAA,kBAAAF,cAAAA,CAACyC,mBAAA,EAAA,EAAc,MAAA,EAAgB;AAAA;AAAA;AACjC;AAAA;AAAA,KACF;AAAA,IACC,SAAA,oBACCzC,cAAAA,CAAC,GAAA,EAAA,EAAE,WAAW0C,iCAAA,CAAgB,QAAA,EAAU,sBAAsB,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"chunk-L4CIIT4U.cjs","sourcesContent":["import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"../../core/utils\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n\n","import React, { useEffect, useMemo, useReducer } from 'react';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Underline from '@tiptap/extension-underline';\nimport { Table, TableRow, TableHeader, TableCell } from '@tiptap/extension-table';\nimport type { Extensions } from '@tiptap/core';\nimport {\n  Bold,\n  Italic,\n  Underline as UnderlineIcon,\n  Strikethrough,\n  List,\n  ListOrdered,\n  Undo,\n  Redo,\n  Table as TableIcon,\n  Rows2,\n  Columns2,\n  TableRowsSplit,\n  TableColumnsSplit,\n  Trash2,\n} from 'lucide-react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { useFormStore } from '../../react/FormProvider';\nimport { VoiceMicButton } from '../../react/VoiceMicButton';\nimport { Label } from '../shadcn/label';\nimport { Button } from '../shadcn/button';\nimport { Separator } from '../shadcn/separator';\nimport { cn } from '../../core/utils';\nimport type { Editor } from '@tiptap/core';\nimport type { RichTextFieldDef } from '../../core/types';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nfunction isEmptyHtml(html: string): boolean {\n  const t = html.trim();\n  return (\n    t === '' ||\n    t === '<p></p>' ||\n    t === '<p><br></p>' ||\n    t === '<p><br class=\"ProseMirror-trailingBreak\"></p>'\n  );\n}\n\nfunction buildRichTextExtensions(placeholder: string, tables: boolean): Extensions {\n  const base: Extensions = [\n    StarterKit.configure({\n      // Disable headings entirely so the UI/content can't introduce H2/H3.\n      heading: false,\n      bulletList: {\n        HTMLAttributes: {\n          class: 'list-disc pl-6 my-2',\n        },\n      },\n      orderedList: {\n        HTMLAttributes: {\n          class: 'list-decimal pl-6 my-2',\n        },\n      },\n      listItem: {\n        HTMLAttributes: {\n          class: 'my-1',\n        },\n      },\n    }),\n    Underline,\n    Placeholder.configure({\n      placeholder,\n    }),\n  ];\n\n  if (!tables) return base;\n\n  return [\n    ...base,\n    Table.configure({\n      resizable: true,\n      /** Wider hit zone along column borders (default 5px). */\n      handleWidth: 8,\n      cellMinWidth: 50,\n    }),\n    TableRow,\n    TableHeader,\n    TableCell,\n  ];\n}\n\nfunction RichTextToolbar({\n  editor,\n  disabled,\n  tablesEnabled,\n}: {\n  editor: Editor | null;\n  disabled: boolean;\n  tablesEnabled: boolean;\n}) {\n  const [, rerender] = useReducer((n: number) => n + 1, 0);\n\n  useEffect(() => {\n    if (!editor) return;\n    const handler = () => rerender();\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  if (!editor) {\n    return (\n      <div className=\"flex flex-wrap gap-1 border-b border-input bg-muted/30 px-2 py-1.5 min-h-[42px]\" />\n    );\n  }\n\n  const fmtBtn = (active: boolean, onClick: () => void, icon: React.ReactNode, title: string) => (\n    <Button\n      type=\"button\"\n      variant={active ? 'secondary' : 'outline'}\n      size=\"icon\"\n      className=\"h-8 w-8 shrink-0\"\n      disabled={disabled}\n      title={title}\n      onClick={() => {\n        if (!disabled) onClick();\n      }}\n    >\n      {icon}\n    </Button>\n  );\n\n  const inTable = tablesEnabled && editor.isActive('table');\n\n  return (\n    <div\n      className=\"flex flex-wrap items-center gap-1 border-b border-input bg-muted/30 px-2 py-1.5\"\n      role=\"toolbar\"\n      aria-label=\"Rich text formatting\"\n    >\n      {fmtBtn(\n        editor.isActive('bold'),\n        () => editor.chain().focus().toggleBold().run(),\n        <Bold className=\"h-4 w-4\" />,\n        'Bold',\n      )}\n      {fmtBtn(\n        editor.isActive('italic'),\n        () => editor.chain().focus().toggleItalic().run(),\n        <Italic className=\"h-4 w-4\" />,\n        'Italic',\n      )}\n      {fmtBtn(\n        editor.isActive('underline'),\n        () => editor.chain().focus().toggleUnderline().run(),\n        <UnderlineIcon className=\"h-4 w-4\" />,\n        'Underline',\n      )}\n      {fmtBtn(\n        editor.isActive('strike'),\n        () => editor.chain().focus().toggleStrike().run(),\n        <Strikethrough className=\"h-4 w-4\" />,\n        'Strikethrough',\n      )}\n\n      <Separator orientation=\"vertical\" className=\"mx-0.5 h-6\" />\n\n      {fmtBtn(\n        editor.isActive('bulletList'),\n        () => editor.chain().focus().toggleBulletList().run(),\n        <List className=\"h-4 w-4\" />,\n        'Bullet list',\n      )}\n      {fmtBtn(\n        editor.isActive('orderedList'),\n        () => editor.chain().focus().toggleOrderedList().run(),\n        <ListOrdered className=\"h-4 w-4\" />,\n        'Numbered list',\n      )}\n\n      {tablesEnabled && (\n        <>\n          <Separator orientation=\"vertical\" className=\"mx-0.5 h-6\" />\n          {!inTable ? (\n            fmtBtn(\n              false,\n              () =>\n                editor\n                  .chain()\n                  .focus()\n                  .insertTable({ rows: 3, cols: 3, withHeaderRow: true })\n                  .run(),\n              <TableIcon className=\"h-4 w-4\" />,\n              'Insert table',\n            )\n          ) : (\n            <>\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().addRowAfter().run(),\n                <Rows2 className=\"h-4 w-4\" />,\n                'Add row below',\n              )}\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().addColumnAfter().run(),\n                <Columns2 className=\"h-4 w-4\" />,\n                'Add column right',\n              )}\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().deleteRow().run(),\n                <TableRowsSplit className=\"h-4 w-4\" />,\n                'Delete row',\n              )}\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().deleteColumn().run(),\n                <TableColumnsSplit className=\"h-4 w-4\" />,\n                'Delete column',\n              )}\n              {fmtBtn(\n                false,\n                () => editor.chain().focus().deleteTable().run(),\n                <Trash2 className=\"h-4 w-4\" />,\n                'Delete table',\n              )}\n            </>\n          )}\n        </>\n      )}\n\n      <Separator orientation=\"vertical\" className=\"mx-0.5 h-6\" />\n\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon\"\n        className=\"h-8 w-8 shrink-0\"\n        disabled={disabled || !editor.can().undo()}\n        title=\"Undo\"\n        onClick={() => editor.chain().focus().undo().run()}\n      >\n        <Undo className=\"h-4 w-4\" />\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon\"\n        className=\"h-8 w-8 shrink-0\"\n        disabled={disabled || !editor.can().redo()}\n        title=\"Redo\"\n        onClick={() => editor.chain().focus().redo().run()}\n      >\n        <Redo className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n}\n\nexport const RichTextWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const store = useFormStore();\n  const hasVoice = !!(fieldDef?.voice && store.getVoice());\n  const showError = !!error && (touched || state.submitAttempted);\n\n  const def = fieldDef as RichTextFieldDef | undefined;\n  const placeholder = def?.placeholder ?? 'Start typing…';\n  const minHeight = def?.minHeight ?? 160;\n  const tablesEnabled = !!def?.tables;\n\n  const extensions = useMemo(\n    () => buildRichTextExtensions(placeholder, tablesEnabled),\n    [placeholder, tablesEnabled],\n  );\n\n  const stringValue = typeof value === 'string' ? value : '';\n\n  const editor = useEditor(\n    {\n      extensions,\n      content: stringValue || '',\n      editable: !disabled,\n      immediatelyRender: false,\n      onUpdate: ({ editor: ed }) => {\n        const html = ed.getHTML();\n        setValue(isEmptyHtml(html) ? '' : html);\n      },\n      onBlur: () => setTouched(),\n      editorProps: {\n        attributes: {\n          id: fieldId,\n          class: 'tiptap focus:outline-none',\n          style: `min-height: ${minHeight}px`,\n        },\n      },\n    },\n    [extensions, fieldId],\n  );\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    editor.setEditable(!disabled);\n  }, [editor, disabled]);\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    const el = editor.view.dom as HTMLElement;\n    el.style.minHeight = `${minHeight}px`;\n  }, [editor, minHeight]);\n\n  // Listen for a custom 'insertTranscript' event dispatched by external hooks\n  // (e.g. voice recording) so the widget controls its own insertion logic.\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    const el = editor.view.dom as HTMLElement;\n    const handler = (e: Event) => {\n      const { text } = (e as CustomEvent<{ text: string }>).detail;\n      if (!text) return;\n      const currentText = editor.getText();\n      const prefix = currentText.length > 0 && !/\\s$/.test(currentText) ? ' ' : '';\n      editor.chain().focus().insertContent(prefix + text).run();\n    };\n    el.addEventListener('insertTranscript', handler);\n    return () => el.removeEventListener('insertTranscript', handler);\n  }, [editor]);\n\n  useEffect(() => {\n    if (!editor || editor.isDestroyed) return;\n    const fromForm = stringValue;\n    const fromEditor = editor.getHTML();\n    if (isEmptyHtml(fromForm) && isEmptyHtml(fromEditor)) return;\n    if (fromForm && fromForm !== fromEditor) {\n      editor.commands.setContent(fromForm, { emitUpdate: false });\n    }\n    if (!fromForm && !isEmptyHtml(fromEditor)) {\n      editor.commands.setContent('', { emitUpdate: false });\n    }\n  }, [stringValue, editor]);\n\n  if (!fieldDef) return null;\n\n  const showLabel = isLabelVisible(fieldDef);\n\n  const labelContent = (\n    <>\n      {fieldDef.label}{' '}\n      <FieldRequiredIndicator fieldDef={fieldDef} />\n    </>\n  );\n\n  const labelEl = (\n    <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n      {labelContent}\n    </Label>\n  );\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {hasVoice ? (\n        <div className=\"flex items-center justify-between\">\n          {showLabel ? labelEl : null}\n          <VoiceMicButton fieldId={fieldId} onTranscriptReady={setValue} />\n        </div>\n      ) : showLabel ? (\n        labelEl\n      ) : null}\n      <div\n        className={fieldControlClass(\n          fieldDef,\n          cn(\n            'rounded-md border border-input bg-background text-sm ring-offset-background overflow-hidden',\n            showError && 'border-red-500',\n            disabled && 'opacity-60',\n          ),\n        )}\n      >\n        <RichTextToolbar\n          editor={editor}\n          disabled={disabled}\n          tablesEnabled={tablesEnabled}\n        />\n        <div\n          className={cn(\n            'px-3 py-2',\n            '[&_.ProseMirror]:outline-none',\n            '[&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:pl-6 [&_.ProseMirror_ul]:my-2',\n            '[&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-6 [&_.ProseMirror_ol]:my-2',\n            '[&_.ProseMirror_li]:list-item',\n            '[&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-muted-foreground/40 [&_.ProseMirror_blockquote]:pl-3 [&_.ProseMirror_blockquote]:italic [&_.ProseMirror_blockquote]:my-2',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:text-muted-foreground',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none',\n            '[&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0',\n          )}\n        >\n          <EditorContent editor={editor} />\n        </div>\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n// Re-exported from a lightweight module so read-only consumers can use it\n// without pulling in the TipTap/ProseMirror editor.\nexport { richTextHtmlClassName } from './richTextClassName';\n"]}