formanitor 0.0.22 → 0.0.24

package/dist/index.cjs

@@ -1,15 +1,20 @@
 'use strict';
 
-var React11 = require('react');
+var React13 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var LabelPrimitive = require('@radix-ui/react-label');
 var classVarianceAuthority = require('class-variance-authority');
-var SelectPrimitive = require('@radix-ui/react-select');
+var react = require('@tiptap/react');
+var StarterKit = require('@tiptap/starter-kit');
+var Placeholder = require('@tiptap/extension-placeholder');
+var Underline = require('@tiptap/extension-underline');
 var lucideReact = require('lucide-react');
-var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var reactSlot = require('@radix-ui/react-slot');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var SelectPrimitive = require('@radix-ui/react-select');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var dateFns = require('date-fns');
 var reactDayPicker = require('react-day-picker');
 var PopoverPrimitive = require('@radix-ui/react-popover');
@@ -39,8 +44,12 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React11__namespace = /*#__PURE__*/_interopNamespace(React11);
+var React13__namespace = /*#__PURE__*/_interopNamespace(React13);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+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 SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
@@ -685,20 +694,20 @@ var FormStore = class {
     this.listeners.forEach((l) => l(this.state));
   }
 };
-var FormContext = React11.createContext(null);
+var FormContext = React13.createContext(null);
 var emptyFrequentItems = {
   medications: [],
   investigations: [],
   procedures: []
 };
-var FrequentItemsContext = React11.createContext(emptyFrequentItems);
-var FieldHandlersContext = React11.createContext({});
+var FrequentItemsContext = React13.createContext(emptyFrequentItems);
+var FieldHandlersContext = React13.createContext({});
 function useFieldHandlers(fieldId) {
-  const map = React11.useContext(FieldHandlersContext);
+  const map = React13.useContext(FieldHandlersContext);
   return map[fieldId] ?? { onSearch: async () => [], recentlyUsed: [] };
 }
 function useFrequentItems() {
-  return React11.useContext(FrequentItemsContext);
+  return React13.useContext(FrequentItemsContext);
 }
 var FormProvider = ({
   schema,
@@ -707,23 +716,23 @@ var FormProvider = ({
   frequentItems,
   children
 }) => {
-  const storeRef = React11.useRef(null);
+  const storeRef = React13.useRef(null);
   if (!storeRef.current) {
     storeRef.current = new FormStore(schema, config);
   }
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (storeRef.current && config) {
       storeRef.current.updateConfig(config);
     }
   });
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     storeRef.current?.load();
   }, []);
   const frequentItemsValue = frequentItems ?? emptyFrequentItems;
   return /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(FieldHandlersContext.Provider, { value: fieldHandlers ?? {}, children: /* @__PURE__ */ jsxRuntime.jsx(FrequentItemsContext.Provider, { value: frequentItemsValue, children }) }) });
 };
 function useFormStore() {
-  const context = React11.useContext(FormContext);
+  const context = React13.useContext(FormContext);
   if (!context) {
     throw new Error("useFormStore must be used within a FormProvider");
   }
@@ -731,8 +740,8 @@ function useFormStore() {
 }
 function useForm() {
   const store = useFormStore();
-  const [state, setState] = React11.useState(store.getState());
-  React11.useEffect(() => {
+  const [state, setState] = React13.useState(store.getState());
+  React13.useEffect(() => {
     const unsubscribe = store.subscribe((newState) => {
       setState({ ...newState });
     });
@@ -754,8 +763,8 @@ function useForm() {
 }
 function useField(fieldId) {
   const store = useFormStore();
-  const [fieldState, setFieldState] = React11.useState(store.getFieldState(fieldId));
-  React11.useEffect(() => {
+  const [fieldState, setFieldState] = React13.useState(store.getFieldState(fieldId));
+  React13.useEffect(() => {
     const unsubscribe = store.subscribe(() => {
       const newState = store.getFieldState(fieldId);
       setFieldState((prev) => {
@@ -780,7 +789,7 @@ function useField(fieldId) {
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var Input = React11__namespace.forwardRef(
+var Input = React13__namespace.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -800,7 +809,7 @@ Input.displayName = "Input";
 var labelVariants = classVarianceAuthority.cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -809,7 +818,7 @@ var Label = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var Textarea = React11__namespace.forwardRef(
+var Textarea = React13__namespace.forwardRef(
   ({ className, height, style, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -855,8 +864,8 @@ var TextWidget = ({ fieldId }) => {
   const { state } = useForm();
   const showError = !!error && (touched || state.submitAttempted);
   if (!fieldDef) return null;
-  const Component = fieldDef.type === "textarea" || fieldDef.type === "richtext" ? Textarea : Input;
-  const isTextarea = fieldDef.type === "textarea" || fieldDef.type === "richtext";
+  const Component = fieldDef.type === "textarea" ? Textarea : Input;
+  const isTextarea = fieldDef.type === "textarea";
   const height = isTextarea && "height" in fieldDef ? fieldDef.height : void 0;
   const theme = getThemeConfig(
     isTextarea ? "textarea" : "text",
@@ -888,9 +897,298 @@ var TextWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React13__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Separator = React13__namespace.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.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__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 RichTextToolbar({
+  editor,
+  disabled
+}) {
+  const [, rerender] = React13.useReducer((n) => n + 1, 0);
+  React13.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(
+    Button,
+    {
+      type: "button",
+      variant: active ? "secondary" : "outline",
+      size: "icon",
+      className: "h-8 w-8 shrink-0",
+      disabled,
+      title,
+      onClick: () => {
+        if (!disabled) onClick();
+      },
+      children: icon
+    }
+  );
+  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"
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "vertical", className: "mx-0.5 h-6" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Undo, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Redo, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+var RichTextWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  const def = fieldDef;
+  const placeholder = def?.placeholder ?? "Start typing\u2026";
+  const minHeight = def?.minHeight ?? 160;
+  const extensions = React13.useMemo(
+    () => [
+      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
+      })
+    ],
+    [placeholder]
+  );
+  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: "focus:outline-none",
+          style: `min-height: ${minHeight}px`
+        }
+      }
+    },
+    [extensions, fieldId]
+  );
+  React13.useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    editor.setEditable(!disabled);
+  }, [editor, disabled]);
+  React13.useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const el = editor.view.dom;
+    el.style.minHeight = `${minHeight}px`;
+  }, [editor, minHeight]);
+  React13.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 labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    fieldDef.label,
+    " ",
+    fieldDef.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: "*" })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: fieldId, children: labelContent }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: 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 }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.EditorContent, { editor })
+            }
+          )
+        ]
+      }
+    ),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
 var Select = SelectPrimitive__namespace.Root;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React13__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -906,7 +1204,7 @@ var SelectTrigger = React11__namespace.forwardRef(({ className, children, ...pro
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -919,7 +1217,7 @@ var SelectScrollUpButton = React11__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -932,7 +1230,7 @@ var SelectScrollDownButton = React11__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React11__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React13__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -960,7 +1258,7 @@ var SelectContent = React11__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -969,7 +1267,7 @@ var SelectLabel = React11__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React13__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -985,7 +1283,7 @@ var SelectItem = React11__namespace.forwardRef(({ className, children, ...props
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -1032,11 +1330,11 @@ async function fetchOptions(source, params) {
 }
 var SelectWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
-  const [options, setOptions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
+  const [options, setOptions] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
   const { state } = useForm();
   const showError = !!error && (touched || state.submitAttempted);
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (!fieldDef) return;
     const def = fieldDef;
     if (def.options) {
@@ -1074,7 +1372,7 @@ var SelectWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
-var Checkbox = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -1095,12 +1393,12 @@ var Checkbox = React11__namespace.forwardRef(({ className, ...props }, ref) => /
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
 var MultiSelectWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
-  const [options, setOptions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
+  const [options, setOptions] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
   const { state } = useForm();
   const showError = !!error && (touched || state.submitAttempted);
   const currentValues = Array.isArray(value) ? value : [];
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (!fieldDef) return;
     const def = fieldDef;
     if (def.options) {
@@ -1148,46 +1446,7 @@ var MultiSelectWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
-var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React11__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var Table = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+var Table = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
   "table",
   {
     ref,
@@ -1196,9 +1455,9 @@ var Table = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -1207,7 +1466,7 @@ var TableBody = React11__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -1219,7 +1478,7 @@ var TableFooter = React11__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRow = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -1231,7 +1490,7 @@ var TableRow = React11__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -1243,7 +1502,7 @@ var TableHead = React11__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -1252,7 +1511,7 @@ var TableCell = React11__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -1268,7 +1527,7 @@ var RepeatableWidget = ({
   if (!fieldDef || fieldDef.type !== "repeatable") return null;
   const def = fieldDef;
   const rows = Array.isArray(value) ? value : [];
-  const [hasInteracted, setHasInteracted] = React11__namespace.default.useState(false);
+  const [hasInteracted, setHasInteracted] = React13__namespace.default.useState(false);
   const showError = !!error && (touched || hasInteracted);
   const addRow = () => {
     setValue([...rows, {}]);
@@ -1437,7 +1696,7 @@ function Calendar({
 Calendar.displayName = "Calendar";
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverContent = React11__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React13__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -1516,14 +1775,14 @@ function DateTimePicker({
   className,
   placeholder = "Pick date & time"
 }) {
-  const [internalDate, setInternalDate] = React11__namespace.useState(dateTime);
-  const [timeString, setTimeString] = React11__namespace.useState(() => {
+  const [internalDate, setInternalDate] = React13__namespace.useState(dateTime);
+  const [timeString, setTimeString] = React13__namespace.useState(() => {
     if (!dateTime) return "";
     const hours = dateTime.getHours().toString().padStart(2, "0");
     const minutes = dateTime.getMinutes().toString().padStart(2, "0");
     return `${hours}:${minutes}`;
   });
-  React11__namespace.useEffect(() => {
+  React13__namespace.useEffect(() => {
     setInternalDate(dateTime);
     if (!dateTime) {
       setTimeString("");
@@ -1652,9 +1911,9 @@ var ImageUploadWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
   const store = useFormStore();
   const { state } = useForm();
-  const [isUploading, setIsUploading] = React11.useState(false);
-  const [preview, setPreview] = React11.useState(null);
-  const fileInputRef = React11.useRef(null);
+  const [isUploading, setIsUploading] = React13.useState(false);
+  const [preview, setPreview] = React13.useState(null);
+  const fileInputRef = React13.useRef(null);
   const showError = !!error && (touched || state.submitAttempted);
   if (!fieldDef) return null;
   const uploadHandler = store.getUploadHandler();
@@ -1667,7 +1926,7 @@ var ImageUploadWidget = ({ fieldId }) => {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-2 border-red-300 rounded-lg p-4 bg-red-50", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-600", children: "Upload handler not configured. Please provide an onUpload function in FormProvider config." }) })
     ] });
   }
-  React11__namespace.default.useEffect(() => {
+  React13__namespace.default.useEffect(() => {
     if (value && typeof value === "string") {
       setPreview(value);
     } else {
@@ -1792,18 +2051,18 @@ var SignatureUploadWidget = ({ fieldId }) => {
   const { fieldDef, setValue, setTouched, error, disabled, touched, value } = useField(fieldId);
   const store = useFormStore();
   const { state } = useForm();
-  const canvasRef = React11.useRef(null);
-  const pathRef = React11.useRef("");
-  const lastPointRef = React11.useRef(null);
-  const lastTimeRef = React11.useRef(null);
-  const lastWidthRef = React11.useRef(2);
-  const [isDrawing, setIsDrawing] = React11.useState(false);
-  const [hasDrawing, setHasDrawing] = React11.useState(false);
-  const [isUploading, setIsUploading] = React11.useState(false);
-  const [isConfirmed, setIsConfirmed] = React11.useState(false);
-  const [uploadError, setUploadError] = React11.useState(null);
-  const confirmSignatureRef = React11.useRef(null);
-  React11.useEffect(() => {
+  const canvasRef = React13.useRef(null);
+  const pathRef = React13.useRef("");
+  const lastPointRef = React13.useRef(null);
+  const lastTimeRef = React13.useRef(null);
+  const lastWidthRef = React13.useRef(2);
+  const [isDrawing, setIsDrawing] = React13.useState(false);
+  const [hasDrawing, setHasDrawing] = React13.useState(false);
+  const [isUploading, setIsUploading] = React13.useState(false);
+  const [isConfirmed, setIsConfirmed] = React13.useState(false);
+  const [uploadError, setUploadError] = React13.useState(null);
+  const confirmSignatureRef = React13.useRef(null);
+  React13.useEffect(() => {
     if (hasDrawing && !isConfirmed) {
       store.registerPreSubmitHandler(fieldId, async () => {
         if (confirmSignatureRef.current) {
@@ -1818,9 +2077,9 @@ var SignatureUploadWidget = ({ fieldId }) => {
     };
   }, [hasDrawing, isConfirmed, fieldId, store]);
   const showError = !!error && (touched || state.submitAttempted);
-  const displayUrl = React11.useMemo(() => extractDisplayUrl(value), [value]);
+  const displayUrl = React13.useMemo(() => extractDisplayUrl(value), [value]);
   const showPreview = displayUrl !== null;
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (showPreview) return;
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -2060,7 +2319,7 @@ var EditableTableWidget = ({
   const addColumnLabel = def?.addColumnLabel ?? "Add Column";
   const newColumnNameHint = def?.newColumnNameHint ?? "New Column Name";
   const newColumnNameInputType = def?.newColumnNameInputType ?? "text";
-  const tableData = React11.useMemo(() => {
+  const tableData = React13.useMemo(() => {
     if (value && typeof value === "object" && "columns" in value && "rows" in value) {
       return value;
     }
@@ -2075,12 +2334,12 @@ var EditableTableWidget = ({
       rows: []
     };
   }, [value, fieldDef]);
-  const dataRef = React11.useRef(tableData);
-  React11.useEffect(() => {
+  const dataRef = React13.useRef(tableData);
+  React13.useEffect(() => {
     dataRef.current = tableData;
   }, [tableData]);
-  const [newColumnName, setNewColumnName] = React11.useState("");
-  const [newColumnDate, setNewColumnDate] = React11.useState(void 0);
+  const [newColumnName, setNewColumnName] = React13.useState("");
+  const [newColumnDate, setNewColumnDate] = React13.useState(void 0);
   const updateData = (newData) => {
     setValue(newData);
   };
@@ -2148,7 +2407,7 @@ var EditableTableWidget = ({
     newRows[rowIndex] = { ...newRows[rowIndex], [colId]: val };
     updateData({ ...currentData, rows: newRows });
   };
-  const columns = React11.useMemo(() => {
+  const columns = React13.useMemo(() => {
     const currentCols = tableData.columns;
     const dataCols = currentCols.map((col) => {
       const showColumnDelete = !disabled && canDeleteColumn && col.allowDelete !== false;
@@ -2306,7 +2565,7 @@ var EditableTableWidget = ({
     ] })
   ] });
 };
-var RadioGroup = React11__namespace.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup = React13__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Root,
     {
@@ -2317,7 +2576,7 @@ var RadioGroup = React11__namespace.forwardRef(({ className, ...props }, ref) =>
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-var RadioGroupItem = React11__namespace.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React13__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Item,
     {
@@ -2334,11 +2593,11 @@ var RadioGroupItem = React11__namespace.forwardRef(({ className, ...props }, ref
 RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
 var RadioWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
-  const [options, setOptions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
+  const [options, setOptions] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
   const { state } = useForm();
   const showError = !!error && (touched || state.submitAttempted);
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (!fieldDef) return;
     const def = fieldDef;
     if (def.options?.length) {
@@ -2397,12 +2656,12 @@ function isOptionSelected(selected, optValue) {
 }
 var CheckboxWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
-  const [options, setOptions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
+  const [options, setOptions] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
   const { state } = useForm();
   const showError = !!error && (touched || state.submitAttempted);
   const selectedValues = Array.isArray(value) ? value : [];
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (!fieldDef) return;
     const def = fieldDef;
     if (def.options?.length) {
@@ -2457,14 +2716,14 @@ var CheckboxWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
-var AISuggestionsContext = React11.createContext({});
+var AISuggestionsContext = React13.createContext({});
 function useAISuggestions() {
-  return React11.useContext(AISuggestionsContext);
+  return React13.useContext(AISuggestionsContext);
 }
 var AISuggestionsProvider = AISuggestionsContext.Provider;
 var Dialog = DialogPrimitive__namespace.Root;
 var DialogPortal = DialogPrimitive__namespace.Portal;
-var DialogOverlay = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -2476,7 +2735,7 @@ var DialogOverlay = React11__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React13__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -2512,7 +2771,7 @@ var DialogHeader = ({
   }
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogTitle = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -2524,7 +2783,7 @@ var DialogTitle = React11__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -2554,6 +2813,22 @@ var AddEntityDialog = ({
     actionSlot != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 flex justify-end shrink-0 border-t border-border bg-background", children: actionSlot })
   ] }) });
 };
+var BEFORE_AFTER_OPTIONS = [
+  { label: "Blank", value: "" },
+  { label: "AFTER FOOD", value: "AFTER FOOD" },
+  { label: "BEFORE FOOD", value: "BEFORE FOOD" },
+  { label: "WITH FOOD", value: "WITH FOOD" },
+  { label: "SINGLE DOSE", value: "SINGLE DOSE" },
+  { label: "BED TIME", value: "BED TIME" },
+  { label: "EMPTY STOMACH", value: "EMPTY STOMACH" },
+  { label: "LOCAL APPLICATION", value: "LOCAL APPLICATION" },
+  { label: "STAT", value: "STAT" },
+  { label: "INHALATION", value: "INHALATION" }
+];
+var BEFORE_AFTER_NORMALIZATION_MAP = {
+  AF: "AFTER FOOD",
+  BF: "BEFORE FOOD"
+};
 function mapToMedication(result) {
   return {
     id: result.id,
@@ -2617,7 +2892,7 @@ function mapFrequentItemToMedication(item) {
   const parsed = parseDuration(item.duration);
   const duration_value = item.duration_value ?? parsed.value;
   const duration_unit = item.duration_unit ?? parsed.unit;
-  const before_after = item.before_after === "BEFORE FOOD" ? "BEFORE FOOD" : "AFTER FOOD";
+  const before_after = normalizeBeforeAfter(item.before_after);
   const routeNote = item.route ? `Route: ${item.route}` : "";
   const baseNotes = item.notes?.trim() || "";
   const combinedNotes = [baseNotes, routeNote.trim()].filter((part) => part.length > 0).join(" \u2014 ");
@@ -2636,6 +2911,13 @@ function mapFrequentItemToMedication(item) {
     notes: combinedNotes
   };
 }
+function normalizeBeforeAfter(value) {
+  if (value == null) return "AFTER FOOD";
+  const mapped = BEFORE_AFTER_NORMALIZATION_MAP[value];
+  if (mapped) return mapped;
+  const validValues = BEFORE_AFTER_OPTIONS.map((option) => option.value);
+  return validValues.includes(value) ? value : "AFTER FOOD";
+}
 function Spinner({
   value,
   onChange
@@ -2668,7 +2950,7 @@ function MedicationCard({
   onUpdate,
   onRemove
 }) {
-  const [notesOpen, setNotesOpen] = React11.useState(false);
+  const [notesOpen, setNotesOpen] = React13.useState(false);
   function set(key, val) {
     onUpdate({ ...med, [key]: val });
   }
@@ -2743,16 +3025,13 @@ function MedicationCard({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 items-center flex-1 min-w-0 justify-end", children: ["morning", "afternoon", "night"].map((slot) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { value: med[slot], onChange: (v) => set(slot, v) }) }, slot)) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(
         "select",
         {
           className: "text-xs border border-border rounded px-2 py-1 bg-white shrink-0",
-          value: med.before_after === "AFTER FOOD" ? "AF" : "BF",
-          onChange: (e) => set("before_after", e.target.value === "AF" ? "AFTER FOOD" : "BEFORE FOOD"),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "AF", children: "AF" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "BF", children: "BF" })
-          ]
+          value: normalizeBeforeAfter(med.before_after),
+          onChange: (e) => set("before_after", e.target.value),
+          children: BEFORE_AFTER_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.label))
         }
       )
     ] }),
@@ -2832,19 +3111,19 @@ var AddMedicationField = ({
   frequentItems = [],
   suggestedMedications = []
 }) => {
-  const [open, setOpen] = React11.useState(false);
-  const [query, setQuery] = React11.useState("");
-  const [results, setResults] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
-  const [addingResultId, setAddingResultId] = React11.useState(null);
-  const debounceRef = React11.useRef(null);
-  const customIdRef = React11.useRef(-1);
-  const valueRef = React11.useRef([]);
-  const searchInputRef = React11.useRef(null);
+  const [open, setOpen] = React13.useState(false);
+  const [query, setQuery] = React13.useState("");
+  const [results, setResults] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
+  const [addingResultId, setAddingResultId] = React13.useState(null);
+  const debounceRef = React13.useRef(null);
+  const customIdRef = React13.useRef(-1);
+  const valueRef = React13.useRef([]);
+  const searchInputRef = React13.useRef(null);
   const safeValue = Array.isArray(value) ? value : [];
   valueRef.current = safeValue;
   const addedIds = new Set(safeValue.map((m) => String(m.id)));
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (!open) {
       setQuery("");
       setResults([]);
@@ -3072,18 +3351,18 @@ var AddInvestigationField = ({
   recentlyUsed = [],
   frequentItems = []
 }) => {
-  const [open, setOpen] = React11.useState(false);
-  const [query, setQuery] = React11.useState("");
-  const [results, setResults] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
-  const [addingId, setAddingId] = React11.useState(null);
-  const [addingFrequentId, setAddingFrequentId] = React11.useState(null);
-  const debounceRef = React11.useRef(null);
-  const valueRef = React11.useRef([]);
-  const searchInputRef = React11.useRef(null);
+  const [open, setOpen] = React13.useState(false);
+  const [query, setQuery] = React13.useState("");
+  const [results, setResults] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
+  const [addingId, setAddingId] = React13.useState(null);
+  const [addingFrequentId, setAddingFrequentId] = React13.useState(null);
+  const debounceRef = React13.useRef(null);
+  const valueRef = React13.useRef([]);
+  const searchInputRef = React13.useRef(null);
   valueRef.current = value;
   const addedIds = new Set(value.map((inv) => inv.id));
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (!open) {
       setQuery("");
       setResults([]);
@@ -3305,18 +3584,18 @@ var AddProcedureField = ({
   recentlyUsed = [],
   frequentItems = []
 }) => {
-  const [open, setOpen] = React11.useState(false);
-  const [query, setQuery] = React11.useState("");
-  const [results, setResults] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
-  const [addingId, setAddingId] = React11.useState(null);
-  const [addingFrequentId, setAddingFrequentId] = React11.useState(null);
-  const debounceRef = React11.useRef(null);
-  const valueRef = React11.useRef([]);
-  const searchInputRef = React11.useRef(null);
+  const [open, setOpen] = React13.useState(false);
+  const [query, setQuery] = React13.useState("");
+  const [results, setResults] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
+  const [addingId, setAddingId] = React13.useState(null);
+  const [addingFrequentId, setAddingFrequentId] = React13.useState(null);
+  const debounceRef = React13.useRef(null);
+  const valueRef = React13.useRef([]);
+  const searchInputRef = React13.useRef(null);
   valueRef.current = value;
   const addedIds = new Set(value.map((proc) => proc.id));
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (!open) {
       setQuery("");
       setResults([]);
@@ -3534,7 +3813,7 @@ function getStatusBasedClass(status) {
   }
 }
 function DiagnosisCard({ item, defaultOpen = false }) {
-  const [open, setOpen] = React11.useState(defaultOpen);
+  const [open, setOpen] = React13.useState(defaultOpen);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border border-gray-200 rounded-lg bg-[#F2F2F2] mb-2 last:mb-0 overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -3619,7 +3898,7 @@ var DifferentialDiagnosisWidget = ({ fieldId }) => {
   const items = Array.isArray(value) ? value : [];
   return /* @__PURE__ */ jsxRuntime.jsx(DifferentialDiagnosis, { differentialDiagnosis: items });
 };
-var Spinner2 = React11__namespace.forwardRef(
+var Spinner2 = React13__namespace.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     const sizeClasses = {
       sm: "h-4 w-4 border-2",
@@ -3764,10 +4043,10 @@ var Vitals = ({
 var VitalsWidget = ({ fieldId }) => {
   const { value, setValue, fieldDef } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
-  const [loading, setLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
+  const [loading, setLoading] = React13.useState(false);
+  const [error, setError] = React13.useState(null);
   console.log("[VitalsWidget] fieldId:", fieldId, "| onFetch present:", !!handlers.onFetch, "| value:", value);
-  const fetchVitals = React11.useCallback(async () => {
+  const fetchVitals = React13.useCallback(async () => {
     if (!handlers.onFetch) return;
     setLoading(true);
     setError(null);
@@ -3781,7 +4060,7 @@ var VitalsWidget = ({ fieldId }) => {
       setLoading(false);
     }
   }, [handlers, setValue]);
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     fetchVitals();
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3850,15 +4129,15 @@ function normalizeValue(value) {
 var ReferralWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
-  const [options, setOptions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
+  const [options, setOptions] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
   const { state } = useForm();
   const showError = !!error && (touched || state.submitAttempted);
   const selectedItems = normalizeValue(value);
   const availableOptions = options.filter(
     (opt) => !selectedItems.some((item) => item.specialization === opt.value)
   );
-  const loadOptions = React11.useCallback(async () => {
+  const loadOptions = React13.useCallback(async () => {
     if (handlers.onFetchOptions) {
       setLoading(true);
       try {
@@ -3879,11 +4158,11 @@ var ReferralWidget = ({ fieldId }) => {
       setOptions([]);
     }
   }, [fieldDef, handlers]);
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (!fieldDef) return;
     loadOptions();
   }, [fieldDef, loadOptions]);
-  const handleAdd = React11.useCallback(
+  const handleAdd = React13.useCallback(
     (specialization) => {
       const next = [...selectedItems, { specialization, is_urgent: false }];
       setValue(next);
@@ -3891,7 +4170,7 @@ var ReferralWidget = ({ fieldId }) => {
     },
     [selectedItems, setValue, setTouched]
   );
-  const handleRemove = React11.useCallback(
+  const handleRemove = React13.useCallback(
     (specialization) => {
       const next = selectedItems.filter((item) => item.specialization !== specialization);
       setValue(next);
@@ -3899,7 +4178,7 @@ var ReferralWidget = ({ fieldId }) => {
     },
     [selectedItems, setValue, setTouched]
   );
-  const handleToggleUrgent = React11.useCallback(
+  const handleToggleUrgent = React13.useCallback(
     (specialization) => {
       const next = selectedItems.map(
         (item) => item.specialization === specialization ? { ...item, is_urgent: !item.is_urgent } : item
@@ -3975,7 +4254,7 @@ var ReferralWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
-var Card = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Card = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3987,7 +4266,7 @@ var Card = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3996,7 +4275,7 @@ var CardHeader = React11__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -4008,7 +4287,7 @@ var CardTitle = React11__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "p",
   {
     ref,
@@ -4017,9 +4296,9 @@ var CardDescription = React11__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React13__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -4105,11 +4384,11 @@ function parseLocalDate(dateString) {
 var FollowupWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, visible } = useField(fieldId);
   const followup = normalizeFollowup(value);
-  const [calendarOpen, setCalendarOpen] = React11.useState(false);
+  const [calendarOpen, setCalendarOpen] = React13.useState(false);
   const currentFollowupType = followup ? followup.followupType : "no followup";
   const hasFollowup = followup !== false;
-  const [displayMode, setDisplayMode] = React11.useState("duration");
-  const [displayUnit, setDisplayUnit] = React11.useState("days");
+  const [displayMode, setDisplayMode] = React13.useState("duration");
+  const [displayUnit, setDisplayUnit] = React13.useState("days");
   const daysNum = hasFollowup ? parseInt(followup.value, 10) || 7 : 7;
   const currentDate = hasFollowup ? daysToDate(daysNum) : null;
   const followupMode = displayMode;
@@ -4117,7 +4396,7 @@ var FollowupWidget = ({ fieldId }) => {
     displayUnit === "weeks" ? Math.round(daysNum / 7) || 1 : Math.round(daysNum / 30) || 1
   ) : "7";
   const currentUnit = displayUnit;
-  const handleFollowupTypeChange = React11.useCallback(
+  const handleFollowupTypeChange = React13.useCallback(
     (newType) => {
       setTouched();
       if (newType === "no followup") {
@@ -4133,11 +4412,11 @@ var FollowupWidget = ({ fieldId }) => {
     },
     [followup, hasFollowup, setValue, setTouched]
   );
-  const handleModeChange = React11.useCallback((newMode) => {
+  const handleModeChange = React13.useCallback((newMode) => {
     setDisplayMode(newMode);
     if (newMode === "date") setCalendarOpen(false);
   }, []);
-  const handleValueChange = React11.useCallback(
+  const handleValueChange = React13.useCallback(
     (newValue) => {
       setTouched();
       const num = parseInt(newValue, 10);
@@ -4152,10 +4431,10 @@ var FollowupWidget = ({ fieldId }) => {
     },
     [displayUnit, setValue, setTouched]
   );
-  const handleUnitChange = React11.useCallback((newUnit) => {
+  const handleUnitChange = React13.useCallback((newUnit) => {
     setDisplayUnit(newUnit);
   }, []);
-  const handleDateSelect = React11.useCallback(
+  const handleDateSelect = React13.useCallback(
     (selected) => {
       setTouched();
       setCalendarOpen(false);
@@ -4288,13 +4567,13 @@ function useSmartKeywords(text, onSearch, debounceDelay = 1e3) {
     hasOnSearch: typeof onSearch === "function",
     debounceDelay
   });
-  const [extractedNouns, setExtractedNouns] = React11.useState([]);
-  const [matchedConditions, setMatchedConditions] = React11.useState([]);
-  const [isProcessing, setIsProcessing] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const timerRef = React11.useRef(null);
-  const abortRef = React11.useRef(0);
-  const processText = React11.useCallback(
+  const [extractedNouns, setExtractedNouns] = React13.useState([]);
+  const [matchedConditions, setMatchedConditions] = React13.useState([]);
+  const [isProcessing, setIsProcessing] = React13.useState(false);
+  const [error, setError] = React13.useState(null);
+  const timerRef = React13.useRef(null);
+  const abortRef = React13.useRef(0);
+  const processText = React13.useCallback(
     async (input, runId) => {
       if (!input || input.trim().length === 0) {
         console.log("[useSmartKeywords] skip empty input", {
@@ -4378,7 +4657,7 @@ function useSmartKeywords(text, onSearch, debounceDelay = 1e3) {
     },
     [onSearch]
   );
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
     const runId = ++abortRef.current;
     console.log("[useSmartKeywords] schedule debounce", {
@@ -4415,7 +4694,7 @@ var SmartTextareaWidget = ({ fieldId }) => {
   const structured = value;
   const textValue = structured?.text ?? "";
   const showError = !!error && (touched || state.submitAttempted);
-  const onSearch = React11.useCallback(
+  const onSearch = React13.useCallback(
     (query) => handler.onSearch(query),
     [handler]
   );
@@ -4425,7 +4704,7 @@ var SmartTextareaWidget = ({ fieldId }) => {
     def?.debounceDelay ?? 1e3
   );
   const currentKeywords = structured?.extractedKeywords ?? [];
-  const nextKeywords = React11.useMemo(() => {
+  const nextKeywords = React13.useMemo(() => {
     if (matchedConditions.length === 0 && currentKeywords.length === 0) return currentKeywords;
     if (matchedConditions.length === currentKeywords.length && matchedConditions.every(
       (m, i) => m.matchedCondition.id === currentKeywords[i]?.matchedCondition.id && m.extractedKeyword === currentKeywords[i]?.extractedKeyword
@@ -4434,19 +4713,19 @@ var SmartTextareaWidget = ({ fieldId }) => {
     }
     return matchedConditions;
   }, [matchedConditions, currentKeywords]);
-  const writeValue = React11.useCallback(
+  const writeValue = React13.useCallback(
     (text, keywords) => {
       const next = { text, extractedKeywords: keywords };
       setValue(next);
     },
     [setValue]
   );
-  React11__namespace.default.useEffect(() => {
+  React13__namespace.default.useEffect(() => {
     if (nextKeywords !== currentKeywords) {
       writeValue(textValue, nextKeywords);
     }
   }, [nextKeywords]);
-  const handleTextChange = React11.useCallback(
+  const handleTextChange = React13.useCallback(
     (e) => {
       writeValue(e.target.value, currentKeywords);
     },
@@ -4688,10 +4967,10 @@ function stripGpalSuffix(label) {
   return label.replace(/\s*\(G-P-A-L\)\s*$/i, "").trim();
 }
 function useDebouncedCommit(commit, delayMs) {
-  const timeoutRef = React11.useRef(null);
-  const latestCommit = React11.useRef(commit);
+  const timeoutRef = React13.useRef(null);
+  const latestCommit = React13.useRef(commit);
   latestCommit.current = commit;
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     return () => {
       if (timeoutRef.current != null) window.clearTimeout(timeoutRef.current);
     };
@@ -4703,18 +4982,18 @@ function useDebouncedCommit(commit, delayMs) {
 }
 var ObstetricHistoryWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, disabled } = useField(fieldId);
-  const [{ draft, isNewEntry }, setDraftState] = React11.useState(() => normalizeToDraft(value));
-  const [lmpError, setLmpError] = React11.useState(null);
-  const [primaryEddError, setPrimaryEddError] = React11.useState(null);
-  const [activeGpalKey, setActiveGpalKey] = React11.useState(null);
+  const [{ draft, isNewEntry }, setDraftState] = React13.useState(() => normalizeToDraft(value));
+  const [lmpError, setLmpError] = React13.useState(null);
+  const [primaryEddError, setPrimaryEddError] = React13.useState(null);
+  const [activeGpalKey, setActiveGpalKey] = React13.useState(null);
   const refs = {
-    G: React11.useRef(null),
-    P: React11.useRef(null),
-    A: React11.useRef(null),
-    L: React11.useRef(null)
+    G: React13.useRef(null),
+    P: React13.useRef(null),
+    A: React13.useRef(null),
+    L: React13.useRef(null)
   };
-  const today = React11.useMemo(() => todayIso(), []);
-  React11.useEffect(() => {
+  const today = React13.useMemo(() => todayIso(), []);
+  React13.useEffect(() => {
     const next = normalizeToDraft(value);
     const currStr = JSON.stringify(buildStored(draft, today));
     const nextStr = JSON.stringify(buildStored(next.draft, today));
@@ -4725,7 +5004,7 @@ var ObstetricHistoryWidget = ({ fieldId }) => {
     setValue(JSON.stringify(stored));
   };
   const commitDebounced = useDebouncedCommit(commitImmediate, 500);
-  const storedComputed = React11.useMemo(() => buildStored(draft, today), [draft, today]);
+  const storedComputed = React13.useMemo(() => buildStored(draft, today), [draft, today]);
   const rightPanelEnabled = draft.is_pregnant && (!!storedComputed.lmp || !!storedComputed.edd?.usg);
   const headerLabel = fieldDef?.label ? stripGpalSuffix(fieldDef.label) : "Obstetric History";
   const setDraft = (updater, persist) => {
@@ -5174,7 +5453,7 @@ var numberInputClass = "w-full border border-[#D0D0D0] rounded-md bg-white px-2
 var textInputClass = "w-full border border-[#D0D0D0] rounded-md bg-white px-2 py-1 text-xs focus-visible:outline-none focus-visible:ring-0";
 var OphthalmologyWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, disabled } = useField(fieldId);
-  const safe = React11.useMemo(() => ensureValue(value), [value]);
+  const safe = React13.useMemo(() => ensureValue(value), [value]);
   const label = fieldDef?.label || "";
   const update = (updater) => {
     if (disabled) return;
@@ -6351,7 +6630,7 @@ var headerCellClass = "border border-slate-200 px-2 py-1 text-center font-semibo
 var cellClass = "border border-slate-200 px-2 py-1 align-top";
 var OphthalDiagnosisWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, disabled } = useField(fieldId);
-  const safe = React11.useMemo(() => ensureValue2(value), [value]);
+  const safe = React13.useMemo(() => ensureValue2(value), [value]);
   const label = fieldDef?.label || "";
   const updateEyeField = (eye, fieldLabel, next) => {
     if (disabled) return;
@@ -6401,7 +6680,7 @@ var OphthalDiagnosisWidget = ({ fieldId }) => {
     ] })
   ] });
 };
-var Slider = React11__namespace.forwardRef(({ className, trackClassName, thumbClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var Slider = React13__namespace.forwardRef(({ className, trackClassName, thumbClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SliderPrimitive__namespace.Root,
   {
     ref,
@@ -6495,7 +6774,7 @@ var OrthopedicExamWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, touched, disabled } = useField(fieldId);
   const { state } = useForm();
   const showError = !!error && (touched || state.submitAttempted);
-  const safeValue = React11.useMemo(() => {
+  const safeValue = React13.useMemo(() => {
     if (!value || typeof value !== "object") return defaultValue();
     const v = value;
     const concerns = Array.isArray(v.concerns) ? v.concerns : [];
@@ -6517,10 +6796,10 @@ var OrthopedicExamWidget = ({ fieldId }) => {
       }
     };
   }, [value]);
-  const [panelOpen, setPanelOpen] = React11.useState(false);
-  const draggingRef = React11.useRef(null);
-  const prevConcernsLengthRef = React11.useRef(safeValue.concerns.length);
-  const reminderSections = React11.useMemo(() => {
+  const [panelOpen, setPanelOpen] = React13.useState(false);
+  const draggingRef = React13.useRef(null);
+  const prevConcernsLengthRef = React13.useRef(safeValue.concerns.length);
+  const reminderSections = React13.useMemo(() => {
     return safeValue.concerns.map((id) => ({
       id,
       label: CONCERNS.find((c) => c.id === id)?.label ?? id,
@@ -6528,7 +6807,7 @@ var OrthopedicExamWidget = ({ fieldId }) => {
     })).filter((s) => s.points.length > 0);
   }, [safeValue.concerns]);
   const hasReminders = reminderSections.length > 0;
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     const prevLen = prevConcernsLengthRef.current;
     const currLen = safeValue.concerns.length;
     prevConcernsLengthRef.current = currLen;
@@ -6543,7 +6822,7 @@ var OrthopedicExamWidget = ({ fieldId }) => {
       setPanelOpen(true);
     }
   }, [safeValue, setValue]);
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     const onMove = (e) => {
       if (!draggingRef.current) return;
       const { startX, startY, startTop, startRight } = draggingRef.current;
@@ -6794,8 +7073,9 @@ var FieldRenderer = ({ fieldId }) => {
     case "number":
       return /* @__PURE__ */ jsxRuntime.jsx(TextWidget, { fieldId });
     case "textarea":
-    case "richtext":
       return /* @__PURE__ */ jsxRuntime.jsx(TextWidget, { fieldId });
+    case "richtext":
+      return /* @__PURE__ */ jsxRuntime.jsx(RichTextWidget, { fieldId });
     case "date":
       return /* @__PURE__ */ jsxRuntime.jsx(DateWidget, { fieldId });
     case "datetime":
@@ -6860,7 +7140,7 @@ var FieldRenderer = ({ fieldId }) => {
   }
 };
 var Section = ({ title, children }) => {
-  const [expanded, setExpanded] = React11.useState(true);
+  const [expanded, setExpanded] = React13.useState(true);
   const handleToggle = () => setExpanded((prev) => !prev);
   const contentClassName = cn(
     "overflow-hidden transition-[height] duration-200 ease-in-out",
@@ -6913,7 +7193,7 @@ var DynamicForm = () => {
               children: child.children.map((fieldId) => /* @__PURE__ */ jsxRuntime.jsx(FieldRenderer, { fieldId }, fieldId))
             },
             child.id
-          ) : /* @__PURE__ */ jsxRuntime.jsx(React11__namespace.default.Fragment, {}, child.id ?? index)
+          ) : /* @__PURE__ */ jsxRuntime.jsx(React13__namespace.default.Fragment, {}, child.id ?? index)
         ) }, node.id);
       }
       if (node.type === "column_layout") {
@@ -7001,13 +7281,13 @@ var SmartForm = ({
 }) => {
   const store = useFormStore();
   const schema = store.getSchema();
-  const prevAiResultRef = React11.useRef(void 0);
-  const aiSuggestions = React11.useMemo(() => {
+  const prevAiResultRef = React13.useRef(void 0);
+  const aiSuggestions = React13.useMemo(() => {
     if (aiAnalysisResult == null) return { medications: [] };
     const medications = normalizeAIMedications(aiAnalysisResult.medications);
     return { medications };
   }, [aiAnalysisResult]);
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     if (aiAnalysisResult == null || Object.keys(aiAnalysisResult).length === 0) return;
     const prev = prevAiResultRef.current;
     if (prev != null && prev === aiAnalysisResult && shallowEqualKeys(prev, aiAnalysisResult)) return;
@@ -7080,9 +7360,9 @@ var ReadOnlyText = ({ fieldDef, value }) => {
   ] });
 };
 var ReadOnlySelect = ({ fieldDef, value }) => {
-  const [options, setOptions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
-  React11.useEffect(() => {
+  const [options, setOptions] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
+  React13.useEffect(() => {
     if (fieldDef.options) {
       setOptions(fieldDef.options);
     } else if (fieldDef.dataSource) {
@@ -7104,9 +7384,9 @@ var ReadOnlySelect = ({ fieldDef, value }) => {
   ] });
 };
 var ReadOnlyMultiSelect = ({ fieldDef, value }) => {
-  const [options, setOptions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
-  React11.useEffect(() => {
+  const [options, setOptions] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
+  React13.useEffect(() => {
     if (fieldDef.options) {
       setOptions(fieldDef.options);
     } else if (fieldDef.dataSource) {
@@ -7255,13 +7535,13 @@ var ReadOnlyTable = ({
   fieldDef,
   value
 }) => {
-  const tableData = React11.useMemo(() => {
+  const tableData = React13.useMemo(() => {
     if (value && typeof value === "object" && "columns" in value && "rows" in value && Array.isArray(value.columns) && Array.isArray(value.rows)) {
       return value;
     }
     return { columns: [], rows: [] };
   }, [value]);
-  const columns = React11.useMemo(() => {
+  const columns = React13.useMemo(() => {
     return tableData.columns.map((col) => ({
       accessorKey: col.id,
       header: col.label,
@@ -7316,9 +7596,9 @@ var ReadOnlyDateTime = ({ fieldDef, value }) => {
   ] });
 };
 var ReadOnlyRadio = ({ fieldDef, value }) => {
-  const [options, setOptions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
-  React11.useEffect(() => {
+  const [options, setOptions] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
+  React13.useEffect(() => {
     if (fieldDef.options?.length) {
       setOptions(fieldDef.options);
     } else if (fieldDef.dataSource) {
@@ -7343,9 +7623,9 @@ function isOptionSelected2(selected, optValue) {
   );
 }
 var ReadOnlyCheckbox = ({ fieldDef, value }) => {
-  const [options, setOptions] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
-  React11.useEffect(() => {
+  const [options, setOptions] = React13.useState([]);
+  const [loading, setLoading] = React13.useState(false);
+  React13.useEffect(() => {
     if (fieldDef.options?.length) {
       setOptions(fieldDef.options);
     } else if (fieldDef.dataSource) {
@@ -7497,7 +7777,7 @@ var ReadOnlyForm = ({ schema, submission }) => {
               child.id
             );
           }
-          return /* @__PURE__ */ jsxRuntime.jsx(React11__namespace.default.Fragment, {}, child.id ?? index);
+          return /* @__PURE__ */ jsxRuntime.jsx(React13__namespace.default.Fragment, {}, child.id ?? index);
         };
         const hasContent = node.children.some(
           (child) => typeof child === "string" ? fieldMap.has(child) : child.type === "column_layout" && child.children?.some((id) => fieldMap.has(id))
@@ -7639,6 +7919,7 @@ exports.ReadOnlyForm = ReadOnlyForm;
 exports.ReadOnlyImageUpload = ReadOnlyImageUpload;
 exports.ReadOnlySignature = ReadOnlySignature;
 exports.ReadOnlyTable = ReadOnlyTable;
+exports.RichTextWidget = RichTextWidget;
 exports.SignatureUploadWidget = SignatureUploadWidget;
 exports.SmartForm = SmartForm;
 exports.SmartTextareaWidget = SmartTextareaWidget;