@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/components/forms/form-designer.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { c as compiler_runtime_c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from "react";
 import { schemaToJson } from "./schema-serializer.js";
 import { MetadataForm } from "./metadata-form.js";
 import { Button } from "../ui/button.js";
@@ -472,20 +473,47 @@ const createFieldConfigSchema = (field)=>({
         },
         actions: []
     });
-function SectionConfigForm({ section, onUpdate, existingSectionIds }) {
+function SectionConfigForm(t0) {
+    const $ = compiler_runtime_c(28);
+    const { section, onUpdate, existingSectionIds } = t0;
     const [attemptedId, setAttemptedId] = useState(null);
-    useEffect(()=>{
-        setAttemptedId(null);
-    }, [
-        section.id
-    ]);
-    const isDuplicateId = null !== attemptedId && attemptedId !== section.id && existingSectionIds.has(attemptedId);
-    const schema = useMemo(()=>createSectionConfigSchema(section), [
-        section
-    ]);
-    const plugins = useMemo(()=>[
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = ()=>{
+            setAttemptedId(null);
+        };
+        $[0] = t1;
+    } else t1 = $[0];
+    let t2;
+    if ($[1] !== section.id) {
+        t2 = [
+            section.id
+        ];
+        $[1] = section.id;
+        $[2] = t2;
+    } else t2 = $[2];
+    useEffect(t1, t2);
+    let t3;
+    if ($[3] !== attemptedId || $[4] !== existingSectionIds || $[5] !== section.id) {
+        t3 = null !== attemptedId && attemptedId !== section.id && existingSectionIds.has(attemptedId);
+        $[3] = attemptedId;
+        $[4] = existingSectionIds;
+        $[5] = section.id;
+        $[6] = t3;
+    } else t3 = $[6];
+    const isDuplicateId = t3;
+    let t4;
+    if ($[7] !== section) {
+        t4 = createSectionConfigSchema(section);
+        $[7] = section;
+        $[8] = t4;
+    } else t4 = $[8];
+    const schema = t4;
+    let t5;
+    if ($[9] !== onUpdate) {
+        t5 = [
             {
-                name: 'section-sync',
+                name: "section-sync",
                 onValueChange: (_field, _value, context)=>{
                     const values = context.values;
                     const newId = values.id;
@@ -499,908 +527,1528 @@ function SectionConfigForm({ section, onUpdate, existingSectionIds }) {
                     });
                 }
             }
-        ], [
-        onUpdate
-    ]);
-    return /*#__PURE__*/ jsxs("div", {
-        className: "space-y-4",
-        children: [
-            isDuplicateId && /*#__PURE__*/ jsxs("div", {
-                className: "flex items-center gap-2 p-2 bg-destructive/10 border border-destructive/20 rounded-md text-destructive text-sm",
-                children: [
-                    /*#__PURE__*/ jsx(AlertTriangle, {
-                        className: "h-4 w-4 shrink-0"
-                    }),
-                    /*#__PURE__*/ jsxs("span", {
-                        children: [
-                            'Section ID "',
-                            attemptedId,
-                            '" already exists. Please use a unique ID.'
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(MetadataForm, {
-                schema: schema,
-                plugins: plugins,
-                autoComplete: "off"
-            }, section.id),
-            /*#__PURE__*/ jsx(Separator, {}),
-            /*#__PURE__*/ jsxs("div", {
-                className: "text-sm text-muted-foreground",
-                children: [
-                    /*#__PURE__*/ jsxs("p", {
-                        children: [
-                            "This section contains ",
-                            section.fields.length,
-                            " field(s)."
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx("p", {
-                        className: "mt-1",
-                        children: "Click on a field in the left panel to configure it."
-                    })
-                ]
-            })
-        ]
-    });
+        ];
+        $[9] = onUpdate;
+        $[10] = t5;
+    } else t5 = $[10];
+    const plugins = t5;
+    let t6;
+    if ($[11] !== attemptedId || $[12] !== isDuplicateId) {
+        t6 = isDuplicateId && /*#__PURE__*/ jsxs("div", {
+            className: "flex items-center gap-2 p-2 bg-destructive/10 border border-destructive/20 rounded-md text-destructive text-sm",
+            children: [
+                /*#__PURE__*/ jsx(AlertTriangle, {
+                    className: "h-4 w-4 shrink-0"
+                }),
+                /*#__PURE__*/ jsxs("span", {
+                    children: [
+                        'Section ID "',
+                        attemptedId,
+                        '" already exists. Please use a unique ID.'
+                    ]
+                })
+            ]
+        });
+        $[11] = attemptedId;
+        $[12] = isDuplicateId;
+        $[13] = t6;
+    } else t6 = $[13];
+    let t7;
+    if ($[14] !== plugins || $[15] !== schema || $[16] !== section.id) {
+        t7 = /*#__PURE__*/ jsx(MetadataForm, {
+            schema: schema,
+            plugins: plugins,
+            autoComplete: "off"
+        }, section.id);
+        $[14] = plugins;
+        $[15] = schema;
+        $[16] = section.id;
+        $[17] = t7;
+    } else t7 = $[17];
+    let t8;
+    if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+        t8 = /*#__PURE__*/ jsx(Separator, {});
+        $[18] = t8;
+    } else t8 = $[18];
+    let t9;
+    if ($[19] !== section.fields.length) {
+        t9 = /*#__PURE__*/ jsxs("p", {
+            children: [
+                "This section contains ",
+                section.fields.length,
+                " field(s)."
+            ]
+        });
+        $[19] = section.fields.length;
+        $[20] = t9;
+    } else t9 = $[20];
+    let t10;
+    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+        t10 = /*#__PURE__*/ jsx("p", {
+            className: "mt-1",
+            children: "Click on a field in the left panel to configure it."
+        });
+        $[21] = t10;
+    } else t10 = $[21];
+    let t11;
+    if ($[22] !== t9) {
+        t11 = /*#__PURE__*/ jsxs("div", {
+            className: "text-sm text-muted-foreground",
+            children: [
+                t9,
+                t10
+            ]
+        });
+        $[22] = t9;
+        $[23] = t11;
+    } else t11 = $[23];
+    let t12;
+    if ($[24] !== t11 || $[25] !== t6 || $[26] !== t7) {
+        t12 = /*#__PURE__*/ jsxs("div", {
+            className: "space-y-4",
+            children: [
+                t6,
+                t7,
+                t8,
+                t11
+            ]
+        });
+        $[24] = t11;
+        $[25] = t6;
+        $[26] = t7;
+        $[27] = t12;
+    } else t12 = $[27];
+    return t12;
 }
-function FieldConfigForm({ field, onUpdate, allFields, existingFieldNames }) {
+function FieldConfigForm(t0) {
+    const $ = compiler_runtime_c(53);
+    const { field, onUpdate, allFields, existingFieldNames } = t0;
     const [attemptedName, setAttemptedName] = useState(null);
-    useEffect(()=>{
-        setAttemptedName(null);
-    }, [
-        field.id
-    ]);
-    const isDuplicateName = null !== attemptedName && attemptedName !== field.name && existingFieldNames.has(attemptedName);
-    const schema = useMemo(()=>createFieldConfigSchema(field), [
-        field
-    ]);
-    const currentTypeRef = useMemo(()=>({
-            type: field.type
-        }), [
-        field.type
-    ]);
-    const plugins = useMemo(()=>[
-            {
-                name: 'field-sync',
-                onValueChange: (_fieldName, _value, context)=>{
-                    const values = context.values;
-                    const newType = values.type;
-                    const newName = values.name;
-                    const validationValues = values.validation;
-                    setAttemptedName(newName);
-                    const updates = {
-                        name: newName,
-                        label: values.label,
-                        type: newType,
-                        placeholder: values.placeholder || void 0,
-                        description: values.description || void 0
-                    };
-                    const requiredMessage = validationValues?.requiredMessage || void 0;
-                    if ('number' === newType || 'slider' === newType) {
-                        updates.min = values.min;
-                        updates.max = values.max;
-                        updates.step = values.step;
-                        updates.validation = {
-                            integer: validationValues?.integer,
-                            requiredMessage
-                        };
-                    } else if ('file' === newType) {
-                        updates.accept = values.accept || void 0;
-                        updates.multiple = values.multiple;
-                        const maxFileSizeMB = validationValues?.maxFileSize;
-                        updates.validation = {
-                            maxFileSize: maxFileSizeMB ? 1024 * maxFileSizeMB * 1024 : void 0,
-                            maxFiles: validationValues?.maxFiles,
-                            requiredMessage
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = ()=>{
+            setAttemptedName(null);
+        };
+        $[0] = t1;
+    } else t1 = $[0];
+    let t2;
+    if ($[1] !== field.id) {
+        t2 = [
+            field.id
+        ];
+        $[1] = field.id;
+        $[2] = t2;
+    } else t2 = $[2];
+    useEffect(t1, t2);
+    let t3;
+    if ($[3] !== attemptedName || $[4] !== existingFieldNames || $[5] !== field.name) {
+        t3 = null !== attemptedName && attemptedName !== field.name && existingFieldNames.has(attemptedName);
+        $[3] = attemptedName;
+        $[4] = existingFieldNames;
+        $[5] = field.name;
+        $[6] = t3;
+    } else t3 = $[6];
+    const isDuplicateName = t3;
+    let t4;
+    if ($[7] !== field) {
+        t4 = createFieldConfigSchema(field);
+        $[7] = field;
+        $[8] = t4;
+    } else t4 = $[8];
+    const schema = t4;
+    const currentTypeRef = useRef(field.type);
+    let t5;
+    let t6;
+    if ($[9] !== field.type) {
+        t5 = ()=>{
+            currentTypeRef.current = field.type;
+        };
+        t6 = [
+            field.type
+        ];
+        $[9] = field.type;
+        $[10] = t5;
+        $[11] = t6;
+    } else {
+        t5 = $[10];
+        t6 = $[11];
+    }
+    useEffect(t5, t6);
+    let t7;
+    if ($[12] !== field.validation?.requiredMessage || $[13] !== onUpdate) {
+        field.validation?.requiredMessage;
+        t7 = (()=>[
+                {
+                    name: "field-sync",
+                    onValueChange: (_fieldName, _value, context)=>{
+                        const values = context.values;
+                        const newType = values.type;
+                        const newName = values.name;
+                        const validationValues = values.validation;
+                        setAttemptedName(newName);
+                        const updates = {
+                            name: newName,
+                            label: values.label,
+                            type: newType,
+                            placeholder: values.placeholder || void 0,
+                            description: values.description || void 0
                         };
-                    } else if ('text' === newType || 'textarea' === newType || 'email' === newType) updates.validation = {
-                        minLength: validationValues?.minLength,
-                        maxLength: validationValues?.maxLength,
-                        pattern: validationValues?.pattern || void 0,
-                        patternMessage: validationValues?.patternMessage || void 0,
-                        requiredMessage
-                    };
-                    else if (requiredMessage) updates.validation = {
-                        requiredMessage
-                    };
-                    if (newType !== currentTypeRef.type) {
-                        const preservedRequiredMessage = field.validation?.requiredMessage;
-                        updates.options = void 0;
-                        updates.min = void 0;
-                        updates.max = void 0;
-                        updates.step = void 0;
-                        updates.accept = void 0;
-                        updates.multiple = void 0;
-                        updates.validation = void 0;
-                        if ('number' === newType || 'slider' === newType) {
+                        const requiredMessage = validationValues?.requiredMessage || void 0;
+                        if ("number" === newType || "slider" === newType) {
                             updates.min = values.min;
                             updates.max = values.max;
                             updates.step = values.step;
                             updates.validation = {
                                 integer: validationValues?.integer,
-                                requiredMessage: preservedRequiredMessage
+                                requiredMessage
                             };
-                        } else if ('file' === newType) {
+                        } else if ("file" === newType) {
                             updates.accept = values.accept || void 0;
                             updates.multiple = values.multiple;
                             const maxFileSizeMB = validationValues?.maxFileSize;
                             updates.validation = {
                                 maxFileSize: maxFileSizeMB ? 1024 * maxFileSizeMB * 1024 : void 0,
                                 maxFiles: validationValues?.maxFiles,
-                                requiredMessage: preservedRequiredMessage
+                                requiredMessage
                             };
-                        } else if ('text' === newType || 'textarea' === newType || 'email' === newType) updates.validation = {
+                        } else if ("text" === newType || "textarea" === newType || "email" === newType) updates.validation = {
                             minLength: validationValues?.minLength,
                             maxLength: validationValues?.maxLength,
                             pattern: validationValues?.pattern || void 0,
                             patternMessage: validationValues?.patternMessage || void 0,
-                            requiredMessage: preservedRequiredMessage
+                            requiredMessage
                         };
-                        else if (preservedRequiredMessage) updates.validation = {
-                            requiredMessage: preservedRequiredMessage
+                        else if (requiredMessage) updates.validation = {
+                            requiredMessage
                         };
-                        currentTypeRef.type = newType;
+                        if (newType !== currentTypeRef.current) {
+                            const preservedRequiredMessage = field.validation?.requiredMessage;
+                            updates.options = void 0;
+                            updates.min = void 0;
+                            updates.max = void 0;
+                            updates.step = void 0;
+                            updates.accept = void 0;
+                            updates.multiple = void 0;
+                            updates.validation = void 0;
+                            if ("number" === newType || "slider" === newType) {
+                                updates.min = values.min;
+                                updates.max = values.max;
+                                updates.step = values.step;
+                                updates.validation = {
+                                    integer: validationValues?.integer,
+                                    requiredMessage: preservedRequiredMessage
+                                };
+                            } else if ("file" === newType) {
+                                updates.accept = values.accept || void 0;
+                                updates.multiple = values.multiple;
+                                const maxFileSizeMB_0 = validationValues?.maxFileSize;
+                                updates.validation = {
+                                    maxFileSize: maxFileSizeMB_0 ? 1024 * maxFileSizeMB_0 * 1024 : void 0,
+                                    maxFiles: validationValues?.maxFiles,
+                                    requiredMessage: preservedRequiredMessage
+                                };
+                            } else if ("text" === newType || "textarea" === newType || "email" === newType) updates.validation = {
+                                minLength: validationValues?.minLength,
+                                maxLength: validationValues?.maxLength,
+                                pattern: validationValues?.pattern || void 0,
+                                patternMessage: validationValues?.patternMessage || void 0,
+                                requiredMessage: preservedRequiredMessage
+                            };
+                            else if (preservedRequiredMessage) updates.validation = {
+                                requiredMessage: preservedRequiredMessage
+                            };
+                            currentTypeRef.current = newType;
+                        }
+                        onUpdate(updates);
                     }
-                    onUpdate(updates);
                 }
-            }
-        ], [
-        onUpdate,
-        currentTypeRef,
-        field.validation?.requiredMessage
-    ]);
-    const needsOptions = [
-        'select',
-        'multiselect',
-        'radio'
-    ].includes(field.type);
-    return /*#__PURE__*/ jsxs("div", {
-        className: "space-y-2",
-        children: [
-            isDuplicateName && /*#__PURE__*/ jsxs("div", {
-                className: "flex items-center gap-2 p-2 bg-destructive/10 border border-destructive/20 rounded-md text-destructive text-sm",
-                children: [
-                    /*#__PURE__*/ jsx(AlertTriangle, {
-                        className: "h-4 w-4 shrink-0"
-                    }),
-                    /*#__PURE__*/ jsxs("span", {
-                        children: [
-                            'Field name "',
-                            attemptedName,
-                            '" already exists. Please use a unique name.'
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(MetadataForm, {
-                schema: schema,
-                plugins: plugins,
-                autoComplete: "off"
-            }, field.id),
-            needsOptions && /*#__PURE__*/ jsx(Accordion, {
-                type: "multiple",
-                defaultValue: [
-                    'options'
-                ],
-                children: /*#__PURE__*/ jsxs(AccordionItem, {
-                    value: "options",
-                    className: "border rounded-lg px-3",
-                    children: [
-                        /*#__PURE__*/ jsx(AccordionTrigger, {
-                            className: "text-sm font-medium",
-                            children: /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center gap-2",
-                                children: [
-                                    /*#__PURE__*/ jsx(Database, {
-                                        className: "h-4 w-4"
-                                    }),
-                                    "Options"
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(AccordionContent, {
-                            className: "pt-2",
-                            children: /*#__PURE__*/ jsx(FieldOptionsEditor, {
-                                options: field.options || [],
-                                onChange: (options)=>onUpdate({
-                                        options
-                                    })
-                            })
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(Accordion, {
-                type: "multiple",
-                defaultValue: [
-                    'data-source'
-                ],
-                children: /*#__PURE__*/ jsxs(AccordionItem, {
-                    value: "data-source",
-                    className: "border rounded-lg px-3",
-                    children: [
-                        /*#__PURE__*/ jsx(AccordionTrigger, {
-                            className: "text-sm font-medium",
-                            children: /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center gap-2",
-                                children: [
-                                    /*#__PURE__*/ jsx(Database, {
-                                        className: "h-4 w-4"
-                                    }),
-                                    "Data source"
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(AccordionContent, {
-                            className: "pt-2",
-                            children: /*#__PURE__*/ jsx(DataSourceEditor, {
-                                dataSource: field.dataSource,
-                                onChange: (dataSource)=>onUpdate({
-                                        dataSource
-                                    })
-                            })
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(Accordion, {
-                type: "multiple",
-                defaultValue: [
-                    'rules'
-                ],
-                children: /*#__PURE__*/ jsxs(AccordionItem, {
-                    value: "rules",
-                    className: "border rounded-lg px-3",
+            ])();
+        $[12] = field.validation?.requiredMessage;
+        $[13] = onUpdate;
+        $[14] = t7;
+    } else t7 = $[14];
+    const plugins = t7;
+    let t8;
+    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+        t8 = [
+            "select",
+            "multiselect",
+            "radio"
+        ];
+        $[15] = t8;
+    } else t8 = $[15];
+    const needsOptions = t8.includes(field.type);
+    let t9;
+    if ($[16] !== attemptedName || $[17] !== isDuplicateName) {
+        t9 = isDuplicateName && /*#__PURE__*/ jsxs("div", {
+            className: "flex items-center gap-2 p-2 bg-destructive/10 border border-destructive/20 rounded-md text-destructive text-sm",
+            children: [
+                /*#__PURE__*/ jsx(AlertTriangle, {
+                    className: "h-4 w-4 shrink-0"
+                }),
+                /*#__PURE__*/ jsxs("span", {
                     children: [
-                        /*#__PURE__*/ jsx(AccordionTrigger, {
-                            className: "text-sm font-medium",
-                            children: /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center gap-2",
-                                children: [
-                                    /*#__PURE__*/ jsx(GitBranch, {
-                                        className: "h-4 w-4"
-                                    }),
-                                    "Rules & conditions"
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(AccordionContent, {
-                            className: "pt-2",
-                            children: /*#__PURE__*/ jsx(RulesEditor, {
-                                rules: field.rules,
-                                onChange: (rules)=>onUpdate({
-                                        rules
-                                    }),
-                                allFields: allFields,
-                                requiredMessage: field.validation?.requiredMessage,
-                                onRequiredMessageChange: (message)=>onUpdate({
-                                        validation: {
-                                            ...field.validation,
-                                            requiredMessage: message
-                                        }
-                                    })
-                            })
-                        })
+                        'Field name "',
+                        attemptedName,
+                        '" already exists. Please use a unique name.'
                     ]
                 })
-            })
-        ]
-    });
-}
-function FormDesigner() {
-    const [formTitle, setFormTitle] = useState('My Custom Form');
-    const [formDescription, setFormDescription] = useState('');
-    const [sections, setSections] = useState([
-        {
-            id: 'section-1',
-            title: 'General Information',
-            collapsible: false,
-            defaultExpanded: true,
-            fields: [
-                {
-                    id: '1',
-                    name: 'fullName',
-                    type: 'text',
-                    label: 'Full Name',
-                    placeholder: 'Enter your name'
-                }
             ]
-        }
-    ]);
-    const [selectedSectionId, setSelectedSectionId] = useState('section-1');
-    const [selectedFieldId, setSelectedFieldId] = useState('1');
-    const [expandedSections, setExpandedSections] = useState([
-        'section-1'
-    ]);
-    const [previewDisabled, setPreviewDisabled] = useState(false);
-    const allFields = sections.flatMap((s)=>s.fields);
-    const selectedSection = sections.find((s)=>s.id === selectedSectionId);
-    const selectedField = allFields.find((f)=>f.id === selectedFieldId);
-    const generatedSchema = {
-        id: 'custom-form',
-        title: formTitle,
-        description: formDescription || void 0,
-        mode: 'onChange',
-        reValidateMode: 'onChange',
-        sections: sections.map((section)=>({
-                id: section.id,
-                title: section.title,
-                description: section.description,
-                collapsible: section.collapsible,
-                defaultExpanded: section.defaultExpanded,
-                fields: section.fields.map((field)=>{
-                    const { id: _id, validation: _validationConfig, ...fieldMeta } = field;
-                    const validationConfig = buildValidationConfig(field);
-                    return {
-                        ...fieldMeta,
-                        validation: validationConfig
-                    };
-                })
-            }))
-    };
-    const addSection = ()=>{
-        const newSection = {
-            id: `section-${Date.now()}`,
-            title: `Section ${sections.length + 1}`,
-            collapsible: true,
-            defaultExpanded: true,
-            fields: []
-        };
-        setSections([
-            ...sections,
-            newSection
-        ]);
-        setSelectedSectionId(newSection.id);
-        setSelectedFieldId(null);
-        setExpandedSections([
-            ...expandedSections,
-            newSection.id
-        ]);
-    };
-    const removeSection = (id)=>{
-        if (sections.length <= 1) return;
-        setSections(sections.filter((s)=>s.id !== id));
-        setExpandedSections(expandedSections.filter((sId)=>sId !== id));
-        if (selectedSectionId === id) {
-            setSelectedSectionId(sections[0]?.id || null);
-            setSelectedFieldId(null);
-        }
-    };
-    const updateSection = (id, updates)=>{
-        let finalUpdates = updates;
-        if (updates.id && updates.id !== id) {
-            const idExists = sections.some((s)=>s.id === updates.id);
-            if (idExists) {
-                const { id: _id, ...rest } = updates;
-                finalUpdates = rest;
-            }
-        }
-        setSections(sections.map((s)=>s.id === id ? {
-                ...s,
-                ...finalUpdates
-            } : s));
-        if (finalUpdates.id && finalUpdates.id !== id) {
-            if (selectedSectionId === id) setSelectedSectionId(finalUpdates.id);
-            setExpandedSections(expandedSections.map((sId)=>sId === id ? finalUpdates.id : sId));
-        }
-    };
-    const moveSection = (id, direction)=>{
-        const index = sections.findIndex((s)=>s.id === id);
-        if (-1 === index) return;
-        const newSections = [
-            ...sections
-        ];
-        if ('up' === direction && index > 0) [newSections[index - 1], newSections[index]] = [
-            newSections[index],
-            newSections[index - 1]
-        ];
-        else if ('down' === direction && index < sections.length - 1) [newSections[index], newSections[index + 1]] = [
-            newSections[index + 1],
-            newSections[index]
-        ];
-        setSections(newSections);
-    };
-    const addField = (sectionId)=>{
-        const section = sections.find((s)=>s.id === sectionId);
-        if (!section) return;
-        const newField = {
-            id: Date.now().toString(),
-            name: `field_${allFields.length + 1}`,
-            type: 'text',
-            label: `Field ${allFields.length + 1}`
-        };
-        setSections(sections.map((s)=>s.id === sectionId ? {
-                ...s,
-                fields: [
-                    ...s.fields,
-                    newField
-                ]
-            } : s));
-        setSelectedSectionId(sectionId);
-        setSelectedFieldId(newField.id);
-    };
-    const removeField = (sectionId, fieldId)=>{
-        setSections(sections.map((s)=>s.id === sectionId ? {
-                ...s,
-                fields: s.fields.filter((f)=>f.id !== fieldId)
-            } : s));
-        if (selectedFieldId === fieldId) {
-            const section = sections.find((s)=>s.id === sectionId);
-            setSelectedFieldId(section?.fields[0]?.id || null);
-        }
-    };
-    const updateField = (fieldId, updates)=>{
-        setSections((prevSections)=>{
-            const prevAllFields = prevSections.flatMap((s)=>s.fields);
-            let finalUpdates = updates;
-            if (updates.name) {
-                const currentField = prevAllFields.find((f)=>f.id === fieldId);
-                if (currentField && updates.name !== currentField.name) {
-                    const nameExists = prevAllFields.some((f)=>f.id !== fieldId && f.name === updates.name);
-                    if (nameExists) {
-                        const { name: _name, ...rest } = updates;
-                        finalUpdates = rest;
-                    }
-                }
-            }
-            return prevSections.map((s)=>({
-                    ...s,
-                    fields: s.fields.map((f)=>f.id === fieldId ? {
-                            ...f,
-                            ...finalUpdates
-                        } : f)
-                }));
         });
-    };
-    const moveField = (sectionId, fieldId, direction)=>{
-        const section = sections.find((s)=>s.id === sectionId);
-        if (!section) return;
-        const index = section.fields.findIndex((f)=>f.id === fieldId);
-        if (-1 === index) return;
-        const newFields = [
-            ...section.fields
-        ];
-        if ('up' === direction && index > 0) [newFields[index - 1], newFields[index]] = [
-            newFields[index],
-            newFields[index - 1]
-        ];
-        else if ('down' === direction && index < newFields.length - 1) [newFields[index], newFields[index + 1]] = [
-            newFields[index + 1],
-            newFields[index]
-        ];
-        setSections(sections.map((s)=>s.id === sectionId ? {
-                ...s,
-                fields: newFields
-            } : s));
-    };
-    return /*#__PURE__*/ jsxs(Grid, {
-        gap: 3,
-        h: "screen",
-        p: 3,
-        className: "lg:grid-cols-[2fr_3fr_3fr]",
-        children: [
-            /*#__PURE__*/ jsxs(Card, {
-                className: "overflow-hidden flex flex-col",
+        $[16] = attemptedName;
+        $[17] = isDuplicateName;
+        $[18] = t9;
+    } else t9 = $[18];
+    let t10;
+    if ($[19] !== field.id || $[20] !== plugins || $[21] !== schema) {
+        t10 = /*#__PURE__*/ jsx(MetadataForm, {
+            schema: schema,
+            plugins: plugins,
+            autoComplete: "off"
+        }, field.id);
+        $[19] = field.id;
+        $[20] = plugins;
+        $[21] = schema;
+        $[22] = t10;
+    } else t10 = $[22];
+    let t11;
+    if ($[23] !== field.options || $[24] !== needsOptions || $[25] !== onUpdate) {
+        t11 = needsOptions && /*#__PURE__*/ jsx(Accordion, {
+            type: "multiple",
+            defaultValue: [
+                "options"
+            ],
+            children: /*#__PURE__*/ jsxs(AccordionItem, {
+                value: "options",
+                className: "border rounded-lg px-3",
                 children: [
-                    /*#__PURE__*/ jsx(CardHeader, {
+                    /*#__PURE__*/ jsx(AccordionTrigger, {
+                        className: "text-sm font-medium",
                         children: /*#__PURE__*/ jsxs("div", {
-                            className: "flex items-center justify-between",
+                            className: "flex items-center gap-2",
                             children: [
-                                /*#__PURE__*/ jsxs("div", {
-                                    children: [
-                                        /*#__PURE__*/ jsxs(CardTitle, {
-                                            className: "flex items-center gap-2",
-                                            children: [
-                                                /*#__PURE__*/ jsx(Layers, {
-                                                    className: "h-4 w-4"
-                                                }),
-                                                "Sections"
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsx(CardDescription, {
-                                            children: "Organize fields into sections"
-                                        })
-                                    ]
+                                /*#__PURE__*/ jsx(Database, {
+                                    className: "h-4 w-4"
                                 }),
-                                /*#__PURE__*/ jsxs(Button, {
-                                    onClick: addSection,
-                                    variant: "outline",
-                                    size: "sm",
-                                    children: [
-                                        /*#__PURE__*/ jsx(Plus, {
-                                            className: "h-3 w-3 mr-1"
-                                        }),
-                                        "Section"
-                                    ]
-                                })
+                                "Options"
                             ]
                         })
                     }),
-                    /*#__PURE__*/ jsx(CardContent, {
-                        className: "flex-1 overflow-auto px-2 pb-2",
-                        children: /*#__PURE__*/ jsx(Accordion, {
-                            type: "multiple",
-                            value: expandedSections,
-                            onValueChange: setExpandedSections,
-                            className: "space-y-1",
-                            children: sections.map((section, sectionIndex)=>/*#__PURE__*/ jsxs(AccordionItem, {
-                                    value: section.id,
-                                    className: `group/section border rounded-lg ${selectedSectionId === section.id && !selectedFieldId ? 'ring-2 ring-primary' : ''}`,
-                                    children: [
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "flex items-center gap-1 px-2 py-1.5",
-                                            children: [
-                                                /*#__PURE__*/ jsx(AccordionTrigger, {
-                                                    className: "h-5 w-5 p-0 hover:no-underline hover:bg-accent rounded [&>svg]:hidden flex items-center justify-center shrink-0",
-                                                    children: /*#__PURE__*/ jsx("span", {
-                                                        className: "flex items-center justify-center",
-                                                        children: /*#__PURE__*/ jsx(ChevronRight, {
-                                                            className: "h-3 w-3 shrink-0 transition-transform duration-200 group-data-[state=open]/section:rotate-90"
-                                                        })
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsxs("div", {
-                                                    className: "flex-1 min-w-0 cursor-pointer flex items-center gap-1",
-                                                    onClick: ()=>{
-                                                        setSelectedSectionId(section.id);
-                                                        setSelectedFieldId(null);
-                                                    },
-                                                    children: [
-                                                        /*#__PURE__*/ jsx("span", {
-                                                            className: "text-sm font-medium truncate",
-                                                            children: section.title
-                                                        }),
-                                                        section.collapsible && /*#__PURE__*/ jsx("span", {
-                                                            className: "text-[10px] text-muted-foreground",
-                                                            children: "(collapsible)"
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ jsxs("div", {
-                                                    className: "flex gap-0.5 opacity-0 group-hover/section:opacity-100 transition-opacity",
-                                                    children: [
-                                                        /*#__PURE__*/ jsx(Button, {
-                                                            variant: "ghost",
-                                                            size: "sm",
-                                                            className: "h-5 w-5 p-0",
-                                                            onClick: (e)=>{
-                                                                e.stopPropagation();
-                                                                moveSection(section.id, 'up');
-                                                            },
-                                                            disabled: 0 === sectionIndex,
-                                                            children: /*#__PURE__*/ jsx(MoveUp, {
-                                                                className: "h-2.5 w-2.5"
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ jsx(Button, {
-                                                            variant: "ghost",
-                                                            size: "sm",
-                                                            className: "h-5 w-5 p-0",
-                                                            onClick: (e)=>{
-                                                                e.stopPropagation();
-                                                                moveSection(section.id, 'down');
-                                                            },
-                                                            disabled: sectionIndex === sections.length - 1,
-                                                            children: /*#__PURE__*/ jsx(MoveDown, {
-                                                                className: "h-2.5 w-2.5"
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ jsx(Button, {
-                                                            variant: "ghost",
-                                                            size: "sm",
-                                                            className: "h-5 w-5 p-0",
-                                                            onClick: (e)=>{
-                                                                e.stopPropagation();
-                                                                removeSection(section.id);
-                                                            },
-                                                            disabled: sections.length <= 1,
-                                                            children: /*#__PURE__*/ jsx(Trash2, {
-                                                                className: "h-2.5 w-2.5 text-destructive"
-                                                            })
-                                                        })
-                                                    ]
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsx(AccordionContent, {
-                                            className: "px-2 pb-2 pt-0",
-                                            children: /*#__PURE__*/ jsxs("div", {
-                                                className: "space-y-0.5 ml-3 border-l pl-2",
-                                                children: [
-                                                    section.fields.map((field, fieldIndex)=>/*#__PURE__*/ jsxs("div", {
-                                                            className: `group/field flex items-center gap-1 px-2 py-1 rounded cursor-pointer hover:bg-accent transition-colors ${selectedFieldId === field.id ? 'bg-accent' : ''}`,
-                                                            onClick: ()=>{
-                                                                setSelectedSectionId(section.id);
-                                                                setSelectedFieldId(field.id);
-                                                            },
-                                                            children: [
-                                                                /*#__PURE__*/ jsx(GripVertical, {
-                                                                    className: "h-3 w-3 text-muted-foreground opacity-0 group-hover/field:opacity-50"
-                                                                }),
-                                                                /*#__PURE__*/ jsxs("div", {
-                                                                    className: "flex-1 min-w-0",
-                                                                    children: [
-                                                                        /*#__PURE__*/ jsxs("div", {
-                                                                            className: "flex items-center gap-1",
-                                                                            children: [
-                                                                                /*#__PURE__*/ jsx("span", {
-                                                                                    className: "text-xs font-medium truncate",
-                                                                                    children: field.label
-                                                                                }),
-                                                                                field.rules?.some((r)=>r.effects.required) && /*#__PURE__*/ jsx("span", {
-                                                                                    className: "text-[10px] text-destructive",
-                                                                                    children: "*"
-                                                                                })
-                                                                            ]
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx("div", {
-                                                                            className: "text-[9px] text-muted-foreground",
-                                                                            children: field.type
-                                                                        })
-                                                                    ]
-                                                                }),
-                                                                /*#__PURE__*/ jsxs("div", {
-                                                                    className: "flex gap-0.5 opacity-0 group-hover/field:opacity-100 transition-opacity",
-                                                                    children: [
-                                                                        /*#__PURE__*/ jsx(Button, {
-                                                                            variant: "ghost",
-                                                                            size: "sm",
-                                                                            className: "h-5 w-5 p-0",
-                                                                            onClick: (e)=>{
-                                                                                e.stopPropagation();
-                                                                                moveField(section.id, field.id, 'up');
-                                                                            },
-                                                                            disabled: 0 === fieldIndex,
-                                                                            children: /*#__PURE__*/ jsx(MoveUp, {
-                                                                                className: "h-2.5 w-2.5"
-                                                                            })
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx(Button, {
-                                                                            variant: "ghost",
-                                                                            size: "sm",
-                                                                            className: "h-5 w-5 p-0",
-                                                                            onClick: (e)=>{
-                                                                                e.stopPropagation();
-                                                                                moveField(section.id, field.id, 'down');
-                                                                            },
-                                                                            disabled: fieldIndex === section.fields.length - 1,
-                                                                            children: /*#__PURE__*/ jsx(MoveDown, {
-                                                                                className: "h-2.5 w-2.5"
-                                                                            })
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx(Button, {
-                                                                            variant: "ghost",
-                                                                            size: "sm",
-                                                                            className: "h-5 w-5 p-0",
-                                                                            onClick: (e)=>{
-                                                                                e.stopPropagation();
-                                                                                removeField(section.id, field.id);
-                                                                            },
-                                                                            children: /*#__PURE__*/ jsx(Trash2, {
-                                                                                className: "h-2.5 w-2.5 text-destructive"
-                                                                            })
-                                                                        })
-                                                                    ]
-                                                                })
-                                                            ]
-                                                        }, field.id)),
-                                                    /*#__PURE__*/ jsxs(Button, {
-                                                        onClick: ()=>addField(section.id),
-                                                        variant: "outline",
-                                                        size: "sm",
-                                                        children: [
-                                                            /*#__PURE__*/ jsx(Plus, {
-                                                                className: "h-3 w-3 mr-1"
-                                                            }),
-                                                            "Field"
-                                                        ]
-                                                    })
-                                                ]
-                                            })
-                                        })
-                                    ]
-                                }, section.id))
+                    /*#__PURE__*/ jsx(AccordionContent, {
+                        className: "pt-2",
+                        children: /*#__PURE__*/ jsx(FieldOptionsEditor, {
+                            options: field.options || [],
+                            onChange: (options)=>onUpdate({
+                                    options
+                                })
                         })
                     })
                 ]
-            }),
-            /*#__PURE__*/ jsxs(Card, {
-                className: "overflow-hidden flex flex-col",
+            })
+        });
+        $[23] = field.options;
+        $[24] = needsOptions;
+        $[25] = onUpdate;
+        $[26] = t11;
+    } else t11 = $[26];
+    let t12;
+    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+        t12 = [
+            "data-source"
+        ];
+        $[27] = t12;
+    } else t12 = $[27];
+    let t13;
+    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+        t13 = /*#__PURE__*/ jsx(AccordionTrigger, {
+            className: "text-sm font-medium",
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-2",
                 children: [
-                    /*#__PURE__*/ jsxs(CardHeader, {
-                        children: [
-                            /*#__PURE__*/ jsxs(CardTitle, {
-                                className: "flex items-center gap-2",
-                                children: [
-                                    /*#__PURE__*/ jsx(Settings, {
-                                        className: "h-4 w-4"
-                                    }),
-                                    selectedFieldId ? 'Field configuration' : selectedSectionId ? 'Section configuration' : 'Configuration'
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(CardDescription, {
-                                children: selectedField ? `Configure "${selectedField.label}"` : selectedSection ? `Configure "${selectedSection.title}" section` : 'Select a section or field to configure'
-                            })
-                        ]
+                    /*#__PURE__*/ jsx(Database, {
+                        className: "h-4 w-4"
                     }),
-                    /*#__PURE__*/ jsx(CardContent, {
-                        className: "flex-1 overflow-auto",
-                        children: selectedField ? /*#__PURE__*/ jsx(FieldConfigForm, {
-                            field: selectedField,
-                            onUpdate: (updates)=>updateField(selectedField.id, updates),
-                            allFields: allFields,
-                            existingFieldNames: new Set(allFields.map((f)=>f.name))
-                        }) : selectedSection ? /*#__PURE__*/ jsx(SectionConfigForm, {
-                            section: selectedSection,
-                            onUpdate: (updates)=>updateSection(selectedSection.id, updates),
-                            existingSectionIds: new Set(sections.map((s)=>s.id))
-                        }) : /*#__PURE__*/ jsx("div", {
-                            className: "flex items-center justify-center h-full text-muted-foreground",
-                            children: "Select a section or field to configure"
+                    "Data source"
+                ]
+            })
+        });
+        $[28] = t13;
+    } else t13 = $[28];
+    let t14;
+    if ($[29] !== onUpdate) {
+        t14 = (dataSource)=>onUpdate({
+                dataSource
+            });
+        $[29] = onUpdate;
+        $[30] = t14;
+    } else t14 = $[30];
+    let t15;
+    if ($[31] !== field.dataSource || $[32] !== t14) {
+        t15 = /*#__PURE__*/ jsx(Accordion, {
+            type: "multiple",
+            defaultValue: t12,
+            children: /*#__PURE__*/ jsxs(AccordionItem, {
+                value: "data-source",
+                className: "border rounded-lg px-3",
+                children: [
+                    t13,
+                    /*#__PURE__*/ jsx(AccordionContent, {
+                        className: "pt-2",
+                        children: /*#__PURE__*/ jsx(DataSourceEditor, {
+                            dataSource: field.dataSource,
+                            onChange: t14
                         })
                     })
                 ]
-            }),
-            /*#__PURE__*/ jsxs(Card, {
-                className: "overflow-hidden flex flex-col",
+            })
+        });
+        $[31] = field.dataSource;
+        $[32] = t14;
+        $[33] = t15;
+    } else t15 = $[33];
+    let t16;
+    if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+        t16 = [
+            "rules"
+        ];
+        $[34] = t16;
+    } else t16 = $[34];
+    let t17;
+    if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+        t17 = /*#__PURE__*/ jsx(AccordionTrigger, {
+            className: "text-sm font-medium",
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-2",
                 children: [
-                    /*#__PURE__*/ jsx(CardHeader, {
-                        children: /*#__PURE__*/ jsxs("div", {
-                            className: "space-y-4",
-                            children: [
-                                /*#__PURE__*/ jsxs("div", {
-                                    children: [
-                                        /*#__PURE__*/ jsxs(CardTitle, {
-                                            className: "flex items-center gap-2",
-                                            children: [
-                                                /*#__PURE__*/ jsx(View, {
-                                                    className: "h-4 w-4"
-                                                }),
-                                                "Preview & export"
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsx(CardDescription, {
-                                            children: "See how your form looks"
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs("div", {
-                                    className: "space-y-2",
-                                    children: [
-                                        /*#__PURE__*/ jsx(Label, {
-                                            htmlFor: "form-title",
-                                            children: "Form title"
-                                        }),
-                                        /*#__PURE__*/ jsx(Input, {
-                                            id: "form-title",
-                                            value: formTitle,
-                                            onChange: (e)=>setFormTitle(e.target.value)
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs("div", {
-                                    className: "space-y-2",
-                                    children: [
-                                        /*#__PURE__*/ jsx(Label, {
-                                            htmlFor: "form-description",
-                                            children: "Form description"
-                                        }),
-                                        /*#__PURE__*/ jsx(Textarea, {
-                                            id: "form-description",
-                                            value: formDescription,
-                                            onChange: (e)=>setFormDescription(e.target.value),
-                                            placeholder: "Optional description",
-                                            rows: 2
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
+                    /*#__PURE__*/ jsx(GitBranch, {
+                        className: "h-4 w-4"
                     }),
-                    /*#__PURE__*/ jsx(CardContent, {
-                        className: "flex-1 overflow-auto",
-                        children: /*#__PURE__*/ jsxs(Tabs, {
-                            defaultValue: "preview",
-                            className: "h-full flex flex-col",
-                            children: [
-                                /*#__PURE__*/ jsxs(TabsList, {
-                                    className: "grid w-full grid-cols-2",
-                                    children: [
-                                        /*#__PURE__*/ jsxs(TabsTrigger, {
-                                            value: "preview",
-                                            children: [
-                                                /*#__PURE__*/ jsx(Eye, {
-                                                    className: "h-4 w-4 mr-2"
-                                                }),
-                                                "Preview"
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs(TabsTrigger, {
-                                            value: "code",
-                                            children: [
-                                                /*#__PURE__*/ jsx(Code, {
-                                                    className: "h-4 w-4 mr-2"
-                                                }),
-                                                "Schema"
-                                            ]
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs(TabsContent, {
-                                    value: "preview",
-                                    className: "flex-1 overflow-auto",
-                                    children: [
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "flex items-center justify-end gap-2 mb-4 pb-2 border-b",
-                                            children: [
-                                                /*#__PURE__*/ jsx(Label, {
-                                                    htmlFor: "preview-readonly",
-                                                    className: "text-sm text-muted-foreground",
-                                                    children: "Readonly"
-                                                }),
-                                                /*#__PURE__*/ jsx(Switch, {
-                                                    id: "preview-readonly",
-                                                    checked: previewDisabled,
-                                                    onCheckedChange: setPreviewDisabled
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsx(MetadataForm, {
-                                            schema: generatedSchema,
-                                            onSubmit: (data)=>{
-                                                console.log('Form submitted:', data);
-                                                alert('Form submitted! Check console for data.');
-                                            },
-                                            disabled: previewDisabled,
-                                            autoComplete: "off"
-                                        }, sections.map((s)=>`${s.id}:${s.collapsible}:${s.defaultExpanded}:${s.fields.map((f)=>`${f.id}:${f.type}:${f.name}:${JSON.stringify(f.rules || [])}:${JSON.stringify(f.validation || {})}`).join('-')}`).join(','))
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsx(TabsContent, {
-                                    value: "code",
-                                    className: "flex-1 overflow-auto",
-                                    children: /*#__PURE__*/ jsx("pre", {
-                                        className: "text-xs bg-muted p-4 rounded-lg overflow-auto max-h-full",
-                                        children: schemaToJson(generatedSchema)
-                                    })
-                                })
-                            ]
+                    "Rules & conditions"
+                ]
+            })
+        });
+        $[35] = t17;
+    } else t17 = $[35];
+    let t18;
+    if ($[36] !== onUpdate) {
+        t18 = (rules)=>onUpdate({
+                rules
+            });
+        $[36] = onUpdate;
+        $[37] = t18;
+    } else t18 = $[37];
+    const t19 = field.validation?.requiredMessage;
+    let t20;
+    if ($[38] !== field.validation || $[39] !== onUpdate) {
+        t20 = (message)=>onUpdate({
+                validation: {
+                    ...field.validation,
+                    requiredMessage: message
+                }
+            });
+        $[38] = field.validation;
+        $[39] = onUpdate;
+        $[40] = t20;
+    } else t20 = $[40];
+    let t21;
+    if ($[41] !== allFields || $[42] !== field.rules || $[43] !== t18 || $[44] !== t19 || $[45] !== t20) {
+        t21 = /*#__PURE__*/ jsx(Accordion, {
+            type: "multiple",
+            defaultValue: t16,
+            children: /*#__PURE__*/ jsxs(AccordionItem, {
+                value: "rules",
+                className: "border rounded-lg px-3",
+                children: [
+                    t17,
+                    /*#__PURE__*/ jsx(AccordionContent, {
+                        className: "pt-2",
+                        children: /*#__PURE__*/ jsx(RulesEditor, {
+                            rules: field.rules,
+                            onChange: t18,
+                            allFields: allFields,
+                            requiredMessage: t19,
+                            onRequiredMessageChange: t20
                         })
                     })
                 ]
             })
-        ]
-    });
+        });
+        $[41] = allFields;
+        $[42] = field.rules;
+        $[43] = t18;
+        $[44] = t19;
+        $[45] = t20;
+        $[46] = t21;
+    } else t21 = $[46];
+    let t22;
+    if ($[47] !== t10 || $[48] !== t11 || $[49] !== t15 || $[50] !== t21 || $[51] !== t9) {
+        t22 = /*#__PURE__*/ jsxs("div", {
+            className: "space-y-2",
+            children: [
+                t9,
+                t10,
+                t11,
+                t15,
+                t21
+            ]
+        });
+        $[47] = t10;
+        $[48] = t11;
+        $[49] = t15;
+        $[50] = t21;
+        $[51] = t9;
+        $[52] = t22;
+    } else t22 = $[52];
+    return t22;
 }
-function FieldOptionsEditor({ options, onChange }) {
-    const addOption = ()=>{
-        onChange([
-            ...options,
+function FormDesigner() {
+    const $ = compiler_runtime_c(143);
+    const [formTitle, setFormTitle] = useState("My Custom Form");
+    const [formDescription, setFormDescription] = useState("");
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = [
             {
-                label: `Option ${options.length + 1}`,
-                value: `option${options.length + 1}`
+                id: "section-1",
+                title: "General Information",
+                collapsible: false,
+                defaultExpanded: true,
+                fields: [
+                    {
+                        id: "1",
+                        name: "fullName",
+                        type: "text",
+                        label: "Full Name",
+                        placeholder: "Enter your name"
+                    }
+                ]
             }
-        ]);
-    };
-    const updateOption = (index, updates)=>{
-        const newOptions = [
-            ...options
         ];
-        newOptions[index] = {
-            ...newOptions[index],
-            ...updates
+        $[0] = t0;
+    } else t0 = $[0];
+    const [sections, setSections] = useState(t0);
+    const [selectedSectionId, setSelectedSectionId] = useState("section-1");
+    const [selectedFieldId, setSelectedFieldId] = useState("1");
+    let t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = [
+            "section-1"
+        ];
+        $[1] = t1;
+    } else t1 = $[1];
+    const [expandedSections, setExpandedSections] = useState(t1);
+    const [previewDisabled, setPreviewDisabled] = useState(false);
+    let T0;
+    let T1;
+    let T2;
+    let generatedSchema;
+    let t10;
+    let t2;
+    let t3;
+    let t4;
+    let t5;
+    let t6;
+    let t7;
+    let t8;
+    let t9;
+    if ($[2] !== expandedSections || $[3] !== formDescription || $[4] !== formTitle || $[5] !== sections || $[6] !== selectedFieldId || $[7] !== selectedSectionId) {
+        const allFields = sections.flatMap(_temp);
+        let t11;
+        if ($[21] !== sections || $[22] !== selectedSectionId) {
+            let t12;
+            if ($[24] !== selectedSectionId) {
+                t12 = (s_0)=>s_0.id === selectedSectionId;
+                $[24] = selectedSectionId;
+                $[25] = t12;
+            } else t12 = $[25];
+            t11 = sections.find(t12);
+            $[21] = sections;
+            $[22] = selectedSectionId;
+            $[23] = t11;
+        } else t11 = $[23];
+        const selectedSection = t11;
+        let t12;
+        if ($[26] !== selectedFieldId) {
+            t12 = (f)=>f.id === selectedFieldId;
+            $[26] = selectedFieldId;
+            $[27] = t12;
+        } else t12 = $[27];
+        const selectedField = allFields.find(t12);
+        const t13 = formDescription || void 0;
+        let t14;
+        if ($[28] !== sections) {
+            t14 = sections.map(_temp3);
+            $[28] = sections;
+            $[29] = t14;
+        } else t14 = $[29];
+        let t15;
+        if ($[30] !== formTitle || $[31] !== t13 || $[32] !== t14) {
+            t15 = {
+                id: "custom-form",
+                title: formTitle,
+                description: t13,
+                mode: "onChange",
+                reValidateMode: "onChange",
+                sections: t14
+            };
+            $[30] = formTitle;
+            $[31] = t13;
+            $[32] = t14;
+            $[33] = t15;
+        } else t15 = $[33];
+        generatedSchema = t15;
+        let t16;
+        if ($[34] !== expandedSections || $[35] !== sections) {
+            t16 = ()=>{
+                const newSection = {
+                    id: `section-${Date.now()}`,
+                    title: `Section ${sections.length + 1}`,
+                    collapsible: true,
+                    defaultExpanded: true,
+                    fields: []
+                };
+                setSections([
+                    ...sections,
+                    newSection
+                ]);
+                setSelectedSectionId(newSection.id);
+                setSelectedFieldId(null);
+                setExpandedSections([
+                    ...expandedSections,
+                    newSection.id
+                ]);
+            };
+            $[34] = expandedSections;
+            $[35] = sections;
+            $[36] = t16;
+        } else t16 = $[36];
+        const addSection = t16;
+        let t17;
+        if ($[37] !== expandedSections || $[38] !== sections || $[39] !== selectedSectionId) {
+            t17 = (id)=>{
+                if (sections.length <= 1) return;
+                setSections(sections.filter((s_1)=>s_1.id !== id));
+                setExpandedSections(expandedSections.filter((sId)=>sId !== id));
+                if (selectedSectionId === id) {
+                    setSelectedSectionId(sections[0]?.id || null);
+                    setSelectedFieldId(null);
+                }
+            };
+            $[37] = expandedSections;
+            $[38] = sections;
+            $[39] = selectedSectionId;
+            $[40] = t17;
+        } else t17 = $[40];
+        const removeSection = t17;
+        let t18;
+        if ($[41] !== expandedSections || $[42] !== sections || $[43] !== selectedSectionId) {
+            t18 = (id_0, updates)=>{
+                let finalUpdates = updates;
+                if (updates.id && updates.id !== id_0) {
+                    const idExists = sections.some((s_2)=>s_2.id === updates.id);
+                    if (idExists) {
+                        const { id: _id_0, ...rest } = updates;
+                        finalUpdates = rest;
+                    }
+                }
+                setSections(sections.map((s_3)=>s_3.id === id_0 ? {
+                        ...s_3,
+                        ...finalUpdates
+                    } : s_3));
+                if (finalUpdates.id && finalUpdates.id !== id_0) {
+                    if (selectedSectionId === id_0) setSelectedSectionId(finalUpdates.id);
+                    setExpandedSections(expandedSections.map((sId_0)=>sId_0 === id_0 ? finalUpdates.id : sId_0));
+                }
+            };
+            $[41] = expandedSections;
+            $[42] = sections;
+            $[43] = selectedSectionId;
+            $[44] = t18;
+        } else t18 = $[44];
+        const updateSection = t18;
+        let t19;
+        if ($[45] !== sections) {
+            t19 = (id_1, direction)=>{
+                const index = sections.findIndex((s_4)=>s_4.id === id_1);
+                if (-1 === index) return;
+                const newSections = [
+                    ...sections
+                ];
+                if ("up" === direction && index > 0) {
+                    const [t20, t21] = [
+                        newSections[index],
+                        newSections[index - 1]
+                    ];
+                    newSections[index - 1] = t20;
+                    newSections[index] = t21;
+                } else if ("down" === direction && index < sections.length - 1) {
+                    const [t22, t23] = [
+                        newSections[index + 1],
+                        newSections[index]
+                    ];
+                    newSections[index] = t22;
+                    newSections[index + 1] = t23;
+                }
+                setSections(newSections);
+            };
+            $[45] = sections;
+            $[46] = t19;
+        } else t19 = $[46];
+        const moveSection = t19;
+        const addField = (sectionId)=>{
+            const section_0 = sections.find((s_5)=>s_5.id === sectionId);
+            if (!section_0) return;
+            const newField = {
+                id: Date.now().toString(),
+                name: `field_${allFields.length + 1}`,
+                type: "text",
+                label: `Field ${allFields.length + 1}`
+            };
+            setSections(sections.map((s_6)=>s_6.id === sectionId ? {
+                    ...s_6,
+                    fields: [
+                        ...s_6.fields,
+                        newField
+                    ]
+                } : s_6));
+            setSelectedSectionId(sectionId);
+            setSelectedFieldId(newField.id);
         };
-        onChange(newOptions);
+        let t20;
+        if ($[47] !== sections || $[48] !== selectedFieldId) {
+            t20 = (sectionId_0, fieldId)=>{
+                setSections(sections.map((s_7)=>s_7.id === sectionId_0 ? {
+                        ...s_7,
+                        fields: s_7.fields.filter((f_0)=>f_0.id !== fieldId)
+                    } : s_7));
+                if (selectedFieldId === fieldId) {
+                    const section_1 = sections.find((s_8)=>s_8.id === sectionId_0);
+                    setSelectedFieldId(section_1?.fields[0]?.id || null);
+                }
+            };
+            $[47] = sections;
+            $[48] = selectedFieldId;
+            $[49] = t20;
+        } else t20 = $[49];
+        const removeField = t20;
+        let t21;
+        if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+            t21 = (fieldId_0, updates_0)=>{
+                setSections((prevSections)=>{
+                    const prevAllFields = prevSections.flatMap(_temp4);
+                    let finalUpdates_0 = updates_0;
+                    if (updates_0.name) {
+                        const currentField = prevAllFields.find((f_1)=>f_1.id === fieldId_0);
+                        if (currentField && updates_0.name !== currentField.name) {
+                            const nameExists = prevAllFields.some((f_2)=>f_2.id !== fieldId_0 && f_2.name === updates_0.name);
+                            if (nameExists) {
+                                const { name: _name, ...rest_0 } = updates_0;
+                                finalUpdates_0 = rest_0;
+                            }
+                        }
+                    }
+                    return prevSections.map((s_10)=>({
+                            ...s_10,
+                            fields: s_10.fields.map((f_3)=>f_3.id === fieldId_0 ? {
+                                    ...f_3,
+                                    ...finalUpdates_0
+                                } : f_3)
+                        }));
+                });
+            };
+            $[50] = t21;
+        } else t21 = $[50];
+        const updateField = t21;
+        let t22;
+        if ($[51] !== sections) {
+            t22 = (sectionId_1, fieldId_1, direction_0)=>{
+                const section_2 = sections.find((s_11)=>s_11.id === sectionId_1);
+                if (!section_2) return;
+                const index_0 = section_2.fields.findIndex((f_4)=>f_4.id === fieldId_1);
+                if (-1 === index_0) return;
+                const newFields = [
+                    ...section_2.fields
+                ];
+                if ("up" === direction_0 && index_0 > 0) {
+                    const [t23, t24] = [
+                        newFields[index_0],
+                        newFields[index_0 - 1]
+                    ];
+                    newFields[index_0 - 1] = t23;
+                    newFields[index_0] = t24;
+                } else if ("down" === direction_0 && index_0 < newFields.length - 1) {
+                    const [t25, t26] = [
+                        newFields[index_0 + 1],
+                        newFields[index_0]
+                    ];
+                    newFields[index_0] = t25;
+                    newFields[index_0 + 1] = t26;
+                }
+                setSections(sections.map((s_12)=>s_12.id === sectionId_1 ? {
+                        ...s_12,
+                        fields: newFields
+                    } : s_12));
+            };
+            $[51] = sections;
+            $[52] = t22;
+        } else t22 = $[52];
+        const moveField = t22;
+        T2 = Grid;
+        t6 = 3;
+        t7 = "screen";
+        t8 = 3;
+        t9 = "lg:grid-cols-[2fr_3fr_3fr]";
+        let t23;
+        if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
+            t23 = /*#__PURE__*/ jsxs("div", {
+                children: [
+                    /*#__PURE__*/ jsxs(CardTitle, {
+                        className: "flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ jsx(Layers, {
+                                className: "h-4 w-4"
+                            }),
+                            "Sections"
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(CardDescription, {
+                        children: "Organize fields into sections"
+                    })
+                ]
+            });
+            $[53] = t23;
+        } else t23 = $[53];
+        let t24;
+        if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+            t24 = /*#__PURE__*/ jsx(Plus, {
+                className: "h-3 w-3 mr-1"
+            });
+            $[54] = t24;
+        } else t24 = $[54];
+        let t25;
+        if ($[55] !== addSection) {
+            t25 = /*#__PURE__*/ jsx(CardHeader, {
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-center justify-between",
+                    children: [
+                        t23,
+                        /*#__PURE__*/ jsxs(Button, {
+                            onClick: addSection,
+                            variant: "outline",
+                            size: "sm",
+                            children: [
+                                t24,
+                                "Section"
+                            ]
+                        })
+                    ]
+                })
+            });
+            $[55] = addSection;
+            $[56] = t25;
+        } else t25 = $[56];
+        let t26;
+        if ($[57] !== addField || $[58] !== moveField || $[59] !== moveSection || $[60] !== removeField || $[61] !== removeSection || $[62] !== sections || $[63] !== selectedFieldId || $[64] !== selectedSectionId) {
+            let t27;
+            if ($[66] !== addField || $[67] !== moveField || $[68] !== moveSection || $[69] !== removeField || $[70] !== removeSection || $[71] !== sections.length || $[72] !== selectedFieldId || $[73] !== selectedSectionId) {
+                t27 = (section_3, sectionIndex)=>/*#__PURE__*/ jsxs(AccordionItem, {
+                        value: section_3.id,
+                        className: `group/section border rounded-lg ${selectedSectionId === section_3.id && !selectedFieldId ? "ring-2 ring-primary" : ""}`,
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex items-center gap-1 px-2 py-1.5",
+                                children: [
+                                    /*#__PURE__*/ jsx(AccordionTrigger, {
+                                        className: "h-5 w-5 p-0 hover:no-underline hover:bg-accent rounded [&>svg]:hidden flex items-center justify-center shrink-0",
+                                        children: /*#__PURE__*/ jsx("span", {
+                                            className: "flex items-center justify-center",
+                                            children: /*#__PURE__*/ jsx(ChevronRight, {
+                                                className: "h-3 w-3 shrink-0 transition-transform duration-200 group-data-[state=open]/section:rotate-90"
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "flex-1 min-w-0 cursor-pointer flex items-center gap-1",
+                                        onClick: ()=>{
+                                            setSelectedSectionId(section_3.id);
+                                            setSelectedFieldId(null);
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ jsx("span", {
+                                                className: "text-sm font-medium truncate",
+                                                children: section_3.title
+                                            }),
+                                            section_3.collapsible && /*#__PURE__*/ jsx("span", {
+                                                className: "text-[10px] text-muted-foreground",
+                                                children: "(collapsible)"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "flex gap-0.5 opacity-0 group-hover/section:opacity-100 transition-opacity",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Button, {
+                                                variant: "ghost",
+                                                size: "sm",
+                                                className: "h-5 w-5 p-0",
+                                                onClick: (e)=>{
+                                                    e.stopPropagation();
+                                                    moveSection(section_3.id, "up");
+                                                },
+                                                disabled: 0 === sectionIndex,
+                                                children: /*#__PURE__*/ jsx(MoveUp, {
+                                                    className: "h-2.5 w-2.5"
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Button, {
+                                                variant: "ghost",
+                                                size: "sm",
+                                                className: "h-5 w-5 p-0",
+                                                onClick: (e_0)=>{
+                                                    e_0.stopPropagation();
+                                                    moveSection(section_3.id, "down");
+                                                },
+                                                disabled: sectionIndex === sections.length - 1,
+                                                children: /*#__PURE__*/ jsx(MoveDown, {
+                                                    className: "h-2.5 w-2.5"
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Button, {
+                                                variant: "ghost",
+                                                size: "sm",
+                                                className: "h-5 w-5 p-0",
+                                                onClick: (e_1)=>{
+                                                    e_1.stopPropagation();
+                                                    removeSection(section_3.id);
+                                                },
+                                                disabled: sections.length <= 1,
+                                                children: /*#__PURE__*/ jsx(Trash2, {
+                                                    className: "h-2.5 w-2.5 text-destructive"
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(AccordionContent, {
+                                className: "px-2 pb-2 pt-0",
+                                children: /*#__PURE__*/ jsxs("div", {
+                                    className: "space-y-0.5 ml-3 border-l pl-2",
+                                    children: [
+                                        section_3.fields.map((field_0, fieldIndex)=>/*#__PURE__*/ jsxs("div", {
+                                                className: `group/field flex items-center gap-1 px-2 py-1 rounded cursor-pointer hover:bg-accent transition-colors ${selectedFieldId === field_0.id ? "bg-accent" : ""}`,
+                                                onClick: ()=>{
+                                                    setSelectedSectionId(section_3.id);
+                                                    setSelectedFieldId(field_0.id);
+                                                },
+                                                children: [
+                                                    /*#__PURE__*/ jsx(GripVertical, {
+                                                        className: "h-3 w-3 text-muted-foreground opacity-0 group-hover/field:opacity-50"
+                                                    }),
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: "flex-1 min-w-0",
+                                                        children: [
+                                                            /*#__PURE__*/ jsxs("div", {
+                                                                className: "flex items-center gap-1",
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx("span", {
+                                                                        className: "text-xs font-medium truncate",
+                                                                        children: field_0.label
+                                                                    }),
+                                                                    field_0.rules?.some(_temp5) && /*#__PURE__*/ jsx("span", {
+                                                                        className: "text-[10px] text-destructive",
+                                                                        children: "*"
+                                                                    })
+                                                                ]
+                                                            }),
+                                                            /*#__PURE__*/ jsx("div", {
+                                                                className: "text-[9px] text-muted-foreground",
+                                                                children: field_0.type
+                                                            })
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: "flex gap-0.5 opacity-0 group-hover/field:opacity-100 transition-opacity",
+                                                        children: [
+                                                            /*#__PURE__*/ jsx(Button, {
+                                                                variant: "ghost",
+                                                                size: "sm",
+                                                                className: "h-5 w-5 p-0",
+                                                                onClick: (e_2)=>{
+                                                                    e_2.stopPropagation();
+                                                                    moveField(section_3.id, field_0.id, "up");
+                                                                },
+                                                                disabled: 0 === fieldIndex,
+                                                                children: /*#__PURE__*/ jsx(MoveUp, {
+                                                                    className: "h-2.5 w-2.5"
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ jsx(Button, {
+                                                                variant: "ghost",
+                                                                size: "sm",
+                                                                className: "h-5 w-5 p-0",
+                                                                onClick: (e_3)=>{
+                                                                    e_3.stopPropagation();
+                                                                    moveField(section_3.id, field_0.id, "down");
+                                                                },
+                                                                disabled: fieldIndex === section_3.fields.length - 1,
+                                                                children: /*#__PURE__*/ jsx(MoveDown, {
+                                                                    className: "h-2.5 w-2.5"
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ jsx(Button, {
+                                                                variant: "ghost",
+                                                                size: "sm",
+                                                                className: "h-5 w-5 p-0",
+                                                                onClick: (e_4)=>{
+                                                                    e_4.stopPropagation();
+                                                                    removeField(section_3.id, field_0.id);
+                                                                },
+                                                                children: /*#__PURE__*/ jsx(Trash2, {
+                                                                    className: "h-2.5 w-2.5 text-destructive"
+                                                                })
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            }, field_0.id)),
+                                        /*#__PURE__*/ jsxs(Button, {
+                                            onClick: ()=>addField(section_3.id),
+                                            variant: "outline",
+                                            size: "sm",
+                                            children: [
+                                                /*#__PURE__*/ jsx(Plus, {
+                                                    className: "h-3 w-3 mr-1"
+                                                }),
+                                                "Field"
+                                            ]
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    }, section_3.id);
+                $[66] = addField;
+                $[67] = moveField;
+                $[68] = moveSection;
+                $[69] = removeField;
+                $[70] = removeSection;
+                $[71] = sections.length;
+                $[72] = selectedFieldId;
+                $[73] = selectedSectionId;
+                $[74] = t27;
+            } else t27 = $[74];
+            t26 = sections.map(t27);
+            $[57] = addField;
+            $[58] = moveField;
+            $[59] = moveSection;
+            $[60] = removeField;
+            $[61] = removeSection;
+            $[62] = sections;
+            $[63] = selectedFieldId;
+            $[64] = selectedSectionId;
+            $[65] = t26;
+        } else t26 = $[65];
+        let t27;
+        if ($[75] !== expandedSections || $[76] !== t26) {
+            t27 = /*#__PURE__*/ jsx(CardContent, {
+                className: "flex-1 overflow-auto px-2 pb-2",
+                children: /*#__PURE__*/ jsx(Accordion, {
+                    type: "multiple",
+                    value: expandedSections,
+                    onValueChange: setExpandedSections,
+                    className: "space-y-1",
+                    children: t26
+                })
+            });
+            $[75] = expandedSections;
+            $[76] = t26;
+            $[77] = t27;
+        } else t27 = $[77];
+        if ($[78] !== t25 || $[79] !== t27) {
+            t10 = /*#__PURE__*/ jsxs(Card, {
+                className: "overflow-hidden flex flex-col",
+                children: [
+                    t25,
+                    t27
+                ]
+            });
+            $[78] = t25;
+            $[79] = t27;
+            $[80] = t10;
+        } else t10 = $[80];
+        T1 = Card;
+        t4 = "overflow-hidden flex flex-col";
+        let t28;
+        if ($[81] === Symbol.for("react.memo_cache_sentinel")) {
+            t28 = /*#__PURE__*/ jsx(Settings, {
+                className: "h-4 w-4"
+            });
+            $[81] = t28;
+        } else t28 = $[81];
+        const t29 = selectedFieldId ? "Field configuration" : selectedSectionId ? "Section configuration" : "Configuration";
+        let t30;
+        if ($[82] !== t29) {
+            t30 = /*#__PURE__*/ jsxs(CardTitle, {
+                className: "flex items-center gap-2",
+                children: [
+                    t28,
+                    t29
+                ]
+            });
+            $[82] = t29;
+            $[83] = t30;
+        } else t30 = $[83];
+        const t31 = selectedField ? `Configure "${selectedField.label}"` : selectedSection ? `Configure "${selectedSection.title}" section` : "Select a section or field to configure";
+        let t32;
+        if ($[84] !== t31) {
+            t32 = /*#__PURE__*/ jsx(CardDescription, {
+                children: t31
+            });
+            $[84] = t31;
+            $[85] = t32;
+        } else t32 = $[85];
+        if ($[86] !== t30 || $[87] !== t32) {
+            t5 = /*#__PURE__*/ jsxs(CardHeader, {
+                children: [
+                    t30,
+                    t32
+                ]
+            });
+            $[86] = t30;
+            $[87] = t32;
+            $[88] = t5;
+        } else t5 = $[88];
+        T0 = CardContent;
+        t2 = "flex-1 overflow-auto";
+        t3 = selectedField ? /*#__PURE__*/ jsx(FieldConfigForm, {
+            field: selectedField,
+            onUpdate: (updates_1)=>updateField(selectedField.id, updates_1),
+            allFields: allFields,
+            existingFieldNames: new Set(allFields.map(_temp6))
+        }) : selectedSection ? /*#__PURE__*/ jsx(SectionConfigForm, {
+            section: selectedSection,
+            onUpdate: (updates_2)=>updateSection(selectedSection.id, updates_2),
+            existingSectionIds: new Set(sections.map(_temp7))
+        }) : /*#__PURE__*/ jsx("div", {
+            className: "flex items-center justify-center h-full text-muted-foreground",
+            children: "Select a section or field to configure"
+        });
+        $[2] = expandedSections;
+        $[3] = formDescription;
+        $[4] = formTitle;
+        $[5] = sections;
+        $[6] = selectedFieldId;
+        $[7] = selectedSectionId;
+        $[8] = T0;
+        $[9] = T1;
+        $[10] = T2;
+        $[11] = generatedSchema;
+        $[12] = t10;
+        $[13] = t2;
+        $[14] = t3;
+        $[15] = t4;
+        $[16] = t5;
+        $[17] = t6;
+        $[18] = t7;
+        $[19] = t8;
+        $[20] = t9;
+    } else {
+        T0 = $[8];
+        T1 = $[9];
+        T2 = $[10];
+        generatedSchema = $[11];
+        t10 = $[12];
+        t2 = $[13];
+        t3 = $[14];
+        t4 = $[15];
+        t5 = $[16];
+        t6 = $[17];
+        t7 = $[18];
+        t8 = $[19];
+        t9 = $[20];
+    }
+    let t11;
+    if ($[89] !== T0 || $[90] !== t2 || $[91] !== t3) {
+        t11 = /*#__PURE__*/ jsx(T0, {
+            className: t2,
+            children: t3
+        });
+        $[89] = T0;
+        $[90] = t2;
+        $[91] = t3;
+        $[92] = t11;
+    } else t11 = $[92];
+    let t12;
+    if ($[93] !== T1 || $[94] !== t11 || $[95] !== t4 || $[96] !== t5) {
+        t12 = /*#__PURE__*/ jsxs(T1, {
+            className: t4,
+            children: [
+                t5,
+                t11
+            ]
+        });
+        $[93] = T1;
+        $[94] = t11;
+        $[95] = t4;
+        $[96] = t5;
+        $[97] = t12;
+    } else t12 = $[97];
+    let t13;
+    if ($[98] === Symbol.for("react.memo_cache_sentinel")) {
+        t13 = /*#__PURE__*/ jsxs("div", {
+            children: [
+                /*#__PURE__*/ jsxs(CardTitle, {
+                    className: "flex items-center gap-2",
+                    children: [
+                        /*#__PURE__*/ jsx(View, {
+                            className: "h-4 w-4"
+                        }),
+                        "Preview & export"
+                    ]
+                }),
+                /*#__PURE__*/ jsx(CardDescription, {
+                    children: "See how your form looks"
+                })
+            ]
+        });
+        $[98] = t13;
+    } else t13 = $[98];
+    let t14;
+    if ($[99] === Symbol.for("react.memo_cache_sentinel")) {
+        t14 = /*#__PURE__*/ jsx(Label, {
+            htmlFor: "form-title",
+            children: "Form title"
+        });
+        $[99] = t14;
+    } else t14 = $[99];
+    let t15;
+    if ($[100] === Symbol.for("react.memo_cache_sentinel")) {
+        t15 = (e_5)=>setFormTitle(e_5.target.value);
+        $[100] = t15;
+    } else t15 = $[100];
+    let t16;
+    if ($[101] !== formTitle) {
+        t16 = /*#__PURE__*/ jsxs("div", {
+            className: "space-y-2",
+            children: [
+                t14,
+                /*#__PURE__*/ jsx(Input, {
+                    id: "form-title",
+                    value: formTitle,
+                    onChange: t15
+                })
+            ]
+        });
+        $[101] = formTitle;
+        $[102] = t16;
+    } else t16 = $[102];
+    let t17;
+    if ($[103] === Symbol.for("react.memo_cache_sentinel")) {
+        t17 = /*#__PURE__*/ jsx(Label, {
+            htmlFor: "form-description",
+            children: "Form description"
+        });
+        $[103] = t17;
+    } else t17 = $[103];
+    let t18;
+    if ($[104] === Symbol.for("react.memo_cache_sentinel")) {
+        t18 = (e_6)=>setFormDescription(e_6.target.value);
+        $[104] = t18;
+    } else t18 = $[104];
+    let t19;
+    if ($[105] !== formDescription) {
+        t19 = /*#__PURE__*/ jsxs("div", {
+            className: "space-y-2",
+            children: [
+                t17,
+                /*#__PURE__*/ jsx(Textarea, {
+                    id: "form-description",
+                    value: formDescription,
+                    onChange: t18,
+                    placeholder: "Optional description",
+                    rows: 2
+                })
+            ]
+        });
+        $[105] = formDescription;
+        $[106] = t19;
+    } else t19 = $[106];
+    let t20;
+    if ($[107] !== t16 || $[108] !== t19) {
+        t20 = /*#__PURE__*/ jsx(CardHeader, {
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "space-y-4",
+                children: [
+                    t13,
+                    t16,
+                    t19
+                ]
+            })
+        });
+        $[107] = t16;
+        $[108] = t19;
+        $[109] = t20;
+    } else t20 = $[109];
+    let t21;
+    if ($[110] === Symbol.for("react.memo_cache_sentinel")) {
+        t21 = /*#__PURE__*/ jsxs(TabsTrigger, {
+            value: "preview",
+            children: [
+                /*#__PURE__*/ jsx(Eye, {
+                    className: "h-4 w-4 mr-2"
+                }),
+                "Preview"
+            ]
+        });
+        $[110] = t21;
+    } else t21 = $[110];
+    let t22;
+    if ($[111] === Symbol.for("react.memo_cache_sentinel")) {
+        t22 = /*#__PURE__*/ jsxs(TabsList, {
+            className: "grid w-full grid-cols-2",
+            children: [
+                t21,
+                /*#__PURE__*/ jsxs(TabsTrigger, {
+                    value: "code",
+                    children: [
+                        /*#__PURE__*/ jsx(Code, {
+                            className: "h-4 w-4 mr-2"
+                        }),
+                        "Schema"
+                    ]
+                })
+            ]
+        });
+        $[111] = t22;
+    } else t22 = $[111];
+    let t23;
+    if ($[112] === Symbol.for("react.memo_cache_sentinel")) {
+        t23 = /*#__PURE__*/ jsx(Label, {
+            htmlFor: "preview-readonly",
+            className: "text-sm text-muted-foreground",
+            children: "Readonly"
+        });
+        $[112] = t23;
+    } else t23 = $[112];
+    let t24;
+    if ($[113] !== previewDisabled) {
+        t24 = /*#__PURE__*/ jsxs("div", {
+            className: "flex items-center justify-end gap-2 mb-4 pb-2 border-b",
+            children: [
+                t23,
+                /*#__PURE__*/ jsx(Switch, {
+                    id: "preview-readonly",
+                    checked: previewDisabled,
+                    onCheckedChange: setPreviewDisabled
+                })
+            ]
+        });
+        $[113] = previewDisabled;
+        $[114] = t24;
+    } else t24 = $[114];
+    let t25;
+    if ($[115] !== sections) {
+        t25 = sections.map(_temp9).join(",");
+        $[115] = sections;
+        $[116] = t25;
+    } else t25 = $[116];
+    let t26;
+    if ($[117] !== generatedSchema || $[118] !== previewDisabled || $[119] !== t25) {
+        t26 = /*#__PURE__*/ jsx(MetadataForm, {
+            schema: generatedSchema,
+            onSubmit: _temp0,
+            disabled: previewDisabled,
+            autoComplete: "off"
+        }, t25);
+        $[117] = generatedSchema;
+        $[118] = previewDisabled;
+        $[119] = t25;
+        $[120] = t26;
+    } else t26 = $[120];
+    let t27;
+    if ($[121] !== t24 || $[122] !== t26) {
+        t27 = /*#__PURE__*/ jsxs(TabsContent, {
+            value: "preview",
+            className: "flex-1 overflow-auto",
+            children: [
+                t24,
+                t26
+            ]
+        });
+        $[121] = t24;
+        $[122] = t26;
+        $[123] = t27;
+    } else t27 = $[123];
+    let t28;
+    if ($[124] !== generatedSchema) {
+        t28 = schemaToJson(generatedSchema);
+        $[124] = generatedSchema;
+        $[125] = t28;
+    } else t28 = $[125];
+    let t29;
+    if ($[126] !== t28) {
+        t29 = /*#__PURE__*/ jsx(TabsContent, {
+            value: "code",
+            className: "flex-1 overflow-auto",
+            children: /*#__PURE__*/ jsx("pre", {
+                className: "text-xs bg-muted p-4 rounded-lg overflow-auto max-h-full",
+                children: t28
+            })
+        });
+        $[126] = t28;
+        $[127] = t29;
+    } else t29 = $[127];
+    let t30;
+    if ($[128] !== t27 || $[129] !== t29) {
+        t30 = /*#__PURE__*/ jsx(CardContent, {
+            className: "flex-1 overflow-auto",
+            children: /*#__PURE__*/ jsxs(Tabs, {
+                defaultValue: "preview",
+                className: "h-full flex flex-col",
+                children: [
+                    t22,
+                    t27,
+                    t29
+                ]
+            })
+        });
+        $[128] = t27;
+        $[129] = t29;
+        $[130] = t30;
+    } else t30 = $[130];
+    let t31;
+    if ($[131] !== t20 || $[132] !== t30) {
+        t31 = /*#__PURE__*/ jsxs(Card, {
+            className: "overflow-hidden flex flex-col",
+            children: [
+                t20,
+                t30
+            ]
+        });
+        $[131] = t20;
+        $[132] = t30;
+        $[133] = t31;
+    } else t31 = $[133];
+    let t32;
+    if ($[134] !== T2 || $[135] !== t10 || $[136] !== t12 || $[137] !== t31 || $[138] !== t6 || $[139] !== t7 || $[140] !== t8 || $[141] !== t9) {
+        t32 = /*#__PURE__*/ jsxs(T2, {
+            gap: t6,
+            h: t7,
+            p: t8,
+            className: t9,
+            children: [
+                t10,
+                t12,
+                t31
+            ]
+        });
+        $[134] = T2;
+        $[135] = t10;
+        $[136] = t12;
+        $[137] = t31;
+        $[138] = t6;
+        $[139] = t7;
+        $[140] = t8;
+        $[141] = t9;
+        $[142] = t32;
+    } else t32 = $[142];
+    return t32;
+}
+function _temp0(data) {
+    console.log("Form submitted:", data);
+    alert("Form submitted! Check console for data.");
+}
+function _temp9(s_14) {
+    return `${s_14.id}:${s_14.collapsible}:${s_14.defaultExpanded}:${s_14.fields.map(_temp8).join("-")}`;
+}
+function _temp8(f_6) {
+    return `${f_6.id}:${f_6.type}:${f_6.name}:${JSON.stringify(f_6.rules || [])}:${JSON.stringify(f_6.validation || {})}`;
+}
+function _temp7(s_13) {
+    return s_13.id;
+}
+function _temp6(f_5) {
+    return f_5.name;
+}
+function _temp5(r) {
+    return r.effects.required;
+}
+function _temp4(s_9) {
+    return s_9.fields;
+}
+function _temp3(section) {
+    return {
+        id: section.id,
+        title: section.title,
+        description: section.description,
+        collapsible: section.collapsible,
+        defaultExpanded: section.defaultExpanded,
+        fields: section.fields.map(_temp2)
     };
-    const removeOption = (index)=>{
-        onChange(options.filter((_, i)=>i !== index));
+}
+function _temp2(field) {
+    const { id: _id, validation: _validationConfig, ...fieldMeta } = field;
+    const validationConfig = buildValidationConfig(field);
+    return {
+        ...fieldMeta,
+        validation: validationConfig
     };
-    return /*#__PURE__*/ jsxs("div", {
-        className: "space-y-3",
-        children: [
-            options.map((option, index)=>/*#__PURE__*/ jsxs("div", {
+}
+function _temp(s) {
+    return s.fields;
+}
+function FieldOptionsEditor(t0) {
+    const $ = compiler_runtime_c(22);
+    const { options, onChange } = t0;
+    let t1;
+    if ($[0] !== onChange || $[1] !== options) {
+        t1 = ()=>{
+            onChange([
+                ...options,
+                {
+                    label: `Option ${options.length + 1}`,
+                    value: `option${options.length + 1}`
+                }
+            ]);
+        };
+        $[0] = onChange;
+        $[1] = options;
+        $[2] = t1;
+    } else t1 = $[2];
+    const addOption = t1;
+    let t2;
+    if ($[3] !== onChange || $[4] !== options) {
+        t2 = (index, updates)=>{
+            const newOptions = [
+                ...options
+            ];
+            newOptions[index] = {
+                ...newOptions[index],
+                ...updates
+            };
+            onChange(newOptions);
+        };
+        $[3] = onChange;
+        $[4] = options;
+        $[5] = t2;
+    } else t2 = $[5];
+    const updateOption = t2;
+    let t3;
+    if ($[6] !== onChange || $[7] !== options) {
+        t3 = (index_0)=>{
+            onChange(options.filter((_, i)=>i !== index_0));
+        };
+        $[6] = onChange;
+        $[7] = options;
+        $[8] = t3;
+    } else t3 = $[8];
+    const removeOption = t3;
+    let t4;
+    if ($[9] !== options || $[10] !== removeOption || $[11] !== updateOption) {
+        let t5;
+        if ($[13] !== removeOption || $[14] !== updateOption) {
+            t5 = (option, index_1)=>/*#__PURE__*/ jsxs("div", {
                     className: "flex gap-2 items-center",
                     children: [
                         /*#__PURE__*/ jsxs("div", {
@@ -1409,15 +2057,15 @@ function FieldOptionsEditor({ options, onChange }) {
                                 /*#__PURE__*/ jsx(Input, {
                                     placeholder: "Label",
                                     value: option.label,
-                                    onChange: (e)=>updateOption(index, {
+                                    onChange: (e)=>updateOption(index_1, {
                                             label: e.target.value
                                         })
                                 }),
                                 /*#__PURE__*/ jsx(Input, {
                                     placeholder: "Value",
                                     value: option.value,
-                                    onChange: (e)=>updateOption(index, {
-                                            value: e.target.value
+                                    onChange: (e_0)=>updateOption(index_1, {
+                                            value: e_0.target.value
                                         })
                                 })
                             ]
@@ -1426,213 +2074,311 @@ function FieldOptionsEditor({ options, onChange }) {
                             variant: "ghost",
                             size: "icon",
                             className: "h-8 w-8 text-muted-foreground hover:text-destructive",
-                            onClick: ()=>removeOption(index),
+                            onClick: ()=>removeOption(index_1),
                             children: /*#__PURE__*/ jsx(Trash2, {
                                 className: "h-4 w-4"
                             })
                         })
                     ]
-                }, index)),
-            /*#__PURE__*/ jsxs(Button, {
-                onClick: addOption,
-                variant: "outline",
-                size: "sm",
-                className: "w-full",
-                children: [
-                    /*#__PURE__*/ jsx(Plus, {
-                        className: "h-3 w-3 mr-2"
-                    }),
-                    "Add option"
-                ]
-            })
-        ]
-    });
+                }, index_1);
+            $[13] = removeOption;
+            $[14] = updateOption;
+            $[15] = t5;
+        } else t5 = $[15];
+        t4 = options.map(t5);
+        $[9] = options;
+        $[10] = removeOption;
+        $[11] = updateOption;
+        $[12] = t4;
+    } else t4 = $[12];
+    let t5;
+    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /*#__PURE__*/ jsx(Plus, {
+            className: "h-3 w-3 mr-2"
+        });
+        $[16] = t5;
+    } else t5 = $[16];
+    let t6;
+    if ($[17] !== addOption) {
+        t6 = /*#__PURE__*/ jsxs(Button, {
+            onClick: addOption,
+            variant: "outline",
+            size: "sm",
+            className: "w-full",
+            children: [
+                t5,
+                "Add option"
+            ]
+        });
+        $[17] = addOption;
+        $[18] = t6;
+    } else t6 = $[18];
+    let t7;
+    if ($[19] !== t4 || $[20] !== t6) {
+        t7 = /*#__PURE__*/ jsxs("div", {
+            className: "space-y-3",
+            children: [
+                t4,
+                t6
+            ]
+        });
+        $[19] = t4;
+        $[20] = t6;
+        $[21] = t7;
+    } else t7 = $[21];
+    return t7;
 }
-function DataSourceEditor({ dataSource, onChange }) {
-    const [sourceType, setSourceType] = useState(dataSource?.type || 'none');
-    return /*#__PURE__*/ jsxs("div", {
-        className: "space-y-4",
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "space-y-2",
-                children: [
-                    /*#__PURE__*/ jsx(Label, {
-                        children: "Data source type"
-                    }),
-                    /*#__PURE__*/ jsxs(Select, {
-                        value: sourceType,
-                        onValueChange: (value)=>{
-                            setSourceType(value);
-                            if ('none' === value) onChange(void 0);
-                            else if ('static' === value) onChange({
-                                type: 'static',
-                                options: []
-                            });
-                            else if ('fetch' === value) onChange({
-                                type: 'fetch',
-                                url: '',
-                                method: 'GET'
-                            });
-                            else if ('remote' === value) onChange({
-                                type: 'remote',
-                                endpoint: '',
-                                params: {}
-                            });
-                            else if ('computed' === value) onChange({
-                                type: 'computed',
-                                dependency: [],
-                                compute: ''
-                            });
-                        },
-                        children: [
-                            /*#__PURE__*/ jsx(SelectTrigger, {
-                                children: /*#__PURE__*/ jsx(SelectValue, {})
-                            }),
-                            /*#__PURE__*/ jsxs(SelectContent, {
-                                children: [
-                                    /*#__PURE__*/ jsx(SelectItem, {
-                                        value: "none",
-                                        children: "None"
-                                    }),
-                                    /*#__PURE__*/ jsx(SelectItem, {
-                                        value: "fetch",
-                                        children: "Fetch (single request)"
-                                    }),
-                                    /*#__PURE__*/ jsx(SelectItem, {
-                                        value: "remote",
-                                        children: "Remote (dependent)"
-                                    }),
-                                    /*#__PURE__*/ jsx(SelectItem, {
-                                        value: "computed",
-                                        children: "Computed"
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            }),
-            'fetch' === sourceType && dataSource?.type === 'fetch' && /*#__PURE__*/ jsxs("div", {
-                className: "space-y-3",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-2",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                children: "API URL"
-                            }),
-                            /*#__PURE__*/ jsx(Input, {
-                                placeholder: "/api/data",
-                                value: dataSource.url,
-                                onChange: (e)=>onChange({
-                                        ...dataSource,
-                                        url: e.target.value
-                                    })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-2",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                children: "Transform"
-                            }),
-                            /*#__PURE__*/ jsx(Textarea, {
-                                placeholder: "data.map(item => ({ label: item.name, value: item.id }))",
-                                value: dataSource.transform || '',
-                                onChange: (e)=>onChange({
-                                        ...dataSource,
-                                        transform: e.target.value
-                                    }),
-                                rows: 2
-                            })
-                        ]
-                    })
-                ]
-            }),
-            'remote' === sourceType && dataSource?.type === 'remote' && /*#__PURE__*/ jsxs("div", {
-                className: "space-y-3",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-2",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                children: "Endpoint"
-                            }),
-                            /*#__PURE__*/ jsx(Input, {
-                                placeholder: "/api/data",
-                                value: dataSource.endpoint,
-                                onChange: (e)=>onChange({
-                                        ...dataSource,
-                                        endpoint: e.target.value
-                                    })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-2",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                children: "Parameters (JSON)"
-                            }),
-                            /*#__PURE__*/ jsx(Textarea, {
-                                placeholder: '{ "fieldName": "$otherField" }',
-                                value: JSON.stringify(dataSource.params || {}, null, 2),
-                                onChange: (e)=>{
-                                    try {
-                                        const params = JSON.parse(e.target.value);
-                                        onChange({
-                                            ...dataSource,
-                                            params
-                                        });
-                                    } catch  {}
-                                },
-                                rows: 3
-                            })
-                        ]
-                    })
-                ]
-            }),
-            'computed' === sourceType && dataSource?.type === 'computed' && /*#__PURE__*/ jsxs("div", {
-                className: "space-y-3",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-2",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                children: "Dependencies (comma-separated)"
-                            }),
-                            /*#__PURE__*/ jsx(Input, {
-                                placeholder: "field1, field2",
-                                value: dataSource.dependency.join(', '),
-                                onChange: (e)=>onChange({
-                                        ...dataSource,
-                                        dependency: e.target.value.split(',').map((s)=>s.trim())
-                                    })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-2",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                children: "Compute expression"
-                            }),
-                            /*#__PURE__*/ jsx(Textarea, {
-                                placeholder: "(field1 || 0) * (field2 || 0)",
-                                value: dataSource.compute,
-                                onChange: (e)=>onChange({
+function DataSourceEditor(t0) {
+    const $ = compiler_runtime_c(25);
+    const { dataSource, onChange } = t0;
+    const [sourceType, setSourceType] = useState(dataSource?.type || "none");
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /*#__PURE__*/ jsx(Label, {
+            children: "Data source type"
+        });
+        $[0] = t1;
+    } else t1 = $[0];
+    let t2;
+    if ($[1] !== onChange) {
+        t2 = (value)=>{
+            setSourceType(value);
+            if ("none" === value) onChange(void 0);
+            else if ("static" === value) onChange({
+                type: "static",
+                options: []
+            });
+            else if ("fetch" === value) onChange({
+                type: "fetch",
+                url: "",
+                method: "GET"
+            });
+            else if ("remote" === value) onChange({
+                type: "remote",
+                endpoint: "",
+                params: {}
+            });
+            else if ("computed" === value) onChange({
+                type: "computed",
+                dependency: [],
+                compute: ""
+            });
+        };
+        $[1] = onChange;
+        $[2] = t2;
+    } else t2 = $[2];
+    let t3;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ jsx(SelectTrigger, {
+            children: /*#__PURE__*/ jsx(SelectValue, {})
+        });
+        $[3] = t3;
+    } else t3 = $[3];
+    let t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /*#__PURE__*/ jsxs(SelectContent, {
+            children: [
+                /*#__PURE__*/ jsx(SelectItem, {
+                    value: "none",
+                    children: "None"
+                }),
+                /*#__PURE__*/ jsx(SelectItem, {
+                    value: "fetch",
+                    children: "Fetch (single request)"
+                }),
+                /*#__PURE__*/ jsx(SelectItem, {
+                    value: "remote",
+                    children: "Remote (dependent)"
+                }),
+                /*#__PURE__*/ jsx(SelectItem, {
+                    value: "computed",
+                    children: "Computed"
+                })
+            ]
+        });
+        $[4] = t4;
+    } else t4 = $[4];
+    let t5;
+    if ($[5] !== sourceType || $[6] !== t2) {
+        t5 = /*#__PURE__*/ jsxs("div", {
+            className: "space-y-2",
+            children: [
+                t1,
+                /*#__PURE__*/ jsxs(Select, {
+                    value: sourceType,
+                    onValueChange: t2,
+                    children: [
+                        t3,
+                        t4
+                    ]
+                })
+            ]
+        });
+        $[5] = sourceType;
+        $[6] = t2;
+        $[7] = t5;
+    } else t5 = $[7];
+    let t6;
+    if ($[8] !== dataSource || $[9] !== onChange || $[10] !== sourceType) {
+        t6 = "fetch" === sourceType && dataSource?.type === "fetch" && /*#__PURE__*/ jsxs("div", {
+            className: "space-y-3",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "space-y-2",
+                    children: [
+                        /*#__PURE__*/ jsx(Label, {
+                            children: "API URL"
+                        }),
+                        /*#__PURE__*/ jsx(Input, {
+                            placeholder: "/api/data",
+                            value: dataSource.url,
+                            onChange: (e)=>onChange({
+                                    ...dataSource,
+                                    url: e.target.value
+                                })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "space-y-2",
+                    children: [
+                        /*#__PURE__*/ jsx(Label, {
+                            children: "Transform"
+                        }),
+                        /*#__PURE__*/ jsx(Textarea, {
+                            placeholder: "data.map(item => ({ label: item.name, value: item.id }))",
+                            value: dataSource.transform || "",
+                            onChange: (e_0)=>onChange({
+                                    ...dataSource,
+                                    transform: e_0.target.value
+                                }),
+                            rows: 2
+                        })
+                    ]
+                })
+            ]
+        });
+        $[8] = dataSource;
+        $[9] = onChange;
+        $[10] = sourceType;
+        $[11] = t6;
+    } else t6 = $[11];
+    let t7;
+    if ($[12] !== dataSource || $[13] !== onChange || $[14] !== sourceType) {
+        t7 = "remote" === sourceType && dataSource?.type === "remote" && /*#__PURE__*/ jsxs("div", {
+            className: "space-y-3",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "space-y-2",
+                    children: [
+                        /*#__PURE__*/ jsx(Label, {
+                            children: "Endpoint"
+                        }),
+                        /*#__PURE__*/ jsx(Input, {
+                            placeholder: "/api/data",
+                            value: dataSource.endpoint,
+                            onChange: (e_1)=>onChange({
+                                    ...dataSource,
+                                    endpoint: e_1.target.value
+                                })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "space-y-2",
+                    children: [
+                        /*#__PURE__*/ jsx(Label, {
+                            children: "Parameters (JSON)"
+                        }),
+                        /*#__PURE__*/ jsx(Textarea, {
+                            placeholder: "{ \"fieldName\": \"$otherField\" }",
+                            value: JSON.stringify(dataSource.params || {}, null, 2),
+                            onChange: (e_2)=>{
+                                try {
+                                    const params = JSON.parse(e_2.target.value);
+                                    onChange({
                                         ...dataSource,
-                                        compute: e.target.value
-                                    }),
-                                rows: 2
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
+                                        params
+                                    });
+                                } catch  {}
+                            },
+                            rows: 3
+                        })
+                    ]
+                })
+            ]
+        });
+        $[12] = dataSource;
+        $[13] = onChange;
+        $[14] = sourceType;
+        $[15] = t7;
+    } else t7 = $[15];
+    let t8;
+    if ($[16] !== dataSource || $[17] !== onChange || $[18] !== sourceType) {
+        t8 = "computed" === sourceType && dataSource?.type === "computed" && /*#__PURE__*/ jsxs("div", {
+            className: "space-y-3",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "space-y-2",
+                    children: [
+                        /*#__PURE__*/ jsx(Label, {
+                            children: "Dependencies (comma-separated)"
+                        }),
+                        /*#__PURE__*/ jsx(Input, {
+                            placeholder: "field1, field2",
+                            value: dataSource.dependency.join(", "),
+                            onChange: (e_3)=>onChange({
+                                    ...dataSource,
+                                    dependency: e_3.target.value.split(",").map(_temp1)
+                                })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "space-y-2",
+                    children: [
+                        /*#__PURE__*/ jsx(Label, {
+                            children: "Compute expression"
+                        }),
+                        /*#__PURE__*/ jsx(Textarea, {
+                            placeholder: "(field1 || 0) * (field2 || 0)",
+                            value: dataSource.compute,
+                            onChange: (e_4)=>onChange({
+                                    ...dataSource,
+                                    compute: e_4.target.value
+                                }),
+                            rows: 2
+                        })
+                    ]
+                })
+            ]
+        });
+        $[16] = dataSource;
+        $[17] = onChange;
+        $[18] = sourceType;
+        $[19] = t8;
+    } else t8 = $[19];
+    let t9;
+    if ($[20] !== t5 || $[21] !== t6 || $[22] !== t7 || $[23] !== t8) {
+        t9 = /*#__PURE__*/ jsxs("div", {
+            className: "space-y-4",
+            children: [
+                t5,
+                t6,
+                t7,
+                t8
+            ]
+        });
+        $[20] = t5;
+        $[21] = t6;
+        $[22] = t7;
+        $[23] = t8;
+        $[24] = t9;
+    } else t9 = $[24];
+    return t9;
+}
+function _temp1(s) {
+    return s.trim();
 }
 const CONDITION_OPERATORS = [
     {
@@ -1691,96 +2437,135 @@ const RULE_EFFECTS = [
         color: 'text-gray-600 bg-gray-50 border-gray-200'
     }
 ];
-function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequiredMessageChange }) {
+function RulesEditor(t0) {
+    const $ = compiler_runtime_c(34);
+    const { rules: t1, onChange, allFields, requiredMessage, onRequiredMessageChange } = t0;
+    const rules = void 0 === t1 ? [] : t1;
     const [isAddingRule, setIsAddingRule] = useState(false);
     const [editingRuleIndex, setEditingRuleIndex] = useState(null);
-    const [selectedEffect, setSelectedEffect] = useState('show');
-    const [conditions, setConditions] = useState([
-        {
-            field: '',
-            operator: 'is',
-            value: ''
-        }
-    ]);
-    const [conditionOperator, setConditionOperator] = useState('AND');
-    const isAlwaysRequired = rules.some((r)=>true === r.effects.required && 0 === r.conditions.length);
-    const resetBuilder = ()=>{
-        setSelectedEffect('show');
-        setConditions([
-            {
-                field: '',
-                operator: 'is',
-                value: ''
-            }
-        ]);
-        setConditionOperator('AND');
-        setIsAddingRule(false);
-        setEditingRuleIndex(null);
-    };
-    const addCondition = ()=>{
-        setConditions([
-            ...conditions,
+    const [selectedEffect, setSelectedEffect] = useState("show");
+    let t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = [
             {
-                field: '',
-                operator: 'is',
-                value: ''
+                field: "",
+                operator: "is",
+                value: ""
             }
-        ]);
-    };
-    const updateCondition = (index, updates)=>{
-        const newConditions = [
-            ...conditions
         ];
-        newConditions[index] = {
-            ...newConditions[index],
-            ...updates
+        $[0] = t2;
+    } else t2 = $[0];
+    const [conditions, setConditions] = useState(t2);
+    const [conditionOperator, setConditionOperator] = useState("AND");
+    const isAlwaysRequired = rules.some(_temp10);
+    let t3;
+    if ($[1] !== setConditionOperator || $[2] !== setIsAddingRule || $[3] !== setSelectedEffect) {
+        t3 = ()=>{
+            setSelectedEffect("show");
+            setConditions([
+                {
+                    field: "",
+                    operator: "is",
+                    value: ""
+                }
+            ]);
+            setConditionOperator("AND");
+            setIsAddingRule(false);
+            setEditingRuleIndex(null);
         };
-        setConditions(newConditions);
-    };
-    const removeCondition = (index)=>{
-        if (conditions.length > 1) setConditions(conditions.filter((_, i)=>i !== index));
-    };
-    const buildCondition = (cond)=>{
-        const condition = {
-            when: cond.field
+        $[1] = setConditionOperator;
+        $[2] = setIsAddingRule;
+        $[3] = setSelectedEffect;
+        $[4] = t3;
+    } else t3 = $[4];
+    const resetBuilder = t3;
+    let t4;
+    if ($[5] !== conditions) {
+        t4 = ()=>{
+            setConditions([
+                ...conditions,
+                {
+                    field: "",
+                    operator: "is",
+                    value: ""
+                }
+            ]);
         };
-        const targetField = allFields.find((f)=>f.name === cond.field);
-        const isNumericField = targetField?.type === 'number' || targetField?.type === 'slider';
-        const isBooleanField = targetField?.type === 'checkbox' || targetField?.type === 'switch';
-        const parseValue = (val)=>{
-            if (isBooleanField) {
-                if ('true' === val.toLowerCase()) return true;
-                if ('false' === val.toLowerCase()) return false;
-            }
-            if (isNumericField) {
-                const num = Number(val);
-                if (!isNaN(num)) return num;
+        $[5] = conditions;
+        $[6] = t4;
+    } else t4 = $[6];
+    const addCondition = t4;
+    let t5;
+    if ($[7] !== conditions) {
+        t5 = (index, updates)=>{
+            const newConditions = [
+                ...conditions
+            ];
+            newConditions[index] = {
+                ...newConditions[index],
+                ...updates
+            };
+            setConditions(newConditions);
+        };
+        $[7] = conditions;
+        $[8] = t5;
+    } else t5 = $[8];
+    const updateCondition = t5;
+    let t6;
+    if ($[9] !== conditions) {
+        t6 = (index_0)=>{
+            if (conditions.length > 1) setConditions(conditions.filter((_, i)=>i !== index_0));
+        };
+        $[9] = conditions;
+        $[10] = t6;
+    } else t6 = $[10];
+    const removeCondition = t6;
+    let t7;
+    if ($[11] !== allFields) {
+        t7 = (cond)=>{
+            const condition = {
+                when: cond.field
+            };
+            const targetField = allFields.find((f)=>f.name === cond.field);
+            const isNumericField = targetField?.type === "number" || targetField?.type === "slider";
+            const isBooleanField = targetField?.type === "checkbox" || targetField?.type === "switch";
+            const parseValue = (val)=>{
+                if (isBooleanField) {
+                    if ("true" === val.toLowerCase()) return true;
+                    if ("false" === val.toLowerCase()) return false;
+                }
+                if (isNumericField) {
+                    const num = Number(val);
+                    if (!isNaN(num)) return num;
+                }
+                if ("true" === val.toLowerCase()) return true;
+                if ("false" === val.toLowerCase()) return false;
+                return val;
+            };
+            switch(cond.operator){
+                case "is":
+                    condition.is = parseValue(cond.value);
+                    break;
+                case "isNot":
+                    condition.isNot = parseValue(cond.value);
+                    break;
+                case "in":
+                    condition.in = cond.value.split(",").map((v_0)=>parseValue(v_0.trim()));
+                    break;
+                case "notIn":
+                    condition.notIn = cond.value.split(",").map((v)=>parseValue(v.trim()));
+                    break;
+                case "matches":
+                    condition.matches = cond.value;
             }
-            if ('true' === val.toLowerCase()) return true;
-            if ('false' === val.toLowerCase()) return false;
-            return val;
+            return condition;
         };
-        switch(cond.operator){
-            case 'is':
-                condition.is = parseValue(cond.value);
-                break;
-            case 'isNot':
-                condition.isNot = parseValue(cond.value);
-                break;
-            case 'in':
-                condition.in = cond.value.split(',').map((v)=>parseValue(v.trim()));
-                break;
-            case 'notIn':
-                condition.notIn = cond.value.split(',').map((v)=>parseValue(v.trim()));
-                break;
-            case 'matches':
-                condition.matches = cond.value;
-                break;
-        }
-        return condition;
-    };
+        $[11] = allFields;
+        $[12] = t7;
+    } else t7 = $[12];
+    const buildCondition = t7;
     const saveRule = ()=>{
-        const validConditions = conditions.filter((c)=>c.field);
+        const validConditions = conditions.filter(_temp11);
         if (0 === validConditions.length) return;
         const newRule = {
             id: `rule-${Date.now()}`,
@@ -1789,18 +2574,17 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
             effects: {}
         };
         switch(selectedEffect){
-            case 'show':
+            case "show":
                 newRule.effects.visible = true;
                 break;
-            case 'hide':
+            case "hide":
                 newRule.effects.visible = false;
                 break;
-            case 'require':
+            case "require":
                 newRule.effects.required = true;
                 break;
-            case 'disable':
+            case "disable":
                 newRule.effects.disabled = true;
-                break;
         }
         if (null !== editingRuleIndex) {
             const newRules = [
@@ -1814,148 +2598,351 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
         ]);
         resetBuilder();
     };
-    const editRule = (index)=>{
-        const rule = rules[index];
+    const editRule = (index_1)=>{
+        const rule = rules[index_1];
         if (!rule) return;
-        let effect = 'show';
-        if (true === rule.effects.visible) effect = 'show';
-        else if (false === rule.effects.visible) effect = 'hide';
-        else if (true === rule.effects.required) effect = 'require';
-        else if (true === rule.effects.disabled) effect = 'disable';
+        let effect = "show";
+        if (true === rule.effects.visible) effect = "show";
+        else if (false === rule.effects.visible) effect = "hide";
+        else if (true === rule.effects.required) effect = "require";
+        else if (true === rule.effects.disabled) effect = "disable";
         setSelectedEffect(effect);
-        setConditionOperator(rule.operator || 'AND');
-        const editableConditions = rule.conditions.map((cond)=>{
-            let operator = 'is';
-            let value = '';
-            if (void 0 !== cond.is) {
-                operator = 'is';
-                value = String(cond.is);
-            } else if (void 0 !== cond.isNot) {
-                operator = 'isNot';
-                value = String(cond.isNot);
-            } else if (void 0 !== cond.in) {
-                operator = 'in';
-                value = cond.in.map(String).join(', ');
-            } else if (void 0 !== cond.notIn) {
-                operator = 'notIn';
-                value = cond.notIn.map(String).join(', ');
-            } else if (void 0 !== cond.matches) {
-                operator = 'matches';
-                value = cond.matches;
-            }
-            return {
-                field: cond.when,
-                operator,
-                value
-            };
-        });
+        setConditionOperator(rule.operator || "AND");
+        const editableConditions = rule.conditions.map(_temp12);
         setConditions(editableConditions.length > 0 ? editableConditions : [
             {
-                field: '',
-                operator: 'is',
-                value: ''
+                field: "",
+                operator: "is",
+                value: ""
             }
         ]);
-        setEditingRuleIndex(index);
+        setEditingRuleIndex(index_1);
         setIsAddingRule(true);
     };
-    const deleteRule = (index)=>{
-        onChange(rules.filter((_, i)=>i !== index));
-    };
-    const getFieldLabel = (fieldName)=>{
-        const field = allFields.find((f)=>f.name === fieldName);
-        return field?.label || fieldName;
-    };
-    const describeRule = (rule)=>{
-        if (0 === rule.conditions.length) {
-            if (rule.effects.required) return 'Always required';
-            return 'Always applies';
-        }
-        const conditionDescriptions = rule.conditions.map((cond)=>{
-            const fieldLabel = getFieldLabel(cond.when);
-            if (void 0 !== cond.is) return `"${fieldLabel}" = ${JSON.stringify(cond.is)}`;
-            if (void 0 !== cond.isNot) return `"${fieldLabel}" ≠ ${JSON.stringify(cond.isNot)}`;
-            if (void 0 !== cond.in) return `"${fieldLabel}" in [${cond.in.map((v)=>JSON.stringify(v)).join(', ')}]`;
-            if (void 0 !== cond.notIn) return `"${fieldLabel}" not in [${cond.notIn.map((v)=>JSON.stringify(v)).join(', ')}]`;
-            if (void 0 !== cond.matches) return `"${fieldLabel}" matches /${cond.matches}/`;
-            return `"${fieldLabel}"`;
-        });
-        const operator = 'OR' === rule.operator ? ' OR ' : ' AND ';
-        return conditionDescriptions.join(operator);
+    const deleteRule = (index_2)=>{
+        onChange(rules.filter((__0, i_0)=>i_0 !== index_2));
     };
-    const getEffectDescription = (rule)=>{
-        if (true === rule.effects.visible) return {
-            label: 'Show',
-            color: 'text-green-600 bg-green-50'
-        };
-        if (false === rule.effects.visible) return {
-            label: 'Hide',
-            color: 'text-orange-600 bg-orange-50'
+    let t8;
+    if ($[13] !== allFields) {
+        const getFieldLabel = (fieldName)=>{
+            const field = allFields.find((f_0)=>f_0.name === fieldName);
+            return field?.label || fieldName;
         };
-        if (true === rule.effects.required) return {
-            label: 'Required',
-            color: 'text-red-600 bg-red-50'
-        };
-        if (true === rule.effects.disabled) return {
-            label: 'Disabled',
-            color: 'text-gray-600 bg-gray-50'
+        t8 = (rule_0)=>{
+            if (0 === rule_0.conditions.length) {
+                if (rule_0.effects.required) return "Always required";
+                return "Always applies";
+            }
+            const conditionDescriptions = rule_0.conditions.map((cond_1)=>{
+                const fieldLabel = getFieldLabel(cond_1.when);
+                if (void 0 !== cond_1.is) return `"${fieldLabel}" = ${JSON.stringify(cond_1.is)}`;
+                if (void 0 !== cond_1.isNot) return `"${fieldLabel}" ≠ ${JSON.stringify(cond_1.isNot)}`;
+                if (void 0 !== cond_1.in) return `"${fieldLabel}" in [${cond_1.in.map(_temp13).join(", ")}]`;
+                if (void 0 !== cond_1.notIn) return `"${fieldLabel}" not in [${cond_1.notIn.map(_temp14).join(", ")}]`;
+                if (void 0 !== cond_1.matches) return `"${fieldLabel}" matches /${cond_1.matches}/`;
+                return `"${fieldLabel}"`;
+            });
+            const operator_0 = "OR" === rule_0.operator ? " OR " : " AND ";
+            return conditionDescriptions.join(operator_0);
         };
-        return {
-            label: 'Unknown',
-            color: 'text-muted-foreground bg-muted'
+        $[13] = allFields;
+        $[14] = t8;
+    } else t8 = $[14];
+    const describeRule = t8;
+    const getEffectDescription = _temp15;
+    let t9;
+    if ($[15] !== allFields) {
+        t9 = (fieldName_0)=>{
+            const field_0 = allFields.find((f_1)=>f_1.name === fieldName_0);
+            return field_0?.options || [];
         };
-    };
-    const getFieldOptions = (fieldName)=>{
-        const field = allFields.find((f)=>f.name === fieldName);
-        return field?.options || [];
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        className: "space-y-4",
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "space-y-3 p-3 border rounded-lg bg-muted/30",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center justify-between",
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center gap-3",
+        $[15] = allFields;
+        $[16] = t9;
+    } else t9 = $[16];
+    const getFieldOptions = t9;
+    let t10;
+    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+        t10 = /*#__PURE__*/ jsxs("div", {
+            className: "flex items-center gap-3",
+            children: [
+                /*#__PURE__*/ jsx(Asterisk, {
+                    className: "h-5 w-5 text-red-500"
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    children: [
+                        /*#__PURE__*/ jsx(Label, {
+                            className: "cursor-pointer font-medium",
+                            children: "Always required"
+                        }),
+                        /*#__PURE__*/ jsx("p", {
+                            className: "text-xs text-muted-foreground",
+                            children: "Field must always have a value"
+                        })
+                    ]
+                })
+            ]
+        });
+        $[17] = t10;
+    } else t10 = $[17];
+    let t12;
+    if ($[18] !== addCondition || $[19] !== allFields || $[20] !== conditionOperator || $[21] !== conditions || $[22] !== editingRuleIndex || $[23] !== getFieldOptions || $[24] !== isAddingRule || $[25] !== removeCondition || $[26] !== resetBuilder || $[27] !== saveRule || $[28] !== selectedEffect || $[29] !== setConditionOperator || $[30] !== setIsAddingRule || $[31] !== setSelectedEffect || $[32] !== updateCondition) {
+        t12 = isAddingRule ? /*#__PURE__*/ jsxs("div", {
+            className: "border rounded-lg p-4 space-y-4 bg-muted/20",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-center justify-between",
+                    children: [
+                        /*#__PURE__*/ jsx(Label, {
+                            className: "font-medium",
+                            children: null !== editingRuleIndex ? "Edit rule" : "New rule"
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            variant: "ghost",
+                            size: "sm",
+                            onClick: resetBuilder,
+                            children: "Cancel"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "space-y-2",
+                    children: [
+                        /*#__PURE__*/ jsx(Label, {
+                            className: "text-xs text-muted-foreground",
+                            children: "When conditions are met:"
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "grid grid-cols-2 gap-2",
+                            children: RULE_EFFECTS.map((effect_1)=>/*#__PURE__*/ jsxs("button", {
+                                    type: "button",
+                                    className: `flex items-center gap-2 p-2 rounded-lg border text-left text-sm transition-all ${selectedEffect === effect_1.value ? effect_1.color + " border-current" : "hover:bg-muted"}`,
+                                    onClick: ()=>setSelectedEffect(effect_1.value),
+                                    children: [
+                                        /*#__PURE__*/ jsx(effect_1.Icon, {
+                                            className: "h-4 w-4"
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "font-medium",
+                                            children: effect_1.label
+                                        })
+                                    ]
+                                }, effect_1.value))
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "space-y-3",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex items-center justify-between",
+                            children: [
+                                /*#__PURE__*/ jsx(Label, {
+                                    className: "text-xs text-muted-foreground",
+                                    children: "Conditions:"
+                                }),
+                                conditions.length > 1 && /*#__PURE__*/ jsxs(Select, {
+                                    value: conditionOperator,
+                                    onValueChange: (v_3)=>setConditionOperator(v_3),
+                                    children: [
+                                        /*#__PURE__*/ jsx(SelectTrigger, {
+                                            className: "w-24 h-7 text-xs",
+                                            children: /*#__PURE__*/ jsx(SelectValue, {})
+                                        }),
+                                        /*#__PURE__*/ jsxs(SelectContent, {
+                                            children: [
+                                                /*#__PURE__*/ jsx(SelectItem, {
+                                                    value: "AND",
+                                                    children: "Match ALL"
+                                                }),
+                                                /*#__PURE__*/ jsx(SelectItem, {
+                                                    value: "OR",
+                                                    children: "Match ANY"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        conditions.map((cond_2, index_5)=>/*#__PURE__*/ jsxs("div", {
+                                className: "space-y-2",
                                 children: [
-                                    /*#__PURE__*/ jsx(Asterisk, {
-                                        className: "h-5 w-5 text-red-500"
+                                    index_5 > 0 && /*#__PURE__*/ jsxs("div", {
+                                        className: "flex items-center gap-2 text-xs text-muted-foreground",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Separator, {
+                                                className: "flex-1"
+                                            }),
+                                            /*#__PURE__*/ jsx("span", {
+                                                children: conditionOperator
+                                            }),
+                                            /*#__PURE__*/ jsx(Separator, {
+                                                className: "flex-1"
+                                            })
+                                        ]
                                     }),
                                     /*#__PURE__*/ jsxs("div", {
+                                        className: "flex gap-2 items-start",
                                         children: [
-                                            /*#__PURE__*/ jsx(Label, {
-                                                className: "cursor-pointer font-medium",
-                                                children: "Always required"
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "flex-1 space-y-2",
+                                                children: [
+                                                    /*#__PURE__*/ jsxs(Select, {
+                                                        value: cond_2.field,
+                                                        onValueChange: (v_4)=>updateCondition(index_5, {
+                                                                field: v_4
+                                                            }),
+                                                        children: [
+                                                            /*#__PURE__*/ jsx(SelectTrigger, {
+                                                                className: "h-8 text-sm",
+                                                                children: /*#__PURE__*/ jsx(SelectValue, {
+                                                                    placeholder: "Select field..."
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ jsx(SelectContent, {
+                                                                children: allFields.map(_temp21)
+                                                            })
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: "flex gap-2",
+                                                        children: [
+                                                            /*#__PURE__*/ jsxs(Select, {
+                                                                value: cond_2.operator,
+                                                                onValueChange: (v_5)=>updateCondition(index_5, {
+                                                                        operator: v_5
+                                                                    }),
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(SelectTrigger, {
+                                                                        className: "w-32 h-8 text-sm",
+                                                                        children: /*#__PURE__*/ jsx(SelectValue, {})
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(SelectContent, {
+                                                                        children: CONDITION_OPERATORS.map(_temp22)
+                                                                    })
+                                                                ]
+                                                            }),
+                                                            /*#__PURE__*/ jsx("div", {
+                                                                className: "flex-1",
+                                                                children: cond_2.field && getFieldOptions(cond_2.field).length > 0 && ("is" === cond_2.operator || "isNot" === cond_2.operator) ? /*#__PURE__*/ jsxs(Select, {
+                                                                    value: cond_2.value,
+                                                                    onValueChange: (v_6)=>updateCondition(index_5, {
+                                                                            value: v_6
+                                                                        }),
+                                                                    children: [
+                                                                        /*#__PURE__*/ jsx(SelectTrigger, {
+                                                                            className: "h-8 text-sm",
+                                                                            children: /*#__PURE__*/ jsx(SelectValue, {
+                                                                                placeholder: "Select value..."
+                                                                            })
+                                                                        }),
+                                                                        /*#__PURE__*/ jsx(SelectContent, {
+                                                                            children: getFieldOptions(cond_2.field).map(_temp23)
+                                                                        })
+                                                                    ]
+                                                                }) : /*#__PURE__*/ jsx(Input, {
+                                                                    className: "h-8 text-sm",
+                                                                    placeholder: "in" === cond_2.operator || "notIn" === cond_2.operator ? "value1, value2, ..." : "matches" === cond_2.operator ? "regex pattern" : "value",
+                                                                    value: cond_2.value,
+                                                                    onChange: (e_0)=>updateCondition(index_5, {
+                                                                            value: e_0.target.value
+                                                                        })
+                                                                })
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
                                             }),
-                                            /*#__PURE__*/ jsx("p", {
-                                                className: "text-xs text-muted-foreground",
-                                                children: "Field must always have a value"
+                                            conditions.length > 1 && /*#__PURE__*/ jsx(Button, {
+                                                variant: "ghost",
+                                                size: "sm",
+                                                className: "h-8 w-8 p-0 text-muted-foreground",
+                                                onClick: ()=>removeCondition(index_5),
+                                                children: /*#__PURE__*/ jsx(Trash2, {
+                                                    className: "h-3.5 w-3.5"
+                                                })
                                             })
                                         ]
                                     })
                                 ]
-                            }),
+                            }, index_5)),
+                        /*#__PURE__*/ jsxs(Button, {
+                            variant: "outline",
+                            size: "sm",
+                            className: "w-full",
+                            onClick: addCondition,
+                            children: [
+                                /*#__PURE__*/ jsx(Plus, {
+                                    className: "h-3 w-3 mr-2"
+                                }),
+                                "Add condition"
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    className: "w-full",
+                    onClick: saveRule,
+                    disabled: !conditions.some(_temp24),
+                    children: null !== editingRuleIndex ? "Update rule" : "Add rule"
+                })
+            ]
+        }) : /*#__PURE__*/ jsxs(Button, {
+            variant: "outline",
+            className: "w-full",
+            onClick: ()=>setIsAddingRule(true),
+            children: [
+                /*#__PURE__*/ jsx(Plus, {
+                    className: "h-4 w-4 mr-2"
+                }),
+                "Add conditional rule"
+            ]
+        });
+        $[18] = addCondition;
+        $[19] = allFields;
+        $[20] = conditionOperator;
+        $[21] = conditions;
+        $[22] = editingRuleIndex;
+        $[23] = getFieldOptions;
+        $[24] = isAddingRule;
+        $[25] = removeCondition;
+        $[26] = resetBuilder;
+        $[27] = saveRule;
+        $[28] = selectedEffect;
+        $[29] = setConditionOperator;
+        $[30] = setIsAddingRule;
+        $[31] = setSelectedEffect;
+        $[32] = updateCondition;
+        $[33] = t12;
+    } else t12 = $[33];
+    return /*#__PURE__*/ jsxs("div", {
+        className: "space-y-4",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "space-y-3 p-3 border rounded-lg bg-muted/30",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center justify-between",
+                        children: [
+                            t10,
                             /*#__PURE__*/ jsx(Checkbox, {
                                 checked: isAlwaysRequired,
                                 onCheckedChange: (checked)=>{
                                     if (checked) {
                                         const requiredRule = {
-                                            id: 'always-required',
+                                            id: "always-required",
                                             conditions: [],
-                                            operator: 'AND',
+                                            operator: "AND",
                                             effects: {
                                                 required: true
                                             }
                                         };
                                         onChange([
-                                            ...rules.filter((r)=>!(r.effects.required && 0 === r.conditions.length)),
+                                            ...rules.filter(_temp16),
                                             requiredRule
                                         ]);
                                     } else {
-                                        onChange(rules.filter((r)=>!(r.effects.required && 0 === r.conditions.length)));
+                                        onChange(rules.filter(_temp17));
                                         onRequiredMessageChange(void 0);
                                     }
                                 }
@@ -1973,7 +2960,7 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
                             /*#__PURE__*/ jsx(Input, {
                                 id: "required-message",
                                 placeholder: "This field is required",
-                                value: requiredMessage || '',
+                                value: requiredMessage || "",
                                 onChange: (e)=>onRequiredMessageChange(e.target.value || void 0),
                                 className: "h-8 text-sm"
                             })
@@ -1981,18 +2968,16 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
                     })
                 ]
             }),
-            rules.filter((r)=>r.conditions.length > 0 || !r.effects.required).length > 0 && /*#__PURE__*/ jsxs("div", {
+            rules.filter(_temp18).length > 0 && /*#__PURE__*/ jsxs("div", {
                 className: "space-y-2",
                 children: [
                     /*#__PURE__*/ jsx(Label, {
                         className: "text-xs text-muted-foreground uppercase tracking-wide",
                         children: "Conditional rules"
                     }),
-                    rules.map((rule, index)=>({
-                            rule,
-                            index
-                        })).filter(({ rule })=>rule.conditions.length > 0 || !rule.effects.required).map(({ rule, index })=>{
-                        const effect = getEffectDescription(rule);
+                    rules.map(_temp19).filter(_temp20).map((t11)=>{
+                        const { rule: rule_4, index: index_4 } = t11;
+                        const effect_0 = getEffectDescription(rule_4);
                         return /*#__PURE__*/ jsx("div", {
                             className: "group border rounded-lg p-3 hover:border-primary/50 transition-colors",
                             children: /*#__PURE__*/ jsxs("div", {
@@ -2005,14 +2990,14 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
                                                 className: "flex items-center gap-2 mb-1",
                                                 children: [
                                                     /*#__PURE__*/ jsx("span", {
-                                                        className: `text-xs font-medium px-2 py-0.5 rounded ${effect.color}`,
-                                                        children: effect.label
+                                                        className: `text-xs font-medium px-2 py-0.5 rounded ${effect_0.color}`,
+                                                        children: effect_0.label
                                                     }),
-                                                    rule.conditions.length > 1 && /*#__PURE__*/ jsxs("span", {
+                                                    rule_4.conditions.length > 1 && /*#__PURE__*/ jsxs("span", {
                                                         className: "text-xs text-muted-foreground",
                                                         children: [
                                                             "(",
-                                                            rule.operator,
+                                                            rule_4.operator,
                                                             ")"
                                                         ]
                                                     })
@@ -2020,7 +3005,7 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
                                             }),
                                             /*#__PURE__*/ jsx("p", {
                                                 className: "text-sm text-muted-foreground truncate",
-                                                children: describeRule(rule)
+                                                children: describeRule(rule_4)
                                             })
                                         ]
                                     }),
@@ -2031,7 +3016,7 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
                                                 variant: "ghost",
                                                 size: "sm",
                                                 className: "h-7 w-7 p-0",
-                                                onClick: ()=>editRule(index),
+                                                onClick: ()=>editRule(index_4),
                                                 children: /*#__PURE__*/ jsx(Settings, {
                                                     className: "h-3.5 w-3.5"
                                                 })
@@ -2040,7 +3025,7 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
                                                 variant: "ghost",
                                                 size: "sm",
                                                 className: "h-7 w-7 p-0 text-destructive hover:text-destructive",
-                                                onClick: ()=>deleteRule(index),
+                                                onClick: ()=>deleteRule(index_4),
                                                 children: /*#__PURE__*/ jsx(Trash2, {
                                                     className: "h-3.5 w-3.5"
                                                 })
@@ -2049,232 +3034,111 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
                                     })
                                 ]
                             })
-                        }, index);
+                        }, index_4);
                     })
                 ]
             }),
-            isAddingRule ? /*#__PURE__*/ jsxs("div", {
-                className: "border rounded-lg p-4 space-y-4 bg-muted/20",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center justify-between",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                className: "font-medium",
-                                children: null !== editingRuleIndex ? 'Edit rule' : 'New rule'
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                variant: "ghost",
-                                size: "sm",
-                                onClick: resetBuilder,
-                                children: "Cancel"
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-2",
-                        children: [
-                            /*#__PURE__*/ jsx(Label, {
-                                className: "text-xs text-muted-foreground",
-                                children: "When conditions are met:"
-                            }),
-                            /*#__PURE__*/ jsx("div", {
-                                className: "grid grid-cols-2 gap-2",
-                                children: RULE_EFFECTS.map((effect)=>/*#__PURE__*/ jsxs("button", {
-                                        type: "button",
-                                        className: `flex items-center gap-2 p-2 rounded-lg border text-left text-sm transition-all ${selectedEffect === effect.value ? effect.color + ' border-current' : 'hover:bg-muted'}`,
-                                        onClick: ()=>setSelectedEffect(effect.value),
-                                        children: [
-                                            /*#__PURE__*/ jsx(effect.Icon, {
-                                                className: "h-4 w-4"
-                                            }),
-                                            /*#__PURE__*/ jsx("span", {
-                                                className: "font-medium",
-                                                children: effect.label
-                                            })
-                                        ]
-                                    }, effect.value))
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-3",
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center justify-between",
-                                children: [
-                                    /*#__PURE__*/ jsx(Label, {
-                                        className: "text-xs text-muted-foreground",
-                                        children: "Conditions:"
-                                    }),
-                                    conditions.length > 1 && /*#__PURE__*/ jsxs(Select, {
-                                        value: conditionOperator,
-                                        onValueChange: (v)=>setConditionOperator(v),
-                                        children: [
-                                            /*#__PURE__*/ jsx(SelectTrigger, {
-                                                className: "w-24 h-7 text-xs",
-                                                children: /*#__PURE__*/ jsx(SelectValue, {})
-                                            }),
-                                            /*#__PURE__*/ jsxs(SelectContent, {
-                                                children: [
-                                                    /*#__PURE__*/ jsx(SelectItem, {
-                                                        value: "AND",
-                                                        children: "Match ALL"
-                                                    }),
-                                                    /*#__PURE__*/ jsx(SelectItem, {
-                                                        value: "OR",
-                                                        children: "Match ANY"
-                                                    })
-                                                ]
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }),
-                            conditions.map((cond, index)=>/*#__PURE__*/ jsxs("div", {
-                                    className: "space-y-2",
-                                    children: [
-                                        index > 0 && /*#__PURE__*/ jsxs("div", {
-                                            className: "flex items-center gap-2 text-xs text-muted-foreground",
-                                            children: [
-                                                /*#__PURE__*/ jsx(Separator, {
-                                                    className: "flex-1"
-                                                }),
-                                                /*#__PURE__*/ jsx("span", {
-                                                    children: conditionOperator
-                                                }),
-                                                /*#__PURE__*/ jsx(Separator, {
-                                                    className: "flex-1"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "flex gap-2 items-start",
-                                            children: [
-                                                /*#__PURE__*/ jsxs("div", {
-                                                    className: "flex-1 space-y-2",
-                                                    children: [
-                                                        /*#__PURE__*/ jsxs(Select, {
-                                                            value: cond.field,
-                                                            onValueChange: (v)=>updateCondition(index, {
-                                                                    field: v
-                                                                }),
-                                                            children: [
-                                                                /*#__PURE__*/ jsx(SelectTrigger, {
-                                                                    className: "h-8 text-sm",
-                                                                    children: /*#__PURE__*/ jsx(SelectValue, {
-                                                                        placeholder: "Select field..."
-                                                                    })
-                                                                }),
-                                                                /*#__PURE__*/ jsx(SelectContent, {
-                                                                    children: allFields.map((field)=>/*#__PURE__*/ jsx(SelectItem, {
-                                                                            value: field.name,
-                                                                            children: field.label
-                                                                        }, field.id))
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ jsxs("div", {
-                                                            className: "flex gap-2",
-                                                            children: [
-                                                                /*#__PURE__*/ jsxs(Select, {
-                                                                    value: cond.operator,
-                                                                    onValueChange: (v)=>updateCondition(index, {
-                                                                            operator: v
-                                                                        }),
-                                                                    children: [
-                                                                        /*#__PURE__*/ jsx(SelectTrigger, {
-                                                                            className: "w-32 h-8 text-sm",
-                                                                            children: /*#__PURE__*/ jsx(SelectValue, {})
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx(SelectContent, {
-                                                                            children: CONDITION_OPERATORS.map((op)=>/*#__PURE__*/ jsx(SelectItem, {
-                                                                                    value: op.value,
-                                                                                    children: op.label
-                                                                                }, op.value))
-                                                                        })
-                                                                    ]
-                                                                }),
-                                                                /*#__PURE__*/ jsx("div", {
-                                                                    className: "flex-1",
-                                                                    children: cond.field && getFieldOptions(cond.field).length > 0 && ('is' === cond.operator || 'isNot' === cond.operator) ? /*#__PURE__*/ jsxs(Select, {
-                                                                        value: cond.value,
-                                                                        onValueChange: (v)=>updateCondition(index, {
-                                                                                value: v
-                                                                            }),
-                                                                        children: [
-                                                                            /*#__PURE__*/ jsx(SelectTrigger, {
-                                                                                className: "h-8 text-sm",
-                                                                                children: /*#__PURE__*/ jsx(SelectValue, {
-                                                                                    placeholder: "Select value..."
-                                                                                })
-                                                                            }),
-                                                                            /*#__PURE__*/ jsx(SelectContent, {
-                                                                                children: getFieldOptions(cond.field).map((opt)=>/*#__PURE__*/ jsx(SelectItem, {
-                                                                                        value: String(opt.value),
-                                                                                        children: opt.label
-                                                                                    }, String(opt.value)))
-                                                                            })
-                                                                        ]
-                                                                    }) : /*#__PURE__*/ jsx(Input, {
-                                                                        className: "h-8 text-sm",
-                                                                        placeholder: 'in' === cond.operator || 'notIn' === cond.operator ? 'value1, value2, ...' : 'matches' === cond.operator ? 'regex pattern' : 'value',
-                                                                        value: cond.value,
-                                                                        onChange: (e)=>updateCondition(index, {
-                                                                                value: e.target.value
-                                                                            })
-                                                                    })
-                                                                })
-                                                            ]
-                                                        })
-                                                    ]
-                                                }),
-                                                conditions.length > 1 && /*#__PURE__*/ jsx(Button, {
-                                                    variant: "ghost",
-                                                    size: "sm",
-                                                    className: "h-8 w-8 p-0 text-muted-foreground",
-                                                    onClick: ()=>removeCondition(index),
-                                                    children: /*#__PURE__*/ jsx(Trash2, {
-                                                        className: "h-3.5 w-3.5"
-                                                    })
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                }, index)),
-                            /*#__PURE__*/ jsxs(Button, {
-                                variant: "outline",
-                                size: "sm",
-                                className: "w-full",
-                                onClick: addCondition,
-                                children: [
-                                    /*#__PURE__*/ jsx(Plus, {
-                                        className: "h-3 w-3 mr-2"
-                                    }),
-                                    "Add condition"
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        className: "w-full",
-                        onClick: saveRule,
-                        disabled: !conditions.some((c)=>c.field),
-                        children: null !== editingRuleIndex ? 'Update rule' : 'Add rule'
-                    })
-                ]
-            }) : /*#__PURE__*/ jsxs(Button, {
-                variant: "outline",
-                className: "w-full",
-                onClick: ()=>setIsAddingRule(true),
-                children: [
-                    /*#__PURE__*/ jsx(Plus, {
-                        className: "h-4 w-4 mr-2"
-                    }),
-                    "Add conditional rule"
-                ]
-            })
+            t12
         ]
     });
 }
+function _temp24(c_0) {
+    return c_0.field;
+}
+function _temp23(opt) {
+    return /*#__PURE__*/ jsx(SelectItem, {
+        value: String(opt.value),
+        children: opt.label
+    }, String(opt.value));
+}
+function _temp22(op) {
+    return /*#__PURE__*/ jsx(SelectItem, {
+        value: op.value,
+        children: op.label
+    }, op.value);
+}
+function _temp21(field_1) {
+    return /*#__PURE__*/ jsx(SelectItem, {
+        value: field_1.name,
+        children: field_1.label
+    }, field_1.id);
+}
+function _temp20(t0) {
+    const { rule: rule_3 } = t0;
+    return rule_3.conditions.length > 0 || !rule_3.effects.required;
+}
+function _temp19(rule_2, index_3) {
+    return {
+        rule: rule_2,
+        index: index_3
+    };
+}
+function _temp18(r_2) {
+    return r_2.conditions.length > 0 || !r_2.effects.required;
+}
+function _temp17(r_1) {
+    return !(r_1.effects.required && 0 === r_1.conditions.length);
+}
+function _temp16(r_0) {
+    return !(r_0.effects.required && 0 === r_0.conditions.length);
+}
+function _temp15(rule_1) {
+    if (true === rule_1.effects.visible) return {
+        label: "Show",
+        color: "text-green-600 bg-green-50"
+    };
+    if (false === rule_1.effects.visible) return {
+        label: "Hide",
+        color: "text-orange-600 bg-orange-50"
+    };
+    if (true === rule_1.effects.required) return {
+        label: "Required",
+        color: "text-red-600 bg-red-50"
+    };
+    if (true === rule_1.effects.disabled) return {
+        label: "Disabled",
+        color: "text-gray-600 bg-gray-50"
+    };
+    return {
+        label: "Unknown",
+        color: "text-muted-foreground bg-muted"
+    };
+}
+function _temp14(v_2) {
+    return JSON.stringify(v_2);
+}
+function _temp13(v_1) {
+    return JSON.stringify(v_1);
+}
+function _temp12(cond_0) {
+    let operator = "is";
+    let value = "";
+    if (void 0 !== cond_0.is) {
+        operator = "is";
+        value = String(cond_0.is);
+    } else if (void 0 !== cond_0.isNot) {
+        operator = "isNot";
+        value = String(cond_0.isNot);
+    } else if (void 0 !== cond_0.in) {
+        operator = "in";
+        value = cond_0.in.map(String).join(", ");
+    } else if (void 0 !== cond_0.notIn) {
+        operator = "notIn";
+        value = cond_0.notIn.map(String).join(", ");
+    } else if (void 0 !== cond_0.matches) {
+        operator = "matches";
+        value = cond_0.matches;
+    }
+    return {
+        field: cond_0.when,
+        operator,
+        value
+    };
+}
+function _temp11(c) {
+    return c.field;
+}
+function _temp10(r) {
+    return true === r.effects.required && 0 === r.conditions.length;
+}
 export { FormDesigner };