convex-cms 0.0.2 → 0.0.3

package/admin-dist/server/_ssr/ContentEntryEditor-CepusRsA.mjs

@@ -0,0 +1,3720 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { u as useSettingsConfig, a as api, c as cn, P as Popover, j as PopoverTrigger, k as PopoverContent, B as Button, q as buttonVariants } from "./router-DDWcF-kt.mjs";
+import { L as Label } from "./label-C8Dko1j7.mjs";
+import { c as CmsDialog, I as Input, b as CmsConfirmDialog, D as Dialog, d as DialogContent, e as DialogHeader, f as DialogTitle, C as CmsEmptyState, g as DialogFooter, a as Checkbox } from "./CmsEmptyState-DU7-7-mV.mjs";
+import { S as Switch } from "./switch-BgyRtQ1Z.mjs";
+import { T as Textarea } from "./textarea-9jNeYJSc.mjs";
+import { R as Root } from "../_chunks/_libs/@radix-ui/react-separator.mjs";
+import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-BUhDDf4T.mjs";
+import { T as Tabs, a as TabsList, b as TabsTrigger, c as TabsContent, U as UploadDropzone } from "./tabs-DzMdRB1A.mjs";
+import { C as CmsButton, B as Badge } from "./badge-6BsP37vG.mjs";
+import { C as Command, a as CommandInput, b as CommandList, d as CommandGroup, f as CommandItem, c as CommandEmpty } from "./command-fy8epIKf.mjs";
+import { C as CmsStatusBadge } from "./CmsStatusBadge-B_pi4KCp.mjs";
+import { S as ScrollArea } from "./scroll-area-bjPYwhXN.mjs";
+import { d as useMutation, u as useQuery } from "../_libs/convex.mjs";
+import { L as LoaderCircle, aj as CircleCheckBig, g as CircleAlert, am as RefreshCw, an as History, t as Clock, X, d as ChevronDown, V as Tag, Q as Plus, a8 as Link2, J as FileText, Z as Check, W as Pencil, I as Image, ah as FolderOpen, a3 as Upload, N as Search, u as Calendar$1, ao as GitCompare, ap as ArrowRight, O as TriangleAlert, f as ChevronRight, a9 as File, aa as Music, ab as Video, a1 as ChevronLeft, aq as Bold, ar as Italic, as as Heading2, s as Link, ae as List, at as Quote, c as Code, au as Minus } from "../_libs/lucide-react.mjs";
+import { g as getDefaultClassNames, D as DayPicker } from "../_libs/react-day-picker.mjs";
+function FieldWrapper({
+  field,
+  children,
+  error,
+  className = "",
+  id,
+  customLabel
+}) {
+  const hasError = !!error;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Label,
+      {
+        htmlFor: id,
+        className: cn(
+          "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          hasError && "text-destructive"
+        ),
+        children: [
+          customLabel ?? field.label,
+          field.required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1 text-destructive", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative", children }),
+    field.description && !hasError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { id: `${id}-description`, className: "text-[13px] text-muted-foreground", children: field.description }),
+    hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "p",
+      {
+        id: `${id}-error`,
+        className: "text-[13px] font-medium text-destructive",
+        role: "alert",
+        children: error.message
+      }
+    )
+  ] });
+}
+function TextField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id: providedId,
+  placeholder,
+  inputType = "text"
+}) {
+  const generatedId = reactExports.useId();
+  const id = providedId ?? `field-${field.name}-${generatedId}`;
+  const handleChange = (e) => {
+    onChange(e.target.value);
+  };
+  const { minLength, maxLength, pattern } = field.options ?? {};
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldWrapper, { field, error, className, id, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Input,
+      {
+        type: inputType,
+        id,
+        name: field.name,
+        value: value ?? "",
+        onChange: handleChange,
+        disabled,
+        readOnly,
+        required: field.required,
+        minLength,
+        maxLength,
+        pattern,
+        placeholder,
+        className: cn(error && "border-destructive focus-visible:ring-destructive"),
+        "aria-invalid": !!error,
+        "aria-describedby": error ? `${id}-error` : field.description ? `${id}-description` : void 0
+      }
+    ),
+    maxLength && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mt-1 block text-right text-xs text-muted-foreground", children: [
+      (value ?? "").length,
+      " / ",
+      maxLength
+    ] })
+  ] });
+}
+function NumberField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id: providedId,
+  placeholder
+}) {
+  const generatedId = reactExports.useId();
+  const id = providedId ?? `field-${field.name}-${generatedId}`;
+  const handleChange = (e) => {
+    const inputValue = e.target.value;
+    if (inputValue === "") {
+      onChange(null);
+      return;
+    }
+    const numValue = parseFloat(inputValue);
+    if (!isNaN(numValue)) {
+      const { precision: precision2 } = field.options ?? {};
+      if (precision2 !== void 0 && precision2 >= 0) {
+        const factor = Math.pow(10, precision2);
+        onChange(Math.round(numValue * factor) / factor);
+      } else {
+        onChange(numValue);
+      }
+    }
+  };
+  const { min, max, step, precision } = field.options ?? {};
+  const computedStep = step ?? (precision !== void 0 ? Math.pow(10, -precision) : "any");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldWrapper, { field, error, className, id, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Input,
+      {
+        type: "number",
+        id,
+        name: field.name,
+        value: value ?? "",
+        onChange: handleChange,
+        disabled,
+        readOnly,
+        required: field.required,
+        min,
+        max,
+        step: computedStep,
+        placeholder,
+        className: cn(error && "border-destructive focus-visible:ring-destructive"),
+        "aria-invalid": !!error,
+        "aria-describedby": error ? `${id}-error` : field.description ? `${id}-description` : void 0
+      }
+    ),
+    (min !== void 0 || max !== void 0) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-1 block text-xs text-muted-foreground", children: min !== void 0 && max !== void 0 ? `Range: ${min} - ${max}` : min !== void 0 ? `Min: ${min}` : `Max: ${max}` })
+  ] });
+}
+function BooleanField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id: providedId,
+  trueLabel = "Yes",
+  falseLabel = "No"
+}) {
+  const generatedId = reactExports.useId();
+  const id = providedId ?? `field-${field.name}-${generatedId}`;
+  const handleChange = (checked) => {
+    if (!readOnly) {
+      onChange(checked);
+    }
+  };
+  const hasError = !!error;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Label,
+        {
+          htmlFor: id,
+          className: cn(
+            "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+            hasError && "text-destructive"
+          ),
+          children: [
+            field.label,
+            field.required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1 text-destructive", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Switch,
+          {
+            id,
+            checked: value ?? false,
+            onCheckedChange: handleChange,
+            disabled: disabled || readOnly,
+            "aria-invalid": hasError,
+            "aria-describedby": error ? `${id}-error` : field.description ? `${id}-description` : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: value ? trueLabel : falseLabel })
+      ] })
+    ] }),
+    field.description && !hasError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { id: `${id}-description`, className: "text-[13px] text-muted-foreground", children: field.description }),
+    hasError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { id: `${id}-error`, className: "text-[13px] font-medium text-destructive", role: "alert", children: error.message })
+  ] });
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "flex gap-4 flex-col md:flex-row relative",
+          defaultClassNames.months
+        ),
+        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+        nav: cn(
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "absolute bg-popover inset-0 opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+          defaultClassNames.weekday
+        ),
+        week: cn("flex w-full mt-2", defaultClassNames.week),
+        week_number_header: cn(
+          "select-none w-(--cell-size)",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-[0.8rem] select-none text-muted-foreground",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "rounded-l-md bg-accent",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { className: cn("size-4", className2), ...props2 });
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ChevronRight,
+              {
+                className: cn("size-4", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: cn("size-4", className2), ...props2 });
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props2 }) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("td", { ...props2, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+        },
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      ),
+      ...props
+    }
+  );
+}
+function formatDateTimeLocal$1(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  return `${year}-${month}-${day}T${hours}:${minutes}`;
+}
+function formatDateOnly$1(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+function DateField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id: providedId,
+  includeTime = false
+}) {
+  const generatedId = reactExports.useId();
+  const id = providedId ?? `field-${field.name}-${generatedId}`;
+  const [open, setOpen] = reactExports.useState(false);
+  const showTime = includeTime || field.type === "datetime";
+  const selectedDate = value ? new Date(value) : void 0;
+  const isValidDate = selectedDate && !isNaN(selectedDate.getTime());
+  const timeValue = value && showTime && value.includes("T") ? value.split("T")[1]?.substring(0, 5) || "" : "";
+  const handleDateSelect = (date) => {
+    if (!date) {
+      onChange(null);
+      setOpen(false);
+      return;
+    }
+    if (showTime && timeValue) {
+      const [hours, minutes] = timeValue.split(":").map(Number);
+      date.setHours(hours || 0, minutes || 0);
+    }
+    const formatted = showTime ? formatDateTimeLocal$1(date) : formatDateOnly$1(date);
+    onChange(formatted);
+    if (!showTime) {
+      setOpen(false);
+    }
+  };
+  const handleTimeChange = (e) => {
+    const time = e.target.value;
+    if (!time) return;
+    const [hours, minutes] = time.split(":").map(Number);
+    if (isValidDate && selectedDate) {
+      const newDate = new Date(selectedDate);
+      newDate.setHours(hours || 0, minutes || 0);
+      onChange(formatDateTimeLocal$1(newDate));
+    } else {
+      const today = /* @__PURE__ */ new Date();
+      today.setHours(hours || 0, minutes || 0, 0, 0);
+      onChange(formatDateTimeLocal$1(today));
+    }
+  };
+  const formatDisplayDate = (date) => {
+    return date.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldWrapper, { field, error, className, id, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          id,
+          type: "button",
+          variant: "outline",
+          disabled: disabled || readOnly,
+          className: cn(
+            "justify-between font-normal",
+            showTime ? "w-44" : "flex-1",
+            !value && "text-muted-foreground",
+            error && "border-destructive focus-visible:ring-destructive"
+          ),
+          "aria-invalid": !!error,
+          "aria-describedby": error ? `${id}-error` : field.description ? `${id}-description` : void 0,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: isValidDate && selectedDate ? formatDisplayDate(selectedDate) : "Select date" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar$1, { className: "size-4 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Calendar,
+        {
+          mode: "single",
+          selected: selectedDate,
+          onSelect: handleDateSelect,
+          captionLayout: "dropdown",
+          disabled: disabled || readOnly
+        }
+      ) })
+    ] }),
+    showTime && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Input,
+      {
+        type: "time",
+        value: timeValue,
+        onChange: handleTimeChange,
+        disabled: disabled || readOnly,
+        className: cn(
+          "w-28",
+          error && "border-destructive focus-visible:ring-destructive"
+        ),
+        "aria-label": "Time"
+      }
+    ),
+    value && !readOnly && !disabled && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: "size-9 shrink-0",
+        onClick: () => onChange(null),
+        "aria-label": "Clear date",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+      }
+    )
+  ] }) });
+}
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const toolbarActions = [
+  { label: "Bold", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Bold, { className: "size-4" }), prefix: "**", suffix: "**" },
+  { label: "Italic", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Italic, { className: "size-4" }), prefix: "_", suffix: "_" },
+  { label: "Heading", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Heading2, { className: "size-4" }), prefix: "## ", suffix: "", block: true },
+  { label: "Link", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { className: "size-4" }), prefix: "[", suffix: "](url)" },
+  { label: "List", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(List, { className: "size-4" }), prefix: "- ", suffix: "", block: true },
+  { label: "Quote", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Quote, { className: "size-4" }), prefix: "> ", suffix: "", block: true },
+  { label: "Code", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { className: "size-4" }), prefix: "`", suffix: "`" }
+];
+function RichTextField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id: providedId,
+  placeholder = "Write your content here... (Markdown supported)",
+  minHeight = 200
+}) {
+  const generatedId = reactExports.useId();
+  const id = providedId ?? `field-${field.name}-${generatedId}`;
+  const [textareaRef, setTextareaRef] = reactExports.useState(null);
+  const handleChange = (e) => {
+    onChange(e.target.value);
+  };
+  const applyFormatting = reactExports.useCallback(
+    (action) => {
+      if (!textareaRef || disabled || readOnly) return;
+      const start = textareaRef.selectionStart;
+      const end = textareaRef.selectionEnd;
+      const selectedText = value.slice(start, end);
+      const currentValue = value;
+      let newValue;
+      let newCursorPos;
+      if (action.block) {
+        const lineStart = currentValue.lastIndexOf("\n", start - 1) + 1;
+        const beforeLine = currentValue.slice(0, lineStart);
+        const afterLine = currentValue.slice(lineStart);
+        if (afterLine.startsWith(action.prefix)) {
+          newValue = beforeLine + afterLine.slice(action.prefix.length);
+          newCursorPos = start - action.prefix.length;
+        } else {
+          newValue = beforeLine + action.prefix + afterLine;
+          newCursorPos = start + action.prefix.length;
+        }
+      } else {
+        if (selectedText) {
+          newValue = currentValue.slice(0, start) + action.prefix + selectedText + action.suffix + currentValue.slice(end);
+          newCursorPos = end + action.prefix.length + action.suffix.length;
+        } else {
+          const placeholderText = action.label.toLowerCase();
+          newValue = currentValue.slice(0, start) + action.prefix + placeholderText + action.suffix + currentValue.slice(end);
+          newCursorPos = start + action.prefix.length;
+        }
+      }
+      onChange(newValue);
+      requestAnimationFrame(() => {
+        if (textareaRef) {
+          textareaRef.focus();
+          textareaRef.setSelectionRange(newCursorPos, newCursorPos);
+        }
+      });
+    },
+    [textareaRef, value, onChange, disabled, readOnly]
+  );
+  const { maxLength } = field.options ?? {};
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldWrapper, { field, error, className, id, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "overflow-hidden rounded-md border border-input",
+        error && "border-destructive"
+      ),
+      children: [
+        !readOnly && !disabled && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: "flex flex-wrap gap-1 bg-muted/50 p-1.5",
+              role: "toolbar",
+              "aria-label": "Formatting options",
+              children: toolbarActions.map((action) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-7",
+                  onClick: () => applyFormatting(action),
+                  title: action.label,
+                  "aria-label": action.label,
+                  children: action.icon
+                },
+                action.label
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {})
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Textarea,
+          {
+            ref: setTextareaRef,
+            id,
+            name: field.name,
+            value: value ?? "",
+            onChange: handleChange,
+            disabled,
+            readOnly,
+            required: field.required,
+            maxLength,
+            placeholder,
+            className: "resize-none rounded-none border-0 focus-visible:ring-0",
+            style: { minHeight: `${minHeight}px` },
+            "aria-invalid": !!error,
+            "aria-describedby": error ? `${id}-error` : field.description ? `${id}-description` : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between border-t bg-muted/30 px-3 py-1.5 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Markdown supported" }),
+          maxLength && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            (value ?? "").length,
+            " / ",
+            maxLength
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+function SelectField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id,
+  placeholder = "Select an option..."
+}) {
+  const generatedId = reactExports.useId();
+  const fieldId = id ?? `field-${field.name}-${generatedId}`;
+  const options = field.options?.options ?? [];
+  const handleChange = (newValue) => {
+    onChange(newValue);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldWrapper, { field, error, className, id: fieldId, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Select,
+    {
+      value: value ?? "",
+      onValueChange: handleChange,
+      disabled: disabled || readOnly,
+      required: field.required,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          SelectTrigger,
+          {
+            id: fieldId,
+            className: cn(error && "border-destructive focus:ring-destructive"),
+            "aria-invalid": !!error,
+            "aria-describedby": error ? `${fieldId}-error` : void 0,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+      ]
+    }
+  ) });
+}
+function MultiSelectField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id
+}) {
+  const generatedId = reactExports.useId();
+  const fieldId = id ?? `field-${field.name}-${generatedId}`;
+  const options = field.options?.options ?? [];
+  const selectedValues = value ?? [];
+  const handleChange = (optionValue, checked) => {
+    if (checked) {
+      onChange([...selectedValues, optionValue]);
+    } else {
+      onChange(selectedValues.filter((v) => v !== optionValue));
+    }
+  };
+  const handleSelectAll = () => {
+    const allValues = options.map((o) => o.value);
+    onChange(allValues);
+  };
+  const handleClearAll = () => {
+    onChange([]);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldWrapper, { field, error, className, id: fieldId, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-md border border-input p-3",
+        error && "border-destructive"
+      ),
+      role: "group",
+      "aria-labelledby": `${fieldId}-label`,
+      children: [
+        options.length > 3 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-3 flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: handleSelectAll,
+              disabled: disabled || readOnly,
+              children: "Select all"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: handleClearAll,
+              disabled: disabled || readOnly || selectedValues.length === 0,
+              children: "Clear"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: options.map((option) => {
+          const optionId = `${fieldId}-${option.value}`;
+          const isChecked = selectedValues.includes(option.value);
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center space-x-2 rounded-md p-2",
+                isChecked && "bg-accent"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Checkbox,
+                  {
+                    id: optionId,
+                    checked: isChecked,
+                    onCheckedChange: (checked) => handleChange(option.value, checked === true),
+                    disabled: disabled || readOnly
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Label,
+                  {
+                    htmlFor: optionId,
+                    className: "cursor-pointer text-sm font-normal",
+                    children: option.label
+                  }
+                )
+              ]
+            },
+            option.value
+          );
+        }) }),
+        selectedValues.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 text-xs text-muted-foreground", children: [
+          selectedValues.length,
+          " of ",
+          options.length,
+          " selected"
+        ] })
+      ]
+    }
+  ) });
+}
+function JsonField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id,
+  placeholder = "{\n  \n}",
+  rows = 8
+}) {
+  const generatedId = reactExports.useId();
+  const fieldId = id ?? `field-${field.name}-${generatedId}`;
+  const [textValue, setTextValue] = reactExports.useState(() => {
+    if (value === null || value === void 0) return "";
+    try {
+      return JSON.stringify(value, null, 2);
+    } catch {
+      return "";
+    }
+  });
+  const [syntaxError, setSyntaxError] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    if (value === null || value === void 0) {
+      setTextValue("");
+      return;
+    }
+    try {
+      const formatted = JSON.stringify(value, null, 2);
+      const currentParsed = textValue ? JSON.parse(textValue) : null;
+      if (JSON.stringify(currentParsed) !== JSON.stringify(value)) {
+        setTextValue(formatted);
+      }
+    } catch {
+    }
+  }, [value]);
+  const handleChange = reactExports.useCallback(
+    (e) => {
+      const newText = e.target.value;
+      setTextValue(newText);
+      if (newText.trim() === "") {
+        setSyntaxError(null);
+        onChange(null);
+        return;
+      }
+      try {
+        const parsed = JSON.parse(newText);
+        setSyntaxError(null);
+        onChange(parsed);
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Invalid JSON";
+        setSyntaxError(message);
+      }
+    },
+    [onChange]
+  );
+  const handleFormat = reactExports.useCallback(() => {
+    if (textValue.trim() === "") return;
+    try {
+      const parsed = JSON.parse(textValue);
+      const formatted = JSON.stringify(parsed, null, 2);
+      setTextValue(formatted);
+      setSyntaxError(null);
+    } catch {
+    }
+  }, [textValue]);
+  const handleMinify = reactExports.useCallback(() => {
+    if (textValue.trim() === "") return;
+    try {
+      const parsed = JSON.parse(textValue);
+      const minified = JSON.stringify(parsed);
+      setTextValue(minified);
+      setSyntaxError(null);
+    } catch {
+    }
+  }, [textValue]);
+  const displayError = syntaxError ? { message: `JSON syntax error: ${syntaxError}`, code: "SYNTAX_ERROR" } : error;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldWrapper, { field, error: displayError, className, id: fieldId, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "overflow-hidden rounded-md border border-input",
+        displayError && "border-destructive"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 border-b bg-muted/50 px-2 py-1.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-7 px-2 text-xs",
+              onClick: handleFormat,
+              disabled: disabled || readOnly || !!syntaxError,
+              children: "Format"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-7 px-2 text-xs",
+              onClick: handleMinify,
+              disabled: disabled || readOnly || !!syntaxError,
+              children: "Minify"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Textarea,
+          {
+            id: fieldId,
+            name: field.name,
+            value: textValue,
+            onChange: handleChange,
+            placeholder,
+            rows,
+            disabled,
+            readOnly,
+            required: field.required,
+            "aria-invalid": !!displayError,
+            "aria-describedby": displayError ? `${fieldId}-error` : void 0,
+            className: "resize-none rounded-none border-0 font-mono text-sm focus-visible:ring-0",
+            spellCheck: false
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between border-t bg-muted/30 px-3 py-1.5 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Enter valid JSON data" }),
+          syntaxError && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-destructive", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-3" }),
+            "Invalid"
+          ] }),
+          !syntaxError && textValue.trim() !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-emerald-600 dark:text-emerald-400", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3" }),
+            "Valid JSON"
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+function getMediaTypeIcon(type, className = "size-6") {
+  const iconProps = { className };
+  switch (type) {
+    case "image":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { ...iconProps });
+    case "video":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Video, { ...iconProps });
+    case "audio":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Music, { ...iconProps });
+    case "document":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { ...iconProps });
+    default:
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(File, { ...iconProps });
+  }
+}
+function getMediaTypeFromMimeType(mimeType) {
+  if (!mimeType) return "other";
+  if (mimeType.startsWith("image/")) return "image";
+  if (mimeType.startsWith("video/")) return "video";
+  if (mimeType.startsWith("audio/")) return "audio";
+  if (mimeType === "application/pdf" || mimeType.includes("document") || mimeType.includes("sheet") || mimeType.includes("presentation") || mimeType.startsWith("text/")) {
+    return "document";
+  }
+  return "other";
+}
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+}
+function MediaField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id,
+  placeholder = "Select media..."
+}) {
+  const fieldId = id || `field-${field.name}`;
+  const [showPicker, setShowPicker] = reactExports.useState(false);
+  const [activeTab, setActiveTab] = reactExports.useState("browse");
+  const [searchQuery, setSearchQuery] = reactExports.useState("");
+  const [typeFilter, setTypeFilter] = reactExports.useState("");
+  const allowedMimeTypes = field.options?.allowedMimeTypes ?? [];
+  const selectedAsset = useQuery(
+    api.media.getAsset,
+    value ? { id: value } : "skip"
+  );
+  const assetsResult = useQuery(
+    api.media.listAssets,
+    showPicker ? {
+      type: typeFilter ? typeFilter : void 0,
+      search: searchQuery || void 0,
+      paginationOpts: { numItems: 50, cursor: null }
+    } : "skip"
+  );
+  const handleSelect = reactExports.useCallback(
+    (assetId) => {
+      onChange(assetId);
+      setShowPicker(false);
+    },
+    [onChange]
+  );
+  const handleClear = reactExports.useCallback(() => {
+    onChange(null);
+  }, [onChange]);
+  const handleUploadComplete = reactExports.useCallback((_results) => {
+    setActiveTab("browse");
+  }, []);
+  const filteredAssets = assetsResult?.page?.filter((asset) => {
+    if (allowedMimeTypes.length === 0) return true;
+    return allowedMimeTypes.some((pattern) => {
+      if (pattern.endsWith("/*")) {
+        const prefix = pattern.slice(0, -1);
+        return asset.mimeType?.startsWith(prefix);
+      }
+      return asset.mimeType === pattern;
+    });
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldWrapper, { field, error, className, id: fieldId, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: value && selectedAsset ? (() => {
+      const selectedMediaType = getMediaTypeFromMimeType(selectedAsset.mimeType);
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-border bg-card p-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-md bg-muted", children: selectedMediaType === "image" && selectedAsset.url ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "img",
+          {
+            src: selectedAsset.url,
+            alt: selectedAsset.title || selectedAsset.name,
+            className: "size-full object-cover"
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground", children: getMediaTypeIcon(selectedMediaType) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "p",
+            {
+              className: "truncate text-sm font-medium text-foreground",
+              title: selectedAsset.name,
+              children: selectedAsset.name
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "capitalize", children: selectedMediaType }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "•" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatFileSize(selectedAsset.size ?? 0) })
+          ] })
+        ] }),
+        !disabled && !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              onClick: () => setShowPicker(true),
+              title: "Change media",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              onClick: handleClear,
+              title: "Remove media",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+            }
+          )
+        ] })
+      ] });
+    })() : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "flex w-full flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-border bg-muted/30 p-6 text-center transition-colors",
+          "hover:border-primary/50 hover:bg-muted/50",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          disabled && "cursor-not-allowed opacity-50"
+        ),
+        onClick: () => setShowPicker(true),
+        disabled: disabled || readOnly,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-10 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "size-5 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium text-foreground", children: placeholder }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "Click to browse or upload media" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showPicker, onOpenChange: setShowPicker, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-2xl", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Select Media" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { className: "w-full", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsTrigger, { value: "browse", className: "flex-1 gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-4" }),
+            "Browse Library"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsTrigger, { value: "upload", className: "flex-1 gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Upload, { className: "size-4" }),
+            "Upload New"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsContent, { value: "browse", className: "mt-4 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  type: "search",
+                  placeholder: "Search files...",
+                  value: searchQuery,
+                  onChange: (e) => setSearchQuery(e.target.value),
+                  className: "pl-9"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Select,
+              {
+                value: typeFilter || "all",
+                onValueChange: (v) => setTypeFilter(v === "all" ? "" : v),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-[140px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Types" }) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Types" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "image", children: "Images" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "video", children: "Videos" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "audio", children: "Audio" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "document", children: "Documents" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "other", children: "Other" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          assetsResult === void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-6 animate-spin rounded-full border-2 border-muted border-t-primary" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Loading media..." })
+          ] }) : filteredAssets && filteredAssets.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid max-h-[300px] grid-cols-4 gap-2 overflow-y-auto", children: filteredAssets.map((asset) => {
+            const assetMediaType = getMediaTypeFromMimeType(asset.mimeType);
+            return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "group relative flex flex-col overflow-hidden rounded-lg border bg-card transition-all",
+                  "hover:border-primary hover:shadow-sm",
+                  value === asset._id && "border-primary ring-2 ring-primary/20"
+                ),
+                onClick: () => handleSelect(asset._id),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "aspect-square bg-muted", children: assetMediaType === "image" && asset.url ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "img",
+                    {
+                      src: asset.url,
+                      alt: asset.title || asset.name,
+                      className: "size-full object-cover"
+                    }
+                  ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-full items-center justify-center text-muted-foreground", children: getMediaTypeIcon(assetMediaType) }) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-1.5", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "p",
+                      {
+                        className: "truncate text-xs font-medium",
+                        title: asset.name,
+                        children: asset.name
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-muted-foreground", children: formatFileSize(asset.size ?? 0) })
+                  ] }),
+                  value === asset._id && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute right-1 top-1 flex size-5 items-center justify-center rounded-full bg-primary text-primary-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3" }) })
+                ]
+              },
+              asset._id
+            );
+          }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsEmptyState,
+            {
+              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "size-6" }),
+              title: "No media found",
+              description: "Upload some media to get started",
+              action: {
+                label: "Upload Media",
+                onClick: () => setActiveTab("upload")
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "upload", className: "mt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          UploadDropzone,
+          {
+            generateUploadUrl: api.media.generateUploadUrl,
+            createAsset: api.media.createAsset,
+            onUploadComplete: handleUploadComplete,
+            allowedMimeTypes,
+            maxFileSize: field.options?.maxFileSize,
+            maxConcurrentUploads: 3
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogFooter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "secondary", onClick: () => setShowPicker(false), children: "Cancel" }) })
+    ] }) })
+  ] });
+}
+function getEntryDisplayTitle(entry) {
+  const titleFields = ["title", "name", "heading", "label"];
+  for (const field of titleFields) {
+    const value = entry.data?.[field];
+    if (typeof value === "string" && value.trim()) {
+      return value;
+    }
+  }
+  return entry.slug || entry._id;
+}
+function ReferenceField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id,
+  placeholder = "Select content..."
+}) {
+  const fieldId = id || `field-${field.name}`;
+  const [showPicker, setShowPicker] = reactExports.useState(false);
+  const [searchQuery, setSearchQuery] = reactExports.useState("");
+  const [contentTypeFilter, setContentTypeFilter] = reactExports.useState("");
+  const allowedContentTypes = field.options?.allowedContentTypes ?? [];
+  const allowMultiple = field.options?.multiple ?? false;
+  const selectedIds = reactExports.useMemo(() => {
+    if (!value) return [];
+    return Array.isArray(value) ? value : [value];
+  }, [value]);
+  const contentTypes = useQuery(api.contentTypes.list, {
+    isActive: true,
+    includeEntryCounts: false
+  });
+  const filteredContentTypes = reactExports.useMemo(() => {
+    if (!contentTypes?.page) return [];
+    if (allowedContentTypes.length === 0) return contentTypes.page;
+    return contentTypes.page.filter(
+      (ct) => allowedContentTypes.includes(ct.name) || allowedContentTypes.includes(ct._id)
+    );
+  }, [contentTypes?.page, allowedContentTypes]);
+  const selectedEntry = useQuery(
+    api.entries.get,
+    selectedIds.length === 1 ? { id: selectedIds[0] } : "skip"
+  );
+  const selectedEntries = useQuery(
+    api.entries.list,
+    selectedIds.length > 1 ? {
+      paginationOpts: { numItems: 100, cursor: null }
+    } : "skip"
+  );
+  const multipleSelectedEntries = reactExports.useMemo(() => {
+    if (!selectedEntries?.page || selectedIds.length <= 1) return [];
+    return selectedEntries.page.filter((entry) => selectedIds.includes(entry._id));
+  }, [selectedEntries?.page, selectedIds]);
+  const entriesResult = useQuery(
+    api.entries.list,
+    showPicker ? {
+      contentTypeId: contentTypeFilter || void 0,
+      search: searchQuery || void 0,
+      paginationOpts: { numItems: 50, cursor: null }
+    } : "skip"
+  );
+  const filteredEntries = reactExports.useMemo(() => {
+    if (!entriesResult?.page) return [];
+    if (allowedContentTypes.length === 0) return entriesResult.page;
+    const allowedIds = filteredContentTypes.map((ct) => ct._id);
+    return entriesResult.page.filter(
+      (entry) => allowedIds.includes(entry.contentTypeId)
+    );
+  }, [entriesResult?.page, allowedContentTypes, filteredContentTypes]);
+  const getContentTypeName = reactExports.useCallback(
+    (contentTypeId) => {
+      const ct = contentTypes?.page?.find((c) => c._id === contentTypeId);
+      return ct?.displayName || ct?.name || "Unknown";
+    },
+    [contentTypes?.page]
+  );
+  const handleSelect = reactExports.useCallback(
+    (entryId) => {
+      if (allowMultiple) {
+        if (selectedIds.includes(entryId)) {
+          const newIds = selectedIds.filter((id2) => id2 !== entryId);
+          onChange(newIds.length > 0 ? newIds : null);
+        } else {
+          onChange([...selectedIds, entryId]);
+        }
+      } else {
+        onChange(entryId);
+        setShowPicker(false);
+      }
+    },
+    [allowMultiple, selectedIds, onChange]
+  );
+  const handleRemove = reactExports.useCallback(
+    (entryId) => {
+      if (allowMultiple) {
+        const newIds = selectedIds.filter((id2) => id2 !== entryId);
+        onChange(newIds.length > 0 ? newIds : null);
+      } else {
+        onChange(null);
+      }
+    },
+    [allowMultiple, selectedIds, onChange]
+  );
+  const handleClear = reactExports.useCallback(() => {
+    onChange(null);
+  }, [onChange]);
+  const renderSelectedEntry = (entry, showRemove = true) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "flex items-center gap-3 rounded-lg border border-border bg-card p-3",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-4 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-sm font-medium text-foreground", children: getEntryDisplayTitle(entry) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: getContentTypeName(entry.contentTypeId) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CmsStatusBadge, { status: entry.status })
+          ] })
+        ] }),
+        showRemove && !disabled && !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            onClick: (e) => {
+              e.stopPropagation();
+              handleRemove(entry._id);
+            },
+            title: "Remove reference",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+          }
+        )
+      ]
+    },
+    entry._id
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldWrapper, { field, error, className, id: fieldId, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: selectedIds.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      selectedIds.length === 1 && selectedEntry && renderSelectedEntry(selectedEntry),
+      selectedIds.length > 1 && multipleSelectedEntries.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: multipleSelectedEntries.map((entry) => renderSelectedEntry(entry)) }),
+      !disabled && !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          CmsButton,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => setShowPicker(true),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+              allowMultiple ? "Add more" : "Change"
+            ]
+          }
+        ),
+        selectedIds.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "ghost", size: "sm", onClick: handleClear, children: "Clear all" })
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "flex w-full flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-border bg-muted/30 p-6 text-center transition-colors",
+          "hover:border-primary/50 hover:bg-muted/50",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          disabled && "cursor-not-allowed opacity-50"
+        ),
+        onClick: () => setShowPicker(true),
+        disabled: disabled || readOnly,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-10 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link2, { className: "size-5 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium text-foreground", children: placeholder }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            "Click to select ",
+            allowMultiple ? "content entries" : "a content entry"
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showPicker, onOpenChange: setShowPicker, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-lg p-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-4 pt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Select Content" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { className: "border-none", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 border-b px-3 pb-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CommandInput,
+            {
+              placeholder: "Search entries...",
+              value: searchQuery,
+              onValueChange: setSearchQuery,
+              className: "border-none shadow-none focus:ring-0"
+            }
+          ),
+          filteredContentTypes.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Select,
+            {
+              value: contentTypeFilter || "all",
+              onValueChange: (v) => setContentTypeFilter(v === "all" ? "" : v),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 w-[120px] shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Types" }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Types" }),
+                  filteredContentTypes.map((ct) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: ct._id, children: ct.displayName || ct.name }, ct._id))
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CommandList, { className: "max-h-[300px]", children: entriesResult === void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-8", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-5 animate-spin rounded-full border-2 border-muted border-t-primary" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Loading..." })
+        ] }) : filteredEntries.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: filteredEntries.map((entry) => {
+          const isSelected = selectedIds.includes(entry._id);
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            CommandItem,
+            {
+              value: entry._id,
+              onSelect: () => handleSelect(entry._id),
+              className: "cursor-pointer",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-8 shrink-0 items-center justify-center rounded bg-muted", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-4 text-muted-foreground" }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-sm font-medium", children: getEntryDisplayTitle(entry) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: getContentTypeName(entry.contentTypeId) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Badge,
+                      {
+                        variant: "secondary",
+                        className: cn(
+                          "px-1.5 py-0 text-[10px]",
+                          entry.status === "published" && "status-published",
+                          entry.status === "draft" && "status-draft",
+                          entry.status === "scheduled" && "status-scheduled",
+                          entry.status === "archived" && "status-archived"
+                        ),
+                        children: entry.status
+                      }
+                    )
+                  ] })
+                ] }),
+                isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 shrink-0 text-primary" })
+              ]
+            },
+            entry._id
+          );
+        }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsEmptyState,
+          {
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Link2, { className: "size-6" }),
+            title: "No content found",
+            description: searchQuery ? "Try adjusting your search" : "Create some content entries first",
+            className: "py-6"
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { className: "border-t px-4 py-3", children: [
+        allowMultiple && selectedIds.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mr-auto text-sm text-muted-foreground", children: [
+          selectedIds.length,
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "secondary", onClick: () => setShowPicker(false), children: allowMultiple ? "Done" : "Cancel" })
+      ] })
+    ] }) })
+  ] });
+}
+function asTaxonomyId(id) {
+  return id;
+}
+function asTaxonomyTermIds(ids) {
+  return ids;
+}
+function TagField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id,
+  placeholder = "Add tags..."
+}) {
+  const generatedId = reactExports.useId();
+  const fieldId = id ?? `field-${field.name}-${generatedId}`;
+  const taxonomyId = field.options?.taxonomyId;
+  const allowCreate = field.options?.allowCreate ?? false;
+  const maxTags = field.options?.maxTags;
+  const minTags = field.options?.minTags;
+  const [inputValue, setInputValue] = reactExports.useState("");
+  const [showSuggestions, setShowSuggestions] = reactExports.useState(false);
+  const [activeSuggestionIndex, setActiveSuggestionIndex] = reactExports.useState(0);
+  const [isCreating, setIsCreating] = reactExports.useState(false);
+  const inputRef = reactExports.useRef(null);
+  const suggestionsRef = reactExports.useRef(null);
+  const containerRef = reactExports.useRef(null);
+  const suggestionsResult = useQuery(
+    api.taxonomies.suggestTerms,
+    taxonomyId ? {
+      taxonomyId: asTaxonomyId(taxonomyId),
+      query: inputValue,
+      limit: 10,
+      excludeIds: asTaxonomyTermIds(value || [])
+    } : "skip"
+  );
+  const suggestions = suggestionsResult ?? [];
+  const selectedTermsResult = useQuery(
+    api.taxonomies.listTerms,
+    taxonomyId && value && value.length > 0 ? {
+      taxonomyId: asTaxonomyId(taxonomyId),
+      paginationOpts: { numItems: 100, cursor: null }
+    } : "skip"
+  );
+  const selectedTermsMap = /* @__PURE__ */ new Map();
+  if (selectedTermsResult?.page) {
+    for (const term of selectedTermsResult.page) {
+      if (value?.includes(term._id)) {
+        selectedTermsMap.set(term._id, term);
+      }
+    }
+  }
+  const createTermMutation = useMutation(api.taxonomies.createTerm);
+  reactExports.useEffect(() => {
+    function handleClickOutside(event) {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setShowSuggestions(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const addTag = reactExports.useCallback(
+    (termId) => {
+      if (!value?.includes(termId)) {
+        if (maxTags && (value?.length ?? 0) >= maxTags) return;
+        onChange([...value || [], termId]);
+      }
+      setInputValue("");
+      setShowSuggestions(false);
+      setActiveSuggestionIndex(0);
+      inputRef.current?.focus();
+    },
+    [value, onChange, maxTags]
+  );
+  const removeTag = reactExports.useCallback(
+    (termId) => {
+      onChange((value || []).filter((id2) => id2 !== termId));
+    },
+    [value, onChange]
+  );
+  const createTag = reactExports.useCallback(async () => {
+    if (!inputValue.trim() || !taxonomyId || !allowCreate) return;
+    setIsCreating(true);
+    try {
+      const termId = await createTermMutation({
+        taxonomyId: asTaxonomyId(taxonomyId),
+        name: inputValue.trim()
+      });
+      addTag(termId);
+    } catch (err) {
+      console.error("Failed to create tag:", err);
+    } finally {
+      setIsCreating(false);
+    }
+  }, [inputValue, taxonomyId, allowCreate, createTermMutation, addTag]);
+  const handleInputChange = (e) => {
+    setInputValue(e.target.value);
+    setShowSuggestions(true);
+    setActiveSuggestionIndex(0);
+  };
+  const handleInputFocus = () => {
+    setShowSuggestions(true);
+  };
+  const handleKeyDown = (e) => {
+    if (disabled || readOnly) return;
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        setActiveSuggestionIndex(
+          (prev) => prev < suggestions.length - 1 ? prev + 1 : prev
+        );
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        setActiveSuggestionIndex((prev) => prev > 0 ? prev - 1 : 0);
+        break;
+      case "Enter":
+        e.preventDefault();
+        if (suggestions.length > 0 && activeSuggestionIndex < suggestions.length) {
+          addTag(suggestions[activeSuggestionIndex]._id);
+        } else if (inputValue.trim() && allowCreate) {
+          createTag();
+        }
+        break;
+      case "Escape":
+        setShowSuggestions(false);
+        setActiveSuggestionIndex(0);
+        break;
+      case "Backspace":
+        if (inputValue === "" && value && value.length > 0) {
+          removeTag(value[value.length - 1]);
+        }
+        break;
+      case "Tab":
+        if (showSuggestions && suggestions.length > 0) {
+          e.preventDefault();
+          addTag(suggestions[activeSuggestionIndex]._id);
+        }
+        break;
+    }
+  };
+  reactExports.useEffect(() => {
+    if (suggestionsRef.current && showSuggestions) {
+      const activeElement = suggestionsRef.current.querySelector(
+        `[data-index="${activeSuggestionIndex}"]`
+      );
+      if (activeElement) {
+        activeElement.scrollIntoView({ block: "nearest" });
+      }
+    }
+  }, [activeSuggestionIndex, showSuggestions]);
+  const canAddMore = !maxTags || (value?.length ?? 0) < maxTags;
+  const filteredSuggestions = suggestions.filter((term) => !value?.includes(term._id));
+  const showCreateOption = allowCreate && inputValue.trim() && !filteredSuggestions.some(
+    (s) => s.name.toLowerCase() === inputValue.trim().toLowerCase()
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldWrapper, { field, error, className, id: fieldId, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: cn(
+        "relative rounded-md border border-input bg-background",
+        error && "border-destructive",
+        disabled && "opacity-50"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-1.5 p-2", children: [
+          (value || []).map((termId) => {
+            const term = selectedTermsMap.get(termId);
+            const tagName = term?.name ?? "Loading...";
+            const tagColor = term?.color;
+            return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Badge,
+              {
+                variant: "secondary",
+                className: "gap-1 pr-1",
+                style: tagColor ? { backgroundColor: tagColor, color: "#fff" } : void 0,
+                children: [
+                  tagName,
+                  !disabled && !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "icon",
+                      className: "size-4 hover:bg-transparent",
+                      onClick: () => removeTag(termId),
+                      "aria-label": `Remove ${tagName}`,
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3" })
+                    }
+                  )
+                ]
+              },
+              termId
+            );
+          }),
+          canAddMore && !disabled && !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              ref: inputRef,
+              type: "text",
+              id: fieldId,
+              className: "h-7 min-w-[120px] flex-1 border-0 bg-transparent px-1 shadow-none focus-visible:ring-0",
+              value: inputValue,
+              onChange: handleInputChange,
+              onFocus: handleInputFocus,
+              onKeyDown: handleKeyDown,
+              placeholder: value?.length === 0 ? placeholder : "",
+              disabled: disabled || isCreating,
+              "aria-autocomplete": "list",
+              "aria-controls": `${fieldId}-suggestions`,
+              "aria-expanded": showSuggestions
+            }
+          )
+        ] }),
+        showSuggestions && (filteredSuggestions.length > 0 || showCreateOption) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            ref: suggestionsRef,
+            id: `${fieldId}-suggestions`,
+            className: "absolute left-0 right-0 top-full z-50 mt-1 max-h-60 overflow-auto rounded-md border bg-popover shadow-lg",
+            role: "listbox",
+            children: [
+              filteredSuggestions.map((term, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  "data-index": index,
+                  className: cn(
+                    "flex cursor-pointer items-center gap-2 px-3 py-2 text-sm",
+                    index === activeSuggestionIndex && "bg-accent"
+                  ),
+                  onClick: () => addTag(term._id),
+                  role: "option",
+                  "aria-selected": index === activeSuggestionIndex,
+                  children: [
+                    term.color && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "span",
+                      {
+                        className: "size-2.5 rounded-full",
+                        style: { backgroundColor: term.color }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1", children: term.name }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+                      term.usageCount,
+                      " uses"
+                    ] })
+                  ]
+                },
+                term._id
+              )),
+              showCreateOption && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  "data-index": filteredSuggestions.length,
+                  className: cn(
+                    "flex cursor-pointer items-center gap-2 px-3 py-2 text-sm",
+                    filteredSuggestions.length === activeSuggestionIndex && "bg-accent"
+                  ),
+                  onClick: createTag,
+                  role: "option",
+                  "aria-selected": filteredSuggestions.length === activeSuggestionIndex,
+                  children: [
+                    isCreating ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                      'Create "',
+                      inputValue.trim(),
+                      '"'
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t px-3 py-1.5 text-xs text-muted-foreground", children: [
+          value?.length ?? 0,
+          " tag",
+          (value?.length ?? 0) !== 1 ? "s" : "",
+          minTags && (value?.length ?? 0) < minTags && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-amber-600", children: [
+            " (minimum ",
+            minTags,
+            ")"
+          ] }),
+          maxTags && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            " / ",
+            maxTags,
+            " max"
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+function CategoryField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = "",
+  id,
+  placeholder = "Select category..."
+}) {
+  const fieldId = id || `field-${field.name}`;
+  const taxonomyId = field.options?.taxonomyId;
+  const allowMultiple = field.options?.allowMultiple ?? false;
+  const [isOpen, setIsOpen] = reactExports.useState(false);
+  const [expandedCategories, setExpandedCategories] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [highlightedId, setHighlightedId] = reactExports.useState(null);
+  const containerRef = reactExports.useRef(null);
+  const hierarchyResult = useQuery(
+    api.taxonomies.getTermsHierarchy,
+    taxonomyId ? { taxonomyId: asTaxonomyId(taxonomyId) } : "skip"
+  );
+  const categoryTree = hierarchyResult ?? [];
+  const flattenTree = reactExports.useCallback(
+    (nodes, result = []) => {
+      for (const node of nodes) {
+        result.push(node);
+        if (expandedCategories.has(node._id) && node.children.length > 0) {
+          flattenTree(node.children, result);
+        }
+      }
+      return result;
+    },
+    [expandedCategories]
+  );
+  const flatCategories = flattenTree(categoryTree);
+  const getSelectedDisplayText = reactExports.useCallback(() => {
+    if (!value) return null;
+    const ids = Array.isArray(value) ? value : [value];
+    if (ids.length === 0) return null;
+    const names = [];
+    for (const categoryId of ids) {
+      const cat = flatCategories.find((c) => c._id === categoryId);
+      if (cat) {
+        names.push(cat.name);
+      }
+    }
+    if (names.length === 0) return "Loading...";
+    if (names.length === 1) return names[0];
+    return `${names.length} categories selected`;
+  }, [value, flatCategories]);
+  const toggleCategory = reactExports.useCallback(
+    (categoryId) => {
+      if (disabled || readOnly) return;
+      if (allowMultiple) {
+        const currentIds = Array.isArray(value) ? value : value ? [value] : [];
+        if (currentIds.includes(categoryId)) {
+          onChange(currentIds.filter((catId) => catId !== categoryId));
+        } else {
+          onChange([...currentIds, categoryId]);
+        }
+      } else {
+        onChange(categoryId);
+        setIsOpen(false);
+      }
+    },
+    [disabled, readOnly, allowMultiple, value, onChange]
+  );
+  const toggleExpanded = reactExports.useCallback((categoryId, e) => {
+    e.stopPropagation();
+    setExpandedCategories((prev) => {
+      const next = new Set(prev);
+      if (next.has(categoryId)) {
+        next.delete(categoryId);
+      } else {
+        next.add(categoryId);
+      }
+      return next;
+    });
+  }, []);
+  const isSelected = reactExports.useCallback(
+    (categoryId) => {
+      if (!value) return false;
+      const ids = Array.isArray(value) ? value : [value];
+      return ids.includes(categoryId);
+    },
+    [value]
+  );
+  const handleKeyDown = (e) => {
+    if (disabled || readOnly) return;
+    switch (e.key) {
+      case "Enter":
+      case " ": {
+        e.preventDefault();
+        if (!isOpen) {
+          setIsOpen(true);
+          if (flatCategories.length > 0) {
+            setHighlightedId(flatCategories[0]._id);
+          }
+        } else if (highlightedId) {
+          toggleCategory(highlightedId);
+        }
+        break;
+      }
+      case "Escape": {
+        setIsOpen(false);
+        setHighlightedId(null);
+        break;
+      }
+      case "ArrowDown": {
+        e.preventDefault();
+        if (!isOpen) {
+          setIsOpen(true);
+          if (flatCategories.length > 0) {
+            setHighlightedId(flatCategories[0]._id);
+          }
+        } else {
+          const currentIndex = flatCategories.findIndex((c) => c._id === highlightedId);
+          if (currentIndex < flatCategories.length - 1) {
+            setHighlightedId(flatCategories[currentIndex + 1]._id);
+          }
+        }
+        break;
+      }
+      case "ArrowUp": {
+        e.preventDefault();
+        if (isOpen) {
+          const currentIndex = flatCategories.findIndex((c) => c._id === highlightedId);
+          if (currentIndex > 0) {
+            setHighlightedId(flatCategories[currentIndex - 1]._id);
+          }
+        }
+        break;
+      }
+      case "ArrowRight": {
+        e.preventDefault();
+        if (highlightedId) {
+          const cat = flatCategories.find((c) => c._id === highlightedId);
+          if (cat && cat.children.length > 0 && !expandedCategories.has(highlightedId)) {
+            setExpandedCategories((prev) => /* @__PURE__ */ new Set([...prev, highlightedId]));
+          }
+        }
+        break;
+      }
+      case "ArrowLeft": {
+        e.preventDefault();
+        if (highlightedId) {
+          const cat = flatCategories.find((c) => c._id === highlightedId);
+          if (cat) {
+            if (expandedCategories.has(highlightedId)) {
+              setExpandedCategories((prev) => {
+                const next = new Set(prev);
+                next.delete(highlightedId);
+                return next;
+              });
+            } else if (cat.parentId) {
+              setHighlightedId(cat.parentId);
+            }
+          }
+        }
+        break;
+      }
+    }
+  };
+  reactExports.useEffect(() => {
+    if (containerRef.current && highlightedId) {
+      const highlighted = containerRef.current.querySelector(
+        `[data-category-id="${highlightedId}"]`
+      );
+      if (highlighted) {
+        highlighted.scrollIntoView({ block: "nearest" });
+      }
+    }
+  }, [highlightedId]);
+  const renderCategory = (category, depth = 0) => {
+    const hasChildren = category.children && category.children.length > 0;
+    const isExpanded = expandedCategories.has(category._id);
+    const isHighlighted = highlightedId === category._id;
+    const selected = isSelected(category._id);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          "data-category-id": category._id,
+          className: cn(
+            "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors",
+            "hover:bg-accent",
+            isHighlighted && "bg-accent",
+            selected && "font-medium"
+          ),
+          style: { paddingLeft: `${depth * 16 + 8}px` },
+          onClick: () => toggleCategory(category._id),
+          onMouseEnter: () => setHighlightedId(category._id),
+          role: "option",
+          "aria-selected": selected,
+          children: [
+            hasChildren ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                className: "flex size-4 items-center justify-center rounded hover:bg-muted",
+                onClick: (e) => toggleExpanded(category._id, e),
+                "aria-label": isExpanded ? "Collapse" : "Expand",
+                children: isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3" })
+              }
+            ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-4" }),
+            allowMultiple && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Checkbox,
+              {
+                checked: selected,
+                className: "pointer-events-none size-4"
+              }
+            ),
+            category.color && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: "size-2.5 shrink-0 rounded-full",
+                style: { backgroundColor: category.color }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate", children: category.name }),
+            !allowMultiple && selected && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 text-primary" })
+          ]
+        }
+      ),
+      hasChildren && isExpanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: category.children.map((child) => renderCategory(child, depth + 1)) })
+    ] }, category._id);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    onChange(allowMultiple ? [] : null);
+  };
+  const displayText = getSelectedDisplayText();
+  const hasSelection = displayText !== null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldWrapper, { field, error, className, id: fieldId, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          id: fieldId,
+          className: cn(
+            "flex w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            error && "border-destructive",
+            !hasSelection && "text-muted-foreground"
+          ),
+          onKeyDown: handleKeyDown,
+          disabled,
+          "aria-haspopup": "listbox",
+          "aria-expanded": isOpen,
+          "data-testid": "category-trigger",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: displayText || placeholder }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+              hasSelection && !disabled && !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "rounded p-0.5 hover:bg-muted",
+                  onClick: handleClear,
+                  "aria-label": "Clear selection",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ChevronDown,
+                {
+                  className: cn(
+                    "size-4 text-muted-foreground transition-transform",
+                    isOpen && "rotate-180"
+                  )
+                }
+              )
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[280px]", children: categoryTree.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-6 text-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "mb-2 size-6 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "No categories available" })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-1", role: "listbox", "aria-multiselectable": allowMultiple, children: categoryTree.map((category) => renderCategory(category)) }) }) })
+    ] }),
+    allowMultiple && Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: value.map((catId) => {
+      const cat = flatCategories.find((c) => c._id === catId);
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Badge,
+        {
+          variant: "secondary",
+          className: "gap-1 pr-1",
+          children: [
+            cat?.color && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: "size-2 rounded-full",
+                style: { backgroundColor: cat.color }
+              }
+            ),
+            cat?.name ?? "Loading...",
+            !disabled && !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                className: "ml-0.5 rounded-full p-0.5 hover:bg-muted",
+                onClick: () => toggleCategory(catId),
+                "aria-label": `Remove ${cat?.name}`,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3" })
+              }
+            )
+          ]
+        },
+        catId
+      );
+    }) })
+  ] }) });
+}
+function DefaultFieldRenderer({
+  field,
+  value,
+  onChange,
+  error,
+  disabled,
+  readOnly,
+  className
+}) {
+  const generatedId = reactExports.useId();
+  const id = `field-${generatedId}`;
+  const stringValue = value === void 0 || value === null ? "" : JSON.stringify(value, null, 2);
+  const handleChange = (newValue) => {
+    if (readOnly) return;
+    if (newValue.trim() === "") {
+      onChange(null);
+      return;
+    }
+    try {
+      const parsed = JSON.parse(newValue);
+      onChange(parsed);
+    } catch {
+      onChange(newValue);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FieldWrapper,
+    {
+      field,
+      error,
+      id,
+      className,
+      customLabel: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+        field.label,
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 rounded bg-muted px-1.5 py-0.5 text-xs font-normal text-muted-foreground", children: field.type })
+      ] }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Textarea,
+        {
+          id,
+          value: stringValue,
+          onChange: (e) => handleChange(e.target.value),
+          disabled,
+          readOnly,
+          className: "font-mono text-sm",
+          rows: 6,
+          placeholder: `Enter ${field.type} value as JSON...`,
+          "aria-invalid": !!error,
+          "aria-describedby": error ? `${id}-error` : field.description ? `${id}-desc` : void 0
+        }
+      )
+    }
+  );
+}
+const rendererRegistry = /* @__PURE__ */ new Map();
+function getFieldRenderer(fieldType) {
+  return rendererRegistry.get(fieldType);
+}
+function FieldRenderer({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false,
+  readOnly = false,
+  className = ""
+}) {
+  const commonProps = {
+    field,
+    error,
+    disabled,
+    readOnly,
+    className
+  };
+  switch (field.type) {
+    case "text":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TextField,
+        {
+          ...commonProps,
+          value: value ?? "",
+          onChange
+        }
+      );
+    case "richText":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        RichTextField,
+        {
+          ...commonProps,
+          value: value ?? "",
+          onChange
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        NumberField,
+        {
+          ...commonProps,
+          value: value ?? null,
+          onChange
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        BooleanField,
+        {
+          ...commonProps,
+          value: value ?? false,
+          onChange
+        }
+      );
+    case "date":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DateField,
+        {
+          ...commonProps,
+          value: value ?? null,
+          onChange,
+          includeTime: false
+        }
+      );
+    case "datetime":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DateField,
+        {
+          ...commonProps,
+          value: value ?? null,
+          onChange,
+          includeTime: true
+        }
+      );
+    case "select":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SelectField,
+        {
+          ...commonProps,
+          value: value ?? "",
+          onChange
+        }
+      );
+    case "multiSelect":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        MultiSelectField,
+        {
+          ...commonProps,
+          value: value ?? [],
+          onChange
+        }
+      );
+    case "json":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(JsonField, { ...commonProps, value: value ?? null, onChange });
+    case "media":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        MediaField,
+        {
+          ...commonProps,
+          value: value ?? null,
+          onChange
+        }
+      );
+    case "reference":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ReferenceField,
+        {
+          ...commonProps,
+          value: value ?? null,
+          onChange
+        }
+      );
+    case "tags":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TagField,
+        {
+          ...commonProps,
+          value: value ?? [],
+          onChange
+        }
+      );
+    case "category":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CategoryField,
+        {
+          ...commonProps,
+          value: value ?? null,
+          onChange
+        }
+      );
+    default: {
+      const CustomRenderer = getFieldRenderer(field.type);
+      if (CustomRenderer) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(CustomRenderer, { ...commonProps, value, onChange });
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(DefaultFieldRenderer, { ...commonProps, value, onChange });
+    }
+  }
+}
+function VersionCompare({
+  entryId,
+  fromVersion,
+  toVersion,
+  onClose,
+  onRollback
+}) {
+  const comparisonQuery = useQuery(api.versions.compare, {
+    entryId,
+    fromVersionNumber: fromVersion,
+    toVersionNumber: toVersion
+  });
+  const isLoading = comparisonQuery === void 0;
+  const comparison = comparisonQuery;
+  const formatValue = (value) => {
+    if (value === null || value === void 0) {
+      return "(empty)";
+    }
+    if (typeof value === "object") {
+      return JSON.stringify(value, null, 2);
+    }
+    return String(value);
+  };
+  const getChangeIcon = (changeType) => {
+    switch (changeType) {
+      case "added":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3" });
+      case "removed":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Minus, { className: "size-3" });
+      case "modified":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3" });
+      default:
+        return null;
+    }
+  };
+  const getChangeStyles = (changeType) => {
+    switch (changeType) {
+      case "added":
+        return "border-emerald-200 bg-emerald-50";
+      case "removed":
+        return "border-red-200 bg-red-50";
+      case "modified":
+        return "border-amber-200 bg-amber-50";
+      default:
+        return "border-border bg-card";
+    }
+  };
+  const getChangeIconStyles = (changeType) => {
+    switch (changeType) {
+      case "added":
+        return "bg-emerald-100 text-emerald-700";
+      case "removed":
+        return "bg-red-100 text-red-700";
+      case "modified":
+        return "bg-amber-100 text-amber-700";
+      default:
+        return "bg-muted text-muted-foreground";
+    }
+  };
+  const formatDate = (timestamp) => {
+    return new Date(timestamp).toLocaleString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col bg-background", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(GitCompare, { className: "size-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "font-semibold", children: [
+          "Comparing v",
+          fromVersion,
+          " → v",
+          toVersion
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          "aria-label": "Close comparison",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-6 animate-spin rounded-full border-2 border-muted border-t-primary" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Loading comparison..." })
+    ] }) : !comparison ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800", children: "Could not load version comparison" }) : !comparison.hasChanges ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-8 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "No differences found between these versions" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4 flex items-center justify-center gap-3 rounded-lg border bg-muted/30 p-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "font-mono", children: [
+            "v",
+            comparison.fromVersion.versionNumber
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: formatDate(comparison.fromVersion.createdAt) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "size-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "font-mono", children: [
+            "v",
+            comparison.toVersion.versionNumber
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: formatDate(comparison.toVersion.createdAt) })
+        ] })
+      ] }),
+      comparison.changeSummary && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: comparison.changeSummary }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3", children: comparison.fieldDiffs.map((change, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: cn(
+            "rounded-lg border p-3",
+            getChangeStyles(change.changeType)
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "span",
+                {
+                  className: cn(
+                    "flex size-5 items-center justify-center rounded",
+                    getChangeIconStyles(change.changeType)
+                  ),
+                  children: getChangeIcon(change.changeType)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground", children: change.field }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "text-xs capitalize", children: change.changeType })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 space-y-2", children: [
+              change.changeType !== "added" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-red-200 bg-white p-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-1 text-xs font-medium text-red-700", children: "Before:" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-words font-mono text-xs text-red-900", children: formatValue(change.fromValue) })
+              ] }),
+              change.changeType !== "removed" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-emerald-200 bg-white p-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-1 text-xs font-medium text-emerald-700", children: "After:" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-words font-mono text-xs text-emerald-900", children: formatValue(change.toValue) })
+              ] })
+            ] })
+          ]
+        },
+        index
+      )) })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between border-t px-4 py-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", onClick: onClose, children: "Back to History" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { variant: "ghost", onClick: () => onRollback(fromVersion), children: [
+        "Rollback to v",
+        fromVersion
+      ] })
+    ] })
+  ] });
+}
+function VersionRollbackModal({
+  targetVersion,
+  currentVersion,
+  isLoading,
+  error,
+  onConfirm,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CmsDialog,
+    {
+      open: true,
+      onOpenChange: (open) => !open && !isLoading && onCancel(),
+      title: "Confirm Rollback",
+      size: "sm",
+      footer: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", onClick: onCancel, disabled: isLoading, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { variant: "warning", onClick: onConfirm, loading: isLoading, children: [
+          "Rollback to v",
+          targetVersion
+        ] })
+      ] }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          "You are about to rollback from",
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-semibold text-foreground", children: [
+            "version ",
+            currentVersion
+          ] }),
+          " ",
+          "to",
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-semibold text-foreground", children: [
+            "version ",
+            targetVersion
+          ] }),
+          "."
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border border-amber-200 bg-amber-50 p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "mt-0.5 size-4 shrink-0 text-amber-600" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-amber-800", children: "This action will:" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-1 text-sm text-amber-700", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+                "• Create a new version with the content from version",
+                " ",
+                targetVersion
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: "• The current version will be preserved in history" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: "• Any unsaved changes will be lost" })
+            ] })
+          ] })
+        ] }) }),
+        error && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Error:" }),
+          " ",
+          error
+        ] })
+      ] })
+    }
+  );
+}
+function VersionHistory({
+  entryId,
+  currentVersion,
+  onRollbackComplete,
+  onClose
+}) {
+  const [selectedVersions, setSelectedVersions] = reactExports.useState(null);
+  const [rollbackTarget, setRollbackTarget] = reactExports.useState(null);
+  const [isRollingBack, setIsRollingBack] = reactExports.useState(false);
+  const [rollbackError, setRollbackError] = reactExports.useState(null);
+  const [rollbackSuccess, setRollbackSuccess] = reactExports.useState(false);
+  const versionsQuery = useQuery(api.versions.getHistory, {
+    entryId,
+    paginationOpts: { numItems: 50, cursor: null }
+  });
+  const rollbackMutation = useMutation(api.versions.rollback);
+  const versions = versionsQuery?.page ?? [];
+  const isLoading = versionsQuery === void 0;
+  const handleCompare = reactExports.useCallback(
+    (fromVersion, toVersion) => {
+      setSelectedVersions([fromVersion, toVersion]);
+    },
+    []
+  );
+  const handleRollback = reactExports.useCallback((versionNumber) => {
+    setRollbackTarget(versionNumber);
+    setRollbackError(null);
+  }, []);
+  const handleConfirmRollback = reactExports.useCallback(async () => {
+    if (rollbackTarget === null) return;
+    setIsRollingBack(true);
+    setRollbackError(null);
+    try {
+      await rollbackMutation({
+        entryId,
+        versionNumber: rollbackTarget
+      });
+      setRollbackTarget(null);
+      setRollbackSuccess(true);
+      setTimeout(() => {
+        setRollbackSuccess(false);
+        onRollbackComplete?.();
+      }, 1500);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to rollback";
+      setRollbackError(message);
+    } finally {
+      setIsRollingBack(false);
+    }
+  }, [entryId, rollbackTarget, rollbackMutation, onRollbackComplete]);
+  const formatDate = (timestamp) => {
+    return new Date(timestamp).toLocaleString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  if (selectedVersions) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col border-l bg-background", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        VersionCompare,
+        {
+          entryId,
+          fromVersion: selectedVersions[0],
+          toVersion: selectedVersions[1],
+          onClose: () => setSelectedVersions(null),
+          onRollback: (version) => {
+            setSelectedVersions(null);
+            handleRollback(version);
+          }
+        }
+      ),
+      rollbackTarget !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        VersionRollbackModal,
+        {
+          targetVersion: rollbackTarget,
+          currentVersion,
+          isLoading: isRollingBack,
+          error: rollbackError,
+          onConfirm: handleConfirmRollback,
+          onCancel: () => {
+            setRollbackTarget(null);
+            setRollbackError(null);
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col border-l bg-background", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(History, { className: "size-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-semibold", children: "Version History" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          "aria-label": "Close version history",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+        }
+      )
+    ] }),
+    rollbackSuccess && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 border-b bg-emerald-50 px-4 py-2 text-sm text-emerald-800", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-4" }),
+      "Successfully rolled back to previous version"
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-6 animate-spin rounded-full border-2 border-muted border-t-primary" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Loading versions..." })
+    ] }) : versions.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: "Save changes to start building version history" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3", children: versions.map((version, index) => {
+      const isCurrent = version.versionNumber === currentVersion;
+      const prevVersion = versions[index + 1];
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: cn(
+            "rounded-lg border p-3 transition-colors",
+            isCurrent ? "border-primary/50 bg-primary/5" : "bg-card"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "font-mono", children: [
+                  "v",
+                  version.versionNumber
+                ] }),
+                isCurrent && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Badge,
+                  {
+                    variant: "outline",
+                    className: "border-primary/50 text-primary",
+                    children: "Current"
+                  }
+                ),
+                version.wasPublished && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Badge,
+                  {
+                    variant: "outline",
+                    className: "border-emerald-500/50 text-emerald-600",
+                    children: "Published"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsStatusBadge,
+                {
+                  status: version.status
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatDate(version._creationTime) }),
+              version.createdBy && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-2", children: [
+                "by ",
+                version.createdBy
+              ] })
+            ] }),
+            version.changeDescription && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: version.changeDescription }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex gap-2", children: [
+              prevVersion && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                CmsButton,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => handleCompare(
+                    prevVersion.versionNumber,
+                    version.versionNumber
+                  ),
+                  children: [
+                    "Compare with v",
+                    prevVersion.versionNumber
+                  ]
+                }
+              ),
+              !isCurrent && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => handleRollback(version.versionNumber),
+                  children: "Rollback"
+                }
+              )
+            ] })
+          ]
+        },
+        version._id
+      );
+    }) }) }) }),
+    rollbackTarget !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      VersionRollbackModal,
+      {
+        targetVersion: rollbackTarget,
+        currentVersion,
+        isLoading: isRollingBack,
+        error: rollbackError,
+        onConfirm: handleConfirmRollback,
+        onCancel: () => {
+          setRollbackTarget(null);
+          setRollbackError(null);
+        }
+      }
+    )
+  ] });
+}
+function parseServerError(error) {
+  const result = {
+    fieldErrors: {},
+    generalError: null
+  };
+  if (!error) {
+    return result;
+  }
+  const message = error instanceof Error ? error.message : String(error);
+  try {
+    const jsonMatch = message.match(/\{[\s\S]*\}/);
+    if (jsonMatch) {
+      const parsed = JSON.parse(jsonMatch[0]);
+      if (Array.isArray(parsed.errors)) {
+        for (const err of parsed.errors) {
+          if (err.field && err.message) {
+            result.fieldErrors[err.field] = {
+              message: err.message,
+              code: err.code ?? "SERVER_ERROR"
+            };
+          }
+        }
+        if (Object.keys(result.fieldErrors).length > 0) {
+          return result;
+        }
+      }
+      if (parsed.field && parsed.message) {
+        result.fieldErrors[parsed.field] = {
+          message: parsed.message,
+          code: parsed.code ?? "SERVER_ERROR"
+        };
+        return result;
+      }
+      if (typeof parsed === "object" && !Array.isArray(parsed)) {
+        let hasFieldErrors = false;
+        for (const [key, value] of Object.entries(parsed)) {
+          if (typeof value === "string" && key !== "message" && key !== "code") {
+            result.fieldErrors[key] = {
+              message: value,
+              code: "SERVER_ERROR"
+            };
+            hasFieldErrors = true;
+          }
+        }
+        if (hasFieldErrors) {
+          return result;
+        }
+      }
+    }
+  } catch {
+  }
+  const validationPattern = /(?:Content validation failed|Validation error|Validation failed):\s*(.+)/i;
+  const validationMatch = message.match(validationPattern);
+  if (validationMatch) {
+    const errorPart = validationMatch[1].trim();
+    const fieldErrorParts = errorPart.split(/;\s*/);
+    for (const part of fieldErrorParts) {
+      const colonIndex = part.indexOf(":");
+      if (colonIndex > 0 && colonIndex < part.length - 1) {
+        const fieldName = part.substring(0, colonIndex).trim();
+        const errorMsg = part.substring(colonIndex + 1).trim();
+        if (fieldName && !fieldName.includes(" ") && fieldName.length <= 50 && errorMsg) {
+          result.fieldErrors[fieldName] = {
+            message: errorMsg,
+            code: "SERVER_ERROR"
+          };
+        }
+      }
+    }
+    if (Object.keys(result.fieldErrors).length > 0) {
+      return result;
+    }
+  }
+  result.generalError = message;
+  return result;
+}
+function isRetryableError(error) {
+  if (!error) return false;
+  const message = (error instanceof Error ? error.message : String(error)).toLowerCase();
+  const retryablePatterns = [
+    "network",
+    "timeout",
+    "timed out",
+    "connection",
+    "fetch failed",
+    "failed to fetch",
+    "offline",
+    "unavailable",
+    "rate limit",
+    "too many requests",
+    "503",
+    "504",
+    "429"
+  ];
+  return retryablePatterns.some((pattern) => message.includes(pattern));
+}
+function formatDateTimeLocal(timestamp) {
+  const date = new Date(timestamp);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  return `${year}-${month}-${day}T${hours}:${minutes}`;
+}
+function parseDateTimeLocal(value) {
+  return new Date(value).getTime();
+}
+function formatDateOnly(timestamp) {
+  const date = new Date(timestamp);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+function transformDataForUI(data, fields) {
+  const transformed = { ...data };
+  for (const field of fields) {
+    const value = data[field.name];
+    if ((field.type === "date" || field.type === "datetime") && typeof value === "number") {
+      transformed[field.name] = field.type === "datetime" ? formatDateTimeLocal(value) : formatDateOnly(value);
+    }
+  }
+  return transformed;
+}
+function transformDataForBackend(data, fields) {
+  const transformed = { ...data };
+  for (const field of fields) {
+    const value = data[field.name];
+    if (field.type === "date" || field.type === "datetime") {
+      if (typeof value === "string" && value) {
+        transformed[field.name] = new Date(value).getTime();
+      } else if (!value) {
+        transformed[field.name] = null;
+      }
+    }
+  }
+  return transformed;
+}
+function ContentEntryEditor({
+  contentType,
+  entry,
+  onSave,
+  onCancel,
+  onDelete,
+  autosaveEnabled = true,
+  autosaveInterval = 3e4,
+  canDelete: canDeleteProp = false
+}) {
+  const { settings } = useSettingsConfig();
+  const getInitialData = reactExports.useCallback(() => {
+    if (entry) {
+      return transformDataForUI({ ...entry.data }, contentType.fields);
+    }
+    const defaults = {};
+    for (const field of contentType.fields) {
+      if (field.defaultValue !== void 0) {
+        defaults[field.name] = field.defaultValue;
+      } else {
+        switch (field.type) {
+          case "text":
+          case "richText":
+            defaults[field.name] = "";
+            break;
+          case "boolean":
+            defaults[field.name] = false;
+            break;
+          case "number":
+          case "date":
+          case "datetime":
+          case "reference":
+          case "media":
+          case "json":
+            defaults[field.name] = null;
+            break;
+          case "select":
+            defaults[field.name] = "";
+            break;
+          case "multiSelect":
+            defaults[field.name] = [];
+            break;
+        }
+      }
+    }
+    return defaults;
+  }, [contentType.fields, entry]);
+  const [formData, setFormData] = reactExports.useState(getInitialData);
+  const [fieldErrors, setFieldErrors] = reactExports.useState({});
+  const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
+  const [isDirty, setIsDirty] = reactExports.useState(false);
+  const [lastSavedData, setLastSavedData] = reactExports.useState(entry ? { ...entry.data } : null);
+  const [autosaveStatus, setAutosaveStatus] = reactExports.useState("idle");
+  const [autosaveError, setAutosaveError] = reactExports.useState(null);
+  const [autosaveRetryCount, setAutosaveRetryCount] = reactExports.useState(0);
+  const [submitError, setSubmitError] = reactExports.useState(null);
+  const [saveSuccess, setSaveSuccess] = reactExports.useState(false);
+  const maxAutosaveRetries = 3;
+  const autosaveTimerRef = reactExports.useRef(null);
+  const formDataRef = reactExports.useRef(formData);
+  formDataRef.current = formData;
+  const createEntry = useMutation(api.entries.create);
+  const updateEntry = useMutation(api.entries.update);
+  const publishEntry = useMutation(api.entries.publish);
+  const unpublishEntry = useMutation(api.entries.unpublish);
+  const scheduleEntry = useMutation(api.entries.schedule);
+  const cancelScheduleEntry = useMutation(api.entries.cancelSchedule);
+  const deleteEntryMutation = useMutation(api.entries.remove);
+  const duplicateEntryMutation = useMutation(api.entries.duplicate);
+  const [showScheduleModal, setShowScheduleModal] = reactExports.useState(false);
+  const [scheduleDateTime, setScheduleDateTime] = reactExports.useState(() => {
+    const tomorrow = /* @__PURE__ */ new Date();
+    tomorrow.setDate(tomorrow.getDate() + 1);
+    tomorrow.setHours(9, 0, 0, 0);
+    return formatDateTimeLocal(tomorrow.getTime());
+  });
+  const [isPublishing, setIsPublishing] = reactExports.useState(false);
+  const [publishError, setPublishError] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    const newData = getInitialData();
+    setFormData(newData);
+    setFieldErrors({});
+    setIsDirty(false);
+    setLastSavedData(entry ? { ...entry.data } : null);
+    setSubmitError(null);
+  }, [entry?._id, getInitialData]);
+  const handleFieldChange = reactExports.useCallback((fieldName, value) => {
+    setFormData((prev) => {
+      const updated = { ...prev, [fieldName]: value };
+      return updated;
+    });
+    setIsDirty(true);
+    setFieldErrors((prev) => {
+      if (prev[fieldName]) {
+        const { [fieldName]: _removed, ...rest } = prev;
+        return rest;
+      }
+      return prev;
+    });
+  }, []);
+  const validateForm = reactExports.useCallback(async () => {
+    const errors = {};
+    for (const field of contentType.fields) {
+      const value = formData[field.name];
+      if (field.required) {
+        const isEmpty = value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0;
+        if (isEmpty) {
+          errors[field.name] = {
+            message: `${field.label} is required`,
+            code: "REQUIRED"
+          };
+          continue;
+        }
+      }
+      if (value !== null && value !== void 0 && value !== "") {
+        switch (field.type) {
+          case "text": {
+            const strValue = String(value);
+            const opts = field.options;
+            if (opts?.minLength && strValue.length < opts.minLength) {
+              errors[field.name] = {
+                message: `Minimum ${opts.minLength} characters required`,
+                code: "MIN_LENGTH"
+              };
+            } else if (opts?.maxLength && strValue.length > opts.maxLength) {
+              errors[field.name] = {
+                message: `Maximum ${opts.maxLength} characters allowed`,
+                code: "MAX_LENGTH"
+              };
+            } else if (opts?.pattern) {
+              const regex = new RegExp(opts.pattern);
+              if (!regex.test(strValue)) {
+                errors[field.name] = {
+                  message: "Value does not match the required format",
+                  code: "PATTERN_MISMATCH"
+                };
+              }
+            }
+            break;
+          }
+          case "number": {
+            const numValue = Number(value);
+            const opts = field.options;
+            if (isNaN(numValue)) {
+              errors[field.name] = {
+                message: "Must be a valid number",
+                code: "INVALID_TYPE"
+              };
+            } else {
+              if (opts?.min !== void 0 && numValue < opts.min) {
+                errors[field.name] = {
+                  message: `Minimum value is ${opts.min}`,
+                  code: "MIN_VALUE"
+                };
+              } else if (opts?.max !== void 0 && numValue > opts.max) {
+                errors[field.name] = {
+                  message: `Maximum value is ${opts.max}`,
+                  code: "MAX_VALUE"
+                };
+              } else if (opts?.precision === 0 && !Number.isInteger(numValue)) {
+                errors[field.name] = {
+                  message: "Must be a whole number",
+                  code: "NOT_INTEGER"
+                };
+              }
+            }
+            break;
+          }
+          case "select": {
+            const opts = field.options;
+            if (opts?.options && !opts.options.some((o) => o.value === value)) {
+              errors[field.name] = {
+                message: "Please select a valid option",
+                code: "INVALID_OPTION"
+              };
+            }
+            break;
+          }
+          case "multiSelect": {
+            const opts = field.options;
+            if (Array.isArray(value) && opts?.options) {
+              const validValues = opts.options.map((o) => o.value);
+              const invalid = value.filter(
+                (v) => !validValues.includes(String(v))
+              );
+              if (invalid.length > 0) {
+                errors[field.name] = {
+                  message: "Contains invalid options",
+                  code: "INVALID_OPTION"
+                };
+              }
+            }
+            break;
+          }
+        }
+      }
+    }
+    setFieldErrors(errors);
+    return Object.keys(errors).length === 0;
+  }, [contentType.fields, formData]);
+  const autosaveDraft = reactExports.useCallback(
+    async (retryAttempt = 0) => {
+      if (!isDirty || !entry) return;
+      if (entry.status !== "draft") return;
+      try {
+        setAutosaveStatus("saving");
+        setAutosaveError(null);
+        await updateEntry({
+          id: entry._id,
+          data: transformDataForBackend(formDataRef.current, contentType.fields)
+        });
+        setLastSavedData({ ...formDataRef.current });
+        setAutosaveStatus("saved");
+        setIsDirty(false);
+        setAutosaveRetryCount(0);
+        setTimeout(() => {
+          setAutosaveStatus("idle");
+        }, 3e3);
+      } catch (error) {
+        console.error("Autosave failed:", error);
+        const errorMessage = error instanceof Error ? error.message : "Failed to save";
+        const canRetry = isRetryableError(error) && retryAttempt < maxAutosaveRetries;
+        if (canRetry) {
+          const retryDelay = Math.min(1e3 * Math.pow(2, retryAttempt), 1e4);
+          setAutosaveStatus("error");
+          setAutosaveError(
+            `Save failed, retrying in ${Math.round(retryDelay / 1e3)}s...`
+          );
+          setAutosaveRetryCount(retryAttempt + 1);
+          setTimeout(() => {
+            autosaveDraft(retryAttempt + 1);
+          }, retryDelay);
+        } else {
+          setAutosaveStatus("error");
+          setAutosaveError(errorMessage);
+          setAutosaveRetryCount(0);
+        }
+      }
+    },
+    [isDirty, entry, updateEntry, maxAutosaveRetries]
+  );
+  const handleAutosaveRetry = reactExports.useCallback(() => {
+    setAutosaveRetryCount(0);
+    autosaveDraft(0);
+  }, [autosaveDraft]);
+  reactExports.useEffect(() => {
+    if (!autosaveEnabled || !entry || entry.status !== "draft") {
+      return;
+    }
+    if (autosaveTimerRef.current) {
+      clearTimeout(autosaveTimerRef.current);
+    }
+    if (isDirty) {
+      autosaveTimerRef.current = setTimeout(() => {
+        autosaveDraft();
+      }, autosaveInterval);
+    }
+    return () => {
+      if (autosaveTimerRef.current) {
+        clearTimeout(autosaveTimerRef.current);
+      }
+    };
+  }, [autosaveEnabled, autosaveInterval, isDirty, entry, autosaveDraft]);
+  const [showConfirmModal, setShowConfirmModal] = reactExports.useState(false);
+  const [confirmAction, setConfirmAction] = reactExports.useState(null);
+  const [showDeleteModal, setShowDeleteModal] = reactExports.useState(false);
+  const [isDeleting, setIsDeleting] = reactExports.useState(false);
+  const [deleteError, setDeleteError] = reactExports.useState(null);
+  const [isDuplicating, setIsDuplicating] = reactExports.useState(false);
+  const [isArchiving, setIsArchiving] = reactExports.useState(false);
+  const [showVersionHistory, setShowVersionHistory] = reactExports.useState(false);
+  const handlePublishClick = reactExports.useCallback(() => {
+    setConfirmAction("publish");
+    setShowConfirmModal(true);
+  }, []);
+  const handleUnpublishClick = reactExports.useCallback(() => {
+    setConfirmAction("unpublish");
+    setShowConfirmModal(true);
+  }, []);
+  const handleConfirmAction = reactExports.useCallback(async () => {
+    if (!entry || !confirmAction) return;
+    setShowConfirmModal(false);
+    setIsPublishing(true);
+    setPublishError(null);
+    try {
+      if (confirmAction === "publish") {
+        const publishedEntry = await publishEntry({
+          id: entry._id,
+          changeDescription: "Published from editor"
+        });
+        onSave?.(publishedEntry);
+      } else {
+        const draftEntry = await unpublishEntry({
+          id: entry._id
+        });
+        onSave?.(draftEntry);
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : `Failed to ${confirmAction}`;
+      setPublishError(message);
+    } finally {
+      setIsPublishing(false);
+      setConfirmAction(null);
+    }
+  }, [entry, confirmAction, publishEntry, unpublishEntry, onSave]);
+  const handlePublish = reactExports.useCallback(async () => {
+    if (!entry) return;
+    setIsPublishing(true);
+    setPublishError(null);
+    try {
+      const publishedEntry = await publishEntry({
+        id: entry._id,
+        changeDescription: "Published from editor"
+      });
+      onSave?.(publishedEntry);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to publish";
+      setPublishError(message);
+    } finally {
+      setIsPublishing(false);
+    }
+  }, [entry, publishEntry, onSave]);
+  reactExports.useCallback(async () => {
+    if (!entry) return;
+    setIsPublishing(true);
+    setPublishError(null);
+    try {
+      const draftEntry = await unpublishEntry({
+        id: entry._id
+      });
+      onSave?.(draftEntry);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to unpublish";
+      setPublishError(message);
+    } finally {
+      setIsPublishing(false);
+    }
+  }, [entry, unpublishEntry, onSave]);
+  const handleSchedule = reactExports.useCallback(async () => {
+    if (!entry) return;
+    const publishAt = parseDateTimeLocal(scheduleDateTime);
+    const minimumTime = Date.now() + 60 * 1e3;
+    if (publishAt < minimumTime) {
+      setPublishError("Schedule time must be at least 1 minute in the future");
+      return;
+    }
+    setIsPublishing(true);
+    setPublishError(null);
+    try {
+      const scheduledEntry = await scheduleEntry({
+        id: entry._id,
+        publishAt
+      });
+      setShowScheduleModal(false);
+      onSave?.(scheduledEntry);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to schedule";
+      setPublishError(message);
+    } finally {
+      setIsPublishing(false);
+    }
+  }, [entry, scheduleDateTime, scheduleEntry, onSave]);
+  const handleCancelSchedule = reactExports.useCallback(async () => {
+    if (!entry) return;
+    setIsPublishing(true);
+    setPublishError(null);
+    try {
+      const draftEntry = await cancelScheduleEntry({
+        id: entry._id
+      });
+      onSave?.(draftEntry);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to cancel schedule";
+      setPublishError(message);
+    } finally {
+      setIsPublishing(false);
+    }
+  }, [entry, cancelScheduleEntry, onSave]);
+  const handleDeleteClick = reactExports.useCallback(() => {
+    setDeleteError(null);
+    setShowDeleteModal(true);
+  }, []);
+  const handleDeleteConfirm = reactExports.useCallback(async () => {
+    if (!entry) return;
+    setIsDeleting(true);
+    setDeleteError(null);
+    try {
+      await deleteEntryMutation({
+        id: entry._id,
+        hardDelete: false
+      });
+      setShowDeleteModal(false);
+      onDelete?.();
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to delete entry";
+      setDeleteError(message);
+    } finally {
+      setIsDeleting(false);
+    }
+  }, [entry, deleteEntryMutation, onDelete]);
+  const handleDuplicate = reactExports.useCallback(async () => {
+    if (!entry) return;
+    setIsDuplicating(true);
+    setSubmitError(null);
+    try {
+      const duplicatedEntry = await duplicateEntryMutation({
+        sourceEntryId: entry._id
+      });
+      onSave?.(duplicatedEntry);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to duplicate entry";
+      setSubmitError(message);
+    } finally {
+      setIsDuplicating(false);
+    }
+  }, [entry, duplicateEntryMutation, onSave]);
+  const handleArchive = reactExports.useCallback(async () => {
+    if (!entry) return;
+    setIsArchiving(true);
+    setSubmitError(null);
+    try {
+      const archivedEntry = await updateEntry({
+        id: entry._id,
+        status: "archived"
+      });
+      onSave?.(archivedEntry);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to archive entry";
+      setSubmitError(message);
+    } finally {
+      setIsArchiving(false);
+    }
+  }, [entry, updateEntry, onSave]);
+  const handleSubmit = reactExports.useCallback(
+    async (e) => {
+      e.preventDefault();
+      setSubmitError(null);
+      const isValid = await validateForm();
+      if (!isValid) {
+        return;
+      }
+      setIsSubmitting(true);
+      try {
+        let savedEntry;
+        const dataForBackend = transformDataForBackend(
+          formData,
+          contentType.fields
+        );
+        if (entry) {
+          savedEntry = await updateEntry({
+            id: entry._id,
+            data: dataForBackend
+          });
+        } else {
+          savedEntry = await createEntry({
+            contentTypeId: contentType._id,
+            data: dataForBackend
+          });
+        }
+        setIsDirty(false);
+        setLastSavedData({ ...formData });
+        setSaveSuccess(true);
+        setTimeout(() => setSaveSuccess(false), 3e3);
+        onSave?.(savedEntry);
+      } catch (error) {
+        const { fieldErrors: serverFieldErrors, generalError } = parseServerError(error);
+        const message = generalError ?? (error instanceof Error ? error.message : "Failed to save entry");
+        setSubmitError(message);
+        if (Object.keys(serverFieldErrors).length > 0) {
+          setFieldErrors((prev) => ({ ...prev, ...serverFieldErrors }));
+        }
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [
+      validateForm,
+      entry,
+      formData,
+      contentType._id,
+      createEntry,
+      updateEntry,
+      onSave
+    ]
+  );
+  const handleCancel = reactExports.useCallback(() => {
+    if (isDirty) {
+      const confirmed = window.confirm(
+        "You have unsaved changes. Are you sure you want to leave?"
+      );
+      if (!confirmed) return;
+    }
+    onCancel?.();
+  }, [isDirty, onCancel]);
+  const getAutosaveStatusText = () => {
+    switch (autosaveStatus) {
+      case "saving":
+        return autosaveRetryCount > 0 ? `Retrying (${autosaveRetryCount}/${maxAutosaveRetries})...` : "Saving...";
+      case "saved":
+        return "Draft saved";
+      case "error":
+        return autosaveError ?? "Autosave failed";
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "text-xl font-semibold", children: [
+          entry ? "Edit" : "Create",
+          " ",
+          contentType.displayName
+        ] }),
+        entry && /* @__PURE__ */ jsxRuntimeExports.jsx(CmsStatusBadge, { status: entry.status })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+        autosaveStatus !== "idle" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "span",
+            {
+              className: cn(
+                "flex items-center gap-1.5 text-sm",
+                autosaveStatus === "saving" && "text-muted-foreground",
+                autosaveStatus === "saved" && "text-emerald-600",
+                autosaveStatus === "error" && "text-red-600"
+              ),
+              "data-testid": "autosave-status",
+              children: [
+                autosaveStatus === "saving" && /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" }),
+                autosaveStatus === "saved" && /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-3" }),
+                autosaveStatus === "error" && /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-3" }),
+                getAutosaveStatusText()
+              ]
+            }
+          ),
+          autosaveStatus === "error" && autosaveRetryCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleAutosaveRetry,
+              className: "text-sm text-primary hover:underline",
+              "data-testid": "autosave-retry-button",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3" })
+            }
+          )
+        ] }),
+        isDirty && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-amber-600", children: "Unsaved changes" })
+      ] })
+    ] }),
+    saveSuccess && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "flex items-center gap-2 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-800",
+        role: "status",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-4" }),
+          "Changes saved successfully"
+        ]
+      }
+    ),
+    (submitError || publishError) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800",
+        role: "alert",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Error:" }),
+          " ",
+          submitError || publishError
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: contentType.fields.map((field) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      FieldRenderer,
+      {
+        field,
+        value: formData[field.name],
+        onChange: (value) => handleFieldChange(field.name, value),
+        error: fieldErrors[field.name],
+        disabled: isSubmitting
+      },
+      field.name
+    )) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4 border-t pt-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        entry && canDeleteProp && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            type: "button",
+            variant: "danger",
+            onClick: handleDeleteClick,
+            disabled: isSubmitting || isPublishing || isDeleting || isDuplicating,
+            loading: isDeleting,
+            "data-testid": "delete-button",
+            children: "Delete"
+          }
+        ),
+        entry && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            type: "button",
+            variant: "secondary",
+            onClick: handleDuplicate,
+            disabled: isSubmitting || isPublishing || isDeleting || isDuplicating || isArchiving,
+            loading: isDuplicating,
+            "data-testid": "duplicate-button",
+            children: "Duplicate"
+          }
+        ),
+        entry && (entry.status === "draft" || entry.status === "scheduled") && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            type: "button",
+            variant: "secondary",
+            onClick: handleArchive,
+            disabled: isSubmitting || isPublishing || isDeleting || isDuplicating || isArchiving,
+            loading: isArchiving,
+            "data-testid": "archive-button",
+            children: "Archive"
+          }
+        ),
+        entry && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
+          settings?.features.versioning && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowVersionHistory(true),
+              className: "flex items-center gap-2 rounded-md border bg-muted/30 px-3 py-1.5 transition-colors hover:bg-muted/50",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(History, { className: "size-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs font-medium text-foreground", children: [
+                  "Version ",
+                  entry.version
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "View history" })
+              ]
+            }
+          ),
+          entry.lastPublishedAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "span",
+            {
+              className: "text-xs",
+              "data-testid": "last-published-time",
+              children: [
+                "Last published:",
+                " ",
+                new Date(entry.lastPublishedAt).toLocaleString()
+              ]
+            }
+          ),
+          settings?.features.scheduling && entry.status === "scheduled" && entry.scheduledPublishAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "span",
+            {
+              className: "flex items-center gap-1 text-xs text-blue-600",
+              "data-testid": "scheduled-time",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+                "Scheduled:",
+                " ",
+                new Date(entry.scheduledPublishAt).toLocaleString()
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: handleCancel,
+            disabled: isSubmitting || isPublishing,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            type: "submit",
+            variant: "primary",
+            disabled: isSubmitting || isPublishing,
+            loading: isSubmitting,
+            children: entry ? "Save Changes" : "Create Entry"
+          }
+        ),
+        entry && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          entry.status === "draft" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            settings?.features.scheduling && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              CmsButton,
+              {
+                type: "button",
+                variant: "secondary",
+                onClick: () => setShowScheduleModal(true),
+                disabled: isSubmitting || isPublishing,
+                children: "Schedule"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              CmsButton,
+              {
+                type: "button",
+                variant: "success",
+                onClick: handlePublishClick,
+                disabled: isSubmitting || isPublishing,
+                loading: isPublishing,
+                "data-testid": "publish-button",
+                children: "Publish Now"
+              }
+            )
+          ] }),
+          settings?.features.scheduling && entry.status === "scheduled" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              CmsButton,
+              {
+                type: "button",
+                variant: "secondary",
+                onClick: handleCancelSchedule,
+                disabled: isSubmitting || isPublishing,
+                children: "Cancel Schedule"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              CmsButton,
+              {
+                type: "button",
+                variant: "success",
+                onClick: handlePublish,
+                disabled: isSubmitting || isPublishing,
+                loading: isPublishing,
+                children: "Publish Now"
+              }
+            )
+          ] }),
+          entry.status === "published" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              type: "button",
+              variant: "warning",
+              onClick: handleUnpublishClick,
+              disabled: isSubmitting || isPublishing,
+              loading: isPublishing,
+              "data-testid": "unpublish-button",
+              children: "Unpublish"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    settings?.features.scheduling && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsDialog,
+      {
+        open: showScheduleModal,
+        onOpenChange: setShowScheduleModal,
+        title: "Schedule Publication",
+        size: "sm",
+        footer: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              variant: "outline",
+              onClick: () => setShowScheduleModal(false),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              variant: "primary",
+              onClick: handleSchedule,
+              loading: isPublishing,
+              children: "Schedule"
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Choose when this content should be automatically published:" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              type: "datetime-local",
+              value: scheduleDateTime,
+              onChange: (e) => setScheduleDateTime(e.target.value),
+              min: formatDateTimeLocal(Date.now() + 60 * 1e3)
+            }
+          ),
+          publishError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-destructive", children: publishError })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsConfirmDialog,
+      {
+        open: showConfirmModal && confirmAction !== null,
+        onOpenChange: (open) => {
+          if (!open) {
+            setShowConfirmModal(false);
+            setConfirmAction(null);
+          }
+        },
+        title: confirmAction === "publish" ? "Confirm Publish" : "Confirm Unpublish",
+        description: confirmAction === "publish" ? "Are you sure you want to publish this entry? It will become publicly visible." : "Are you sure you want to unpublish this entry? It will no longer be publicly visible.",
+        confirmLabel: confirmAction === "publish" ? "Publish" : "Unpublish",
+        variant: confirmAction === "publish" ? "primary" : "warning",
+        onConfirm: handleConfirmAction,
+        isLoading: isPublishing
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsConfirmDialog,
+      {
+        open: showDeleteModal,
+        onOpenChange: (open) => {
+          if (!open && !isDeleting) {
+            setShowDeleteModal(false);
+            setDeleteError(null);
+          }
+        },
+        title: "Delete Entry",
+        description: "Are you sure you want to delete this entry? It will be moved to the trash and can be restored within the retention period.",
+        confirmLabel: "Delete",
+        variant: "danger",
+        onConfirm: handleDeleteConfirm,
+        isLoading: isDeleting,
+        error: deleteError
+      }
+    ),
+    settings?.features.versioning && showVersionHistory && entry && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-y-0 right-0 z-50 flex w-96 flex-col shadow-xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      VersionHistory,
+      {
+        entryId: entry._id,
+        currentVersion: entry.version,
+        onRollbackComplete: () => {
+          setShowVersionHistory(false);
+        },
+        onClose: () => setShowVersionHistory(false)
+      }
+    ) })
+  ] });
+}
+export {
+  ContentEntryEditor as C
+};