formanitor 0.1.11 → 0.2.1

package/dist/chunk-Y7TIWH4I.mjs

@@ -0,0 +1,25 @@
+// src/ui/themes/textareaThemes.ts
+var textareaThemes = {
+  "highlight-label": {
+    wrapperClassName: "rounded-md overflow-hidden flex flex-col border border-[#D0D0D0]",
+    labelClassName: "rounded-t-md bg-[#FEE8EC] px-3 py-1 text-sm shrink-0 z-[1] text-slate-600",
+    inputClassName: "rounded-t-none rounded-b-md border-0 border-t border-[#D0D0D0] text-xs resize-none -mt-1 min-w-0 bg-white text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50"
+  }
+};
+
+// src/ui/themes/index.ts
+var themeRegistries = {
+  textarea: textareaThemes,
+  text: textareaThemes
+  // same themes can apply to single-line text if desired
+};
+function getThemeConfig(fieldType, themeName) {
+  if (!themeName) return void 0;
+  const registry = themeRegistries[fieldType];
+  if (!registry) return void 0;
+  return registry[themeName];
+}
+
+export { getThemeConfig };
+//# sourceMappingURL=chunk-Y7TIWH4I.mjs.map
+//# sourceMappingURL=chunk-Y7TIWH4I.mjs.map

package/dist/chunk-Y7TIWH4I.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/themes/textareaThemes.ts","../src/ui/themes/index.ts"],"names":[],"mappings":";AAQO,IAAM,cAAA,GAAuD;AAAA,EAClE,iBAAA,EAAmB;AAAA,IACjB,gBAAA,EAAkB,kEAAA;AAAA,IAClB,cAAA,EACE,2EAAA;AAAA,IACF,cAAA,EACE;AAAA;AAEN,CAAA;;;ACbA,IAAM,eAAA,GAA4F;AAAA,EAChG,QAAA,EAAU,cAAA;AAAA,EACV,IAAA,EAAM;AAAA;AACR,CAAA;AAMO,SAAS,cAAA,CACd,WACA,SAAA,EACkC;AAClC,EAAA,IAAI,CAAC,WAAW,OAAO,MAAA;AACvB,EAAA,MAAM,QAAA,GAAW,gBAAgB,SAAS,CAAA;AAC1C,EAAA,IAAI,CAAC,UAAU,OAAO,MAAA;AACtB,EAAA,OAAO,SAAS,SAAS,CAAA;AAC3B","file":"chunk-Y7TIWH4I.mjs","sourcesContent":["import type { ComponentThemeConfig } from './types';\n\n/**\n * Textarea theme: label in a colored block overlapping the textarea.\n * Label has light pink background (#FEE8EC), rounded top corners only, border;\n * label overlaps the textarea so the textarea's top border radius is hidden.\n * Textarea has white background, rounded bottom corners only, border.\n */\nexport const textareaThemes: Record<string, ComponentThemeConfig> = {\n  'highlight-label': {\n    wrapperClassName: 'rounded-md overflow-hidden flex flex-col border border-[#D0D0D0]',\n    labelClassName:\n      'rounded-t-md bg-[#FEE8EC] px-3 py-1 text-sm shrink-0 z-[1] text-slate-600',\n    inputClassName:\n      'rounded-t-none rounded-b-md border-0 border-t border-[#D0D0D0] text-xs resize-none -mt-1 min-w-0 bg-white text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50',\n  },\n};\n","import type { ComponentThemeConfig, FieldTypeForTheme } from './types';\nimport { textareaThemes } from './textareaThemes';\n\nconst themeRegistries: Partial<Record<FieldTypeForTheme, Record<string, ComponentThemeConfig>>> = {\n  textarea: textareaThemes,\n  text: textareaThemes, // same themes can apply to single-line text if desired\n};\n\n/**\n * Returns theme config for a field type and theme name.\n * Returns undefined if theme is not set or not found (no theme applied).\n */\nexport function getThemeConfig(\n  fieldType: FieldTypeForTheme,\n  themeName: string | undefined\n): ComponentThemeConfig | undefined {\n  if (!themeName) return undefined;\n  const registry = themeRegistries[fieldType];\n  if (!registry) return undefined;\n  return registry[themeName];\n}\n\nexport { textareaThemes } from './textareaThemes';\nexport type { ComponentThemeConfig, FieldTypeForTheme } from './types';\n"]}

package/dist/chunk-YEFM2ERQ.cjs

@@ -0,0 +1,143 @@
+'use strict';
+
+var chunkTJHG5WHX_cjs = require('./chunk-TJHG5WHX.cjs');
+var chunkAZSAPO2V_cjs = require('./chunk-AZSAPO2V.cjs');
+var chunkO3VQBPEW_cjs = require('./chunk-O3VQBPEW.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('react');
+var dateFns = require('date-fns');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+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);
+
+function parseTimeString(value) {
+  if (!value) return null;
+  const [h, m] = value.split(":").map((v) => Number(v));
+  if (Number.isNaN(h) || Number.isNaN(m) || h < 0 || h > 23 || m < 0 || m > 59) {
+    return null;
+  }
+  return { hours: h, minutes: m };
+}
+function DateTimePicker({
+  dateTime,
+  setDateTime,
+  className,
+  placeholder = "Pick date & time"
+}) {
+  const [internalDate, setInternalDate] = React__namespace.useState(dateTime);
+  const [timeString, setTimeString] = React__namespace.useState(() => {
+    if (!dateTime) return "";
+    const hours = dateTime.getHours().toString().padStart(2, "0");
+    const minutes = dateTime.getMinutes().toString().padStart(2, "0");
+    return `${hours}:${minutes}`;
+  });
+  React__namespace.useEffect(() => {
+    setInternalDate(dateTime);
+    if (!dateTime) {
+      setTimeString("");
+    } else {
+      const hours = dateTime.getHours().toString().padStart(2, "0");
+      const minutes = dateTime.getMinutes().toString().padStart(2, "0");
+      setTimeString(`${hours}:${minutes}`);
+    }
+  }, [dateTime]);
+  const handleDateSelect = (date) => {
+    setInternalDate(date);
+    if (!setDateTime) return;
+    if (!date) {
+      setDateTime(void 0);
+      return;
+    }
+    const parsed = parseTimeString(timeString);
+    const next = new Date(date);
+    if (parsed) {
+      next.setHours(parsed.hours, parsed.minutes, 0, 0);
+    }
+    setDateTime(next);
+  };
+  const handleTimeChange = (e) => {
+    const value = e.target.value;
+    setTimeString(value);
+    if (!setDateTime) return;
+    const parsed = parseTimeString(value);
+    if (!parsed) {
+      return;
+    }
+    const base = internalDate ?? /* @__PURE__ */ new Date();
+    const next = new Date(base);
+    next.setHours(parsed.hours, parsed.minutes, 0, 0);
+    setInternalDate(next);
+    setDateTime(next);
+  };
+  const hasValue = !!dateTime;
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkAZSAPO2V_cjs.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkO3VQBPEW_cjs.Button,
+      {
+        variant: "outline",
+        className: chunkFHHISVCH_cjs.cn(
+          "w-[280px] justify-start text-left font-normal",
+          !hasValue && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "mr-2 h-4 w-4" }),
+          hasValue ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+            dateFns.format(dateTime, "PPP"),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3 w-3" }),
+              dateFns.format(dateTime, "HH:mm")
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: placeholder })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkAZSAPO2V_cjs.Calendar,
+        {
+          mode: "single",
+          selected: internalDate,
+          onSelect: handleDateSelect,
+          initialFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t md:border-t-0 md:border-l p-3 flex flex-col gap-2 min-w-[220px]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-muted-foreground", children: "Time (24h)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkTJHG5WHX_cjs.Input,
+          {
+            type: "time",
+            value: timeString,
+            onChange: handleTimeChange,
+            className: "w-full"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+exports.DateTimePicker = DateTimePicker;
+//# sourceMappingURL=chunk-YEFM2ERQ.cjs.map
+//# sourceMappingURL=chunk-YEFM2ERQ.cjs.map

package/dist/chunk-YEFM2ERQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/datetime-picker.tsx"],"names":["React","Popover","jsx","PopoverTrigger","jsxs","Button","cn","CalendarIcon","format","Clock","PopoverContent","Calendar","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAS,gBAAgB,KAAA,EAA0D;AACjF,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,MAAM,CAAC,CAAA,EAAG,CAAC,CAAA,GAAI,KAAA,CAAM,KAAA,CAAM,GAAG,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,CAAC,CAAC,CAAA;AACpD,EAAA,IACE,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,IACd,OAAO,KAAA,CAAM,CAAC,CAAA,IACd,CAAA,GAAI,KACJ,CAAA,GAAI,EAAA,IACJ,CAAA,GAAI,CAAA,IACJ,IAAI,EAAA,EACJ;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAA,EAAS,CAAA,EAAE;AAChC;AAEO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAAwB;AACtB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAUA,0BAA2B,QAAQ,CAAA;AACjF,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAUA,0BAAiB,MAAM;AAC/D,IAAA,IAAI,CAAC,UAAU,OAAO,EAAA;AACtB,IAAA,MAAM,KAAA,GAAQ,SAAS,QAAA,EAAS,CAAE,UAAS,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AAC5D,IAAA,MAAM,OAAA,GAAU,SAAS,UAAA,EAAW,CAAE,UAAS,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AAChE,IAAA,OAAO,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA;AAAA,EAC5B,CAAC,CAAA;AAED,EAAMA,2BAAU,MAAM;AACpB,IAAA,eAAA,CAAgB,QAAQ,CAAA;AACxB,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,aAAA,CAAc,EAAE,CAAA;AAAA,IAClB,CAAA,MAAO;AACL,MAAA,MAAM,KAAA,GAAQ,SAAS,QAAA,EAAS,CAAE,UAAS,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AAC5D,MAAA,MAAM,OAAA,GAAU,SAAS,UAAA,EAAW,CAAE,UAAS,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AAChE,MAAA,aAAA,CAAc,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,OAAO,CAAA,CAAE,CAAA;AAAA,IACrC;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,gBAAA,GAAmB,CAAC,IAAA,KAA2B;AACnD,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,IAAI,CAAC,WAAA,EAAa;AAClB,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,WAAA,CAAY,MAAS,CAAA;AACrB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,MAAA,GAAS,gBAAgB,UAAU,CAAA;AACzC,IAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,IAAI,CAAA;AAC1B,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,IAAA,CAAK,SAAS,MAAA,CAAO,KAAA,EAAO,MAAA,CAAO,OAAA,EAAS,GAAG,CAAC,CAAA;AAAA,IAClD;AACA,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,EAClB,CAAA;AAEA,EAAA,MAAM,gBAAA,GAA+D,CAAC,CAAA,KAAM;AAC1E,IAAA,MAAM,KAAA,GAAQ,EAAE,MAAA,CAAO,KAAA;AACvB,IAAA,aAAA,CAAc,KAAK,CAAA;AACnB,IAAA,IAAI,CAAC,WAAA,EAAa;AAElB,IAAA,MAAM,MAAA,GAAS,gBAAgB,KAAK,CAAA;AACpC,IAAA,IAAI,CAAC,MAAA,EAAQ;AAEX,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,IAAA,GAAO,YAAA,oBAAgB,IAAI,IAAA,EAAK;AACtC,IAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,IAAI,CAAA;AAC1B,IAAA,IAAA,CAAK,SAAS,MAAA,CAAO,KAAA,EAAO,MAAA,CAAO,OAAA,EAAS,GAAG,CAAC,CAAA;AAChD,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,EAClB,CAAA;AAEA,EAAA,MAAM,QAAA,GAAW,CAAC,CAAC,QAAA;AAEnB,EAAA,uCACGC,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,gCAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAC,eAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAWC,oBAAA;AAAA,UACT,+CAAA;AAAA,UACA,CAAC,QAAA,IAAY,uBAAA;AAAA,UACb;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAJ,cAAA,CAACK,oBAAA,EAAA,EAAa,WAAU,cAAA,EAAe,CAAA;AAAA,UACtC,QAAA,mBACCH,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,YAAAI,cAAA,CAAO,UAAkB,KAAK,CAAA;AAAA,4BAC/BN,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,QAAA,EAAC,CAAA;AAAA,4BACzCE,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EACd,QAAA,EAAA;AAAA,8BAAAF,cAAA,CAACO,iBAAA,EAAA,EAAM,WAAU,SAAA,EAAU,CAAA;AAAA,cAC1BD,cAAA,CAAO,UAAkB,OAAO;AAAA,aAAA,EACnC;AAAA,WAAA,EACF,CAAA,mBAEAN,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA,KAEvB,EACF,CAAA;AAAA,mCACCQ,gCAAA,EAAA,EAAe,SAAA,EAAU,cACxB,QAAA,kBAAAN,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACb,QAAA,EAAA;AAAA,sBAAAF,cAAA;AAAA,QAACS,0BAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,QAAA,EAAU,YAAA;AAAA,UACV,QAAA,EAAU,gBAAA;AAAA,UACV,YAAA,EAAY;AAAA;AAAA,OACd;AAAA,sBACAP,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0EAAA,EACb,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,2CAAA,EAA4C,QAAA,EAAA,YAAA,EAE7D,CAAA;AAAA,wBACAA,cAAA;AAAA,UAACU,uBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,MAAA;AAAA,YACL,KAAA,EAAO,UAAA;AAAA,YACP,QAAA,EAAU,gBAAA;AAAA,YACV,SAAA,EAAU;AAAA;AAAA;AACZ,OAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-YEFM2ERQ.cjs","sourcesContent":["import * as React from \"react\"\nimport { format } from \"date-fns\"\nimport { Calendar as CalendarIcon, Clock } from \"lucide-react\"\n\nimport { cn } from \"../../core/utils\"\nimport { Button } from \"./button\"\nimport { Calendar } from \"./calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"./popover\"\nimport { Input } from \"./input\"\n\nexport interface DateTimePickerProps {\n  /**\n   * The current value as a Date object.\n   */\n  dateTime?: Date\n  /**\n   * Setter for the value. Use undefined to clear.\n   */\n  setDateTime?: (value: Date | undefined) => void\n  className?: string\n  placeholder?: string\n}\n\nfunction parseTimeString(value: string): { hours: number; minutes: number } | null {\n  if (!value) return null\n  const [h, m] = value.split(\":\").map((v) => Number(v))\n  if (\n    Number.isNaN(h) ||\n    Number.isNaN(m) ||\n    h < 0 ||\n    h > 23 ||\n    m < 0 ||\n    m > 59\n  ) {\n    return null\n  }\n  return { hours: h, minutes: m }\n}\n\nexport function DateTimePicker({\n  dateTime,\n  setDateTime,\n  className,\n  placeholder = \"Pick date & time\",\n}: DateTimePickerProps) {\n  const [internalDate, setInternalDate] = React.useState<Date | undefined>(dateTime)\n  const [timeString, setTimeString] = React.useState<string>(() => {\n    if (!dateTime) return \"\"\n    const hours = dateTime.getHours().toString().padStart(2, \"0\")\n    const minutes = dateTime.getMinutes().toString().padStart(2, \"0\")\n    return `${hours}:${minutes}`\n  })\n\n  React.useEffect(() => {\n    setInternalDate(dateTime)\n    if (!dateTime) {\n      setTimeString(\"\")\n    } else {\n      const hours = dateTime.getHours().toString().padStart(2, \"0\")\n      const minutes = dateTime.getMinutes().toString().padStart(2, \"0\")\n      setTimeString(`${hours}:${minutes}`)\n    }\n  }, [dateTime])\n\n  const handleDateSelect = (date: Date | undefined) => {\n    setInternalDate(date)\n    if (!setDateTime) return\n    if (!date) {\n      setDateTime(undefined)\n      return\n    }\n\n    const parsed = parseTimeString(timeString)\n    const next = new Date(date)\n    if (parsed) {\n      next.setHours(parsed.hours, parsed.minutes, 0, 0)\n    }\n    setDateTime(next)\n  }\n\n  const handleTimeChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const value = e.target.value\n    setTimeString(value)\n    if (!setDateTime) return\n\n    const parsed = parseTimeString(value)\n    if (!parsed) {\n      // Don't propagate invalid time, just keep local string\n      return\n    }\n\n    const base = internalDate ?? new Date()\n    const next = new Date(base)\n    next.setHours(parsed.hours, parsed.minutes, 0, 0)\n    setInternalDate(next)\n    setDateTime(next)\n  }\n\n  const hasValue = !!dateTime\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant={\"outline\"}\n          className={cn(\n            \"w-[280px] justify-start text-left font-normal\",\n            !hasValue && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {hasValue ? (\n            <span className=\"flex items-center gap-1\">\n              {format(dateTime as Date, \"PPP\")}\n              <span className=\"text-muted-foreground\">•</span>\n              <span className=\"inline-flex items-center gap-1\">\n                <Clock className=\"h-3 w-3\" />\n                {format(dateTime as Date, \"HH:mm\")}\n              </span>\n            </span>\n          ) : (\n            <span>{placeholder}</span>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <div className=\"flex flex-col md:flex-row\">\n          <Calendar\n            mode=\"single\"\n            selected={internalDate}\n            onSelect={handleDateSelect}\n            initialFocus\n          />\n          <div className=\"border-t md:border-t-0 md:border-l p-3 flex flex-col gap-2 min-w-[220px]\">\n            <label className=\"text-xs font-medium text-muted-foreground\">\n              Time (24h)\n            </label>\n            <Input\n              type=\"time\"\n              value={timeString}\n              onChange={handleTimeChange}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n"]}

package/dist/chunk-YHNI5NIX.mjs

@@ -0,0 +1,361 @@
+import { VoiceMicButton } from './chunk-5I2RC47Y.mjs';
+import { isLabelVisible, FieldRequiredIndicator, fieldLabelClass, fieldControlClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
+import { useForm } from './chunk-7L2JOWGA.mjs';
+import { Button } from './chunk-GXXWMHAA.mjs';
+import { useField, useFormStore } from './chunk-ZTT5XJR7.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import * as React from 'react';
+import { useMemo, useEffect, useReducer } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Placeholder from '@tiptap/extension-placeholder';
+import Underline from '@tiptap/extension-underline';
+import { TableRow, TableHeader, TableCell, Table } from '@tiptap/extension-table';
+import { Undo, Redo, Bold, Italic, Underline as Underline$1, Strikethrough, List, ListOrdered, Table as Table$1, Rows2, Columns2, TableRowsSplit, TableColumnsSplit, Trash2 } from 'lucide-react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.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.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,
+    Placeholder.configure({
+      placeholder
+    })
+  ];
+  if (!tables) return base;
+  return [
+    ...base,
+    Table.configure({
+      resizable: true,
+      /** Wider hit zone along column borders (default 5px). */
+      handleWidth: 8,
+      cellMinWidth: 50
+    }),
+    TableRow,
+    TableHeader,
+    TableCell
+  ];
+}
+function RichTextToolbar({
+  editor,
+  disabled,
+  tablesEnabled
+}) {
+  const [, rerender] = useReducer((n) => n + 1, 0);
+  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__ */ 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__ */ jsx(
+    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__ */ 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__ */ jsx(Bold, { className: "h-4 w-4" }),
+          "Bold"
+        ),
+        fmtBtn(
+          editor.isActive("italic"),
+          () => editor.chain().focus().toggleItalic().run(),
+          /* @__PURE__ */ jsx(Italic, { className: "h-4 w-4" }),
+          "Italic"
+        ),
+        fmtBtn(
+          editor.isActive("underline"),
+          () => editor.chain().focus().toggleUnderline().run(),
+          /* @__PURE__ */ jsx(Underline$1, { className: "h-4 w-4" }),
+          "Underline"
+        ),
+        fmtBtn(
+          editor.isActive("strike"),
+          () => editor.chain().focus().toggleStrike().run(),
+          /* @__PURE__ */ jsx(Strikethrough, { className: "h-4 w-4" }),
+          "Strikethrough"
+        ),
+        /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+        fmtBtn(
+          editor.isActive("bulletList"),
+          () => editor.chain().focus().toggleBulletList().run(),
+          /* @__PURE__ */ jsx(List, { className: "h-4 w-4" }),
+          "Bullet list"
+        ),
+        fmtBtn(
+          editor.isActive("orderedList"),
+          () => editor.chain().focus().toggleOrderedList().run(),
+          /* @__PURE__ */ jsx(ListOrdered, { className: "h-4 w-4" }),
+          "Numbered list"
+        ),
+        tablesEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ 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__ */ jsx(Table$1, { className: "h-4 w-4" }),
+            "Insert table"
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            fmtBtn(
+              false,
+              () => editor.chain().focus().addRowAfter().run(),
+              /* @__PURE__ */ jsx(Rows2, { className: "h-4 w-4" }),
+              "Add row below"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().addColumnAfter().run(),
+              /* @__PURE__ */ jsx(Columns2, { className: "h-4 w-4" }),
+              "Add column right"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteRow().run(),
+              /* @__PURE__ */ jsx(TableRowsSplit, { className: "h-4 w-4" }),
+              "Delete row"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteColumn().run(),
+              /* @__PURE__ */ jsx(TableColumnsSplit, { className: "h-4 w-4" }),
+              "Delete column"
+            ),
+            fmtBtn(
+              false,
+              () => editor.chain().focus().deleteTable().run(),
+              /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+              "Delete table"
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+        /* @__PURE__ */ jsx(
+          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__ */ jsx(Undo, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          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__ */ jsx(Redo, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+var RichTextWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const store = 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 = useMemo(
+    () => buildRichTextExtensions(placeholder, tablesEnabled),
+    [placeholder, tablesEnabled]
+  );
+  const stringValue = typeof value === "string" ? value : "";
+  const editor = 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]
+  );
+  useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    editor.setEditable(!disabled);
+  }, [editor, disabled]);
+  useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const el = editor.view.dom;
+    el.style.minHeight = `${minHeight}px`;
+  }, [editor, minHeight]);
+  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]);
+  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 = isLabelVisible(fieldDef);
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    fieldDef.label,
+    " ",
+    /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef })
+  ] });
+  const labelEl = /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: fieldLabelClass(fieldDef), children: labelContent });
+  return /* @__PURE__ */ jsxs("div", { className: fieldWrapperClass(fieldDef, "space-y-2"), children: [
+    hasVoice ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      showLabel ? labelEl : null,
+      /* @__PURE__ */ jsx(VoiceMicButton, { fieldId, onTranscriptReady: setValue })
+    ] }) : showLabel ? labelEl : null,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: fieldControlClass(
+          fieldDef,
+          cn(
+            "rounded-md border border-input bg-background text-sm ring-offset-background overflow-hidden",
+            showError && "border-red-500",
+            disabled && "opacity-60"
+          )
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            RichTextToolbar,
+            {
+              editor,
+              disabled,
+              tablesEnabled
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: 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__ */ jsx(EditorContent, { editor })
+            }
+          )
+        ]
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+export { RichTextWidget };
+//# sourceMappingURL=chunk-YHNI5NIX.mjs.map
+//# sourceMappingURL=chunk-YHNI5NIX.mjs.map

package/dist/chunk-YHNI5NIX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/separator.tsx","../src/ui/widgets/RichTextWidget.tsx"],"names":["jsx","UnderlineIcon","TableIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAM,SAAA,GAAkB,KAAA,CAAA,UAAA;AAAA,EAItB,CACE,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,aAAa,IAAA,EAAM,GAAG,KAAA,EAAM,EACrE,GAAA,qBAEA,GAAA;AAAA,IAAoB,kBAAA,CAAA,IAAA;AAAA,IAAnB;AAAA,MACC,GAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,EAAA;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,cAAiC,kBAAA,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,IACvB,WAAW,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,IACD,SAAA;AAAA,IACA,YAAY,SAAA,CAAU;AAAA,MACpB;AAAA,KACD;AAAA,GACH;AAEA,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,OAAO;AAAA,IACL,GAAG,IAAA;AAAA,IACH,MAAM,SAAA,CAAU;AAAA,MACd,SAAA,EAAW,IAAA;AAAA;AAAA,MAEX,WAAA,EAAa,CAAA;AAAA,MACb,YAAA,EAAc;AAAA,KACf,CAAA;AAAA,IACD,QAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AACF;AAEA,SAAS,eAAA,CAAgB;AAAA,EACvB,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,GAAG,QAAQ,CAAA,GAAI,WAAW,CAAC,CAAA,KAAc,CAAA,GAAI,CAAA,EAAG,CAAC,CAAA;AAEvD,EAAA,SAAA,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,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iFAAA,EAAkF,CAAA;AAAA,EAErG;AAEA,EAAA,MAAM,SAAS,CAAC,MAAA,EAAiB,OAAA,EAAqB,IAAA,EAAuB,0BAC3EA,GAAAA;AAAA,IAAC,MAAA;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,uBACE,IAAA;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,0BAC9CA,GAAAA,CAAC,IAAA,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,0BAChDA,GAAAA,CAAC,MAAA,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,0BACnDA,GAAAA,CAACC,WAAA,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,0BAChDD,GAAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,UACnC;AAAA,SACF;AAAA,wBAEAA,GAAAA,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,GAAAA,CAAC,IAAA,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,0BACrDA,GAAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,UACjC;AAAA,SACF;AAAA,QAEC,iCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAA,GAAAA,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,GAAAA,CAACE,OAAA,EAAA,EAAU,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,YAC/B;AAAA,8BAGF,IAAA,CAAA,QAAA,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/CF,GAAAA,CAAC,KAAA,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,8BAClDA,GAAAA,CAAC,QAAA,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,8BAC7CA,GAAAA,CAAC,cAAA,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,8BAChDA,GAAAA,CAAC,iBAAA,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/CA,GAAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,cAC5B;AAAA;AACF,WAAA,EACF;AAAA,SAAA,EAEJ,CAAA;AAAA,wBAGFA,GAAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAY,UAAA,EAAW,WAAU,YAAA,EAAa,CAAA;AAAA,wBAEzDA,GAAAA;AAAA,UAAC,MAAA;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,kBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,SAC5B;AAAA,wBACAA,GAAAA;AAAA,UAAC,MAAA;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,kBAAAA,GAAAA,CAAC,IAAA,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,GAAI,QAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAC1B,EAAA,MAAM,QAAQ,YAAA,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,GAAa,OAAA;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,GAAS,SAAA;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,EAAA,SAAA,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,EAAA,SAAA,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,EAAA,SAAA,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,EAAA,SAAA,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,GAAY,eAAe,QAAQ,CAAA;AAEzC,EAAA,MAAM,+BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,CAAS,KAAA;AAAA,IAAO,GAAA;AAAA,oBACjBA,GAAAA,CAAC,sBAAA,EAAA,EAAuB,QAAA,EAAoB;AAAA,GAAA,EAC9C,CAAA;AAGF,EAAA,MAAM,OAAA,mBACJA,GAAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAW,eAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA,YAAA,EACH,CAAA;AAGF,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,iBAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,QAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,MAAA,SAAA,GAAY,OAAA,GAAU,IAAA;AAAA,sBACvBA,GAAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,mBAAmB,QAAA,EAAU;AAAA,KAAA,EACjE,CAAA,GACE,YACF,OAAA,GACE,IAAA;AAAA,oBACJ,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,iBAAA;AAAA,UACT,QAAA;AAAA,UACA,EAAA;AAAA,YACE,6FAAA;AAAA,YACA,SAAA,IAAa,gBAAA;AAAA,YACb,QAAA,IAAY;AAAA;AACd,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAA,GAAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,MAAA;AAAA,cACA,QAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACAA,GAAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;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,kBAAAA,GAAAA,CAAC,aAAA,EAAA,EAAc,MAAA,EAAgB;AAAA;AAAA;AACjC;AAAA;AAAA,KACF;AAAA,IACC,SAAA,oBACCA,GAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,eAAA,CAAgB,QAAA,EAAU,sBAAsB,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"chunk-YHNI5NIX.mjs","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"]}