@elqnt/workflow 2.1.3 → 2.2.0

package/dist/index.mjs

@@ -1,9 +1,7 @@
-"use client";
 import {
-  useWorkflowInstances,
-  useWorkflowTemplates,
-  useWorkflows
-} from "./chunk-TZA3EPTC.mjs";
+  DynamicSchemaForm,
+  SchemaBuilder
+} from "./chunk-AXXQSYT7.mjs";
 import {
   createWorkflowApi,
   createWorkflowInstanceApi,
@@ -20,7 +18,7 @@ import {
   retryWorkflowNodeApi,
   updateWorkflowApi,
   updateWorkflowInstanceStatusApi
-} from "./chunk-UE4ZBFLG.mjs";
+} from "./chunk-4AUWFGQK.mjs";
 import {
   EdgeStatusCompleted,
   EdgeStatusPending,
@@ -171,1000 +169,7 @@ import {
   WorkflowTypeDocument,
   WorkflowTypeEntity,
   WorkflowTypeProductivity
-} from "./chunk-YCEGKVXP.mjs";
-
-// components/dynamic-schema-form.tsx
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function DynamicSchemaForm({
-  schema,
-  value = {},
-  onChange,
-  disabled = false,
-  path = [],
-  components,
-  variables = [],
-  showVariablePicker = false
-}) {
-  const [collapsedSections, setCollapsedSections] = useState(
-    /* @__PURE__ */ new Set()
-  );
-  const [openVariablePickers, setOpenVariablePickers] = useState(
-    /* @__PURE__ */ new Set()
-  );
-  const [openRichTextDialogs, setOpenRichTextDialogs] = useState(
-    /* @__PURE__ */ new Set()
-  );
-  const [richTextDraftValues, setRichTextDraftValues] = useState({});
-  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__ */ jsxs(
-      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__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              size: "sm",
-              className: cn(
-                "h-8 px-2 shrink-0",
-                isVariable && "border-primary text-primary"
-              ),
-              disabled,
-              children: /* @__PURE__ */ jsx(VariableIcon, { className: "h-3.5 w-3.5" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(PopoverContent, { className: "w-56 p-1", align: "end", children: [
-            /* @__PURE__ */ jsxs("div", { className: "text-xs font-medium text-muted-foreground px-2 py-1.5", children: [
-              "Select Variable (",
-              fieldType || "any",
-              ")"
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "max-h-48 overflow-y-auto", children: matchingVars.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "px-2 py-3 text-xs text-muted-foreground text-center", children: [
-              "No variables available.",
-              /* @__PURE__ */ jsx("br", {}),
-              /* @__PURE__ */ jsx("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__ */ jsxs(
-                "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__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("div", { className: "font-medium", children: variable.title || variable.name }),
-                      /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground font-mono", children: variable.path })
-                    ] }),
-                    isSelected && CheckIcon && /* @__PURE__ */ jsx(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 = schema.required?.includes(fieldName);
-    if (fieldSchema.enum) {
-      const labels = fieldSchema["x-enumLabels"] || fieldSchema.enum;
-      return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxs(Label, { className: "text-xs font-medium", children: [
-          fieldSchema.title || fieldName,
-          isRequired && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
-        ] }),
-        /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: fieldValue || "",
-            onValueChange: (v) => handleFieldChange(fieldName, v),
-            disabled,
-            children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(
-                SelectValue,
-                {
-                  placeholder: `Select ${fieldSchema.title || fieldName}`
-                }
-              ) }),
-              /* @__PURE__ */ jsx(SelectContent, { children: fieldSchema.enum.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: option, className: "text-xs", children: labels[idx] || option }, option)) })
-            ]
-          }
-        ),
-        fieldSchema.description && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: fieldSchema.description })
-      ] }, fieldPath);
-    }
-    if (fieldSchema.type === "object" && fieldSchema.properties) {
-      const isCollapsed = collapsedSections.has(fieldPath);
-      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs(
-          "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__ */ jsx(ChevronRightIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3 w-3" }),
-              fieldSchema.title || fieldName
-            ]
-          }
-        ),
-        !isCollapsed && /* @__PURE__ */ jsx(Card, { className: "p-3 bg-gray-50/50", children: /* @__PURE__ */ jsx(
-          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__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs(Label, { className: "text-xs font-medium", children: [
-            fieldSchema.title || fieldName,
-            isRequired && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsxs(
-            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__ */ jsx(PlusIcon, { className: "h-3 w-3 mr-1" }),
-                "Add"
-              ]
-            }
-          )
-        ] }),
-        fieldSchema.description && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: fieldSchema.description }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: arrayValue.map((item, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-start", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1", children: itemSchema.type === "object" ? /* @__PURE__ */ jsx(Card, { className: "p-2 bg-gray-50/50", children: /* @__PURE__ */ jsx(
-            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__ */ jsx(
-            Input,
-            {
-              value: item || "",
-              onChange: (e) => {
-                const newArray = [...arrayValue];
-                newArray[index] = e.target.value;
-                handleFieldChange(fieldName, newArray);
-              },
-              disabled,
-              className: "h-8 text-xs"
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            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__ */ jsx(TrashIcon, { className: "h-3 w-3" })
-            }
-          )
-        ] }, index)) })
-      ] }, fieldPath);
-    }
-    if (fieldSchema.type === "boolean") {
-      return /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            id: fieldPath,
-            checked: !!fieldValue,
-            onCheckedChange: (checked) => handleFieldChange(fieldName, checked),
-            disabled
-          }
-        ),
-        /* @__PURE__ */ jsxs(Label, { htmlFor: fieldPath, className: "text-xs font-normal", children: [
-          fieldSchema.title || fieldName,
-          isRequired && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
-        ] }),
-        fieldSchema.description && /* @__PURE__ */ jsxs("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__ */ jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxs(Label, { className: "text-xs font-medium", children: [
-          fieldSchema.title || fieldName,
-          isRequired && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: isVarValue ? "text" : "number",
-              value: 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__ */ jsx("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 = richTextDraftValues[fieldPath] ?? fieldValue ?? "";
-        const previewText = (fieldValue || "").replace(/<[^>]*>/g, "").slice(0, 50);
-        const matchingVars = getMatchingVariables("string");
-        if (!Dialog || !DialogContent || !DialogHeader || !DialogTitle || !DialogFooter) {
-          return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsxs(Label, { className: "text-xs font-medium", children: [
-                fieldSchema.title || fieldName,
-                isRequired && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
-              ] }),
-              renderVariablePicker(
-                fieldName,
-                "string",
-                fieldPath,
-                (varPath) => handleFieldChange(fieldName, (fieldValue || "") + varPath)
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              Textarea,
-              {
-                value: fieldValue || "",
-                onChange: (e) => handleFieldChange(fieldName, e.target.value),
-                disabled,
-                rows: 3,
-                className: "text-xs",
-                placeholder: fieldSchema.description
-              }
-            )
-          ] }, fieldPath);
-        }
-        return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsxs(Label, { className: "text-xs font-medium", children: [
-            fieldSchema.title || fieldName,
-            isRequired && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
-            /* @__PURE__ */ jsx("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__ */ jsx("span", { className: "italic", children: "Click edit to add content..." }) }),
-            /* @__PURE__ */ jsx(
-              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__ */ jsx(EditIcon, { className: "h-3.5 w-3.5" }) : "Edit"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Dialog,
-            {
-              open: isDialogOpen,
-              onOpenChange: (open) => {
-                if (!open) {
-                  setOpenRichTextDialogs((prev) => {
-                    const next = new Set(prev);
-                    next.delete(fieldPath);
-                    return next;
-                  });
-                }
-              },
-              children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-3xl max-h-[85vh] flex flex-col", children: [
-                /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [
-                  "Edit ",
-                  fieldSchema.title || fieldName
-                ] }) }),
-                /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden flex flex-col min-h-0", children: MarkdownEditor ? /* @__PURE__ */ jsx(
-                  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__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(
-                    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__ */ jsxs("div", { className: "border rounded-md p-2 bg-muted/30 mt-3", children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium mb-2", children: "Insert Variable:" }),
-                    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: matchingVars.map((variable) => /* @__PURE__ */ jsx(
-                      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__ */ jsxs(DialogFooter, { children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "outline",
-                      onClick: () => {
-                        setOpenRichTextDialogs((prev) => {
-                          const next = new Set(prev);
-                          next.delete(fieldPath);
-                          return next;
-                        });
-                      },
-                      children: "Cancel"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    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__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs(Label, { className: "text-xs font-medium", children: [
-              fieldSchema.title || fieldName,
-              isRequired && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
-            ] }),
-            renderVariablePicker(
-              fieldName,
-              "string",
-              fieldPath,
-              (varPath) => handleFieldChange(fieldName, (fieldValue || "") + varPath)
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            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__ */ jsx("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__ */ jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxs(Label, { className: "text-xs font-medium", children: [
-          fieldSchema.title || fieldName,
-          isRequired && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
-          /* @__PURE__ */ jsx(
-            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__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: fieldSchema.description })
-      ] }, fieldPath);
-    }
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxs(Label, { className: "text-xs font-medium", children: [
-        fieldSchema.title || fieldName,
-        isRequired && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          value: typeof fieldValue === "object" ? JSON.stringify(fieldValue) : fieldValue || "",
-          onChange: (e) => {
-            try {
-              const parsed = JSON.parse(e.target.value);
-              handleFieldChange(fieldName, parsed);
-            } catch {
-              handleFieldChange(fieldName, e.target.value);
-            }
-          },
-          disabled,
-          className: "h-8 text-xs font-mono"
-        }
-      ),
-      /* @__PURE__ */ jsxs("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 = a["x-displayOrder"] ?? 999;
-        const orderB = b["x-displayOrder"] ?? 999;
-        return orderA - orderB;
-      }
-    );
-    return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: sortedProperties.map(
-      ([fieldName, fieldSchema]) => renderField(fieldSchema, fieldName, value[fieldName])
-    ) });
-  }
-  return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center py-4", children: "No configuration required for this node." });
-}
-
-// components/schema-builder.tsx
-import { useState as useState2 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-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] = useState2(/* @__PURE__ */ new Set());
-  const {
-    Input,
-    Label,
-    Checkbox,
-    Select,
-    SelectTrigger,
-    SelectValue,
-    SelectContent,
-    SelectItem,
-    Button,
-    Card,
-    PlusIcon,
-    TrashIcon,
-    GripVerticalIcon,
-    ChevronDownIcon,
-    ChevronRightIcon
-  } = components;
-  const getFieldsFromSchema = () => {
-    if (!schema?.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: schema.required?.includes(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__ */ jsxs2("div", { className: "space-y-2", children: [
-    fields.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "text-xs text-muted-foreground italic py-3", children: 'No fields defined. Click "Add Field" to create one.' }) : /* @__PURE__ */ jsx2("div", { className: "space-y-3", children: fields.map((field, index) => {
-      const isExpanded = expandedFields.has(field.name);
-      return /* @__PURE__ */ jsxs2(Card, { className: "p-3 bg-gray-50/50", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 mb-2", children: [
-          /* @__PURE__ */ jsx2(GripVerticalIcon, { className: "h-4 w-4 text-gray-300 flex-shrink-0 cursor-grab" }),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              onClick: () => toggleExpand(field.name),
-              className: "flex-shrink-0 p-1 hover:bg-gray-200 rounded",
-              children: isExpanded ? /* @__PURE__ */ jsx2(ChevronDownIcon, { className: "h-4 w-4 text-gray-500" }) : /* @__PURE__ */ jsx2(ChevronRightIcon, { className: "h-4 w-4 text-gray-500" })
-            }
-          ),
-          /* @__PURE__ */ jsx2("div", { className: "flex-1", children: /* @__PURE__ */ jsx2(
-            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__ */ jsx2(
-            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__ */ jsx2(TrashIcon, { className: "h-4 w-4" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 pl-10", children: [
-          /* @__PURE__ */ jsx2("div", { className: "flex-1", children: /* @__PURE__ */ jsxs2(
-            Select,
-            {
-              value: field.type,
-              onValueChange: (v) => updateField(index, { type: v }),
-              disabled,
-              children: [
-                /* @__PURE__ */ jsx2(SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ jsx2(SelectValue, {}) }),
-                /* @__PURE__ */ jsx2(SelectContent, { children: FIELD_TYPES.map((type) => /* @__PURE__ */ jsx2(SelectItem, { value: type.value, children: type.label }, type.value)) })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-            /* @__PURE__ */ jsx2(
-              Checkbox,
-              {
-                id: `required-${index}`,
-                checked: field.required,
-                onCheckedChange: (checked) => updateField(index, { required: !!checked }),
-                disabled
-              }
-            ),
-            /* @__PURE__ */ jsx2(
-              Label,
-              {
-                htmlFor: `required-${index}`,
-                className: "text-sm text-muted-foreground",
-                children: "Required"
-              }
-            )
-          ] })
-        ] }),
-        isExpanded && /* @__PURE__ */ jsxs2("div", { className: "mt-3 pt-3 border-t space-y-3 pl-10", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx2(Label, { className: "text-xs text-muted-foreground", children: "Display Title" }),
-            /* @__PURE__ */ jsx2(
-              Input,
-              {
-                value: field.title,
-                onChange: (e) => updateField(index, { title: e.target.value }),
-                placeholder: "Human readable title",
-                className: "h-9 text-sm",
-                disabled
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx2(Label, { className: "text-xs text-muted-foreground", children: "Description" }),
-            /* @__PURE__ */ jsx2(
-              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__ */ jsxs2("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx2(Label, { className: "text-xs text-muted-foreground", children: "Format" }),
-            /* @__PURE__ */ jsxs2(
-              Select,
-              {
-                value: field.format || "plain",
-                onValueChange: (v) => updateField(index, { format: v }),
-                disabled,
-                children: [
-                  /* @__PURE__ */ jsx2(SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ jsx2(SelectValue, {}) }),
-                  /* @__PURE__ */ jsx2(SelectContent, { children: STRING_FORMATS.map((format) => /* @__PURE__ */ jsx2(SelectItem, { value: format.value, children: format.label }, format.value)) })
-                ]
-              }
-            )
-          ] }),
-          field.type === "array" && /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx2(Label, { className: "text-xs text-muted-foreground", children: "Item Type" }),
-            /* @__PURE__ */ jsxs2(
-              Select,
-              {
-                value: field.items?.type || "string",
-                onValueChange: (v) => updateField(index, { items: { type: v } }),
-                disabled,
-                children: [
-                  /* @__PURE__ */ jsx2(SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ jsx2(SelectValue, {}) }),
-                  /* @__PURE__ */ jsx2(SelectContent, { children: FIELD_TYPES.filter((t) => t.value !== "array").map(
-                    (type) => /* @__PURE__ */ jsx2(SelectItem, { value: type.value, children: type.label }, type.value)
-                  ) })
-                ]
-              }
-            )
-          ] }),
-          field.type === "string" && /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx2(Label, { className: "text-xs text-muted-foreground", children: "Dropdown Options (optional)" }),
-              /* @__PURE__ */ jsxs2(
-                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__ */ jsx2(PlusIcon, { className: "h-3 w-3 mr-1" }),
-                    "Add Option"
-                  ]
-                }
-              )
-            ] }),
-            field.enum && field.enum.length > 0 && /* @__PURE__ */ jsx2("div", { className: "space-y-2", children: field.enum.map((option, optIdx) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx2(
-                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__ */ jsx2(
-                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__ */ jsx2(TrashIcon, { className: "h-3 w-3" })
-                }
-              )
-            ] }, optIdx)) })
-          ] })
-        ] })
-      ] }, index);
-    }) }),
-    /* @__PURE__ */ jsxs2(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        className: "w-full h-9 text-sm",
-        onClick: addField,
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx2(PlusIcon, { className: "h-4 w-4 mr-2" }),
-          "Add Field"
-        ]
-      }
-    )
-  ] });
-}
+} from "./chunk-IY5JCMLA.mjs";
 
 // store/workflow-definition-slice.ts
 import { createSlice } from "@reduxjs/toolkit";
@@ -4377,9 +3382,6 @@ export {
   retryWorkflowNodeApi,
   updateWorkflowApi,
   updateWorkflowInstanceStatusApi,
-  useWorkflowInstances,
-  useWorkflowTemplates,
-  useWorkflows,
   workflowDefinitionReducer,
   workflowInstanceReducer
 };