@nextlyhq/plugin-form-builder 0.0.1

package/dist/admin/index.js

@@ -0,0 +1,4030 @@
+import {
+  SubmissionDetail,
+  SubmissionList
+} from "../chunk-ABNZFTQK.js";
+
+// src/admin/index.ts
+import {
+  registerComponents,
+  registerKnownPlugin
+} from "@nextlyhq/admin/lib/component-registry";
+
+// src/admin/components/SubmissionsFilter.tsx
+import { useRouter, useSearchParams } from "next/navigation";
+import { useCallback, useEffect, useState } from "react";
+import "@nextlyhq/plugin-form-builder/styles/submissions-filter.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SubmissionsFilter({
+  collectionSlug
+}) {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const [forms, setForms] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [selectedFormId, setSelectedFormId] = useState("");
+  useEffect(() => {
+    const whereParam = searchParams.get("where");
+    if (whereParam) {
+      try {
+        const where = JSON.parse(whereParam);
+        if (where.form?.equals) {
+          setSelectedFormId(where.form.equals);
+        }
+      } catch {
+      }
+    }
+  }, [searchParams]);
+  useEffect(() => {
+    async function fetchForms() {
+      try {
+        const response = await fetch("/admin/api/collections/forms/entries");
+        if (response.ok) {
+          const data = await response.json();
+          setForms(data.items ?? []);
+        }
+      } catch (error) {
+        console.error("Failed to fetch forms:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    void fetchForms();
+  }, []);
+  const handleFormChange = useCallback(
+    (formId) => {
+      setSelectedFormId(formId);
+      const params = new URLSearchParams(searchParams.toString());
+      if (formId) {
+        const where = JSON.stringify({ form: { equals: formId } });
+        params.set("where", where);
+      } else {
+        params.delete("where");
+      }
+      params.delete("page");
+      router.push(`/admin/collections/${collectionSlug}?${params.toString()}`);
+    },
+    [router, searchParams, collectionSlug]
+  );
+  if (collectionSlug !== "form-submissions") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "submissions-filter", children: /* @__PURE__ */ jsxs("div", { className: "submissions-filter-container", children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: "form-filter", className: "submissions-filter-label", children: "Filter by Form:" }),
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        id: "form-filter",
+        value: selectedFormId,
+        onChange: (e) => handleFormChange(e.target.value),
+        className: "submissions-filter-select",
+        disabled: isLoading,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: "All Forms" }),
+          forms.map((form) => /* @__PURE__ */ jsx("option", { value: form.id, children: form.name }, form.id))
+        ]
+      }
+    ),
+    selectedFormId && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleFormChange(""),
+        className: "submissions-filter-clear",
+        title: "Clear filter",
+        children: "Clear"
+      }
+    )
+  ] }) });
+}
+
+// src/admin/FormBuilderView.tsx
+import {
+  DndContext,
+  closestCenter,
+  KeyboardSensor,
+  PointerSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  SortableContext,
+  sortableKeyboardCoordinates,
+  verticalListSortingStrategy
+} from "@dnd-kit/sortable";
+import {
+  Button as Button5,
+  Input as Input6,
+  toast,
+  Tabs as Tabs3,
+  TabsList as TabsList3,
+  TabsTrigger as TabsTrigger3,
+  Select as Select3,
+  SelectTrigger as SelectTrigger3,
+  SelectValue as SelectValue3,
+  SelectContent as SelectContent3,
+  SelectItem as SelectItem3
+} from "@nextlyhq/ui";
+import { useQueryClient } from "@tanstack/react-query";
+import { useCallback as useCallback6, useState as useState6 } from "react";
+
+// src/admin/components/builder/FieldEditor.tsx
+import { FormLabelWithTooltip as FormLabelWithTooltip2 } from "@nextlyhq/admin";
+import {
+  Input as Input2,
+  Button as Button2,
+  Checkbox as Checkbox2,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Select as Select2,
+  SelectContent as SelectContent2,
+  SelectItem as SelectItem2,
+  SelectTrigger as SelectTrigger2,
+  SelectValue as SelectValue2
+} from "@nextlyhq/ui";
+import { useState as useState2, useCallback as useCallback3, useMemo as useMemo2 } from "react";
+
+// src/admin/components/builder/ConditionalLogicEditor.tsx
+import { FormLabelWithTooltip } from "@nextlyhq/admin";
+import {
+  Input,
+  Button,
+  Checkbox,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@nextlyhq/ui";
+import { useCallback as useCallback2, useMemo } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var COMPARISON_OPERATORS = [
+  { value: "equals", label: "Equals" },
+  { value: "notEquals", label: "Does not equal" },
+  { value: "contains", label: "Contains" },
+  { value: "isEmpty", label: "Is empty" },
+  { value: "isNotEmpty", label: "Is not empty" },
+  { value: "greaterThan", label: "Greater than" },
+  { value: "lessThan", label: "Less than" }
+];
+function conditionValueToString(value) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function ConditionalLogicEditor({
+  field,
+  allFields,
+  onUpdate
+}) {
+  const logic = useMemo(
+    () => field.conditionalLogic || {
+      enabled: false,
+      action: "show",
+      operator: "AND",
+      conditions: []
+    },
+    [field.conditionalLogic]
+  );
+  const availableFields = allFields.filter((f) => f.name !== field.name);
+  const updateLogic = useCallback2(
+    (updates) => {
+      onUpdate({
+        conditionalLogic: { ...logic, ...updates }
+      });
+    },
+    [logic, onUpdate]
+  );
+  const handleToggleEnabled = useCallback2(() => {
+    updateLogic({ enabled: !logic.enabled });
+  }, [logic.enabled, updateLogic]);
+  const handleAddCondition = useCallback2(() => {
+    const firstField = availableFields[0];
+    if (!firstField) return;
+    const newCondition = {
+      field: firstField.name,
+      comparison: "equals",
+      value: ""
+    };
+    updateLogic({
+      conditions: [...logic.conditions, newCondition]
+    });
+  }, [availableFields, logic.conditions, updateLogic]);
+  const handleUpdateCondition = useCallback2(
+    (index, updates) => {
+      const newConditions = logic.conditions.map(
+        (c, i) => i === index ? { ...c, ...updates } : c
+      );
+      updateLogic({ conditions: newConditions });
+    },
+    [logic.conditions, updateLogic]
+  );
+  const handleRemoveCondition = useCallback2(
+    (index) => {
+      const newConditions = logic.conditions.filter((_, i) => i !== index);
+      updateLogic({ conditions: newConditions });
+    },
+    [logic.conditions, updateLogic]
+  );
+  const needsValue = (comparison) => {
+    return comparison !== "isEmpty" && comparison !== "isNotEmpty";
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-6 pt-2", children: [
+    /* @__PURE__ */ jsx2("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx2(
+        Checkbox,
+        {
+          id: "logic-enabled",
+          checked: logic.enabled,
+          onCheckedChange: handleToggleEnabled
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        FormLabelWithTooltip,
+        {
+          label: "Enable conditional logic",
+          htmlFor: "logic-enabled",
+          description: "Show or hide this field based on other field values."
+        }
+      )
+    ] }) }),
+    logic.enabled && /* @__PURE__ */ jsxs2("div", { className: "space-y-4 pt-4 border-t border-primary/5", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs2(
+          Select,
+          {
+            value: logic.action,
+            onValueChange: (value) => updateLogic({ action: value }),
+            children: [
+              /* @__PURE__ */ jsx2(SelectTrigger, { className: "w-[100px] h-9 bg-transparent border-input dark:bg-slate-900/50", children: /* @__PURE__ */ jsx2(SelectValue, { placeholder: "Show/Hide" }) }),
+              /* @__PURE__ */ jsxs2(SelectContent, { children: [
+                /* @__PURE__ */ jsx2(SelectItem, { value: "show", children: "Show" }),
+                /* @__PURE__ */ jsx2(SelectItem, { value: "hide", children: "Hide" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx2("span", { children: "this field when" }),
+        /* @__PURE__ */ jsxs2(
+          Select,
+          {
+            value: logic.operator,
+            onValueChange: (value) => updateLogic({ operator: value }),
+            children: [
+              /* @__PURE__ */ jsx2(SelectTrigger, { className: "w-[80px] h-9 bg-transparent border-input dark:bg-slate-900/50", children: /* @__PURE__ */ jsx2(SelectValue, { placeholder: "All/Any" }) }),
+              /* @__PURE__ */ jsxs2(SelectContent, { children: [
+                /* @__PURE__ */ jsx2(SelectItem, { value: "AND", children: "All" }),
+                /* @__PURE__ */ jsx2(SelectItem, { value: "OR", children: "Any" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx2("span", { children: "of the following conditions are met:" })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "space-y-3 pt-4", children: logic.conditions.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "p-4 bg-primary/5/30 rounded-none border border-dashed border-primary/5 text-center text-xs text-muted-foreground", children: "No conditions defined. Add a condition to get started." }) : logic.conditions.map((condition, index) => /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: "flex flex-col gap-2 p-3 rounded-none bg-primary/5/20 border border-primary/5 relative group",
+          children: [
+            /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-1 gap-2", children: [
+              /* @__PURE__ */ jsxs2(
+                Select,
+                {
+                  value: condition.field,
+                  onValueChange: (value) => handleUpdateCondition(index, { field: value }),
+                  children: [
+                    /* @__PURE__ */ jsx2(SelectTrigger, { className: "w-full bg-transparent border-input dark:bg-slate-900/50", children: /* @__PURE__ */ jsx2(SelectValue, { placeholder: "Select field" }) }),
+                    /* @__PURE__ */ jsx2(SelectContent, { children: availableFields.map((f) => /* @__PURE__ */ jsx2(SelectItem, { value: f.name, children: f.label || f.name }, f.name)) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsxs2(
+                  Select,
+                  {
+                    value: condition.comparison,
+                    onValueChange: (value) => handleUpdateCondition(index, {
+                      comparison: value
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsx2(SelectTrigger, { className: "flex-1 h-9 bg-transparent border-input dark:bg-slate-900/50", children: /* @__PURE__ */ jsx2(SelectValue, { placeholder: "Compare operator" }) }),
+                      /* @__PURE__ */ jsx2(SelectContent, { children: COMPARISON_OPERATORS.map((op) => /* @__PURE__ */ jsx2(SelectItem, { value: op.value, children: op.label }, op.value)) })
+                    ]
+                  }
+                ),
+                needsValue(condition.comparison) && /* @__PURE__ */ jsx2(
+                  Input,
+                  {
+                    type: "text",
+                    value: conditionValueToString(condition.value),
+                    onChange: (e) => handleUpdateCondition(index, {
+                      value: e.target.value
+                    }),
+                    placeholder: "Value",
+                    className: "flex-1 h-9 bg-transparent"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                onClick: () => handleRemoveCondition(index),
+                className: "absolute -top-2 -right-2 h-6 w-6 rounded-full bg-background border border-primary/5 opacity-0 group-hover:opacity-100 transition-opacity",
+                title: "Remove condition",
+                children: /* @__PURE__ */ jsx2("span", { className: "text-xs", children: "\xD7" })
+              }
+            )
+          ]
+        },
+        index
+      )) }),
+      availableFields.length > 0 ? /* @__PURE__ */ jsx2(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: handleAddCondition,
+          className: "w-full mt-4 border-dashed",
+          children: "+ Add Condition"
+        }
+      ) : /* @__PURE__ */ jsx2("p", { className: "mt-4 text-center text-xs text-amber-500 font-medium bg-amber-500/10 p-2 rounded-none border border-amber-500/20", children: "Add more fields to the form to create conditions." })
+    ] })
+  ] });
+}
+
+// src/admin/components/builder/FieldEditor.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function GeneralTab({
+  field,
+  allFields,
+  onUpdate
+}) {
+  const hasConditionalReferences = useMemo2(() => {
+    return allFields.some((f) => {
+      if (f.name === field.name || !f.conditionalLogic?.enabled) return false;
+      return f.conditionalLogic.conditions.some((c) => c.field === field.name);
+    });
+  }, [allFields, field.name]);
+  return /* @__PURE__ */ jsxs3("div", { className: "space-y-6 py-4", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx3(
+        FormLabelWithTooltip2,
+        {
+          label: "Field Name (ID)",
+          htmlFor: "field-name",
+          description: "Used as the key in submission data. Should be unique and contain no spaces."
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Input2,
+        {
+          id: "field-name",
+          type: "text",
+          value: field.name,
+          onChange: (e) => onUpdate({ name: e.target.value }),
+          pattern: "^[a-zA-Z][a-zA-Z0-9_]*$",
+          className: "bg-transparent"
+        }
+      ),
+      hasConditionalReferences && /* @__PURE__ */ jsx3("p", { className: "text-[11px] text-amber-500 font-medium", children: "\u26A0\uFE0F Changing this may break conditional logic referencing this field" })
+    ] }),
+    field.type !== "hidden" && /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx3(
+        FormLabelWithTooltip2,
+        {
+          label: "Label",
+          htmlFor: "field-label",
+          description: "The text displayed above the field in the form."
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Input2,
+        {
+          id: "field-label",
+          type: "text",
+          value: field.label,
+          onChange: (e) => onUpdate({ label: e.target.value }),
+          className: "bg-transparent"
+        }
+      )
+    ] }),
+    (field.type === "text" || field.type === "email" || field.type === "phone" || field.type === "url" || field.type === "number" || field.type === "textarea") && /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx3(
+        FormLabelWithTooltip2,
+        {
+          label: "Placeholder",
+          htmlFor: "field-placeholder",
+          description: "The faint text shown inside the field when empty."
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Input2,
+        {
+          id: "field-placeholder",
+          type: "text",
+          value: field.placeholder || "",
+          onChange: (e) => onUpdate({ placeholder: e.target.value }),
+          className: "bg-transparent"
+        }
+      )
+    ] }),
+    field.type !== "hidden" && /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx3(
+        FormLabelWithTooltip2,
+        {
+          label: "Help Text",
+          htmlFor: "field-help",
+          description: "Additional instructions displayed below the field."
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Input2,
+        {
+          id: "field-help",
+          type: "text",
+          value: field.helpText || "",
+          onChange: (e) => onUpdate({ helpText: e.target.value }),
+          className: "bg-transparent"
+        }
+      )
+    ] }),
+    field.type !== "hidden" && field.type !== "checkbox" && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 pt-1", children: [
+      /* @__PURE__ */ jsx3(
+        Checkbox2,
+        {
+          id: "field-required",
+          checked: field.required || false,
+          onCheckedChange: (checked) => onUpdate({ required: checked === true })
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        FormLabelWithTooltip2,
+        {
+          label: "Required field",
+          htmlFor: "field-required",
+          description: "Forces the user to fill this field before submitting."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx3(
+        FormLabelWithTooltip2,
+        {
+          label: "Width",
+          htmlFor: "field-width",
+          description: "How much space this field takes in a horizontal row."
+        }
+      ),
+      /* @__PURE__ */ jsxs3(
+        Select2,
+        {
+          value: field.admin?.width || "100%",
+          onValueChange: (value) => onUpdate({
+            admin: {
+              ...field.admin,
+              width: value
+            }
+          }),
+          children: [
+            /* @__PURE__ */ jsx3(SelectTrigger2, { className: "w-full bg-transparent border-input dark:bg-slate-900/50", children: /* @__PURE__ */ jsx3(SelectValue2, { placeholder: "Select width" }) }),
+            /* @__PURE__ */ jsxs3(SelectContent2, { children: [
+              /* @__PURE__ */ jsx3(SelectItem2, { value: "100%", children: "Full Width (100%)" }),
+              /* @__PURE__ */ jsx3(SelectItem2, { value: "75%", children: "Three Quarters (75%)" }),
+              /* @__PURE__ */ jsx3(SelectItem2, { value: "66%", children: "Two Thirds (66%)" }),
+              /* @__PURE__ */ jsx3(SelectItem2, { value: "50%", children: "Half (50%)" }),
+              /* @__PURE__ */ jsx3(SelectItem2, { value: "33%", children: "One Third (33%)" }),
+              /* @__PURE__ */ jsx3(SelectItem2, { value: "25%", children: "One Quarter (25%)" })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx3(TypeSpecificOptions, { field, onUpdate })
+  ] });
+}
+function TypeSpecificOptions({
+  field,
+  onUpdate
+}) {
+  switch (field.type) {
+    case "select":
+    case "radio":
+      return /* @__PURE__ */ jsx3(OptionsEditor, { field, onUpdate });
+    case "textarea": {
+      const textareaField = field;
+      return /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3(
+          FormLabelWithTooltip2,
+          {
+            label: "Rows",
+            htmlFor: "field-rows",
+            description: "Height of the textarea in text lines."
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Input2,
+          {
+            id: "field-rows",
+            type: "number",
+            min: 2,
+            max: 20,
+            value: textareaField.rows || 4,
+            onChange: (e) => onUpdate({ rows: parseInt(e.target.value) || 4 }),
+            className: "w-24 bg-transparent"
+          }
+        )
+      ] });
+    }
+    case "file": {
+      const fileField = field;
+      return /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx3(
+            FormLabelWithTooltip2,
+            {
+              label: "Accepted File Types",
+              htmlFor: "field-accept",
+              description: "Comma-separated MIME types (e.g., image/*, application/pdf)."
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            Input2,
+            {
+              id: "field-accept",
+              type: "text",
+              value: fileField.accept || "",
+              onChange: (e) => onUpdate({ accept: e.target.value }),
+              placeholder: "image/*,application/pdf",
+              className: "bg-transparent"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 pt-1", children: [
+          /* @__PURE__ */ jsx3(
+            Checkbox2,
+            {
+              id: "field-multiple",
+              checked: fileField.multiple || false,
+              onCheckedChange: (checked) => onUpdate({ multiple: checked === true })
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            FormLabelWithTooltip2,
+            {
+              label: "Allow multiple files",
+              htmlFor: "field-multiple",
+              description: "Users can upload more than one file at once."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 pt-1", children: [
+          /* @__PURE__ */ jsx3(
+            Checkbox2,
+            {
+              id: "field-attach-to-email",
+              checked: fileField.attachToEmail || false,
+              onCheckedChange: (checked) => onUpdate({ attachToEmail: checked === true })
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            FormLabelWithTooltip2,
+            {
+              label: "Attach to notification emails",
+              htmlFor: "field-attach-to-email",
+              description: "Uploaded files will be attached to all notification emails for this form."
+            }
+          )
+        ] })
+      ] });
+    }
+    case "hidden": {
+      const hiddenField = field;
+      return /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3(
+          FormLabelWithTooltip2,
+          {
+            label: "Default Value",
+            htmlFor: "field-default",
+            description: "This value will be submitted silently with the form."
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Input2,
+          {
+            id: "field-default",
+            type: "text",
+            value: hiddenField.defaultValue || "",
+            onChange: (e) => onUpdate({ defaultValue: e.target.value }),
+            className: "bg-transparent"
+          }
+        )
+      ] });
+    }
+    case "date": {
+      const dateField = field;
+      return /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx3(
+            FormLabelWithTooltip2,
+            {
+              label: "Minimum Date",
+              htmlFor: "min-date",
+              description: "Lower bound for date selection."
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            Input2,
+            {
+              id: "min-date",
+              type: "date",
+              value: dateField.min || "",
+              onChange: (e) => onUpdate({ min: e.target.value }),
+              className: "bg-transparent"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx3(
+            FormLabelWithTooltip2,
+            {
+              label: "Maximum Date",
+              htmlFor: "max-date",
+              description: "Upper bound for date selection."
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            Input2,
+            {
+              id: "max-date",
+              type: "date",
+              value: dateField.max || "",
+              onChange: (e) => onUpdate({ max: e.target.value }),
+              className: "bg-transparent"
+            }
+          )
+        ] })
+      ] });
+    }
+    case "number": {
+      const numField = field;
+      return /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3(
+          FormLabelWithTooltip2,
+          {
+            label: "Step",
+            htmlFor: "field-step",
+            description: "Increment/decrement step (e.g., 0.01 for decimals)."
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Input2,
+          {
+            id: "field-step",
+            type: "number",
+            value: numField.validation?.step || "",
+            onChange: (e) => onUpdate({
+              validation: {
+                ...numField.validation,
+                step: parseFloat(e.target.value) || void 0
+              }
+            }),
+            placeholder: "1",
+            className: "w-24 bg-transparent"
+          }
+        )
+      ] });
+    }
+    default:
+      return null;
+  }
+}
+function OptionsEditor({
+  field,
+  onUpdate
+}) {
+  const optionsField = field;
+  const options = useMemo2(
+    () => optionsField.options || [],
+    [optionsField.options]
+  );
+  const addOption = useCallback3(() => {
+    const newOptions = [
+      ...options,
+      {
+        label: `Option ${options.length + 1}`,
+        value: `option_${options.length + 1}`
+      }
+    ];
+    onUpdate({ options: newOptions });
+  }, [options, onUpdate]);
+  const updateOption = useCallback3(
+    (index, key, value) => {
+      const newOptions = options.map(
+        (opt, i) => i === index ? { ...opt, [key]: value } : opt
+      );
+      onUpdate({ options: newOptions });
+    },
+    [options, onUpdate]
+  );
+  const removeOption = useCallback3(
+    (index) => {
+      const newOptions = options.filter((_, i) => i !== index);
+      onUpdate({ options: newOptions });
+    },
+    [options, onUpdate]
+  );
+  return /* @__PURE__ */ jsxs3("div", { className: "space-y-3 pt-6", children: [
+    /* @__PURE__ */ jsx3(
+      FormLabelWithTooltip2,
+      {
+        label: "Options",
+        description: "List of choices available for this field."
+      }
+    ),
+    options.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "p-4 bg-primary/5/30 rounded-none border border-dashed border-primary/5 text-center text-xs text-muted-foreground", children: "No options defined. Add an option to get started." }) : /* @__PURE__ */ jsx3("div", { className: "space-y-2", children: options.map((opt, index) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 group", children: [
+      /* @__PURE__ */ jsx3(
+        Input2,
+        {
+          type: "text",
+          value: opt.label,
+          onChange: (e) => updateOption(index, "label", e.target.value),
+          placeholder: "Label",
+          className: "flex-1 h-9 bg-transparent"
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Input2,
+        {
+          type: "text",
+          value: opt.value,
+          onChange: (e) => updateOption(index, "value", e.target.value),
+          placeholder: "Value",
+          className: "flex-1 h-9 bg-transparent"
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Button2,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-sm",
+          onClick: () => removeOption(index),
+          className: "h-8 w-8 text-muted-foreground hover:text-destructive hover:bg-destructive/10",
+          title: "Remove option",
+          children: "\xD7"
+        }
+      )
+    ] }, index)) }),
+    /* @__PURE__ */ jsx3(
+      Button2,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: addOption,
+        className: "w-full border-dashed text-xs h-8",
+        children: "+ Add Option"
+      }
+    )
+  ] });
+}
+function ValidationTab({
+  field,
+  onUpdate
+}) {
+  const validation = useMemo2(() => field.validation || {}, [field.validation]);
+  const updateValidation = useCallback3(
+    (key, value) => {
+      onUpdate({
+        validation: { ...validation, [key]: value }
+      });
+    },
+    [validation, onUpdate]
+  );
+  return /* @__PURE__ */ jsxs3("div", { className: "space-y-6 pt-2", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx3(
+        FormLabelWithTooltip2,
+        {
+          label: "Custom Error Message",
+          htmlFor: "error-message",
+          description: "Override the default browser validation message."
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Input2,
+        {
+          id: "error-message",
+          type: "text",
+          value: validation.errorMessage || "",
+          onChange: (e) => updateValidation("errorMessage", e.target.value),
+          placeholder: "This field is required",
+          className: "bg-transparent"
+        }
+      )
+    ] }),
+    (field.type === "text" || field.type === "textarea") && /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3(
+          FormLabelWithTooltip2,
+          {
+            label: "Min Length",
+            htmlFor: "min-len",
+            description: "Minimum characters required."
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Input2,
+          {
+            id: "min-len",
+            type: "number",
+            min: 0,
+            value: field.validation?.minLength ?? "",
+            onChange: (e) => updateValidation(
+              "minLength",
+              e.target.value ? parseInt(e.target.value) : void 0
+            ),
+            className: "bg-transparent"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3(
+          FormLabelWithTooltip2,
+          {
+            label: "Max Length",
+            htmlFor: "max-len",
+            description: "Maximum characters allowed."
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Input2,
+          {
+            id: "max-len",
+            type: "number",
+            min: 0,
+            value: field.validation?.maxLength ?? "",
+            onChange: (e) => updateValidation(
+              "maxLength",
+              e.target.value ? parseInt(e.target.value) : void 0
+            ),
+            className: "bg-transparent"
+          }
+        )
+      ] })
+    ] }),
+    field.type === "number" && /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3(
+          FormLabelWithTooltip2,
+          {
+            label: "Min Value",
+            htmlFor: "min-val",
+            description: "Minimum numerical value."
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Input2,
+          {
+            id: "min-val",
+            type: "number",
+            value: field.validation?.min ?? "",
+            onChange: (e) => updateValidation(
+              "min",
+              e.target.value ? parseFloat(e.target.value) : void 0
+            ),
+            className: "bg-transparent"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3(
+          FormLabelWithTooltip2,
+          {
+            label: "Max Value",
+            htmlFor: "max-val",
+            description: "Maximum numerical value."
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Input2,
+          {
+            id: "max-val",
+            type: "number",
+            value: field.validation?.max ?? "",
+            onChange: (e) => updateValidation(
+              "max",
+              e.target.value ? parseFloat(e.target.value) : void 0
+            ),
+            className: "bg-transparent"
+          }
+        )
+      ] })
+    ] }),
+    (field.type === "text" || field.type === "email" || field.type === "phone" || field.type === "url") && /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx3(
+        FormLabelWithTooltip2,
+        {
+          label: "Pattern (Regex)",
+          htmlFor: "val-pattern",
+          description: "Regular expression for advanced validation."
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Input2,
+        {
+          id: "val-pattern",
+          type: "text",
+          value: field.validation?.pattern || "",
+          onChange: (e) => updateValidation("pattern", e.target.value),
+          placeholder: "^[A-Za-z]+$",
+          className: "bg-transparent"
+        }
+      )
+    ] }),
+    field.type === "file" && /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx3(
+        FormLabelWithTooltip2,
+        {
+          label: "Max File Size (bytes)",
+          htmlFor: "max-file-size",
+          description: "Maximum allowed size in bytes (10MB \u2248 10485760)."
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Input2,
+        {
+          id: "max-file-size",
+          type: "number",
+          min: 0,
+          value: field.maxFileSize ?? "",
+          onChange: (e) => onUpdate({
+            maxFileSize: e.target.value ? parseInt(e.target.value) : void 0
+          }),
+          placeholder: "10485760",
+          className: "bg-transparent"
+        }
+      )
+    ] }),
+    (field.type === "checkbox" || field.type === "hidden") && /* @__PURE__ */ jsx3("div", { className: "p-3 bg-primary/5/30 rounded-none text-xs text-muted-foreground text-center border border-dashed border-primary/5", children: "No additional validation options for this field type." })
+  ] });
+}
+function FieldEditor({
+  field,
+  allFields,
+  onUpdate,
+  onDelete,
+  onDuplicate
+}) {
+  const [activeTab, setActiveTab] = useState2("general");
+  const getTypeLabel = (type) => {
+    const labels = {
+      text: "Text",
+      email: "Email",
+      number: "Number",
+      phone: "Phone",
+      url: "URL",
+      textarea: "Textarea",
+      select: "Select",
+      checkbox: "Checkbox",
+      radio: "Radio",
+      file: "File",
+      date: "Date",
+      time: "Time",
+      hidden: "Hidden"
+    };
+    return labels[type] || type;
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx3("div", { className: "p-4 border-b border-primary/5", children: /* @__PURE__ */ jsxs3("h3", { className: "text-sm font-semibold text-foreground flex items-center gap-2", children: [
+      "Field Properties",
+      /* @__PURE__ */ jsx3("span", { className: "text-[10px] uppercase tracking-wider px-1.5 py-0.5 rounded-full bg-primary/5 text-primary font-bold dark:bg-primary/20 dark:text-primary-foreground/90", children: getTypeLabel(field.type) })
+    ] }) }),
+    /* @__PURE__ */ jsxs3(
+      Tabs,
+      {
+        value: activeTab,
+        onValueChange: setActiveTab,
+        className: "flex-1 flex flex-col",
+        children: [
+          /* @__PURE__ */ jsx3("div", { className: "border-b bg-primary/5/10 border-primary/5", children: /* @__PURE__ */ jsxs3(TabsList, { className: "w-full justify-start gap-0", children: [
+            /* @__PURE__ */ jsx3(
+              TabsTrigger,
+              {
+                value: "general",
+                className: "w-full rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-background/50 transition-all",
+                children: "General"
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              TabsTrigger,
+              {
+                value: "validation",
+                className: "w-full rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-background/50 transition-all",
+                children: "Validation"
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              TabsTrigger,
+              {
+                value: "conditional",
+                className: "w-full rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-background/50 transition-all",
+                children: "Conditional"
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex-1 overflow-y-auto p-4 pb-20", children: [
+            /* @__PURE__ */ jsx3(TabsContent, { value: "general", className: "mt-0", children: /* @__PURE__ */ jsx3(
+              GeneralTab,
+              {
+                field,
+                allFields,
+                onUpdate
+              }
+            ) }),
+            /* @__PURE__ */ jsx3(TabsContent, { value: "validation", className: "mt-0", children: /* @__PURE__ */ jsx3(ValidationTab, { field, onUpdate }) }),
+            /* @__PURE__ */ jsx3(TabsContent, { value: "conditional", className: "mt-0", children: /* @__PURE__ */ jsx3(
+              ConditionalLogicEditor,
+              {
+                field,
+                allFields,
+                onUpdate
+              }
+            ) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs3("div", { className: "p-4 bg-background border-t border-primary/5 flex gap-2 shrink-0", children: [
+      onDuplicate && /* @__PURE__ */ jsx3(
+        Button2,
+        {
+          type: "button",
+          variant: "outline",
+          className: "flex-1 h-9",
+          onClick: onDuplicate,
+          children: "Duplicate"
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Button2,
+        {
+          type: "button",
+          variant: "destructive",
+          className: "flex-1 h-9",
+          onClick: onDelete,
+          children: "Delete Field"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/admin/components/builder/FieldLibrary.tsx
+import { useDraggable } from "@dnd-kit/core";
+import { useMemo as useMemo4, useState as useState4 } from "react";
+
+// src/admin/context/FormBuilderContext.tsx
+import {
+  createContext,
+  useContext,
+  useCallback as useCallback4,
+  useMemo as useMemo3,
+  useState as useState3
+} from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var DEFAULT_SETTINGS = {
+  submitButtonText: "Submit",
+  showResetButton: false,
+  resetButtonText: "Reset",
+  confirmationMessage: "Thank you for your submission!",
+  redirectUrl: void 0,
+  honeypotEnabled: true,
+  captchaEnabled: false,
+  storeSubmissions: true,
+  submissionLimit: void 0
+};
+function createNotification() {
+  const id = `notif_${Date.now().toString(36)}_${Math.random().toString(36).substring(2, 6)}`;
+  return {
+    id,
+    name: "Email Notification",
+    enabled: true,
+    recipientType: "static",
+    to: "",
+    cc: [],
+    bcc: []
+  };
+}
+var FormBuilderContext = createContext(null);
+function generateFieldName(type) {
+  const timestamp = Date.now().toString(36);
+  const random = Math.random().toString(36).substring(2, 6);
+  return `${type}_${timestamp}_${random}`;
+}
+function generateFieldLabel(type) {
+  const labels = {
+    text: "Text Field",
+    email: "Email Address",
+    number: "Number",
+    phone: "Phone Number",
+    url: "Website URL",
+    textarea: "Text Area",
+    select: "Dropdown",
+    checkbox: "Checkbox",
+    radio: "Radio Buttons",
+    file: "File Upload",
+    date: "Date",
+    time: "Time",
+    hidden: "Hidden Field"
+  };
+  return labels[type] || "New Field";
+}
+function createFieldFromType(type) {
+  const name = generateFieldName(type);
+  const label = generateFieldLabel(type);
+  const baseField = {
+    name,
+    label,
+    required: false
+  };
+  switch (type) {
+    case "text":
+      return { ...baseField, type: "text" };
+    case "email":
+      return { ...baseField, type: "email", label: "Email Address" };
+    case "number":
+      return { ...baseField, type: "number" };
+    case "phone":
+      return { ...baseField, type: "phone", label: "Phone Number" };
+    case "url":
+      return { ...baseField, type: "url", label: "Website" };
+    case "textarea":
+      return { ...baseField, type: "textarea", rows: 4 };
+    case "select":
+      return {
+        ...baseField,
+        type: "select",
+        options: [
+          { label: "Option 1", value: "option_1" },
+          { label: "Option 2", value: "option_2" }
+        ]
+      };
+    case "checkbox":
+      return { ...baseField, type: "checkbox" };
+    case "radio":
+      return {
+        ...baseField,
+        type: "radio",
+        options: [
+          { label: "Option 1", value: "option_1" },
+          { label: "Option 2", value: "option_2" }
+        ]
+      };
+    case "file":
+      return { ...baseField, type: "file" };
+    case "date":
+      return { ...baseField, type: "date" };
+    case "time":
+      return { ...baseField, type: "time" };
+    case "hidden":
+      return { ...baseField, type: "hidden", label: "Hidden Field" };
+    default:
+      return { ...baseField, type: "text" };
+  }
+}
+function FormBuilderProvider({
+  initialData,
+  children
+}) {
+  const [fields, setFieldsState] = useState3(
+    initialData?.fields || []
+  );
+  const [selectedFieldId, setSelectedFieldId] = useState3(null);
+  const [activeTab, setActiveTab] = useState3("builder");
+  const [isDirty, setIsDirty] = useState3(false);
+  const [formData, setFormData] = useState3({
+    id: initialData?.id,
+    name: initialData?.name || "",
+    slug: initialData?.slug || "",
+    description: initialData?.description,
+    status: initialData?.status || "draft"
+  });
+  const [settings, setSettings] = useState3({
+    ...DEFAULT_SETTINGS,
+    ...initialData?.settings
+  });
+  const [notifications, setNotifications] = useState3(
+    initialData?.notifications || []
+  );
+  const setFields = useCallback4((newFields) => {
+    setFieldsState(newFields);
+    setIsDirty(true);
+  }, []);
+  const addField = useCallback4((field, index) => {
+    setFieldsState((prev) => {
+      if (index !== void 0 && index >= 0 && index <= prev.length) {
+        const newFields = [...prev];
+        newFields.splice(index, 0, field);
+        return newFields;
+      }
+      return [...prev, field];
+    });
+    setSelectedFieldId(field.name);
+    setIsDirty(true);
+  }, []);
+  const updateField = useCallback4(
+    (fieldName, updates) => {
+      setFieldsState(
+        (prev) => prev.map(
+          (f) => f.name === fieldName ? { ...f, ...updates } : f
+        )
+      );
+      if (updates.name && updates.name !== fieldName) {
+        setSelectedFieldId(updates.name);
+      }
+      setIsDirty(true);
+    },
+    []
+  );
+  const deleteField = useCallback4(
+    (fieldName) => {
+      setFieldsState((prev) => prev.filter((f) => f.name !== fieldName));
+      if (selectedFieldId === fieldName) {
+        setSelectedFieldId(null);
+      }
+      setIsDirty(true);
+    },
+    [selectedFieldId]
+  );
+  const moveField = useCallback4((fromIndex, toIndex) => {
+    setFieldsState((prev) => {
+      if (fromIndex < 0 || fromIndex >= prev.length || toIndex < 0 || toIndex >= prev.length) {
+        return prev;
+      }
+      const newFields = [...prev];
+      const [removed] = newFields.splice(fromIndex, 1);
+      newFields.splice(toIndex, 0, removed);
+      return newFields;
+    });
+    setIsDirty(true);
+  }, []);
+  const duplicateField = useCallback4((fieldName) => {
+    let newFieldName = null;
+    setFieldsState((prev) => {
+      const fieldIndex = prev.findIndex((f) => f.name === fieldName);
+      if (fieldIndex === -1) return prev;
+      const field = prev[fieldIndex];
+      newFieldName = generateFieldName(field.type);
+      const newField = {
+        ...field,
+        name: newFieldName,
+        label: `${field.label} (Copy)`
+      };
+      const newFields = [...prev];
+      newFields.splice(fieldIndex + 1, 0, newField);
+      return newFields;
+    });
+    if (newFieldName) {
+      setSelectedFieldId(newFieldName);
+    }
+    setIsDirty(true);
+  }, []);
+  const selectField = useCallback4((fieldName) => {
+    setSelectedFieldId(fieldName);
+  }, []);
+  const updateFormData = useCallback4(
+    (updates) => {
+      setFormData((prev) => ({ ...prev, ...updates }));
+      setIsDirty(true);
+    },
+    []
+  );
+  const updateSettings = useCallback4((updates) => {
+    setSettings((prev) => ({ ...prev, ...updates }));
+    setIsDirty(true);
+  }, []);
+  const addNotification = useCallback4((notification) => {
+    setNotifications((prev) => [...prev, notification]);
+    setIsDirty(true);
+  }, []);
+  const updateNotification = useCallback4(
+    (id, updates) => {
+      setNotifications(
+        (prev) => prev.map((n) => n.id === id ? { ...n, ...updates } : n)
+      );
+      setIsDirty(true);
+    },
+    []
+  );
+  const deleteNotification = useCallback4((id) => {
+    setNotifications((prev) => prev.filter((n) => n.id !== id));
+    setIsDirty(true);
+  }, []);
+  const markAsSaved = useCallback4(() => {
+    setIsDirty(false);
+  }, []);
+  const value = useMemo3(
+    () => ({
+      // State
+      fields,
+      selectedFieldId,
+      activeTab,
+      isDirty,
+      formData,
+      settings,
+      notifications,
+      // Actions
+      setFields,
+      addField,
+      updateField,
+      deleteField,
+      moveField,
+      duplicateField,
+      selectField,
+      setActiveTab,
+      updateFormData,
+      updateSettings,
+      addNotification,
+      updateNotification,
+      deleteNotification,
+      markAsSaved
+    }),
+    [
+      fields,
+      selectedFieldId,
+      activeTab,
+      isDirty,
+      formData,
+      settings,
+      notifications,
+      setFields,
+      addField,
+      updateField,
+      deleteField,
+      moveField,
+      duplicateField,
+      selectField,
+      updateFormData,
+      updateSettings,
+      addNotification,
+      updateNotification,
+      deleteNotification,
+      markAsSaved
+    ]
+  );
+  return /* @__PURE__ */ jsx4(FormBuilderContext.Provider, { value, children });
+}
+function useFormBuilder() {
+  const context = useContext(FormBuilderContext);
+  if (!context) {
+    throw new Error("useFormBuilder must be used within a FormBuilderProvider");
+  }
+  return context;
+}
+function useOptionalFormBuilder() {
+  return useContext(FormBuilderContext);
+}
+
+// src/admin/components/builder/FieldLibrary.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var FIELD_TYPES = [
+  // -------------------------------------------------------------------------
+  // Basic
+  // -------------------------------------------------------------------------
+  {
+    type: "text",
+    label: "Text",
+    description: "Single line text input",
+    iconPath: "M4 7h16M4 12h16M4 17h10",
+    category: "basic"
+  },
+  {
+    type: "email",
+    label: "Email",
+    description: "Email address with validation",
+    iconPath: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z",
+    category: "basic"
+  },
+  {
+    type: "number",
+    label: "Number",
+    description: "Numeric input",
+    iconPath: "M7 20l4-16m2 16l4-16M6 9h14M4 15h14",
+    category: "basic"
+  },
+  {
+    type: "phone",
+    label: "Phone",
+    description: "Phone number input",
+    iconPath: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498A1 1 0 0121 15.72V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z",
+    category: "basic"
+  },
+  {
+    type: "url",
+    label: "URL",
+    description: "Website URL input",
+    iconPath: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1",
+    category: "basic"
+  },
+  {
+    type: "textarea",
+    label: "Textarea",
+    description: "Multi-line text input",
+    iconPath: "M4 6h16M4 12h16M4 18h7",
+    category: "basic"
+  },
+  {
+    type: "select",
+    label: "Dropdown",
+    description: "Dropdown select menu",
+    iconPath: "M8 9l4-4 4 4m0 6l-4 4-4-4",
+    category: "basic"
+  },
+  {
+    type: "checkbox",
+    label: "Checkbox",
+    description: "Single checkbox",
+    iconPath: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
+    category: "basic"
+  },
+  {
+    type: "radio",
+    label: "Radio",
+    description: "Radio button group",
+    iconPath: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 100-8 4 4 0 000 8z",
+    category: "basic"
+  },
+  // -------------------------------------------------------------------------
+  // Advanced
+  // -------------------------------------------------------------------------
+  {
+    type: "file",
+    label: "File Upload",
+    description: "File attachment",
+    iconPath: "M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13",
+    category: "advanced"
+  },
+  {
+    type: "date",
+    label: "Date",
+    description: "Date picker",
+    iconPath: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z",
+    category: "advanced"
+  },
+  {
+    type: "time",
+    label: "Time",
+    description: "Time picker",
+    iconPath: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",
+    category: "advanced"
+  },
+  {
+    type: "hidden",
+    label: "Hidden",
+    description: "Hidden field with static value",
+    iconPath: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21",
+    category: "advanced"
+  }
+];
+var CATEGORIES = [
+  { key: "basic", label: "Basic" },
+  { key: "advanced", label: "Advanced" }
+];
+function DraggableFieldItem({
+  type,
+  label,
+  description,
+  iconPath,
+  onAdd
+}) {
+  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({
+    id: `library-${type}`,
+    data: {
+      isLibraryItem: true,
+      fieldType: type
+    }
+  });
+  return /* @__PURE__ */ jsxs4(
+    "button",
+    {
+      ref: setNodeRef,
+      type: "button",
+      onClick: () => onAdd(type),
+      title: description,
+      className: `flex items-center gap-3 w-full px-2 py-2 rounded-none text-left group hover:bg-primary/5/50 transition-all duration-150 cursor-grab active:cursor-grabbing active:scale-[0.98] ${isDragging ? "opacity-50 bg-primary/5" : ""}`,
+      ...attributes,
+      ...listeners,
+      children: [
+        /* @__PURE__ */ jsx5(
+          "div",
+          {
+            className: "shrink-0 flex items-center justify-center w-9 h-9 bg-primary/5 text-primary dark:bg-primary/20 dark:text-primary-foreground/80",
+            style: {
+              borderRadius: "6px",
+              border: "1px solid hsl(var(--primary) / 0.25)"
+            },
+            children: /* @__PURE__ */ jsx5(
+              "svg",
+              {
+                className: "h-4 w-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.75",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ jsx5("path", { d: iconPath })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ jsx5("span", { className: "text-[13px] font-semibold text-foreground leading-snug", children: label }),
+          /* @__PURE__ */ jsx5("span", { className: "text-[11px] text-muted-foreground/80 leading-snug truncate", children: description })
+        ] })
+      ]
+    }
+  );
+}
+function CategorySection({
+  name,
+  types,
+  isOpen,
+  onToggle,
+  onAdd
+}) {
+  return /* @__PURE__ */ jsxs4("div", { children: [
+    /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        onClick: onToggle,
+        className: "flex items-center gap-1.5 w-full py-2 px-1 text-left select-none cursor-pointer",
+        children: [
+          /* @__PURE__ */ jsx5(
+            "svg",
+            {
+              className: `h-3 w-3 transition-transform duration-200 shrink-0 ${isOpen ? "rotate-0" : "-rotate-90"}`,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "#9ca3af",
+              strokeWidth: "2",
+              children: /* @__PURE__ */ jsx5("polyline", { points: "6 9 12 15 18 9" })
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            "span",
+            {
+              className: "text-[13px] font-semibold tracking-widest uppercase",
+              style: { color: "#9ca3af" },
+              children: name
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            "span",
+            {
+              className: "ml-auto text-[10px] font-medium leading-none",
+              style: {
+                background: "#f3f4f6",
+                color: "#9ca3af",
+                padding: "2px 6px",
+                borderRadius: "4px"
+              },
+              children: types.length
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className: "mb-1 space-y-0.5",
+        style: {
+          marginLeft: "10px",
+          paddingLeft: "10px",
+          borderLeft: "1px solid #e5e7eb"
+        },
+        children: types.map((field) => /* @__PURE__ */ jsx5(DraggableFieldItem, { ...field, onAdd }, field.type))
+      }
+    )
+  ] });
+}
+function FieldLibrary() {
+  const { addField } = useFormBuilder();
+  const [searchQuery, setSearchQuery] = useState4("");
+  const [openSection, setOpenSection] = useState4("Basic");
+  const handleAdd = (type) => {
+    const newField = createFieldFromType(type);
+    addField(newField);
+  };
+  const toggleSection = (name) => {
+    setOpenSection((prev) => prev === name ? "" : name);
+  };
+  const isSearching = searchQuery.trim().length > 0;
+  const filteredCategories = useMemo4(() => {
+    const byCategory = {
+      basic: [],
+      advanced: []
+    };
+    for (const field of FIELD_TYPES) {
+      byCategory[field.category].push(field);
+    }
+    return CATEGORIES.map((cat) => ({
+      ...cat,
+      types: byCategory[cat.key].filter((f) => {
+        if (!isSearching) return true;
+        const q = searchQuery.toLowerCase();
+        return f.label.toLowerCase().includes(q) || f.type.toLowerCase().includes(q) || f.description.toLowerCase().includes(q);
+      })
+    })).filter((c) => c.types.length > 0);
+  }, [searchQuery, isSearching]);
+  const activeFieldCount = filteredCategories.reduce(
+    (acc, cat) => acc + cat.types.length,
+    0
+  );
+  return /* @__PURE__ */ jsxs4("div", { className: "h-full flex flex-col bg-background", children: [
+    /* @__PURE__ */ jsx5("div", { className: "px-3 py-3 border-b border-primary/5", children: /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs4(
+        "svg",
+        {
+          className: "absolute left-3 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground/50",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsx5("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ jsx5("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          type: "search",
+          placeholder: `Search ${activeFieldCount} field types...`,
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value),
+          className: "text-[13px] pl-9 flex h-9 w-full rounded-none border border-input bg-primary/5/20 px-3 py-1 text-sm shadow-none transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          style: { borderRadius: "6px", height: "38px" }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs4(
+      "div",
+      {
+        className: "flex-1 overflow-y-auto px-3 py-3 space-y-3",
+        style: {
+          scrollbarWidth: "none",
+          msOverflowStyle: "none"
+        },
+        children: [
+          filteredCategories.map((category) => /* @__PURE__ */ jsx5(
+            CategorySection,
+            {
+              name: category.label,
+              types: category.types,
+              isOpen: isSearching ? true : openSection === category.label,
+              onToggle: () => toggleSection(category.label),
+              onAdd: handleAdd
+            },
+            category.key
+          )),
+          filteredCategories.length === 0 && /* @__PURE__ */ jsxs4("div", { className: "text-center py-12", children: [
+            /* @__PURE__ */ jsxs4(
+              "svg",
+              {
+                className: "h-7 w-7 text-muted-foreground/20 mx-auto mb-2",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                  /* @__PURE__ */ jsx5("circle", { cx: "11", cy: "11", r: "8" }),
+                  /* @__PURE__ */ jsx5("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: "No fields found" })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx5("div", { className: "px-3 py-2.5 border-t border-primary/5", children: /* @__PURE__ */ jsx5("p", { className: "text-[11px] text-muted-foreground/50 text-center", children: "Drag fields to the canvas to add them" }) })
+  ] });
+}
+
+// src/admin/components/builder/FormCanvas.tsx
+import { useDroppable } from "@dnd-kit/core";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var FIELD_ICON_PATHS = {
+  text: "M4 7h16M4 12h16M4 17h10",
+  email: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z",
+  number: "M7 20l4-16m2 16l4-16M6 9h14M4 15h14",
+  phone: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498A1 1 0 0121 15.72V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z",
+  url: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1",
+  textarea: "M4 6h16M4 12h16M4 18h7",
+  select: "M8 9l4-4 4 4m0 6l-4 4-4-4",
+  checkbox: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
+  radio: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 100-8 4 4 0 000 8z",
+  file: "M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13",
+  date: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z",
+  time: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",
+  hidden: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
+};
+var DEFAULT_ICON_PATH = "M4 7h16M4 12h16M4 17h10";
+var FIELD_TYPE_LABELS = {
+  text: "Text",
+  email: "Email",
+  number: "Number",
+  phone: "Phone",
+  url: "URL",
+  textarea: "Textarea",
+  select: "Dropdown",
+  checkbox: "Checkbox",
+  radio: "Radio",
+  file: "File Upload",
+  date: "Date",
+  time: "Time",
+  hidden: "Hidden"
+};
+function SortableFieldItem({
+  field,
+  isSelected,
+  onSelect,
+  onDelete
+}) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({ id: field.name });
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition
+  };
+  const iconPath = FIELD_ICON_PATHS[field.type] || DEFAULT_ICON_PATH;
+  const typeLabel = FIELD_TYPE_LABELS[field.type] || field.type;
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      onClick: onSelect,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onSelect();
+        }
+      },
+      className: `flex items-center gap-3 py-3 px-4 border border-solid rounded-none cursor-pointer transition-all duration-150 group outline-none focus:outline-none focus:ring-0 ${isSelected ? "bg-transparent dark:bg-transparent shadow-none ring-0" : "border-primary/5 dark:border-primary/5 dark:bg-transparent dark:hover:bg-transparent"} ${isDragging ? "opacity-50" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx6(
+          "button",
+          {
+            type: "button",
+            className: "p-1 shrink-0 cursor-grab active:cursor-grabbing text-muted-foreground/30 hover:text-muted-foreground transition-colors",
+            "aria-label": `Drag to reorder ${field.label || field.name}`,
+            onClick: (e) => e.stopPropagation(),
+            ...attributes,
+            ...listeners,
+            children: /* @__PURE__ */ jsxs5(
+              "svg",
+              {
+                className: "h-4 w-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                  /* @__PURE__ */ jsx6("circle", { cx: "9", cy: "5", r: "1", fill: "currentColor" }),
+                  /* @__PURE__ */ jsx6("circle", { cx: "9", cy: "12", r: "1", fill: "currentColor" }),
+                  /* @__PURE__ */ jsx6("circle", { cx: "9", cy: "19", r: "1", fill: "currentColor" }),
+                  /* @__PURE__ */ jsx6("circle", { cx: "15", cy: "5", r: "1", fill: "currentColor" }),
+                  /* @__PURE__ */ jsx6("circle", { cx: "15", cy: "12", r: "1", fill: "currentColor" }),
+                  /* @__PURE__ */ jsx6("circle", { cx: "15", cy: "19", r: "1", fill: "currentColor" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          "div",
+          {
+            className: "shrink-0 flex items-center justify-center w-9 h-9 bg-primary/5 text-primary dark:bg-primary/20 dark:text-white mr-1",
+            style: {
+              borderRadius: "6px",
+              border: "1px solid hsl(var(--primary) / 0.25)"
+            },
+            children: /* @__PURE__ */ jsx6(
+              "svg",
+              {
+                className: "h-4 w-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.75",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ jsx6("path", { d: iconPath })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs5("div", { className: "flex-1 flex items-center gap-2 min-w-0 flex-wrap", children: [
+          /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium text-foreground truncate", children: field.label || field.name || "Unnamed Field" }),
+          /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground/40 text-xs shrink-0", children: "\u2022" }),
+          /* @__PURE__ */ jsx6("span", { className: "text-[10px] font-medium shrink-0 px-2 py-0 leading-5 rounded-full border border-primary/5 bg-primary/5 text-muted-foreground capitalize", children: typeLabel }),
+          field.required && /* @__PURE__ */ jsx6("span", { className: "text-[10px] px-2 py-0 leading-5 bg-red-50 text-red-600 dark:bg-red-500/20 dark:text-red-400 font-normal rounded-full border border-red-200 dark:border-red-500/30 shrink-0", children: "Required" })
+        ] }),
+        /* @__PURE__ */ jsx6(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              onDelete();
+            },
+            title: `Delete ${field.label || field.name}`,
+            "aria-label": `Delete ${field.label || field.name}`,
+            className: "shrink-0 flex items-center justify-center w-7 h-7 rounded-none text-muted-foreground/40 hover:text-destructive hover:bg-destructive/10 transition-all duration-150 opacity-0 group-hover:opacity-100",
+            children: /* @__PURE__ */ jsxs5(
+              "svg",
+              {
+                className: "h-3.5 w-3.5",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                  /* @__PURE__ */ jsx6("polyline", { points: "3 6 5 6 21 6" }),
+                  /* @__PURE__ */ jsx6("path", { d: "M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a1 1 0 011-1h4a1 1 0 011 1v2" })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function FormCanvas({
+  fields,
+  selectedFieldId,
+  onFieldSelect,
+  onFieldDelete
+}) {
+  const { setNodeRef, isOver } = useDroppable({
+    id: "canvas-drop-zone"
+  });
+  if (fields.length === 0) {
+    return /* @__PURE__ */ jsx6(
+      "div",
+      {
+        ref: setNodeRef,
+        id: "canvas-drop-zone",
+        className: `min-h-[320px] flex flex-col items-center justify-center border-2 border-dashed rounded-none transition-all duration-200 ${isOver ? "border-primary bg-primary/5" : "border-primary/5 bg-primary/5/20"}`,
+        children: /* @__PURE__ */ jsxs5("div", { className: "text-center px-6 py-12", children: [
+          /* @__PURE__ */ jsx6(
+            "div",
+            {
+              className: `mx-auto mb-4 flex items-center justify-center w-12 h-12 rounded-none border transition-colors ${isOver ? "border-primary/30 bg-primary/5 text-primary" : "border-primary/5 bg-primary/5 text-muted-foreground/40"}`,
+              children: /* @__PURE__ */ jsxs5(
+                "svg",
+                {
+                  className: "h-5 w-5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  children: [
+                    /* @__PURE__ */ jsx6("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+                    /* @__PURE__ */ jsx6("polyline", { points: "19 12 12 19 5 12" })
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            "p",
+            {
+              className: `text-sm font-medium mb-1 ${isOver ? "text-primary" : "text-foreground"}`,
+              children: isOver ? "Release to add field" : "No fields yet"
+            }
+          ),
+          /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: isOver ? "Drop the field here" : "Drag a field from the panel on the right to add it here" })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      ref: setNodeRef,
+      className: `min-h-[120px] transition-all duration-200 ${isOver ? "bg-primary/5 rounded-none" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx6("div", { className: "space-y-2", children: fields.map((field) => /* @__PURE__ */ jsx6(
+          SortableFieldItem,
+          {
+            field,
+            isSelected: selectedFieldId === field.name,
+            onSelect: () => onFieldSelect(field.name),
+            onDelete: () => onFieldDelete(field.name)
+          },
+          field.name
+        )) }),
+        isOver && /* @__PURE__ */ jsx6("div", { className: "mt-2 flex items-center justify-center py-3 rounded-none border-2 border-dashed border-primary bg-primary/5", children: /* @__PURE__ */ jsx6("p", { className: "text-xs font-medium text-primary", children: "Release to add field here" }) })
+      ]
+    }
+  );
+}
+
+// src/admin/components/builder/FormNotificationsTab.tsx
+import { Button as Button3, Input as Input3 } from "@nextlyhq/ui";
+import { useCallback as useCallback5, useEffect as useEffect2, useRef, useState as useState5 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+async function fetchProviders() {
+  try {
+    const res = await fetch("/admin/api/email-providers?pageSize=100&page=1", {
+      credentials: "include"
+    });
+    if (!res.ok) return [];
+    const json = await res.json();
+    return json.providers ?? [];
+  } catch {
+    return [];
+  }
+}
+async function fetchTemplates() {
+  try {
+    const res = await fetch("/admin/api/email-templates", {
+      credentials: "include"
+    });
+    if (!res.ok) return [];
+    const json = await res.json();
+    return json.templates ?? [];
+  } catch {
+    return [];
+  }
+}
+function IntegrationCard({
+  notification,
+  providerName,
+  onEdit,
+  onDelete
+}) {
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: `form-integration-card ${!notification.enabled ? "form-integration-card--disabled" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx7("div", { className: "form-integration-card-left", children: /* @__PURE__ */ jsxs6("div", { className: "form-integration-card-info", children: [
+          /* @__PURE__ */ jsx7("span", { className: "form-integration-card-name", children: notification.name }),
+          /* @__PURE__ */ jsxs6("span", { className: "form-integration-provider-badge", children: [
+            "Provider: ",
+            providerName
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs6("div", { className: "form-integration-card-actions", children: [
+          /* @__PURE__ */ jsx7(
+            "button",
+            {
+              type: "button",
+              className: "form-integration-btn form-integration-btn--edit",
+              onClick: onEdit,
+              children: "Edit"
+            }
+          ),
+          /* @__PURE__ */ jsx7(
+            "button",
+            {
+              type: "button",
+              className: "form-integration-btn form-integration-btn--delete",
+              onClick: onDelete,
+              children: "Delete"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function IntegrationModal({
+  initial,
+  providers,
+  templates,
+  fields,
+  isEditing,
+  onSave,
+  onCancel
+}) {
+  const [form, setForm] = useState5(initial);
+  const [newCc, setNewCc] = useState5("");
+  const [newBcc, setNewBcc] = useState5("");
+  const overlayRef = useRef(null);
+  const update = useCallback5(
+    (key, value) => {
+      setForm((prev) => ({ ...prev, [key]: value }));
+    },
+    []
+  );
+  const addCc = useCallback5(() => {
+    const email = newCc.trim();
+    if (!email) return;
+    setForm((prev) => ({ ...prev, cc: [...prev.cc, email] }));
+    setNewCc("");
+  }, [newCc]);
+  const removeCc = useCallback5((index) => {
+    setForm((prev) => ({ ...prev, cc: prev.cc.filter((_, i) => i !== index) }));
+  }, []);
+  const addBcc = useCallback5(() => {
+    const email = newBcc.trim();
+    if (!email) return;
+    setForm((prev) => ({ ...prev, bcc: [...prev.bcc, email] }));
+    setNewBcc("");
+  }, [newBcc]);
+  const removeBcc = useCallback5((index) => {
+    setForm((prev) => ({ ...prev, bcc: prev.bcc.filter((_, i) => i !== index) }));
+  }, []);
+  const handleSubmit = useCallback5(() => {
+    onSave(form);
+  }, [form, onSave]);
+  const handleOverlayClick = useCallback5(
+    (e) => {
+      if (e.target === overlayRef.current) {
+        onCancel();
+      }
+    },
+    [onCancel]
+  );
+  const defaultProvider = providers.find((p) => p.isDefault);
+  const defaultLabel = defaultProvider ? `System Default (${defaultProvider.name})` : "System Default";
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      className: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex items-center justify-center p-4 sm:p-6",
+      ref: overlayRef,
+      onClick: handleOverlayClick,
+      children: /* @__PURE__ */ jsxs6("div", { className: "bg-background rounded-none border border-primary/5 shadow-md w-full max-w-lg overflow-hidden flex flex-col max-h-[90vh]", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "px-6 py-5 border-b border-primary/5 flex items-center justify-between sticky top-0 bg-background z-10", children: [
+          /* @__PURE__ */ jsx7("h3", { className: "text-lg font-semibold text-foreground", children: isEditing ? "Edit Email Integration" : "Add Email Integration" }),
+          /* @__PURE__ */ jsx7(
+            "button",
+            {
+              onClick: onCancel,
+              className: "text-muted-foreground hover:text-foreground",
+              children: /* @__PURE__ */ jsxs6(
+                "svg",
+                {
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx7("path", { d: "M18 6 6 18" }),
+                    /* @__PURE__ */ jsx7("path", { d: "m6 6 12 12" })
+                  ]
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "p-6 overflow-y-auto space-y-6", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium text-foreground", children: "Integration Name" }),
+            /* @__PURE__ */ jsx7(
+              Input3,
+              {
+                type: "text",
+                value: form.name,
+                onChange: (e) => update("name", e.target.value),
+                placeholder: "e.g. Admin Notification"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium text-foreground", children: "Email Provider" }),
+              /* @__PURE__ */ jsxs6(
+                "select",
+                {
+                  className: "flex h-9 w-full rounded-none border border-input bg-transparent px-3 py-1 text-sm shadow-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                  value: form.providerId ?? "",
+                  onChange: (e) => update("providerId", e.target.value || void 0),
+                  children: [
+                    /* @__PURE__ */ jsx7("option", { value: "", children: defaultLabel }),
+                    providers.map((p) => /* @__PURE__ */ jsxs6("option", { value: p.id, children: [
+                      p.name,
+                      p.isDefault ? " (Default)" : ""
+                    ] }, p.id))
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium text-foreground", children: "Email Template" }),
+              /* @__PURE__ */ jsxs6(
+                "select",
+                {
+                  className: "flex h-9 w-full rounded-none border border-input bg-transparent px-3 py-1 text-sm shadow-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                  value: form.templateSlug ?? "",
+                  onChange: (e) => update("templateSlug", e.target.value || void 0),
+                  children: [
+                    /* @__PURE__ */ jsx7("option", { value: "", children: "Select an email template" }),
+                    templates.filter((t) => t.isActive).map((t) => /* @__PURE__ */ jsx7("option", { value: t.slug, children: t.name }, t.id))
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium text-foreground", children: "Sender Email" }),
+            /* @__PURE__ */ jsx7(
+              Input3,
+              {
+                type: "email",
+                value: form.senderEmail ?? "",
+                onChange: (e) => update("senderEmail", e.target.value || void 0),
+                placeholder: "noreply@example.com"
+              }
+            ),
+            /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: "Leave blank to use the provider's default configured address." })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "space-y-4 pt-4 border-t border-primary/5", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium text-foreground", children: "Recipient Type" }),
+                /* @__PURE__ */ jsxs6(
+                  "select",
+                  {
+                    className: "flex h-9 w-full rounded-none border border-input bg-transparent px-3 py-1 text-sm shadow-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                    value: form.recipientType,
+                    onChange: (e) => update(
+                      "recipientType",
+                      e.target.value
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx7("option", { value: "static", children: "Static Email Address" }),
+                      /* @__PURE__ */ jsx7("option", { value: "field", children: "Email from Form Field" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium text-foreground", children: form.recipientType === "field" ? "Target Email Field" : "Recipient Email" }),
+                form.recipientType === "field" ? /* @__PURE__ */ jsxs6(
+                  "select",
+                  {
+                    className: "flex h-9 w-full rounded-none border border-input bg-transparent px-3 py-1 text-sm shadow-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                    value: form.to,
+                    onChange: (e) => update("to", e.target.value),
+                    children: [
+                      /* @__PURE__ */ jsx7("option", { value: "", children: "Select a field" }),
+                      fields.map((f) => /* @__PURE__ */ jsxs6("option", { value: `{{${f.name}}}`, children: [
+                        f.label,
+                        " (",
+                        `{{${f.name}}}`,
+                        ")"
+                      ] }, f.name))
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsx7(
+                  Input3,
+                  {
+                    type: "email",
+                    value: form.to,
+                    onChange: (e) => update("to", e.target.value),
+                    placeholder: "admin@example.com"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium text-foreground", children: "CC Recipients (Optional)" }),
+              form.cc.length > 0 && /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-2 mb-2", children: form.cc.map((email, i) => /* @__PURE__ */ jsxs6(
+                "div",
+                {
+                  className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-primary/5 text-xs font-medium border border-primary/5",
+                  children: [
+                    /* @__PURE__ */ jsx7("span", { children: email }),
+                    /* @__PURE__ */ jsx7(
+                      "button",
+                      {
+                        type: "button",
+                        className: "text-muted-foreground hover:text-foreground hover:bg-background rounded-full p-0.5",
+                        onClick: () => removeCc(i),
+                        children: /* @__PURE__ */ jsxs6(
+                          "svg",
+                          {
+                            width: "12",
+                            height: "12",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            children: [
+                              /* @__PURE__ */ jsx7("path", { d: "M18 6 6 18" }),
+                              /* @__PURE__ */ jsx7("path", { d: "m6 6 12 12" })
+                            ]
+                          }
+                        )
+                      }
+                    )
+                  ]
+                },
+                i
+              )) }),
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx7(
+                  Input3,
+                  {
+                    type: "email",
+                    value: newCc,
+                    onChange: (e) => setNewCc(e.target.value),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") {
+                        e.preventDefault();
+                        addCc();
+                      }
+                    },
+                    placeholder: "cc@example.com"
+                  }
+                ),
+                /* @__PURE__ */ jsx7(
+                  Button3,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    onClick: addCc,
+                    className: "shrink-0 px-3",
+                    children: "Add CC"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium text-foreground", children: "BCC Recipients (Optional)" }),
+              form.bcc.length > 0 && /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-2 mb-2", children: form.bcc.map((email, i) => /* @__PURE__ */ jsxs6(
+                "div",
+                {
+                  className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-primary/5 text-xs font-medium border border-primary/5",
+                  children: [
+                    /* @__PURE__ */ jsx7("span", { children: email }),
+                    /* @__PURE__ */ jsx7(
+                      "button",
+                      {
+                        type: "button",
+                        className: "text-muted-foreground hover:text-foreground hover:bg-background rounded-full p-0.5",
+                        onClick: () => removeBcc(i),
+                        children: /* @__PURE__ */ jsxs6(
+                          "svg",
+                          {
+                            width: "12",
+                            height: "12",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            children: [
+                              /* @__PURE__ */ jsx7("path", { d: "M18 6 6 18" }),
+                              /* @__PURE__ */ jsx7("path", { d: "m6 6 12 12" })
+                            ]
+                          }
+                        )
+                      }
+                    )
+                  ]
+                },
+                i
+              )) }),
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx7(
+                  Input3,
+                  {
+                    type: "email",
+                    value: newBcc,
+                    onChange: (e) => setNewBcc(e.target.value),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") {
+                        e.preventDefault();
+                        addBcc();
+                      }
+                    },
+                    placeholder: "bcc@example.com"
+                  }
+                ),
+                /* @__PURE__ */ jsx7(
+                  Button3,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    onClick: addBcc,
+                    className: "shrink-0 px-3",
+                    children: "Add BCC"
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "pt-4 border-t border-primary/5 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs6("div", { children: [
+              /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium text-foreground", children: "Enable Integration" }),
+              /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: "Toggle to turn on/off without removing." })
+            ] }),
+            /* @__PURE__ */ jsxs6("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ jsx7(
+                "input",
+                {
+                  type: "checkbox",
+                  className: "sr-only peer",
+                  checked: form.enabled,
+                  onChange: (e) => update("enabled", e.target.checked)
+                }
+              ),
+              /* @__PURE__ */ jsx7("div", { className: "w-9 h-5 bg-primary/5 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-primary/20 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-primary/5 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-primary border border-primary/5" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "px-6 py-4 border-t border-primary/5 bg-primary/5/20 flex items-center justify-end gap-3 rounded-b-xl", children: [
+          /* @__PURE__ */ jsx7(Button3, { type: "button", variant: "outline", onClick: onCancel, children: "Cancel" }),
+          /* @__PURE__ */ jsx7(Button3, { type: "button", onClick: handleSubmit, children: isEditing ? "Save Changes" : "Add Integration" })
+        ] })
+      ] })
+    }
+  );
+}
+function FormNotificationsTab() {
+  const {
+    notifications,
+    fields,
+    addNotification,
+    updateNotification,
+    deleteNotification
+  } = useFormBuilder();
+  const [providers, setProviders] = useState5([]);
+  const [templates, setTemplates] = useState5([]);
+  const [modalState, setModalState] = useState5({ open: false, editing: null });
+  useEffect2(() => {
+    void fetchProviders().then(setProviders);
+    void fetchTemplates().then(setTemplates);
+  }, []);
+  const fieldList = fields.map((f) => ({ name: f.name, label: f.label }));
+  const openAddModal = useCallback5(() => {
+    setModalState({ open: true, editing: null });
+  }, []);
+  const openEditModal = useCallback5((notification) => {
+    setModalState({ open: true, editing: notification });
+  }, []);
+  const closeModal = useCallback5(() => {
+    setModalState({ open: false, editing: null });
+  }, []);
+  const handleSave = useCallback5(
+    (notification) => {
+      if (modalState.editing) {
+        updateNotification(notification.id, notification);
+      } else {
+        addNotification(notification);
+      }
+      closeModal();
+    },
+    [modalState.editing, addNotification, updateNotification, closeModal]
+  );
+  const getProviderName = useCallback5(
+    (providerId) => {
+      if (!providerId) {
+        const def = providers.find((p) => p.isDefault);
+        return def ? `${def.name} (Default)` : "System Default";
+      }
+      return providers.find((p) => p.id === providerId)?.name ?? "Unknown";
+    },
+    [providers]
+  );
+  const initialNotification = modalState.editing ?? createNotification();
+  return /* @__PURE__ */ jsxs6("div", { className: "form-notifications-tab", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between mb-8 pb-4 border-b border-primary/5", children: [
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx7("h3", { className: "text-xl font-semibold text-foreground", children: "Email Integrations" }),
+        /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground mt-1", children: "Configure email notifications sent when someone submits this form." })
+      ] }),
+      /* @__PURE__ */ jsx7(Button3, { type: "button", onClick: openAddModal, children: "+ Add Integration" })
+    ] }),
+    notifications.length === 0 ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center justify-center p-12 mt-6 border-2 border-dashed border-primary/5 rounded-none bg-primary/5/20", children: [
+      /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center w-12 h-12 rounded-none border border-primary/5 bg-background mb-4 text-primary", children: /* @__PURE__ */ jsxs6(
+        "svg",
+        {
+          className: "h-6 w-6",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsx7("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+            /* @__PURE__ */ jsx7("path", { d: "Mm22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx7("p", { className: "text-base font-medium text-foreground mb-1", children: "No email integrations yet" }),
+      /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground mb-6 text-center max-w-sm", children: "Add an email integration to notify recipients when someone submits this form." }),
+      /* @__PURE__ */ jsx7(Button3, { type: "button", onClick: openAddModal, children: "+ Add Integration" })
+    ] }) : /* @__PURE__ */ jsx7("div", { className: "form-notifications-list", children: notifications.map((notification) => /* @__PURE__ */ jsx7(
+      IntegrationCard,
+      {
+        notification,
+        providerName: getProviderName(notification.providerId),
+        onEdit: () => openEditModal(notification),
+        onDelete: () => deleteNotification(notification.id)
+      },
+      notification.id
+    )) }),
+    modalState.open && /* @__PURE__ */ jsx7(
+      IntegrationModal,
+      {
+        initial: initialNotification,
+        providers,
+        templates,
+        fields: fieldList,
+        isEditing: !!modalState.editing,
+        onSave: handleSave,
+        onCancel: closeModal
+      }
+    )
+  ] });
+}
+
+// src/admin/components/builder/FormPreview.tsx
+import { Input as Input4, Button as Button4 } from "@nextlyhq/ui";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function FormPreview({ fields, formData }) {
+  if (fields.length === 0) {
+    return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center justify-center p-12 bg-primary/5/20 rounded-none border-2 border-dashed border-primary/5 text-center", children: [
+      /* @__PURE__ */ jsx8("div", { className: "text-4xl mb-3", children: "\u{1F4DD}" }),
+      /* @__PURE__ */ jsx8("p", { className: "text-sm font-medium text-muted-foreground", children: "Add some fields to preview your form" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "bg-background max-w-2xl mt-8", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "mb-8", children: [
+      /* @__PURE__ */ jsx8("h2", { className: "text-2xl font-bold text-foreground", children: formData?.name || "Untitled Form" }),
+      formData?.description && /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground mt-2", children: formData.description })
+    ] }),
+    /* @__PURE__ */ jsx8("div", { className: "space-y-6", children: fields.map((field) => /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxs7("label", { className: "text-sm font-medium text-foreground", children: [
+        field.label,
+        field.required && /* @__PURE__ */ jsx8("span", { className: "text-destructive ml-1", children: "*" })
+      ] }),
+      renderFieldPreview(field),
+      field.helpText && /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground mt-1", children: field.helpText })
+    ] }, field.name)) }),
+    /* @__PURE__ */ jsxs7("div", { className: "mt-8 pt-6 border-t border-primary/5 flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx8(Button4, { type: "button", disabled: true, children: "Submit" }),
+      /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: "This is a preview. Submissions are disabled." })
+    ] })
+  ] });
+}
+function renderFieldPreview(field) {
+  switch (field.type) {
+    case "text":
+    case "email":
+    case "phone":
+    case "url":
+      return /* @__PURE__ */ jsx8(
+        Input4,
+        {
+          type: field.type === "email" ? "email" : "text",
+          placeholder: field.placeholder || `Enter ${field.label.toLowerCase()}`,
+          disabled: true
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ jsx8(
+        Input4,
+        {
+          type: "number",
+          placeholder: field.placeholder || "Enter a number",
+          disabled: true
+        }
+      );
+    case "textarea":
+      return /* @__PURE__ */ jsx8(
+        "textarea",
+        {
+          className: "flex w-full rounded-none border border-input bg-transparent px-3 py-2 text-sm shadow-none placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          placeholder: field.placeholder || `Enter ${field.label.toLowerCase()}`,
+          rows: field.rows || 4,
+          disabled: true
+        }
+      );
+    case "select":
+      return /* @__PURE__ */ jsxs7(
+        "select",
+        {
+          className: "flex h-9 w-full items-center justify-between rounded-none border border-input bg-transparent px-3 py-2 text-sm shadow-none focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          disabled: true,
+          children: [
+            /* @__PURE__ */ jsx8("option", { value: "", children: "Select an option" }),
+            field.options?.map((opt) => /* @__PURE__ */ jsx8("option", { value: opt.value, children: opt.label }, opt.value))
+          ]
+        }
+      );
+    case "checkbox":
+      return /* @__PURE__ */ jsxs7("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            type: "checkbox",
+            className: "h-4 w-4 rounded border-input text-primary focus:ring-primary",
+            disabled: true
+          }
+        ),
+        /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: field.label })
+      ] });
+    case "radio":
+      return /* @__PURE__ */ jsx8("div", { className: "flex flex-col space-y-2", children: field.options?.map((opt) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            type: "radio",
+            name: field.name,
+            className: "h-4 w-4 rounded-full border border-input text-primary focus:ring-primary",
+            disabled: true
+          }
+        ),
+        /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: opt.label })
+      ] }, opt.value)) });
+    case "file":
+      return /* @__PURE__ */ jsx8("div", { className: "flex items-center", children: /* @__PURE__ */ jsx8(Input4, { type: "file", disabled: true }) });
+    case "date":
+      return /* @__PURE__ */ jsx8(Input4, { type: "date", disabled: true });
+    case "time":
+      return /* @__PURE__ */ jsx8(Input4, { type: "time", disabled: true });
+    case "hidden":
+      return /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 p-3 text-sm text-muted-foreground bg-primary/5/20 border-2 border-dashed border-primary/5 rounded-none", children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-lg", children: "\u{1F441}\uFE0F" }),
+        /* @__PURE__ */ jsx8("span", { children: "Hidden field" })
+      ] });
+    default:
+      return /* @__PURE__ */ jsx8(Input4, { type: "text", placeholder: "Unknown field type", disabled: true });
+  }
+}
+
+// src/admin/components/builder/FormSettingsTab.tsx
+import {
+  Input as Input5,
+  Textarea,
+  Tabs as Tabs2,
+  TabsList as TabsList2,
+  TabsTrigger as TabsTrigger2,
+  Switch
+} from "@nextlyhq/ui";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function SettingRow({
+  label,
+  description,
+  children,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: `flex flex-col sm:flex-row sm:items-center justify-between gap-6 py-2 ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs8("div", { className: "space-y-1 max-w-xl", children: [
+          /* @__PURE__ */ jsx9("h4", { className: "text-[13px] font-semibold text-foreground tracking-tight", children: label }),
+          description && /* @__PURE__ */ jsx9("p", { className: "text-[12px] text-muted-foreground leading-relaxed", children: description })
+        ] }),
+        /* @__PURE__ */ jsx9("div", { className: "flex-shrink-0 flex items-center justify-end min-w-[100px]", children })
+      ]
+    }
+  );
+}
+function FormSettingsTab() {
+  const { settings, updateSettings } = useFormBuilder();
+  const currentActionTab = settings.redirectUrl !== void 0 ? "redirect" : "message";
+  return /* @__PURE__ */ jsxs8("div", { className: "w-full flex flex-row gap-8", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "w-full flex flex-col gap-8", children: [
+      /* @__PURE__ */ jsxs8("section", { className: "mb-12", children: [
+        /* @__PURE__ */ jsx9("div", { className: "border-b border-primary/5 pb-3", children: /* @__PURE__ */ jsx9("h3", { className: "text-[16px] font-bold text-foreground tracking-tight", children: "Submission Settings" }) }),
+        /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx9(
+            SettingRow,
+            {
+              label: "Submit Button Text",
+              description: "Label on the primary action button",
+              children: /* @__PURE__ */ jsx9(
+                Input5,
+                {
+                  type: "text",
+                  value: settings.submitButtonText,
+                  onChange: (e) => updateSettings({ submitButtonText: e.target.value }),
+                  placeholder: "Submit",
+                  className: "bg-transparent h-8 w-40 text-right pr-2 focus-visible:ring-1 border-primary/5 text-[13px]"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            SettingRow,
+            {
+              label: "Show Reset Button",
+              description: "Lets users clear all fields at once",
+              children: /* @__PURE__ */ jsx9(
+                Switch,
+                {
+                  checked: settings.showResetButton,
+                  onCheckedChange: (checked) => updateSettings({ showResetButton: checked })
+                }
+              )
+            }
+          ),
+          settings.showResetButton && /* @__PURE__ */ jsx9(
+            SettingRow,
+            {
+              label: "Reset Button Text",
+              description: "Label on the secondary action button",
+              className: "animate-in fade-in slide-in-from-top-2 duration-300",
+              children: /* @__PURE__ */ jsx9(
+                Input5,
+                {
+                  type: "text",
+                  value: settings.resetButtonText,
+                  onChange: (e) => updateSettings({ resetButtonText: e.target.value }),
+                  placeholder: "Reset",
+                  className: "bg-transparent h-8 w-40 text-right pr-2 focus-visible:ring-1 border-primary/5 text-[13px]"
+                }
+              )
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs8("section", { className: "mb-12", children: [
+        /* @__PURE__ */ jsx9("div", { className: "border-b border-primary/5 pb-3", children: /* @__PURE__ */ jsx9("h3", { className: "text-[16px] font-bold text-foreground tracking-tight", children: "After Submission" }) }),
+        /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsx9(
+            SettingRow,
+            {
+              label: "Action",
+              description: "What happens after the form is submitted",
+              children: /* @__PURE__ */ jsx9(
+                Tabs2,
+                {
+                  value: currentActionTab,
+                  onValueChange: (v) => {
+                    if (v === "message") {
+                      updateSettings({ redirectUrl: void 0 });
+                    } else if (v === "redirect") {
+                      updateSettings({ redirectUrl: "" });
+                    }
+                  },
+                  children: /* @__PURE__ */ jsxs8(TabsList2, { className: "bg-primary/5 p-1 h-8", children: [
+                    /* @__PURE__ */ jsx9(
+                      TabsTrigger2,
+                      {
+                        value: "message",
+                        className: "px-4 py-1 text-[11px] font-medium data-[state=active]:bg-background data-[state=active]:shadow-sm",
+                        children: "Message"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9(
+                      TabsTrigger2,
+                      {
+                        value: "redirect",
+                        className: "px-4 py-1 text-[11px] font-medium data-[state=active]:bg-background data-[state=active]:shadow-sm",
+                        children: "Redirect"
+                      }
+                    )
+                  ] })
+                }
+              )
+            }
+          ),
+          currentActionTab === "message" ? /* @__PURE__ */ jsxs8("div", { className: "pt-2 animate-in fade-in duration-300", children: [
+            /* @__PURE__ */ jsxs8("div", { className: "space-y-1.5 mb-4", children: [
+              /* @__PURE__ */ jsx9("h4", { className: "text-[13px] font-semibold text-foreground tracking-tight", children: "Confirmation Message" }),
+              /* @__PURE__ */ jsx9("p", { className: "text-[12px] text-muted-foreground leading-relaxed", children: "Message shown to user after successful submission" })
+            ] }),
+            /* @__PURE__ */ jsx9(
+              Textarea,
+              {
+                id: "confirmationMessage",
+                value: settings.confirmationMessage,
+                onChange: (e) => updateSettings({ confirmationMessage: e.target.value }),
+                placeholder: "Thank you for your submission!",
+                rows: 4,
+                className: "bg-transparent text-[13px] leading-relaxed w-full border-primary/5 focus-visible:ring-1"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx9("div", { className: "pt-2 animate-in fade-in duration-300", children: /* @__PURE__ */ jsx9(
+            SettingRow,
+            {
+              label: "Redirect URL",
+              description: "User will be redirected to this URL after submission",
+              children: /* @__PURE__ */ jsx9(
+                Input5,
+                {
+                  type: "url",
+                  value: settings.redirectUrl || "",
+                  onChange: (e) => updateSettings({ redirectUrl: e.target.value }),
+                  placeholder: "https://example.com/thank-you",
+                  className: "bg-transparent h-8 w-56 text-right pr-2 focus-visible:ring-1 border-primary/5 text-[13px]"
+                }
+              )
+            }
+          ) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { className: "w-full flex flex-col gap-8", children: [
+      /* @__PURE__ */ jsxs8("section", { children: [
+        /* @__PURE__ */ jsx9("div", { className: "border-b border-primary/5 pb-3", children: /* @__PURE__ */ jsx9("h3", { className: "text-[16px] font-bold text-foreground tracking-tight", children: "Spam Protection" }) }),
+        /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx9(
+            SettingRow,
+            {
+              label: "Honeypot Field",
+              description: "Hidden field that silently catches bots",
+              children: /* @__PURE__ */ jsx9(
+                Switch,
+                {
+                  checked: settings.honeypotEnabled,
+                  onCheckedChange: (checkedValue) => updateSettings({ honeypotEnabled: checkedValue })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            SettingRow,
+            {
+              label: "CAPTCHA Challenge",
+              description: "Human verification before submitting",
+              children: /* @__PURE__ */ jsx9(
+                Switch,
+                {
+                  checked: settings.captchaEnabled,
+                  onCheckedChange: (checkedValue) => updateSettings({ captchaEnabled: checkedValue })
+                }
+              )
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs8("section", { children: [
+        /* @__PURE__ */ jsx9("div", { className: "border-b border-primary/5 pb-3", children: /* @__PURE__ */ jsx9("h3", { className: "text-[16px] font-bold text-foreground tracking-tight", children: "Data Storage" }) }),
+        /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx9(
+            SettingRow,
+            {
+              label: "Store Submissions",
+              description: "Save responses to the database",
+              children: /* @__PURE__ */ jsx9(
+                Switch,
+                {
+                  checked: settings.storeSubmissions,
+                  onCheckedChange: (checkedValue) => updateSettings({ storeSubmissions: checkedValue })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            SettingRow,
+            {
+              label: "Submission Limit",
+              description: "Max number of entries to store",
+              children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx9(
+                  Input5,
+                  {
+                    type: "number",
+                    value: settings.submissionLimit || "",
+                    onChange: (e) => updateSettings({
+                      submissionLimit: e.target.value ? parseInt(e.target.value, 10) : void 0
+                    }),
+                    placeholder: "Unlimited",
+                    min: 1,
+                    className: "bg-transparent h-8 w-28 text-right pr-2 focus-visible:ring-1 border-primary/5 text-[13px]"
+                  }
+                ),
+                /* @__PURE__ */ jsx9("span", { className: "text-[12px] text-muted-foreground font-medium", children: "Entries" })
+              ] })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/admin/FormBuilderView.tsx
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function slugify(text) {
+  return text.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function SlidersIcon() {
+  return /* @__PURE__ */ jsxs9(
+    "svg",
+    {
+      className: "h-3 w-3 shrink-0",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx10("line", { x1: "4", y1: "21", x2: "4", y2: "14" }),
+        /* @__PURE__ */ jsx10("line", { x1: "4", y1: "10", x2: "4", y2: "3" }),
+        /* @__PURE__ */ jsx10("line", { x1: "12", y1: "21", x2: "12", y2: "12" }),
+        /* @__PURE__ */ jsx10("line", { x1: "12", y1: "8", x2: "12", y2: "3" }),
+        /* @__PURE__ */ jsx10("line", { x1: "20", y1: "21", x2: "20", y2: "16" }),
+        /* @__PURE__ */ jsx10("line", { x1: "20", y1: "12", x2: "20", y2: "3" }),
+        /* @__PURE__ */ jsx10("line", { x1: "1", y1: "14", x2: "7", y2: "14" }),
+        /* @__PURE__ */ jsx10("line", { x1: "9", y1: "8", x2: "15", y2: "8" }),
+        /* @__PURE__ */ jsx10("line", { x1: "17", y1: "16", x2: "23", y2: "16" })
+      ]
+    }
+  );
+}
+function FormBuilderViewInner({
+  isCreating = false,
+  collectionSlug = "forms",
+  entryId,
+  onSave,
+  onSuccess,
+  onCancel
+}) {
+  const {
+    fields,
+    selectedFieldId,
+    activeTab,
+    isDirty,
+    formData,
+    settings,
+    notifications,
+    setActiveTab,
+    addField,
+    moveField,
+    selectField,
+    deleteField,
+    updateField,
+    duplicateField,
+    updateFormData,
+    markAsSaved
+  } = useFormBuilder();
+  const queryClient = useQueryClient();
+  const [sidebarTab, setSidebarTab] = useState6("add");
+  const [isSaving, setIsSaving] = useState6(false);
+  const [saveError, setSaveError] = useState6(null);
+  const sensors = useSensors(
+    useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),
+    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
+  );
+  const handleDragEnd = useCallback6(
+    (event) => {
+      const { active, over } = event;
+      if (!over) return;
+      const isFromLibrary = active.data.current?.isLibraryItem;
+      if (isFromLibrary) {
+        const fieldType = active.data.current?.fieldType;
+        if (fieldType) {
+          const newField = createFieldFromType(fieldType);
+          if (over.id === "canvas-drop-zone") {
+            addField(newField);
+          } else {
+            const overIndex = fields.findIndex((f) => f.name === over.id);
+            addField(newField, overIndex !== -1 ? overIndex + 1 : void 0);
+          }
+        }
+      } else {
+        if (active.id !== over.id) {
+          const oldIndex = fields.findIndex((f) => f.name === active.id);
+          const newIndex = fields.findIndex((f) => f.name === over.id);
+          if (oldIndex !== -1 && newIndex !== -1) {
+            moveField(oldIndex, newIndex);
+          }
+        }
+      }
+    },
+    [fields, addField, moveField]
+  );
+  const handleSave = useCallback6(async () => {
+    if (fields.length === 0) {
+      toast.error("Please add at least one field to the form");
+      return;
+    }
+    const { id: _id, ...formDataWithoutId } = formData;
+    const saveData = {
+      ...formDataWithoutId,
+      title: formDataWithoutId.name,
+      fields,
+      settings,
+      notifications
+    };
+    if (onSave) {
+      onSave(saveData);
+      return;
+    }
+    setIsSaving(true);
+    setSaveError(null);
+    try {
+      const url = isCreating ? `/admin/api/collections/${collectionSlug}/entries` : `/admin/api/collections/${collectionSlug}/entries/${entryId}`;
+      const response = await fetch(url, {
+        method: isCreating ? "POST" : "PATCH",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify(saveData)
+      });
+      if (!response.ok) {
+        const err = await response.json().catch(() => ({}));
+        throw new Error(
+          err.error?.message ?? `Failed to save form: ${response.statusText}`
+        );
+      }
+      const result = await response.json();
+      const savedEntry = result.item ?? result;
+      void queryClient.invalidateQueries({
+        queryKey: ["entries", "list", collectionSlug]
+      });
+      void queryClient.invalidateQueries({ queryKey: ["entries", "count"] });
+      if (!isCreating && entryId) {
+        void queryClient.invalidateQueries({
+          queryKey: ["entries", "detail", collectionSlug, entryId]
+        });
+      }
+      markAsSaved();
+      toast.success(
+        isCreating ? "Form created successfully" : "Form updated successfully"
+      );
+      if (onSuccess) onSuccess(savedEntry);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to save form";
+      setSaveError(message);
+      toast.error(message);
+    } finally {
+      setIsSaving(false);
+    }
+  }, [
+    formData,
+    fields,
+    settings,
+    notifications,
+    onSave,
+    onSuccess,
+    isCreating,
+    collectionSlug,
+    entryId,
+    queryClient,
+    markAsSaved
+  ]);
+  const handleCancel = useCallback6(() => {
+    if (onCancel) onCancel();
+    else if (typeof window !== "undefined") window.history.back();
+  }, [onCancel]);
+  const handleFieldSelect = useCallback6(
+    (fieldName) => {
+      selectField(fieldName);
+      if (fieldName) setSidebarTab("properties");
+    },
+    [selectField]
+  );
+  const handleNameChange = useCallback6(
+    (name) => {
+      updateFormData({ name });
+      if (!formData.slug || formData.slug === slugify(formData.name)) {
+        updateFormData({ slug: slugify(name) });
+      }
+    },
+    [formData.name, formData.slug, updateFormData]
+  );
+  const selectedField = fields.find((f) => f.name === selectedFieldId);
+  const hasSelectedField = !!selectedFieldId;
+  const mainTabs = [
+    {
+      value: "builder",
+      label: "Builder",
+      count: fields.length > 0 ? fields.length : null
+    },
+    {
+      value: "preview",
+      label: "Preview",
+      count: null
+    },
+    { value: "settings", label: "Settings", count: null },
+    {
+      value: "notifications",
+      label: "Notifications",
+      count: notifications.length > 0 ? notifications.length : null
+    }
+  ];
+  return /* @__PURE__ */ jsxs9(
+    DndContext,
+    {
+      sensors,
+      collisionDetection: closestCenter,
+      onDragEnd: handleDragEnd,
+      children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-6 px-1", children: [
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-semibold text-foreground tracking-tight", children: isCreating ? "Create Form" : "Edit Form" }),
+            /* @__PURE__ */ jsx10("p", { className: "text-sm text-muted-foreground mt-1", children: isCreating ? "Design a new form with drag-and-drop fields." : "Modify your form fields and settings." })
+          ] }),
+          /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 shrink-0", children: [
+            isDirty && /* @__PURE__ */ jsx10("span", { className: "text-xs font-medium text-amber-600 bg-amber-50 border border-amber-200 px-2.5 py-1 rounded-none whitespace-nowrap", children: "Unsaved changes" }),
+            /* @__PURE__ */ jsx10(
+              Button5,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: handleCancel,
+                disabled: isSaving,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx10(
+              Button5,
+              {
+                type: "button",
+                size: "sm",
+                onClick: () => {
+                  void handleSave();
+                },
+                disabled: isSaving,
+                className: "flex items-center gap-1.5",
+                children: isSaving ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+                  /* @__PURE__ */ jsxs9(
+                    "svg",
+                    {
+                      className: "animate-spin h-3.5 w-3.5",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      children: [
+                        /* @__PURE__ */ jsx10(
+                          "circle",
+                          {
+                            className: "opacity-25",
+                            cx: "12",
+                            cy: "12",
+                            r: "10",
+                            stroke: "currentColor",
+                            strokeWidth: "4"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx10(
+                          "path",
+                          {
+                            className: "opacity-75",
+                            fill: "currentColor",
+                            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  "Saving\u2026"
+                ] }) : isCreating ? "Create" : "Save Changes"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs9(
+          "div",
+          {
+            className: "flex border border-primary/5 bg-background overflow-hidden",
+            style: {
+              borderRadius: "0.5rem"
+            },
+            children: [
+              /* @__PURE__ */ jsx10("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs9("div", { className: "w-full px-8 pt-8 pb-12 space-y-6", children: [
+                /* @__PURE__ */ jsxs9("div", { className: "bg-background -mx-8 border-b border-primary/5 space-y-4", children: [
+                  /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap gap-4", children: [
+                    /* @__PURE__ */ jsxs9("div", { className: "flex-1 min-w-[200px] max-w-sm space-y-1.5", children: [
+                      /* @__PURE__ */ jsx10(
+                        "label",
+                        {
+                          htmlFor: "form-name",
+                          className: "text-sm font-medium text-foreground",
+                          children: "Form Name"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx10(
+                        Input6,
+                        {
+                          id: "form-name",
+                          type: "text",
+                          value: formData.name || "",
+                          onChange: (e) => handleNameChange(e.target.value),
+                          placeholder: "e.g., Contact Form",
+                          className: "bg-transparent"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs9("div", { className: "flex-1 min-w-[160px] max-w-xs space-y-1.5", children: [
+                      /* @__PURE__ */ jsx10(
+                        "label",
+                        {
+                          htmlFor: "form-slug",
+                          className: "text-sm font-medium text-foreground",
+                          children: "Slug"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx10(
+                        Input6,
+                        {
+                          id: "form-slug",
+                          type: "text",
+                          value: formData.slug || "",
+                          onChange: (e) => updateFormData({ slug: e.target.value }),
+                          placeholder: "e.g., contact-form",
+                          className: "bg-transparent placeholder:text-muted-foreground/50"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs9("div", { className: "w-36 space-y-1.5", children: [
+                      /* @__PURE__ */ jsx10(
+                        "label",
+                        {
+                          htmlFor: "form-status",
+                          className: "text-sm font-medium text-foreground",
+                          children: "Status"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs9(
+                        Select3,
+                        {
+                          value: formData.status || "draft",
+                          onValueChange: (value) => updateFormData({
+                            status: value
+                          }),
+                          children: [
+                            /* @__PURE__ */ jsx10(SelectTrigger3, { id: "form-status", className: "bg-transparent", children: /* @__PURE__ */ jsx10(SelectValue3, { placeholder: "Status" }) }),
+                            /* @__PURE__ */ jsxs9(SelectContent3, { children: [
+                              /* @__PURE__ */ jsx10(SelectItem3, { value: "draft", children: "Draft" }),
+                              /* @__PURE__ */ jsx10(SelectItem3, { value: "published", children: "Published" }),
+                              /* @__PURE__ */ jsx10(SelectItem3, { value: "closed", children: "Closed" })
+                            ] })
+                          ]
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx10(
+                    Tabs3,
+                    {
+                      value: activeTab,
+                      onValueChange: (v) => setActiveTab(v),
+                      children: /* @__PURE__ */ jsx10(TabsList3, { className: "bg-transparent justify-start gap-0 -mb-px border-b-0", children: mainTabs.map((tab) => /* @__PURE__ */ jsxs9(
+                        TabsTrigger3,
+                        {
+                          value: tab.value,
+                          style: {
+                            borderBottomColor: activeTab === tab.value ? "hsl(var(--primary))" : "transparent"
+                          },
+                          className: "border-b-2 relative -mb-0.5 data-[state=active]:text-primary data-[state=inactive]:text-muted-foreground hover:text-primary hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
+                          children: [
+                            tab.label,
+                            tab.count !== null && /* @__PURE__ */ jsx10(
+                              "span",
+                              {
+                                className: `inline-flex items-center justify-center min-w-[18px] h-[18px] px-1 text-[10px] font-semibold rounded-none ml-2 transition-colors ${activeTab === tab.value ? "bg-primary/5 text-primary" : "bg-primary/5 text-muted-foreground"}`,
+                                children: tab.count
+                              }
+                            )
+                          ]
+                        },
+                        tab.value
+                      )) })
+                    }
+                  )
+                ] }),
+                activeTab === "builder" && /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10(
+                  SortableContext,
+                  {
+                    items: fields.map((f) => f.name),
+                    strategy: verticalListSortingStrategy,
+                    children: /* @__PURE__ */ jsx10(
+                      FormCanvas,
+                      {
+                        fields,
+                        selectedFieldId,
+                        onFieldSelect: handleFieldSelect,
+                        onFieldDelete: deleteField
+                      }
+                    )
+                  }
+                ) }),
+                activeTab === "preview" && /* @__PURE__ */ jsx10(FormPreview, { fields, formData }),
+                activeTab === "settings" && /* @__PURE__ */ jsx10("div", { className: "w-full", children: /* @__PURE__ */ jsx10(FormSettingsTab, {}) }),
+                activeTab === "notifications" && /* @__PURE__ */ jsx10("div", { className: "w-full", children: /* @__PURE__ */ jsx10(FormNotificationsTab, {}) }),
+                saveError && /* @__PURE__ */ jsx10("div", { className: "p-3 text-sm text-destructive bg-destructive/10 border border-destructive/20 rounded-none", children: saveError })
+              ] }) }),
+              activeTab === "builder" && /* @__PURE__ */ jsxs9(
+                "div",
+                {
+                  className: "shrink-0 border-l border-primary/5 bg-background flex flex-col",
+                  style: { width: "360px" },
+                  children: [
+                    /* @__PURE__ */ jsx10(
+                      "div",
+                      {
+                        className: "shrink-0 grid grid-cols-2 gap-1.5 px-3 py-2.5 border-b border-primary/5",
+                        style: { minHeight: "52px" },
+                        children: [
+                          {
+                            value: "add",
+                            label: "Add Fields",
+                            disabled: false,
+                            icon: /* @__PURE__ */ jsxs9(
+                              "svg",
+                              {
+                                className: "h-3 w-3 shrink-0",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                children: [
+                                  /* @__PURE__ */ jsx10("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+                                  /* @__PURE__ */ jsx10("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+                                ]
+                              }
+                            )
+                          },
+                          {
+                            value: "properties",
+                            label: "Properties",
+                            disabled: !hasSelectedField,
+                            icon: /* @__PURE__ */ jsx10(SlidersIcon, {})
+                          }
+                        ].map((tab) => {
+                          const isActive = sidebarTab === tab.value;
+                          return /* @__PURE__ */ jsxs9(
+                            "button",
+                            {
+                              type: "button",
+                              disabled: tab.disabled,
+                              onClick: () => !tab.disabled && setSidebarTab(tab.value),
+                              className: [
+                                "flex items-center justify-center gap-1.5 w-full text-[13px] font-medium transition-all duration-150 border rounded-none select-none",
+                                "disabled:opacity-40 disabled:cursor-not-allowed",
+                                isActive ? "bg-primary/5 text-primary border-primary/30 cursor-pointer" : "bg-transparent border-primary/5 text-muted-foreground hover:text-foreground hover:bg-primary/5/50 cursor-pointer"
+                              ].join(" "),
+                              style: { padding: "8px 12px" },
+                              children: [
+                                tab.icon,
+                                tab.label
+                              ]
+                            },
+                            tab.value
+                          );
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs9("div", { className: "flex-1 flex flex-col min-h-0", children: [
+                      sidebarTab === "add" && /* @__PURE__ */ jsx10("div", { className: "flex-1 flex flex-col", children: /* @__PURE__ */ jsx10(FieldLibrary, {}) }),
+                      sidebarTab === "properties" && /* @__PURE__ */ jsx10("div", { className: "flex-1 flex flex-col relative", children: selectedField ? /* @__PURE__ */ jsx10(
+                        FieldEditor,
+                        {
+                          field: selectedField,
+                          allFields: fields,
+                          onUpdate: (updates) => updateField(selectedField.name, updates),
+                          onDelete: () => {
+                            deleteField(selectedField.name);
+                            setSidebarTab("add");
+                          },
+                          onDuplicate: () => duplicateField(selectedField.name)
+                        }
+                      ) : /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center h-full px-6 py-16 text-center", children: [
+                        /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center w-11 h-11 rounded-none bg-primary/5 border border-primary/5 mb-4", children: /* @__PURE__ */ jsx10(SlidersIcon, {}) }),
+                        /* @__PURE__ */ jsx10("p", { className: "text-sm font-medium text-foreground", children: "No field selected" }),
+                        /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground mt-1", children: "Click a field in the canvas to edit its properties" })
+                      ] }) })
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function FormBuilderView({
+  id,
+  entryId,
+  collection,
+  collectionSlug,
+  isCreating,
+  initialData,
+  onSave,
+  onSuccess,
+  onCancel
+}) {
+  const resolvedEntryId = entryId || id || initialData?.id;
+  const resolvedCollectionSlug = collectionSlug || collection || "forms";
+  const resolvedIsCreating = isCreating ?? !resolvedEntryId;
+  const providerKey = resolvedEntryId || "new";
+  return /* @__PURE__ */ jsx10(
+    FormBuilderProvider,
+    {
+      initialData: {
+        id: resolvedEntryId,
+        name: initialData?.name,
+        slug: initialData?.slug,
+        description: initialData?.description,
+        status: initialData?.status,
+        fields: initialData?.fields,
+        settings: initialData?.settings,
+        notifications: initialData?.notifications
+      },
+      children: /* @__PURE__ */ jsx10(
+        FormBuilderViewInner,
+        {
+          isCreating: resolvedIsCreating,
+          collectionSlug: resolvedCollectionSlug,
+          entryId: resolvedEntryId,
+          onSave,
+          onSuccess,
+          onCancel
+        }
+      )
+    },
+    providerKey
+  );
+}
+
+// src/admin/components/FormFieldList.tsx
+import {
+  DndContext as DndContext2,
+  closestCenter as closestCenter2,
+  KeyboardSensor as KeyboardSensor2,
+  PointerSensor as PointerSensor2,
+  useSensor as useSensor2,
+  useSensors as useSensors2
+} from "@dnd-kit/core";
+import {
+  arrayMove,
+  SortableContext as SortableContext2,
+  sortableKeyboardCoordinates as sortableKeyboardCoordinates2,
+  verticalListSortingStrategy as verticalListSortingStrategy2
+} from "@dnd-kit/sortable";
+import { useCallback as useCallback8 } from "react";
+
+// src/admin/components/SortableFieldRow.tsx
+import { useSortable as useSortable2 } from "@dnd-kit/sortable";
+import { CSS as CSS2 } from "@dnd-kit/utilities";
+import { GripVertical, Trash2 } from "lucide-react";
+import { useCallback as useCallback7 } from "react";
+
+// src/admin/fields/index.ts
+import {
+  AlignLeft,
+  Calendar,
+  CheckSquare,
+  ChevronDown,
+  Circle,
+  FileText,
+  Hash,
+  Mail,
+  Type
+} from "lucide-react";
+var FIELD_CATEGORIES = [
+  {
+    key: "core",
+    label: "Core Fields",
+    description: "Essential form input fields"
+  }
+];
+var FIELD_TYPES2 = [
+  // ---------------------------------------------------------------------------
+  // Core Fields (7 types)
+  // ---------------------------------------------------------------------------
+  {
+    type: "text",
+    label: "Text",
+    icon: "Type",
+    description: "Single-line text input",
+    category: "core",
+    EditorComponent: () => import("../TextFieldEditor-5EU64EA5.js"),
+    defaultConfig: {
+      type: "text",
+      label: "Text Field",
+      placeholder: "",
+      required: false
+    }
+  },
+  {
+    type: "textarea",
+    label: "Textarea",
+    icon: "AlignLeft",
+    description: "Multi-line text input",
+    category: "core",
+    EditorComponent: () => import("../TextareaFieldEditor-773G3LNM.js"),
+    defaultConfig: {
+      type: "textarea",
+      label: "Message",
+      placeholder: "",
+      required: false,
+      rows: 4
+    }
+  },
+  {
+    type: "email",
+    label: "Email",
+    icon: "Mail",
+    description: "Email address with validation",
+    category: "core",
+    EditorComponent: () => import("../EmailFieldEditor-MMOXXL7P.js"),
+    defaultConfig: {
+      type: "email",
+      label: "Email",
+      placeholder: "email@example.com",
+      required: false
+    }
+  },
+  {
+    type: "number",
+    label: "Number",
+    icon: "Hash",
+    description: "Numeric input with min/max",
+    category: "core",
+    EditorComponent: () => import("../NumberFieldEditor-UISAYR6Z.js"),
+    defaultConfig: {
+      type: "number",
+      label: "Number",
+      placeholder: "0",
+      required: false
+    }
+  },
+  {
+    type: "checkbox",
+    label: "Checkbox",
+    icon: "CheckSquare",
+    description: "Single checkbox (yes/no)",
+    category: "core",
+    EditorComponent: () => import("../CheckboxFieldEditor-K4T6QX52.js"),
+    defaultConfig: {
+      type: "checkbox",
+      label: "I agree to the terms",
+      required: false,
+      defaultValue: false
+    }
+  },
+  {
+    type: "select",
+    label: "Dropdown",
+    icon: "ChevronDown",
+    description: "Dropdown select menu",
+    category: "core",
+    EditorComponent: () => import("../SelectFieldEditor-PSO4KHV4.js"),
+    defaultConfig: {
+      type: "select",
+      label: "Select an option",
+      placeholder: "Choose...",
+      required: false,
+      options: [
+        { label: "Option 1", value: "option1" },
+        { label: "Option 2", value: "option2" }
+      ]
+    }
+  },
+  {
+    type: "radio",
+    label: "Radio",
+    icon: "Circle",
+    description: "Radio button group",
+    category: "core",
+    EditorComponent: () => import("../RadioFieldEditor-6UQFH4WT.js"),
+    defaultConfig: {
+      type: "radio",
+      label: "Choose one",
+      required: false,
+      options: [
+        { label: "Option 1", value: "option1" },
+        { label: "Option 2", value: "option2" }
+      ]
+    }
+  },
+  // ---------------------------------------------------------------------------
+  // Date Fields
+  // ---------------------------------------------------------------------------
+  {
+    type: "date",
+    label: "Date",
+    icon: "Calendar",
+    description: "Date picker",
+    category: "core",
+    EditorComponent: () => import("../DateFieldEditor-JFJFAVOH.js"),
+    defaultConfig: {
+      type: "date",
+      label: "Date",
+      required: false
+    }
+  }
+];
+function getFieldTypesByCategory() {
+  return FIELD_TYPES2.reduce(
+    (acc, field) => {
+      if (!acc[field.category]) {
+        acc[field.category] = [];
+      }
+      acc[field.category].push(field);
+      return acc;
+    },
+    {}
+  );
+}
+function getFieldTypeConfig(type) {
+  return FIELD_TYPES2.find((f) => f.type === type);
+}
+function createFieldFromType2(type) {
+  const config = getFieldTypeConfig(type);
+  if (!config) {
+    throw new Error(`Unknown field type: ${type}`);
+  }
+  const timestamp = Date.now().toString(36);
+  const random = Math.random().toString(36).substring(2, 6);
+  const name = `${type}_${timestamp}_${random}`;
+  return {
+    name,
+    ...config.defaultConfig
+  };
+}
+function getFieldTypeIcon(type) {
+  return getFieldTypeConfig(type)?.icon ?? "FileText";
+}
+function getFieldTypeLabel(type) {
+  return getFieldTypeConfig(type)?.label ?? type;
+}
+var ICON_MAP = {
+  Type,
+  AlignLeft,
+  Mail,
+  Hash,
+  CheckSquare,
+  ChevronDown,
+  Circle,
+  Calendar,
+  FileText
+  // Fallback icon
+};
+function resolveFieldIcon(iconName) {
+  return ICON_MAP[iconName] ?? FileText;
+}
+
+// src/admin/components/SortableFieldRow.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function SortableFieldRow({
+  field,
+  isSelected,
+  onSelect,
+  onDelete,
+  disabled = false
+}) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable2({
+    id: field.name,
+    disabled
+  });
+  const style = {
+    transform: CSS2.Transform.toString(transform),
+    transition
+  };
+  const iconName = getFieldTypeIcon(field.type);
+  const typeLabel = getFieldTypeLabel(field.type);
+  const IconComponent = resolveFieldIcon(iconName);
+  const handleDelete = useCallback7(
+    (e) => {
+      e.stopPropagation();
+      onDelete();
+    },
+    [onDelete]
+  );
+  const handleKeyDown = useCallback7(
+    (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onSelect();
+      }
+    },
+    [onSelect]
+  );
+  const rowClassName = [
+    "form-field-row",
+    isSelected && "form-field-row--selected",
+    isDragging && "form-field-row--dragging",
+    disabled && "form-field-row--disabled"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      className: rowClassName,
+      onClick: onSelect,
+      onKeyDown: handleKeyDown,
+      role: "button",
+      tabIndex: disabled ? -1 : 0,
+      "aria-label": `${field.label || field.name} field, type: ${typeLabel}${isSelected ? ", selected" : ""}`,
+      "aria-pressed": isSelected,
+      "aria-disabled": disabled,
+      children: [
+        !disabled && /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            className: "form-field-row__drag-handle",
+            "aria-label": `Drag to reorder ${field.label || field.name}`,
+            ...attributes,
+            ...listeners,
+            children: /* @__PURE__ */ jsx11(GripVertical, { className: "form-field-row__drag-icon" })
+          }
+        ),
+        disabled && /* @__PURE__ */ jsx11("div", { className: "form-field-row__drag-handle-spacer" }),
+        /* @__PURE__ */ jsx11("span", { className: "form-field-row__type-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx11(IconComponent, { className: "form-field-row__icon" }) }),
+        /* @__PURE__ */ jsxs10("div", { className: "form-field-row__content", children: [
+          /* @__PURE__ */ jsxs10("span", { className: "form-field-row__label", children: [
+            field.label || field.name,
+            field.required && /* @__PURE__ */ jsx11("span", { className: "form-field-row__required", "aria-label": "Required", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx11("span", { className: "form-field-row__type-badge", children: typeLabel })
+        ] }),
+        /* @__PURE__ */ jsx11("div", { className: "form-field-row__actions", children: /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            className: "form-field-row__action form-field-row__action--delete",
+            onClick: handleDelete,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                handleDelete(e);
+              }
+            },
+            disabled,
+            "aria-label": `Delete ${field.label || field.name}`,
+            title: "Delete field",
+            children: /* @__PURE__ */ jsx11(Trash2, { className: "form-field-row__action-icon" })
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/admin/components/FormFieldList.tsx
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function FormFieldList({
+  fields,
+  onFieldsChange,
+  onEditField,
+  onDeleteField,
+  selectedFieldName,
+  disabled = false
+}) {
+  const sensors = useSensors2(
+    useSensor2(PointerSensor2, {
+      activationConstraint: {
+        distance: 8
+      }
+    }),
+    useSensor2(KeyboardSensor2, {
+      coordinateGetter: sortableKeyboardCoordinates2
+    })
+  );
+  const handleDragEnd = useCallback8(
+    (event) => {
+      const { active, over } = event;
+      if (over && active.id !== over.id) {
+        const oldIndex = fields.findIndex((f) => f.name === active.id);
+        const newIndex = fields.findIndex((f) => f.name === over.id);
+        if (oldIndex !== -1 && newIndex !== -1) {
+          const newFields = arrayMove(fields, oldIndex, newIndex);
+          onFieldsChange(newFields);
+        }
+      }
+    },
+    [fields, onFieldsChange]
+  );
+  if (fields.length === 0) {
+    return /* @__PURE__ */ jsx12("div", { className: "form-field-list form-field-list--empty", children: /* @__PURE__ */ jsxs11("div", { className: "form-field-list__empty-state", children: [
+      /* @__PURE__ */ jsx12("div", { className: "form-field-list__empty-icon", "aria-hidden": "true", children: "\u{1F4CB}" }),
+      /* @__PURE__ */ jsx12("p", { className: "form-field-list__empty-title", children: "No fields yet" }),
+      /* @__PURE__ */ jsx12("p", { className: "form-field-list__empty-hint", children: 'Click "Add Field" to get started' })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs11("div", { className: "form-field-list", children: [
+    /* @__PURE__ */ jsx12(
+      DndContext2,
+      {
+        sensors,
+        collisionDetection: closestCenter2,
+        onDragEnd: handleDragEnd,
+        children: /* @__PURE__ */ jsx12(
+          SortableContext2,
+          {
+            items: fields.map((f) => f.name),
+            strategy: verticalListSortingStrategy2,
+            disabled,
+            children: /* @__PURE__ */ jsx12("div", { className: "form-field-list__fields", role: "list", children: fields.map((field) => /* @__PURE__ */ jsx12(
+              SortableFieldRow,
+              {
+                field,
+                isSelected: selectedFieldName === field.name,
+                onSelect: () => onEditField(field.name),
+                onDelete: () => onDeleteField(field.name),
+                disabled
+              },
+              field.name
+            )) })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx12("div", { className: "form-field-list__footer", children: /* @__PURE__ */ jsxs11("p", { className: "form-field-list__footer-text", children: [
+      fields.length,
+      " field",
+      fields.length !== 1 ? "s" : "",
+      " \u2022 Drag to reorder \u2022 Click to edit"
+    ] }) })
+  ] });
+}
+
+// src/admin/components/AddFieldButton.tsx
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@nextlyhq/ui";
+import { Plus } from "lucide-react";
+import { useCallback as useCallback9, useState as useState7 } from "react";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function AddFieldButton({
+  onAddField,
+  disabled = false,
+  className
+}) {
+  const [isOpen, setIsOpen] = useState7(false);
+  const fieldsByCategory = getFieldTypesByCategory();
+  const handleSelectField = useCallback9(
+    (type) => {
+      const newField = createFieldFromType2(type);
+      onAddField(newField);
+      setIsOpen(false);
+    },
+    [onAddField]
+  );
+  const buttonClassName = [
+    "add-field-button",
+    disabled && "add-field-button--disabled",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    /* @__PURE__ */ jsxs12(
+      "button",
+      {
+        type: "button",
+        className: buttonClassName,
+        onClick: () => setIsOpen(true),
+        disabled,
+        "aria-label": "Add a new field to the form",
+        children: [
+          /* @__PURE__ */ jsx13(Plus, { className: "add-field-button__icon", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx13("span", { className: "add-field-button__label", children: "Add Field" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx13(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs12(DialogContent, { size: "md", className: "add-field-modal", children: [
+      /* @__PURE__ */ jsxs12(DialogHeader, { children: [
+        /* @__PURE__ */ jsx13(DialogTitle, { children: "Add Field" }),
+        /* @__PURE__ */ jsx13(DialogDescription, { children: "Select a field type to add to your form." })
+      ] }),
+      /* @__PURE__ */ jsx13("div", { className: "add-field-modal__content", children: FIELD_CATEGORIES.map((category) => {
+        const fields = fieldsByCategory[category.key] || [];
+        if (fields.length === 0) return null;
+        return /* @__PURE__ */ jsxs12("div", { className: "add-field-modal__category", children: [
+          /* @__PURE__ */ jsx13("h4", { className: "add-field-modal__category-title", children: category.label }),
+          /* @__PURE__ */ jsx13("p", { className: "add-field-modal__category-description", children: category.description }),
+          /* @__PURE__ */ jsx13("div", { className: "add-field-modal__field-grid", children: fields.map((fieldConfig) => /* @__PURE__ */ jsx13(
+            FieldTypeButton,
+            {
+              config: fieldConfig,
+              onClick: () => handleSelectField(fieldConfig.type)
+            },
+            fieldConfig.type
+          )) })
+        ] }, category.key);
+      }) })
+    ] }) })
+  ] });
+}
+function FieldTypeButton({ config, onClick }) {
+  const IconComponent = resolveFieldIcon(config.icon);
+  return /* @__PURE__ */ jsxs12(
+    "button",
+    {
+      type: "button",
+      className: "add-field-modal__field-button",
+      onClick,
+      "aria-label": `Add ${config.label} field`,
+      children: [
+        /* @__PURE__ */ jsx13("span", { className: "add-field-modal__field-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(IconComponent, { className: "add-field-modal__icon" }) }),
+        /* @__PURE__ */ jsxs12("span", { className: "add-field-modal__field-info", children: [
+          /* @__PURE__ */ jsx13("span", { className: "add-field-modal__field-label", children: config.label }),
+          /* @__PURE__ */ jsx13("span", { className: "add-field-modal__field-description", children: config.description })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/admin/components/FieldEditorPanel.tsx
+import { X } from "lucide-react";
+import React, { Suspense, useMemo as useMemo5 } from "react";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+function EditorSkeleton() {
+  return /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel__skeleton", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel__skeleton-row", children: [
+      /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__skeleton-label" }),
+      /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__skeleton-input" })
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel__skeleton-row", children: [
+      /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__skeleton-label" }),
+      /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__skeleton-input" })
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel__skeleton-row", children: [
+      /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__skeleton-label" }),
+      /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__skeleton-input" })
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel__skeleton-row", children: [
+      /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__skeleton-checkbox" }),
+      /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__skeleton-label--short" })
+    ] })
+  ] });
+}
+function UnknownFieldType({ type }) {
+  return /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel__unknown", children: [
+    /* @__PURE__ */ jsx14("p", { className: "field-editor-panel__unknown-title", children: "Unknown Field Type" }),
+    /* @__PURE__ */ jsxs13("p", { className: "field-editor-panel__unknown-message", children: [
+      "The field type ",
+      /* @__PURE__ */ jsx14("code", { children: type }),
+      " is not supported by this version of the form builder."
+    ] })
+  ] });
+}
+function FieldEditorPanel({
+  field,
+  allFields,
+  onUpdate,
+  onClose
+}) {
+  const fieldConfig = getFieldTypeConfig(field.type);
+  const EditorComponent = useMemo5(() => {
+    if (!fieldConfig) return null;
+    return React.lazy(fieldConfig.EditorComponent);
+  }, [fieldConfig]);
+  if (!fieldConfig || !EditorComponent) {
+    return /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel__header", children: [
+        /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__title", children: /* @__PURE__ */ jsx14("span", { className: "field-editor-panel__title-text", children: "Edit Field" }) }),
+        /* @__PURE__ */ jsx14(
+          "button",
+          {
+            type: "button",
+            className: "field-editor-panel__close",
+            onClick: onClose,
+            "aria-label": "Close editor panel",
+            children: /* @__PURE__ */ jsx14(X, { className: "field-editor-panel__close-icon" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__content", children: /* @__PURE__ */ jsx14(UnknownFieldType, { type: field.type }) })
+    ] });
+  }
+  const IconComponent = resolveFieldIcon(fieldConfig.icon);
+  const typeLabel = getFieldTypeLabel(field.type);
+  return /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel__header", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "field-editor-panel__title", children: [
+        /* @__PURE__ */ jsx14(
+          IconComponent,
+          {
+            className: "field-editor-panel__title-icon",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxs13("span", { className: "field-editor-panel__title-text", children: [
+          "Edit ",
+          typeLabel,
+          " Field",
+          field.label && /* @__PURE__ */ jsxs13("span", { className: "field-editor-panel__title-label", children: [
+            " ",
+            "\u2014 ",
+            field.label
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx14(
+        "button",
+        {
+          type: "button",
+          className: "field-editor-panel__close",
+          onClick: onClose,
+          "aria-label": "Close editor panel",
+          children: /* @__PURE__ */ jsx14(X, { className: "field-editor-panel__close-icon" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx14("div", { className: "field-editor-panel__content", children: /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(EditorSkeleton, {}), children: /* @__PURE__ */ jsx14(
+      EditorComponent,
+      {
+        field,
+        allFields,
+        onUpdate
+      }
+    ) }) })
+  ] });
+}
+
+// src/admin/index.ts
+var FORM_BUILDER_VIEW_PATH = "@nextlyhq/plugin-form-builder/admin#FormBuilderView";
+var SUBMISSIONS_FILTER_PATH = "@nextlyhq/plugin-form-builder/admin#SubmissionsFilter";
+function registerFormBuilderAdminComponents() {
+  registerComponents({
+    [FORM_BUILDER_VIEW_PATH]: FormBuilderView
+  });
+}
+registerComponents({
+  [FORM_BUILDER_VIEW_PATH]: FormBuilderView,
+  [SUBMISSIONS_FILTER_PATH]: SubmissionsFilter
+});
+registerKnownPlugin(
+  "@nextlyhq/plugin-form-builder",
+  // eslint-disable-next-line @typescript-eslint/require-await -- registerKnownPlugin's second arg is typed `() => Promise<void>` (strict, not a union); body is synchronous
+  async () => {
+    registerComponents({
+      [FORM_BUILDER_VIEW_PATH]: FormBuilderView,
+      [SUBMISSIONS_FILTER_PATH]: SubmissionsFilter
+    });
+  }
+);
+export {
+  AddFieldButton,
+  DEFAULT_SETTINGS,
+  FORM_BUILDER_VIEW_PATH,
+  FieldEditor,
+  FieldEditorPanel,
+  FieldLibrary,
+  FormBuilderProvider,
+  FormBuilderView,
+  FormCanvas,
+  FormFieldList,
+  FormNotificationsTab,
+  FormPreview,
+  FormSettingsTab,
+  SUBMISSIONS_FILTER_PATH,
+  SortableFieldRow,
+  SubmissionDetail,
+  SubmissionList,
+  SubmissionsFilter,
+  createFieldFromType,
+  createNotification,
+  generateFieldLabel,
+  generateFieldName,
+  registerFormBuilderAdminComponents,
+  useFormBuilder,
+  useOptionalFormBuilder
+};
+//# sourceMappingURL=index.js.map