@elqnt/workflow 2.1.4 → 2.2.0

package/dist/chunk-3GG6KTGJ.js

@@ -0,0 +1,998 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// components/dynamic-schema-form.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function DynamicSchemaForm({
+  schema,
+  value = {},
+  onChange,
+  disabled = false,
+  path = [],
+  components,
+  variables = [],
+  showVariablePicker = false
+}) {
+  const [collapsedSections, setCollapsedSections] = _react.useState.call(void 0, 
+    /* @__PURE__ */ new Set()
+  );
+  const [openVariablePickers, setOpenVariablePickers] = _react.useState.call(void 0, 
+    /* @__PURE__ */ new Set()
+  );
+  const [openRichTextDialogs, setOpenRichTextDialogs] = _react.useState.call(void 0, 
+    /* @__PURE__ */ new Set()
+  );
+  const [richTextDraftValues, setRichTextDraftValues] = _react.useState.call(void 0, {});
+  const {
+    Input,
+    Label,
+    Textarea,
+    Checkbox,
+    Select,
+    SelectTrigger,
+    SelectValue,
+    SelectContent,
+    SelectItem,
+    Button,
+    Card,
+    PlusIcon,
+    TrashIcon,
+    ChevronDownIcon,
+    ChevronRightIcon,
+    VariableIcon,
+    CheckIcon,
+    EditIcon,
+    Popover,
+    PopoverTrigger,
+    PopoverContent,
+    Dialog,
+    DialogContent,
+    DialogHeader,
+    DialogTitle,
+    DialogFooter,
+    ScrollArea,
+    MarkdownEditor,
+    cn
+  } = components;
+  const isVariableReference = (val) => {
+    return typeof val === "string" && val.startsWith("{{") && val.endsWith("}}");
+  };
+  const getMatchingVariables = (fieldType) => {
+    if (!fieldType) return variables;
+    const compatibleTypes = {
+      string: ["string"],
+      number: ["number", "integer"],
+      integer: ["number", "integer"],
+      boolean: ["boolean"],
+      object: ["object"],
+      array: ["array"]
+    };
+    const compatible = compatibleTypes[fieldType] || [fieldType];
+    return variables.filter((v) => compatible.includes(v.type));
+  };
+  const toggleVariablePicker = (fieldPath) => {
+    setOpenVariablePickers((prev) => {
+      const next = new Set(prev);
+      if (next.has(fieldPath)) {
+        next.delete(fieldPath);
+      } else {
+        next.add(fieldPath);
+      }
+      return next;
+    });
+  };
+  const renderVariablePicker = (fieldName, fieldType, fieldPath, onSelect) => {
+    if (!showVariablePicker) {
+      return null;
+    }
+    if (!VariableIcon || !Popover || !PopoverTrigger || !PopoverContent) {
+      return null;
+    }
+    const matchingVars = getMatchingVariables(fieldType);
+    const isOpen = openVariablePickers.has(fieldPath);
+    const currentValue = value[fieldName];
+    const isVariable = isVariableReference(currentValue);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      Popover,
+      {
+        open: isOpen,
+        onOpenChange: (open) => {
+          if (open) {
+            setOpenVariablePickers((prev) => new Set(prev).add(fieldPath));
+          } else {
+            setOpenVariablePickers((prev) => {
+              const next = new Set(prev);
+              next.delete(fieldPath);
+              return next;
+            });
+          }
+        },
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              className: cn(
+                "h-8 px-2 shrink-0",
+                isVariable && "border-primary text-primary"
+              ),
+              disabled,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VariableIcon, { className: "h-3.5 w-3.5" })
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PopoverContent, { className: "w-56 p-1", align: "end", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-xs font-medium text-muted-foreground px-2 py-1.5", children: [
+              "Select Variable (",
+              fieldType || "any",
+              ")"
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-48 overflow-y-auto", children: matchingVars.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "px-2 py-3 text-xs text-muted-foreground text-center", children: [
+              "No variables available.",
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "br", {}),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[10px]", children: "Add variables in Workflow Settings \u2192 Variables" })
+            ] }) : matchingVars.map((variable) => {
+              const varRef = `{{${variable.path}}}`;
+              const isSelected = currentValue === varRef;
+              return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  className: cn(
+                    "w-full text-left px-2 py-1.5 text-xs rounded hover:bg-accent flex items-center justify-between",
+                    isSelected && "bg-accent"
+                  ),
+                  onClick: () => {
+                    onSelect(varRef);
+                    setOpenVariablePickers((prev) => {
+                      const next = new Set(prev);
+                      next.delete(fieldPath);
+                      return next;
+                    });
+                  },
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-medium", children: variable.title || variable.name }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-[10px] text-muted-foreground font-mono", children: variable.path })
+                    ] }),
+                    isSelected && CheckIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckIcon, { className: "h-3 w-3" })
+                  ]
+                },
+                variable.path
+              );
+            }) })
+          ] })
+        ]
+      }
+    );
+  };
+  const toggleSection = (key) => {
+    setCollapsedSections((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) {
+        next.delete(key);
+      } else {
+        next.add(key);
+      }
+      return next;
+    });
+  };
+  const handleFieldChange = (fieldName, fieldValue) => {
+    onChange({
+      ...value,
+      [fieldName]: fieldValue
+    });
+  };
+  const renderField = (fieldSchema, fieldName, fieldValue) => {
+    const fieldPath = [...path, fieldName].join(".");
+    const isRequired = _optionalChain([schema, 'access', _2 => _2.required, 'optionalAccess', _3 => _3.includes, 'call', _4 => _4(fieldName)]);
+    if (fieldSchema.enum) {
+      const labels = fieldSchema["x-enumLabels"] || fieldSchema.enum;
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { className: "text-xs font-medium", children: [
+          fieldSchema.title || fieldName,
+          isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          Select,
+          {
+            value: fieldValue || "",
+            onValueChange: (v) => handleFieldChange(fieldName, v),
+            disabled,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                SelectValue,
+                {
+                  placeholder: `Select ${fieldSchema.title || fieldName}`
+                }
+              ) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectContent, { children: fieldSchema.enum.map((option, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: option, className: "text-xs", children: labels[idx] || option }, option)) })
+            ]
+          }
+        ),
+        fieldSchema.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-[10px] text-muted-foreground", children: fieldSchema.description })
+      ] }, fieldPath);
+    }
+    if (fieldSchema.type === "object" && fieldSchema.properties) {
+      const isCollapsed = collapsedSections.has(fieldPath);
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            type: "button",
+            onClick: () => toggleSection(fieldPath),
+            className: "flex items-center gap-1 text-xs font-medium text-gray-700 hover:text-gray-900",
+            children: [
+              isCollapsed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChevronRightIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChevronDownIcon, { className: "h-3 w-3" }),
+              fieldSchema.title || fieldName
+            ]
+          }
+        ),
+        !isCollapsed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Card, { className: "p-3 bg-gray-50/50", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          DynamicSchemaForm,
+          {
+            schema: fieldSchema,
+            value: fieldValue || {},
+            onChange: (v) => handleFieldChange(fieldName, v),
+            disabled,
+            path: [...path, fieldName],
+            components,
+            variables,
+            showVariablePicker
+          }
+        ) })
+      ] }, fieldPath);
+    }
+    if (fieldSchema.type === "array" && fieldSchema.items) {
+      const arrayValue = Array.isArray(fieldValue) ? fieldValue : [];
+      const itemSchema = fieldSchema.items;
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { className: "text-xs font-medium", children: [
+            fieldSchema.title || fieldName,
+            isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-0.5", children: "*" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              className: "h-6 text-xs px-2",
+              onClick: () => {
+                const newItem = itemSchema.type === "object" ? {} : "";
+                handleFieldChange(fieldName, [...arrayValue, newItem]);
+              },
+              disabled,
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlusIcon, { className: "h-3 w-3 mr-1" }),
+                "Add"
+              ]
+            }
+          )
+        ] }),
+        fieldSchema.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-[10px] text-muted-foreground", children: fieldSchema.description }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-2", children: arrayValue.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 items-start", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: itemSchema.type === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Card, { className: "p-2 bg-gray-50/50", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            DynamicSchemaForm,
+            {
+              schema: itemSchema,
+              value: item,
+              onChange: (v) => {
+                const newArray = [...arrayValue];
+                newArray[index] = v;
+                handleFieldChange(fieldName, newArray);
+              },
+              disabled,
+              path: [...path, fieldName, String(index)],
+              components,
+              variables,
+              showVariablePicker
+            }
+          ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Input,
+            {
+              value: item || "",
+              onChange: (e) => {
+                const newArray = [...arrayValue];
+                newArray[index] = e.target.value;
+                handleFieldChange(fieldName, newArray);
+              },
+              disabled,
+              className: "h-8 text-xs"
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-8 w-8 p-0 text-red-500 hover:text-red-700",
+              onClick: () => {
+                const newArray = arrayValue.filter(
+                  (_, i) => i !== index
+                );
+                handleFieldChange(fieldName, newArray);
+              },
+              disabled,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TrashIcon, { className: "h-3 w-3" })
+            }
+          )
+        ] }, index)) })
+      ] }, fieldPath);
+    }
+    if (fieldSchema.type === "boolean") {
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Checkbox,
+          {
+            id: fieldPath,
+            checked: !!fieldValue,
+            onCheckedChange: (checked) => handleFieldChange(fieldName, checked),
+            disabled
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { htmlFor: fieldPath, className: "text-xs font-normal", children: [
+          fieldSchema.title || fieldName,
+          isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-0.5", children: "*" })
+        ] }),
+        fieldSchema.description && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-[10px] text-muted-foreground ml-2", children: [
+          "(",
+          fieldSchema.description,
+          ")"
+        ] })
+      ] }, fieldPath);
+    }
+    if (fieldSchema.type === "number" || fieldSchema.type === "integer") {
+      const isVarValue = isVariableReference(fieldValue);
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { className: "text-xs font-medium", children: [
+          fieldSchema.title || fieldName,
+          isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Input,
+            {
+              type: isVarValue ? "text" : "number",
+              value: _nullishCoalesce(fieldValue, () => ( "")),
+              onChange: (e) => {
+                if (isVariableReference(e.target.value)) {
+                  handleFieldChange(fieldName, e.target.value);
+                } else {
+                  const val = e.target.value === "" ? void 0 : Number(e.target.value);
+                  handleFieldChange(fieldName, val);
+                }
+              },
+              min: fieldSchema.minimum,
+              max: fieldSchema.maximum,
+              step: fieldSchema.type === "integer" ? 1 : "any",
+              disabled,
+              className: cn("h-8 text-xs flex-1", isVarValue && "font-mono text-primary")
+            }
+          ),
+          renderVariablePicker(
+            fieldName,
+            fieldSchema.type,
+            fieldPath,
+            (varPath) => handleFieldChange(fieldName, varPath)
+          )
+        ] }),
+        fieldSchema.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-[10px] text-muted-foreground", children: fieldSchema.description })
+      ] }, fieldPath);
+    }
+    if (fieldSchema.type === "string") {
+      if (fieldSchema.format === "richtext") {
+        const isDialogOpen = openRichTextDialogs.has(fieldPath);
+        const draftValue = _nullishCoalesce(_nullishCoalesce(richTextDraftValues[fieldPath], () => ( fieldValue)), () => ( ""));
+        const previewText = (fieldValue || "").replace(/<[^>]*>/g, "").slice(0, 50);
+        const matchingVars = getMatchingVariables("string");
+        if (!Dialog || !DialogContent || !DialogHeader || !DialogTitle || !DialogFooter) {
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { className: "text-xs font-medium", children: [
+                fieldSchema.title || fieldName,
+                isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-0.5", children: "*" })
+              ] }),
+              renderVariablePicker(
+                fieldName,
+                "string",
+                fieldPath,
+                (varPath) => handleFieldChange(fieldName, (fieldValue || "") + varPath)
+              )
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              Textarea,
+              {
+                value: fieldValue || "",
+                onChange: (e) => handleFieldChange(fieldName, e.target.value),
+                disabled,
+                rows: 3,
+                className: "text-xs",
+                placeholder: fieldSchema.description
+              }
+            )
+          ] }, fieldPath);
+        }
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { className: "text-xs font-medium", children: [
+            fieldSchema.title || fieldName,
+            isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-0.5", children: "*" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-1.5", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-w-0 px-2 py-1.5 bg-muted/50 rounded text-xs text-muted-foreground truncate border", children: previewText || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "italic", children: "Click edit to add content..." }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "h-8 px-2 shrink-0",
+                onClick: () => {
+                  setRichTextDraftValues((prev) => ({ ...prev, [fieldPath]: fieldValue || "" }));
+                  setOpenRichTextDialogs((prev) => new Set(prev).add(fieldPath));
+                },
+                disabled,
+                children: EditIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EditIcon, { className: "h-3.5 w-3.5" }) : "Edit"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Dialog,
+            {
+              open: isDialogOpen,
+              onOpenChange: (open) => {
+                if (!open) {
+                  setOpenRichTextDialogs((prev) => {
+                    const next = new Set(prev);
+                    next.delete(fieldPath);
+                    return next;
+                  });
+                }
+              },
+              children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogContent, { className: "max-w-3xl max-h-[85vh] flex flex-col", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogTitle, { children: [
+                  "Edit ",
+                  fieldSchema.title || fieldName
+                ] }) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 overflow-hidden flex flex-col min-h-0", children: MarkdownEditor ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  MarkdownEditor,
+                  {
+                    content: draftValue,
+                    onChange: (value2) => {
+                      setRichTextDraftValues((prev) => ({ ...prev, [fieldPath]: value2 }));
+                    },
+                    placeholder: "Enter content... Use {{variables.name}} for dynamic values",
+                    minHeight: "300px",
+                    variables: showVariablePicker ? matchingVars : []
+                  }
+                ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    Textarea,
+                    {
+                      value: draftValue,
+                      onChange: (e) => {
+                        setRichTextDraftValues((prev) => ({ ...prev, [fieldPath]: e.target.value }));
+                      },
+                      rows: 12,
+                      className: "flex-1 text-sm font-mono resize-none",
+                      placeholder: "Enter content... Use {{variables.name}} for dynamic values"
+                    }
+                  ),
+                  showVariablePicker && matchingVars.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border rounded-md p-2 bg-muted/30 mt-3", children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs font-medium mb-2", children: "Insert Variable:" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-1", children: matchingVars.map((variable) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      Button,
+                      {
+                        type: "button",
+                        variant: "outline",
+                        size: "sm",
+                        className: "h-6 text-xs px-2",
+                        onClick: () => {
+                          const varRef = `{{${variable.path}}}`;
+                          setRichTextDraftValues((prev) => ({
+                            ...prev,
+                            [fieldPath]: (prev[fieldPath] || "") + varRef
+                          }));
+                        },
+                        children: variable.title || variable.name
+                      },
+                      variable.path
+                    )) })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogFooter, { children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    Button,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => {
+                        setOpenRichTextDialogs((prev) => {
+                          const next = new Set(prev);
+                          next.delete(fieldPath);
+                          return next;
+                        });
+                      },
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    Button,
+                    {
+                      type: "button",
+                      onClick: () => {
+                        handleFieldChange(fieldName, draftValue);
+                        setOpenRichTextDialogs((prev) => {
+                          const next = new Set(prev);
+                          next.delete(fieldPath);
+                          return next;
+                        });
+                      },
+                      children: "Save"
+                    }
+                  )
+                ] })
+              ] })
+            }
+          )
+        ] }, fieldPath);
+      }
+      if (fieldSchema.format === "multiline" || fieldSchema.format === "textarea") {
+        const isVarValue2 = isVariableReference(fieldValue);
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { className: "text-xs font-medium", children: [
+              fieldSchema.title || fieldName,
+              isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-0.5", children: "*" })
+            ] }),
+            renderVariablePicker(
+              fieldName,
+              "string",
+              fieldPath,
+              (varPath) => handleFieldChange(fieldName, (fieldValue || "") + varPath)
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Textarea,
+            {
+              value: fieldValue || "",
+              onChange: (e) => handleFieldChange(fieldName, e.target.value),
+              disabled,
+              rows: 3,
+              className: cn("text-xs", isVarValue2 && "font-mono text-primary"),
+              placeholder: fieldSchema.description
+            }
+          ),
+          fieldSchema.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-[10px] text-muted-foreground", children: fieldSchema.description })
+        ] }, fieldPath);
+      }
+      const inputType = fieldSchema.format === "email" ? "email" : fieldSchema.format === "uri" || fieldSchema.format === "url" ? "url" : fieldSchema.format === "password" ? "password" : "text";
+      const isVarValue = isVariableReference(fieldValue);
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { className: "text-xs font-medium", children: [
+          fieldSchema.title || fieldName,
+          isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Input,
+            {
+              type: inputType,
+              value: fieldValue || "",
+              onChange: (e) => handleFieldChange(fieldName, e.target.value),
+              disabled,
+              className: cn("h-8 text-xs flex-1", isVarValue && "font-mono text-primary"),
+              placeholder: fieldSchema.description
+            }
+          ),
+          renderVariablePicker(
+            fieldName,
+            "string",
+            fieldPath,
+            (varPath) => handleFieldChange(fieldName, (fieldValue || "") + varPath)
+          )
+        ] }),
+        fieldSchema.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-[10px] text-muted-foreground", children: fieldSchema.description })
+      ] }, fieldPath);
+    }
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Label, { className: "text-xs font-medium", children: [
+        fieldSchema.title || fieldName,
+        isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-0.5", children: "*" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        Input,
+        {
+          value: typeof fieldValue === "object" ? JSON.stringify(fieldValue) : fieldValue || "",
+          onChange: (e) => {
+            try {
+              const parsed = JSON.parse(e.target.value);
+              handleFieldChange(fieldName, parsed);
+            } catch (e2) {
+              handleFieldChange(fieldName, e.target.value);
+            }
+          },
+          disabled,
+          className: "h-8 text-xs font-mono"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-[10px] text-muted-foreground", children: [
+        "Type: ",
+        fieldSchema.type || "unknown"
+      ] })
+    ] }, fieldPath);
+  };
+  if (schema.type === "object" && schema.properties) {
+    const sortedProperties = Object.entries(schema.properties).sort(
+      ([, a], [, b]) => {
+        const orderA = _nullishCoalesce(a["x-displayOrder"], () => ( 999));
+        const orderB = _nullishCoalesce(b["x-displayOrder"], () => ( 999));
+        return orderA - orderB;
+      }
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: sortedProperties.map(
+      ([fieldName, fieldSchema]) => renderField(fieldSchema, fieldName, value[fieldName])
+    ) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground text-center py-4", children: "No configuration required for this node." });
+}
+
+// components/schema-builder.tsx
+
+
+var FIELD_TYPES = [
+  { value: "string", label: "Text" },
+  { value: "number", label: "Number" },
+  { value: "integer", label: "Integer" },
+  { value: "boolean", label: "Boolean" },
+  { value: "array", label: "Array" },
+  { value: "object", label: "Object" }
+];
+var STRING_FORMATS = [
+  { value: "plain", label: "Plain Text" },
+  { value: "email", label: "Email" },
+  { value: "uri", label: "URL" },
+  { value: "date", label: "Date" },
+  { value: "date-time", label: "Date & Time" },
+  { value: "multiline", label: "Multiline Text" }
+];
+function SchemaBuilder({
+  schema,
+  onChange,
+  disabled = false,
+  components
+}) {
+  const [expandedFields, setExpandedFields] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
+  const {
+    Input,
+    Label,
+    Checkbox,
+    Select,
+    SelectTrigger,
+    SelectValue,
+    SelectContent,
+    SelectItem,
+    Button,
+    Card,
+    PlusIcon,
+    TrashIcon,
+    GripVerticalIcon,
+    ChevronDownIcon,
+    ChevronRightIcon
+  } = components;
+  const getFieldsFromSchema = () => {
+    if (!_optionalChain([schema, 'optionalAccess', _5 => _5.properties])) return [];
+    return Object.entries(schema.properties).map(([name, prop]) => {
+      const fieldSchema = prop;
+      return {
+        name,
+        type: fieldSchema.type || "string",
+        title: fieldSchema.title || name,
+        description: fieldSchema.description || "",
+        required: _optionalChain([schema, 'access', _6 => _6.required, 'optionalAccess', _7 => _7.includes, 'call', _8 => _8(name)]) || false,
+        format: fieldSchema.format,
+        enum: fieldSchema.enum,
+        items: fieldSchema.items
+      };
+    });
+  };
+  const fields = getFieldsFromSchema();
+  const updateSchema = (newFields) => {
+    const properties = {};
+    const required = [];
+    newFields.forEach((field) => {
+      if (!field.name) return;
+      const fieldSchema = {
+        type: field.type,
+        title: field.title || field.name
+      };
+      if (field.description) {
+        fieldSchema.description = field.description;
+      }
+      if (field.format && field.format !== "plain") {
+        fieldSchema.format = field.format;
+      }
+      if (field.enum && field.enum.length > 0) {
+        fieldSchema.enum = field.enum;
+      }
+      if (field.type === "array" && field.items) {
+        fieldSchema.items = field.items;
+      }
+      properties[field.name] = fieldSchema;
+      if (field.required) {
+        required.push(field.name);
+      }
+    });
+    onChange({
+      type: "object",
+      properties,
+      required: required.length > 0 ? required : void 0
+    });
+  };
+  const addField = () => {
+    const newFieldName = `field_${fields.length + 1}`;
+    const newFields = [
+      ...fields,
+      {
+        name: newFieldName,
+        type: "string",
+        title: "",
+        description: "",
+        required: false
+      }
+    ];
+    updateSchema(newFields);
+    setExpandedFields((prev) => /* @__PURE__ */ new Set([...prev, newFieldName]));
+  };
+  const updateField = (index, updates) => {
+    const newFields = [...fields];
+    newFields[index] = { ...newFields[index], ...updates };
+    updateSchema(newFields);
+  };
+  const removeField = (index) => {
+    const newFields = fields.filter((_, i) => i !== index);
+    updateSchema(newFields);
+  };
+  const toggleExpand = (name) => {
+    setExpandedFields((prev) => {
+      const next = new Set(prev);
+      if (next.has(name)) {
+        next.delete(name);
+      } else {
+        next.add(name);
+      }
+      return next;
+    });
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    fields.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground italic py-3", children: 'No fields defined. Click "Add Field" to create one.' }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: fields.map((field, index) => {
+      const isExpanded = expandedFields.has(field.name);
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: "p-3 bg-gray-50/50", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 mb-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GripVerticalIcon, { className: "h-4 w-4 text-gray-300 flex-shrink-0 cursor-grab" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleExpand(field.name),
+              className: "flex-shrink-0 p-1 hover:bg-gray-200 rounded",
+              children: isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChevronDownIcon, { className: "h-4 w-4 text-gray-500" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChevronRightIcon, { className: "h-4 w-4 text-gray-500" })
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Input,
+            {
+              value: field.name,
+              onChange: (e) => {
+                const oldName = field.name;
+                const newName = e.target.value.toLowerCase().replace(/\s+/g, "_").replace(/[^a-z0-9_]/g, "");
+                updateField(index, { name: newName });
+                if (expandedFields.has(oldName)) {
+                  setExpandedFields((prev) => {
+                    const next = new Set(prev);
+                    next.delete(oldName);
+                    next.add(newName);
+                    return next;
+                  });
+                }
+              },
+              placeholder: "field_name",
+              className: "h-9 text-sm font-mono",
+              disabled
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-9 w-9 p-0 text-red-500 hover:text-red-700 hover:bg-red-50 flex-shrink-0",
+              onClick: () => removeField(index),
+              disabled,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TrashIcon, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 pl-10", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            Select,
+            {
+              value: field.type,
+              onValueChange: (v) => updateField(index, { type: v }),
+              disabled,
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectValue, {}) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectContent, { children: FIELD_TYPES.map((type) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: type.value, children: type.label }, type.value)) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              Checkbox,
+              {
+                id: `required-${index}`,
+                checked: field.required,
+                onCheckedChange: (checked) => updateField(index, { required: !!checked }),
+                disabled
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              Label,
+              {
+                htmlFor: `required-${index}`,
+                className: "text-sm text-muted-foreground",
+                children: "Required"
+              }
+            )
+          ] })
+        ] }),
+        isExpanded && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-3 pt-3 border-t space-y-3 pl-10", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Label, { className: "text-xs text-muted-foreground", children: "Display Title" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              Input,
+              {
+                value: field.title,
+                onChange: (e) => updateField(index, { title: e.target.value }),
+                placeholder: "Human readable title",
+                className: "h-9 text-sm",
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Label, { className: "text-xs text-muted-foreground", children: "Description" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              Input,
+              {
+                value: field.description,
+                onChange: (e) => updateField(index, { description: e.target.value }),
+                placeholder: "Help text for this field",
+                className: "h-9 text-sm",
+                disabled
+              }
+            )
+          ] }),
+          field.type === "string" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Label, { className: "text-xs text-muted-foreground", children: "Format" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              Select,
+              {
+                value: field.format || "plain",
+                onValueChange: (v) => updateField(index, { format: v }),
+                disabled,
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectValue, {}) }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectContent, { children: STRING_FORMATS.map((format) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: format.value, children: format.label }, format.value)) })
+                ]
+              }
+            )
+          ] }),
+          field.type === "array" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Label, { className: "text-xs text-muted-foreground", children: "Item Type" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              Select,
+              {
+                value: _optionalChain([field, 'access', _9 => _9.items, 'optionalAccess', _10 => _10.type]) || "string",
+                onValueChange: (v) => updateField(index, { items: { type: v } }),
+                disabled,
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectValue, {}) }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectContent, { children: FIELD_TYPES.filter((t) => t.value !== "array").map(
+                    (type) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: type.value, children: type.label }, type.value)
+                  ) })
+                ]
+              }
+            )
+          ] }),
+          field.type === "string" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Label, { className: "text-xs text-muted-foreground", children: "Dropdown Options (optional)" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  className: "h-7 text-xs",
+                  onClick: () => {
+                    const currentEnum = field.enum || [];
+                    updateField(index, {
+                      enum: [
+                        ...currentEnum,
+                        `option_${currentEnum.length + 1}`
+                      ]
+                    });
+                  },
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlusIcon, { className: "h-3 w-3 mr-1" }),
+                    "Add Option"
+                  ]
+                }
+              )
+            ] }),
+            field.enum && field.enum.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-2", children: field.enum.map((option, optIdx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                Input,
+                {
+                  value: option,
+                  onChange: (e) => {
+                    const newEnum = [...field.enum || []];
+                    newEnum[optIdx] = e.target.value;
+                    updateField(index, { enum: newEnum });
+                  },
+                  placeholder: `Option ${optIdx + 1}`,
+                  className: "h-8 text-sm flex-1",
+                  disabled
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-8 w-8 p-0 text-red-400 hover:text-red-600",
+                  onClick: () => {
+                    const newEnum = (field.enum || []).filter(
+                      (_, i) => i !== optIdx
+                    );
+                    updateField(index, {
+                      enum: newEnum.length > 0 ? newEnum : void 0
+                    });
+                  },
+                  disabled,
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TrashIcon, { className: "h-3 w-3" })
+                }
+              )
+            ] }, optIdx)) })
+          ] })
+        ] })
+      ] }, index);
+    }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        className: "w-full h-9 text-sm",
+        onClick: addField,
+        disabled,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlusIcon, { className: "h-4 w-4 mr-2" }),
+          "Add Field"
+        ]
+      }
+    )
+  ] });
+}
+
+
+
+
+exports.DynamicSchemaForm = DynamicSchemaForm; exports.SchemaBuilder = SchemaBuilder;
+//# sourceMappingURL=chunk-3GG6KTGJ.js.map