next-workflow-builder 0.1.0

package/dist/client/components/workflow/config/schema-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-builder.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/workflow/config/schema-builder.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3D,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACtD,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAS,GACV,EAAE,kBAAkB,2CA2MpB"}

package/dist/client/components/workflow/config/schema-builder.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus, Trash2 } from "lucide-react";
+import { nanoid } from "nanoid";
+import { Button } from "../../ui/button.js";
+import { Input } from "../../ui/input.js";
+import { Label } from "../../ui/label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../ui/select.js";
+export function SchemaBuilder({ schema, onChange, disabled, level = 0, }) {
+    const addField = () => {
+        onChange([...schema, { id: nanoid(), name: "", type: "string" }]);
+    };
+    const resetDependentFields = (field, type) => {
+        const updated = { ...field };
+        if (type !== "array") {
+            updated.itemType = undefined;
+        }
+        if (type !== "object") {
+            updated.fields = undefined;
+        }
+        if (type === "array" && !updated.itemType) {
+            updated.itemType = "string";
+        }
+        if (type === "object" && !updated.fields) {
+            updated.fields = [];
+        }
+        return updated;
+    };
+    const updateField = (index, updates) => {
+        const newSchema = [...schema];
+        newSchema[index] = { ...newSchema[index], ...updates };
+        if (updates.type) {
+            newSchema[index] = resetDependentFields(newSchema[index], updates.type);
+        }
+        onChange(newSchema);
+    };
+    const removeField = (index) => {
+        onChange(schema.filter((_, i) => i !== index));
+    };
+    const updateNestedFields = (index, fields) => {
+        const newSchema = [...schema];
+        newSchema[index].fields = fields;
+        onChange(newSchema);
+    };
+    const indentClass = level > 0 ? "ml-4 border-l-2 border-muted pl-4" : "";
+    return (_jsxs("div", { className: `space-y-3 ${indentClass}`, children: [schema.map((field, index) => {
+                const fieldId = field.id || `field-${level}-${index}`;
+                return (_jsxs("div", { className: "space-y-2 rounded-md border p-3", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: `field-name-${level}-${index}`, children: "Property Name" }), _jsx(Input, { disabled: disabled, id: `field-name-${level}-${index}`, onChange: (e) => updateField(index, { name: e.target.value }), placeholder: "propertyName", value: field.name })] }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: `field-type-${level}-${index}`, children: "Type" }), _jsxs(Select, { disabled: disabled, onValueChange: (value) => updateField(index, {
+                                                type: value,
+                                            }), value: field.type, children: [_jsx(SelectTrigger, { className: "w-full", id: `field-type-${level}-${index}`, children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "string", children: "String" }), _jsx(SelectItem, { value: "number", children: "Number" }), _jsx(SelectItem, { value: "boolean", children: "Boolean" }), _jsx(SelectItem, { value: "array", children: "Array" }), _jsx(SelectItem, { value: "object", children: "Object" })] })] })] }), _jsx("div", { className: "flex items-end", children: _jsx(Button, { disabled: disabled, onClick: () => removeField(index), size: "icon", variant: "ghost", children: _jsx(Trash2, { className: "h-4 w-4" }) }) })] }), field.type === "array" && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: `field-item-type-${level}-${index}`, children: "Array Item Type" }), _jsxs(Select, { disabled: disabled, onValueChange: (value) => updateField(index, {
+                                        itemType: value,
+                                    }), value: field.itemType || "string", children: [_jsx(SelectTrigger, { className: "w-full", id: `field-item-type-${level}-${index}`, children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "string", children: "String" }), _jsx(SelectItem, { value: "number", children: "Number" }), _jsx(SelectItem, { value: "boolean", children: "Boolean" }), _jsx(SelectItem, { value: "object", children: "Object" })] })] })] })), field.type === "object" && (_jsxs("div", { className: "mt-2", children: [_jsx(Label, { className: "mb-2 block", children: "Object Properties" }), _jsx(SchemaBuilder, { disabled: disabled, level: level + 1, onChange: (fields) => updateNestedFields(index, fields), schema: field.fields || [] })] })), field.type === "array" && field.itemType === "object" && (_jsxs("div", { className: "mt-2", children: [_jsx(Label, { className: "mb-2 block", children: "Array Item Properties" }), _jsx(SchemaBuilder, { disabled: disabled, level: level + 1, onChange: (fields) => updateNestedFields(index, fields), schema: field.fields || [] })] })), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: `field-desc-${level}-${index}`, children: "Description (optional)" }), _jsx(Input, { disabled: disabled, id: `field-desc-${level}-${index}`, onChange: (e) => updateField(index, { description: e.target.value }), placeholder: "Description for the AI", value: field.description || "" })] })] }, fieldId));
+            }), _jsxs(Button, { className: "w-full", disabled: disabled, onClick: addField, type: "button", variant: "outline", children: [_jsx(Plus, { className: "size-4" }), "Add Property"] })] }));
+}
+//# sourceMappingURL=schema-builder.js.map

package/dist/client/components/workflow/config/schema-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-builder.js","sourceRoot":"","sources":["../../../../../src/client/components/workflow/config/schema-builder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAkBzB,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,CAAC,GACU;IACnB,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,CAAC,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAC3B,KAAkB,EAClB,IAAyB,EACZ,EAAE;QACf,MAAM,OAAO,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;QAE7B,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC/B,CAAC;QACD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YACtB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC;QAC7B,CAAC;QACD,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;YAC1C,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC9B,CAAC;QACD,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YACzC,OAAO,CAAC,MAAM,GAAG,EAAE,CAAC;QACtB,CAAC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,OAA6B,EAAE,EAAE;QACnE,MAAM,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAC9B,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;QAGvD,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;YACjB,SAAS,CAAC,KAAK,CAAC,GAAG,oBAAoB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAC1E,CAAC;QAED,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,MAAqB,EAAE,EAAE;QAClE,MAAM,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAC9B,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC;QACjC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAE,aAAa,WAAW,EAAE,aACvC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,SAAS,KAAK,IAAI,KAAK,EAAE,CAAC;gBACtD,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAK,SAAS,EAAC,YAAY,aACzB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,KAAK,IACJ,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,cAAc,KAAK,IAAI,KAAK,EAAE,8BAGjC,EACR,KAAC,KAAK,IACJ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,cAAc,KAAK,IAAI,KAAK,EAAE,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAC7D,WAAW,EAAC,cAAc,EAC1B,KAAK,EAAE,KAAK,CAAC,IAAI,GACjB,IACE,EACN,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,KAAK,IACJ,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,cAAc,KAAK,IAAI,KAAK,EAAE,qBAGjC,EACR,MAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CACvB,WAAW,CAAC,KAAK,EAAE;gDACjB,IAAI,EAAE,KAA4B;6CACnC,CAAC,EAEJ,KAAK,EAAE,KAAK,CAAC,IAAI,aAEjB,KAAC,aAAa,IACZ,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,cAAc,KAAK,IAAI,KAAK,EAAE,YAElC,KAAC,WAAW,KAAG,GACD,EAChB,MAAC,aAAa,eACZ,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,wBAAqB,EAChD,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,sBAAmB,EAC5C,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,IAChC,IACT,IACL,EACN,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,YAEf,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,GAAG,GACvB,GACL,IACF,EAEL,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,CACzB,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IACJ,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,mBAAmB,KAAK,IAAI,KAAK,EAAE,gCAGtC,EACR,MAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CACvB,WAAW,CAAC,KAAK,EAAE;wCACjB,QAAQ,EAAE,KAAgC;qCAC3C,CAAC,EAEJ,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,QAAQ,aAEjC,KAAC,aAAa,IACZ,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,mBAAmB,KAAK,IAAI,KAAK,EAAE,YAEvC,KAAC,WAAW,KAAG,GACD,EAChB,MAAC,aAAa,eACZ,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,wBAAqB,EAChD,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,IAChC,IACT,IACL,CACP,EAEA,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,CAC1B,eAAK,SAAS,EAAC,MAAM,aACnB,KAAC,KAAK,IAAC,SAAS,EAAC,YAAY,kCAA0B,EACvD,KAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EACvD,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,EAAE,GAC1B,IACE,CACP,EAEA,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,CACxD,eAAK,SAAS,EAAC,MAAM,aACnB,KAAC,KAAK,IAAC,SAAS,EAAC,YAAY,sCAA8B,EAC3D,KAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EACvD,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,EAAE,GAC1B,IACE,CACP,EAED,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,cAAc,KAAK,IAAI,KAAK,EAAE,uCAEvD,EACR,KAAC,KAAK,IACJ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,cAAc,KAAK,IAAI,KAAK,EAAE,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,WAAW,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAErD,WAAW,EAAC,wBAAwB,EACpC,KAAK,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,GAC9B,IACE,KAlI8C,OAAO,CAmIvD,CACP,CAAC;YACJ,CAAC,CAAC,EAEF,MAAC,MAAM,IACL,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,aAEjB,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,GAAG,oBAEpB,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/workflow/config/system-action.d.ts

@@ -0,0 +1,9 @@
+export type ActionType = {
+    id: string;
+    label: string;
+    description: string;
+    category: string;
+    integration?: string;
+};
+export declare const SYSTEM_ACTIONS: ActionType[];
+//# sourceMappingURL=system-action.d.ts.map

package/dist/client/components/workflow/config/system-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-action.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/workflow/config/system-action.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,UAAU,EA+BtC,CAAC"}

package/dist/client/components/workflow/config/system-action.js

@@ -0,0 +1,33 @@
+export const SYSTEM_ACTIONS = [
+    {
+        id: "HTTP Request",
+        label: "HTTP Request",
+        description: "Make an HTTP request to any API",
+        category: "System",
+    },
+    {
+        id: "Database Query",
+        label: "Database Query",
+        description: "Query your database",
+        category: "System",
+    },
+    {
+        id: "Condition",
+        label: "Condition",
+        description: "Branch based on a condition",
+        category: "System",
+    },
+    {
+        id: "Loop",
+        label: "Loop",
+        description: "Iterate over a list of items",
+        category: "System",
+    },
+    {
+        id: "Switch",
+        label: "Switch",
+        description: "Branch based on a condition",
+        category: "System",
+    },
+];
+//# sourceMappingURL=system-action.js.map

package/dist/client/components/workflow/config/system-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-action.js","sourceRoot":"","sources":["../../../../../src/client/components/workflow/config/system-action.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C;QACE,EAAE,EAAE,cAAc;QAClB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iCAAiC;QAC9C,QAAQ,EAAE,QAAQ;KACnB;IACD;QACE,EAAE,EAAE,gBAAgB;QACpB,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,qBAAqB;QAClC,QAAQ,EAAE,QAAQ;KACnB;IACD;QACE,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,6BAA6B;QAC1C,QAAQ,EAAE,QAAQ;KACnB;IACD;QACE,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE,QAAQ;KACnB;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,6BAA6B;QAC1C,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC"}

package/dist/client/components/workflow/config/trigger-config.d.ts

@@ -0,0 +1,9 @@
+type TriggerConfigProps = {
+    config: Record<string, unknown>;
+    onUpdateConfig: (key: string, value: string) => void;
+    disabled: boolean;
+    workflowId?: string;
+};
+export declare function TriggerConfig({ config, onUpdateConfig, disabled, workflowId, }: TriggerConfigProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=trigger-config.d.ts.map

package/dist/client/components/workflow/config/trigger-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger-config.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/workflow/config/trigger-config.tsx"],"names":[],"mappings":"AAkBA,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,GACX,EAAE,kBAAkB,2CAoJpB"}

package/dist/client/components/workflow/config/trigger-config.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Clock, Copy, Play, Webhook } from "lucide-react";
+import { toast } from "sonner";
+import { Button } from "../../ui/button.js";
+import { CodeEditor } from "../../ui/code-editor.js";
+import { Input } from "../../ui/input.js";
+import { Label } from "../../ui/label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../ui/select.js";
+import { TimezoneSelect } from "../../ui/timezone-select.js";
+import { SchemaBuilder } from "./schema-builder.js";
+export function TriggerConfig({ config, onUpdateConfig, disabled, workflowId, }) {
+    const webhookUrl = workflowId
+        ? `${typeof window !== "undefined" ? window.location.origin : ""}/api/workflows/${workflowId}/webhook`
+        : "";
+    const handleCopyWebhookUrl = () => {
+        if (webhookUrl) {
+            navigator.clipboard.writeText(webhookUrl);
+            toast.success("Webhook URL copied to clipboard");
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "triggerType", children: "Trigger Type" }), _jsxs(Select, { disabled: disabled, onValueChange: (value) => onUpdateConfig("triggerType", value), value: config?.triggerType || "Manual", children: [_jsx(SelectTrigger, { className: "w-full", id: "triggerType", children: _jsx(SelectValue, { placeholder: "Select trigger type" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "Manual", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Play, { className: "h-4 w-4" }), "Manual"] }) }), _jsx(SelectItem, { value: "Schedule", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Clock, { className: "h-4 w-4" }), "Schedule"] }) }), _jsx(SelectItem, { value: "Webhook", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Webhook, { className: "h-4 w-4" }), "Webhook"] }) })] })] })] }), config?.triggerType === "Webhook" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", children: "Webhook URL" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { className: "font-mono text-xs", disabled: true, value: webhookUrl || "Save workflow to generate webhook URL" }), _jsx(Button, { disabled: !webhookUrl, onClick: handleCopyWebhookUrl, size: "icon", variant: "outline", children: _jsx(Copy, { className: "h-4 w-4" }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Request Schema (Optional)" }), _jsx(SchemaBuilder, { disabled: disabled, onChange: (schema) => onUpdateConfig("webhookSchema", JSON.stringify(schema)), schema: config?.webhookSchema
+                                    ? JSON.parse(config.webhookSchema)
+                                    : [] }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Define the expected structure of the incoming webhook payload." })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "webhookMockRequest", children: "Mock Request (Optional)" }), _jsx("div", { className: "overflow-hidden rounded-md border", children: _jsx(CodeEditor, { defaultLanguage: "json", height: "150px", onChange: (value) => onUpdateConfig("webhookMockRequest", value || ""), options: {
+                                        minimap: { enabled: false },
+                                        lineNumbers: "on",
+                                        scrollBeyondLastLine: false,
+                                        fontSize: 12,
+                                        readOnly: disabled,
+                                        wordWrap: "on",
+                                    }, value: config?.webhookMockRequest || "" }) }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Enter a sample JSON payload to test the webhook trigger." })] })] })), config?.triggerType === "Schedule" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "scheduleCron", children: "Cron Expression" }), _jsx(Input, { disabled: disabled, id: "scheduleCron", onChange: (e) => onUpdateConfig("scheduleCron", e.target.value), placeholder: "0 9 * * * (every day at 9am)", value: config?.scheduleCron || "" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "scheduleTimezone", children: "Timezone" }), _jsx(TimezoneSelect, { disabled: disabled, id: "scheduleTimezone", onValueChange: (value) => onUpdateConfig("scheduleTimezone", value), value: config?.scheduleTimezone || "America/New_York" })] })] }))] }));
+}
+//# sourceMappingURL=trigger-config.js.map

package/dist/client/components/workflow/config/trigger-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger-config.js","sourceRoot":"","sources":["../../../../../src/client/components/workflow/config/trigger-config.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAoB,MAAM,kBAAkB,CAAC;AASnE,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,GACS;IACnB,MAAM,UAAU,GAAG,UAAU;QAC3B,CAAC,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,kBAAkB,UAAU,UAAU;QACtG,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,UAAU,EAAE,CAAC;YACf,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAC1C,KAAK,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,6BAErC,EACR,MAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,EAC9D,KAAK,EAAG,MAAM,EAAE,WAAsB,IAAI,QAAQ,aAElD,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAC,aAAa,YAChD,KAAC,WAAW,IAAC,WAAW,EAAC,qBAAqB,GAAG,GACnC,EAChB,MAAC,aAAa,eACZ,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,YACxB,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,cAExB,GACK,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,UAAU,YAC1B,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,gBAEzB,GACK,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,YACzB,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,eAE3B,GACK,IACC,IACT,IACL,EAGL,MAAM,EAAE,WAAW,KAAK,SAAS,IAAI,CACpC,8BACE,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,SAAS,EAAC,MAAM,4BAAoB,EAC3C,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,KAAK,IACJ,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,QACR,KAAK,EAAE,UAAU,IAAI,uCAAuC,GAC5D,EACF,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,UAAU,EACrB,OAAO,EAAE,oBAAoB,EAC7B,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,SAAS,YAEjB,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,GACrB,IACL,IACF,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,4CAAkC,EACxC,KAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CACnB,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAEzD,MAAM,EACJ,MAAM,EAAE,aAAa;oCACnB,CAAC,CAAE,IAAI,CAAC,KAAK,CACT,MAAM,CAAC,aAAuB,CACb;oCACrB,CAAC,CAAC,EAAE,GAER,EACF,YAAG,SAAS,EAAC,+BAA+B,+EAExC,IACA,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,OAAO,EAAC,oBAAoB,wCAAgC,EACnE,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,UAAU,IACT,eAAe,EAAC,MAAM,EACtB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,cAAc,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE,CAAC,EAEnD,OAAO,EAAE;wCACP,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;wCAC3B,WAAW,EAAE,IAAI;wCACjB,oBAAoB,EAAE,KAAK;wCAC3B,QAAQ,EAAE,EAAE;wCACZ,QAAQ,EAAE,QAAQ;wCAClB,QAAQ,EAAE,IAAI;qCACf,EACD,KAAK,EAAG,MAAM,EAAE,kBAA6B,IAAI,EAAE,GACnD,GACE,EACN,YAAG,SAAS,EAAC,+BAA+B,yEAExC,IACA,IACL,CACJ,EAGA,MAAM,EAAE,WAAW,KAAK,UAAU,IAAI,CACrC,8BACE,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,cAAc,gCAEtC,EACR,KAAC,KAAK,IACJ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/D,WAAW,EAAC,8BAA8B,EAC1C,KAAK,EAAG,MAAM,EAAE,YAAuB,IAAI,EAAE,GAC7C,IACE,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,kBAAkB,yBAE1C,EACR,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,kBAAkB,EACrB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CACvB,cAAc,CAAC,kBAAkB,EAAE,KAAK,CAAC,EAE3C,KAAK,EAAG,MAAM,EAAE,gBAA2B,IAAI,kBAAkB,GACjE,IACE,IACL,CACJ,IACA,CACJ,CAAC;AACJ,CAAC"}

package/dist/client/components/workflow/node-config-panel.d.ts

@@ -0,0 +1,3 @@
+export declare const PanelInner: () => import("react/jsx-runtime").JSX.Element;
+export declare const NodeConfigPanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=node-config-panel.d.ts.map

package/dist/client/components/workflow/node-config-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-config-panel.d.ts","sourceRoot":"","sources":["../../../../src/client/components/workflow/node-config-panel.tsx"],"names":[],"mappings":"AAgJA,eAAO,MAAM,UAAU,+CA85BtB,CAAC;AACF,eAAO,MAAM,eAAe,+CAI3B,CAAC"}

package/dist/client/components/workflow/node-config-panel.js

@@ -0,0 +1,353 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAtom, useAtomValue, useSetAtom } from "jotai";
+import { Copy, Eraser, Eye, EyeOff, FileCode, RefreshCw, Trash2 } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { toast } from "sonner";
+import { api } from "../../../lib/api-client.js";
+import { integrationsAtom } from "../../../lib/integrations-store.js";
+import { generateWorkflowCode } from "../../../lib/workflow-codegen.js";
+import { clearNodeStatusesAtom, currentWorkflowIdAtom, currentWorkflowNameAtom, deleteEdgeAtom, deleteNodeAtom, deleteSelectedItemsAtom, edgesAtom, isGeneratingAtom, isWorkflowOwnerAtom, newlyCreatedNodeIdAtom, nodesAtom, pendingIntegrationNodesAtom, propertiesPanelActiveTabAtom, selectedEdgeAtom, selectedNodeAtom, showClearDialogAtom, showDeleteDialogAtom, updateNodeDataAtom, } from "../../../lib/workflow-store.js";
+import { findActionById } from "../../../plugins/registry.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "../ui/alert-dialog.js";
+import { Button } from "../ui/button.js";
+import { CodeEditor } from "../ui/code-editor.js";
+import { Input } from "../ui/input.js";
+import { Label } from "../ui/label.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.js";
+import { ActionConfig } from "./config/action-config.js";
+import { ActionGrid } from "./config/action-grid.js";
+import { TriggerConfig } from "./config/trigger-config.js";
+import { generateNodeCode } from "./utils/code-generators.js";
+import { WorkflowRuns } from "./workflow-runs.js";
+const NON_ALPHANUMERIC_REGEX = /[^a-zA-Z0-9\s]/g;
+const WORD_SPLIT_REGEX = /\s+/;
+const SYSTEM_ACTION_INTEGRATIONS = {
+    "Database Query": "database",
+};
+const MultiSelectionPanel = ({ selectedNodes, selectedEdges, onDelete, }) => {
+    const [showDeleteAlert, setShowDeleteAlert] = useState(false);
+    const nodeText = selectedNodes.length === 1 ? "node" : "nodes";
+    const edgeText = selectedEdges.length === 1 ? "line" : "lines";
+    const selectionParts = [];
+    if (selectedNodes.length > 0) {
+        selectionParts.push(`${selectedNodes.length} ${nodeText}`);
+    }
+    if (selectedEdges.length > 0) {
+        selectionParts.push(`${selectedEdges.length} ${edgeText}`);
+    }
+    const selectionText = selectionParts.join(" and ");
+    const handleDelete = () => {
+        onDelete();
+        setShowDeleteAlert(false);
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex size-full flex-col", children: [_jsx("div", { className: "flex h-14 w-full shrink-0 items-center border-b bg-transparent px-4", children: _jsx("h2", { className: "font-semibold text-foreground", children: "Properties" }) }), _jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Selection" }), _jsxs("p", { className: "text-muted-foreground text-sm", children: [selectionText, " selected"] })] }), _jsx("div", { className: "flex items-center gap-2 pt-4", children: _jsxs(Button, { className: "text-muted-foreground", onClick: () => setShowDeleteAlert(true), size: "sm", variant: "ghost", children: [_jsx(Trash2, { className: "mr-2 size-4" }), "Delete"] }) })] })] }), _jsx(AlertDialog, { onOpenChange: setShowDeleteAlert, open: showDeleteAlert, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete Selected Items" }), _jsxs(AlertDialogDescription, { children: ["Are you sure you want to delete ", selectionText, "? This action cannot be undone."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: handleDelete, children: "Delete" })] })] }) })] }));
+};
+export const PanelInner = () => {
+    const [selectedNodeId] = useAtom(selectedNodeAtom);
+    const [selectedEdgeId] = useAtom(selectedEdgeAtom);
+    const [nodes] = useAtom(nodesAtom);
+    const edges = useAtomValue(edgesAtom);
+    const [isGenerating] = useAtom(isGeneratingAtom);
+    const [currentWorkflowId] = useAtom(currentWorkflowIdAtom);
+    const [currentWorkflowName, setCurrentWorkflowName] = useAtom(currentWorkflowNameAtom);
+    const isOwner = useAtomValue(isWorkflowOwnerAtom);
+    const updateNodeData = useSetAtom(updateNodeDataAtom);
+    const deleteNode = useSetAtom(deleteNodeAtom);
+    const deleteEdge = useSetAtom(deleteEdgeAtom);
+    const deleteSelectedItems = useSetAtom(deleteSelectedItemsAtom);
+    const setShowClearDialog = useSetAtom(showClearDialogAtom);
+    const setShowDeleteDialog = useSetAtom(showDeleteDialogAtom);
+    const clearNodeStatuses = useSetAtom(clearNodeStatusesAtom);
+    const setPendingIntegrationNodes = useSetAtom(pendingIntegrationNodesAtom);
+    const [newlyCreatedNodeId, setNewlyCreatedNodeId] = useAtom(newlyCreatedNodeIdAtom);
+    const [showDeleteNodeAlert, setShowDeleteNodeAlert] = useState(false);
+    const [showDeleteEdgeAlert, setShowDeleteEdgeAlert] = useState(false);
+    const [showDeleteRunsAlert, setShowDeleteRunsAlert] = useState(false);
+    const [isRefreshing, setIsRefreshing] = useState(false);
+    const [activeTab, setActiveTab] = useAtom(propertiesPanelActiveTabAtom);
+    const refreshRunsRef = useRef(null);
+    const autoSelectAbortControllersRef = useRef({});
+    const selectedNode = nodes.find((node) => node.id === selectedNodeId);
+    const selectedEdge = edges.find((edge) => edge.id === selectedEdgeId);
+    const selectedNodes = nodes.filter((node) => node.selected);
+    const selectedEdges = edges.filter((edge) => edge.selected);
+    const hasMultipleSelections = selectedNodes.length + selectedEdges.length > 1;
+    useEffect(() => {
+        if (!selectedNode || activeTab !== "code") {
+            return;
+        }
+        const isConditionAction = selectedNode.data.config?.actionType === "Condition";
+        const isManualTrigger = selectedNode.data.type === "trigger" &&
+            selectedNode.data.config?.triggerType === "Manual";
+        if (isConditionAction || isManualTrigger) {
+            setActiveTab("properties");
+        }
+    }, [selectedNode, activeTab, setActiveTab]);
+    const globalIntegrations = useAtomValue(integrationsAtom);
+    useEffect(() => {
+        if (!(selectedNode && isOwner)) {
+            return;
+        }
+        const actionType = selectedNode.data.config?.actionType;
+        const currentIntegrationId = selectedNode.data.config?.integrationId;
+        if (!(actionType && currentIntegrationId)) {
+            return;
+        }
+        const action = findActionById(actionType);
+        const integrationType = action?.integration ||
+            SYSTEM_ACTION_INTEGRATIONS[actionType];
+        if (!integrationType) {
+            return;
+        }
+        const integrationExists = globalIntegrations.some((i) => i.id === currentIntegrationId);
+        if (integrationExists) {
+            return;
+        }
+        const availableIntegrations = globalIntegrations.filter((i) => i.type === integrationType);
+        if (availableIntegrations.length === 1) {
+            const newConfig = {
+                ...selectedNode.data.config,
+                integrationId: availableIntegrations[0].id,
+            };
+            updateNodeData({ id: selectedNode.id, data: { config: newConfig } });
+        }
+        else if (availableIntegrations.length === 0) {
+            const newConfig = {
+                ...selectedNode.data.config,
+                integrationId: undefined,
+            };
+            updateNodeData({ id: selectedNode.id, data: { config: newConfig } });
+        }
+    }, [selectedNode, globalIntegrations, isOwner, updateNodeData]);
+    const workflowCode = useMemo(() => {
+        const baseName = currentWorkflowName
+            .replace(NON_ALPHANUMERIC_REGEX, "")
+            .split(WORD_SPLIT_REGEX)
+            .map((word, i) => {
+            if (i === 0) {
+                return word.toLowerCase();
+            }
+            return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+        })
+            .join("") || "execute";
+        const functionName = `${baseName}Workflow`;
+        const { code } = generateWorkflowCode(nodes, edges, { functionName });
+        return code;
+    }, [nodes, edges, currentWorkflowName]);
+    const handleCopyCode = () => {
+        if (selectedNode) {
+            navigator.clipboard.writeText(generateNodeCode(selectedNode, currentWorkflowId));
+        }
+    };
+    const handleCopyWorkflowCode = () => {
+        navigator.clipboard.writeText(workflowCode);
+        toast.success("Code copied to clipboard");
+    };
+    const handleDelete = () => {
+        if (selectedNodeId) {
+            deleteNode(selectedNodeId);
+            setShowDeleteNodeAlert(false);
+        }
+    };
+    const handleToggleEnabled = () => {
+        if (selectedNode) {
+            const currentEnabled = selectedNode.data.enabled ?? true;
+            updateNodeData({
+                id: selectedNode.id,
+                data: { enabled: !currentEnabled },
+            });
+        }
+    };
+    const handleDeleteEdge = () => {
+        if (selectedEdgeId) {
+            deleteEdge(selectedEdgeId);
+            setShowDeleteEdgeAlert(false);
+        }
+    };
+    const handleDeleteAllRuns = async () => {
+        if (!currentWorkflowId) {
+            return;
+        }
+        try {
+            await api.workflow.deleteExecutions(currentWorkflowId);
+            clearNodeStatuses();
+            setShowDeleteRunsAlert(false);
+        }
+        catch (error) {
+            console.error("Failed to delete runs:", error);
+            const errorMessage = error instanceof Error ? error.message : "Failed to delete runs";
+            toast.error(errorMessage);
+        }
+    };
+    const handleUpdateLabel = (label) => {
+        if (selectedNode) {
+            updateNodeData({ id: selectedNode.id, data: { label } });
+        }
+    };
+    const handleUpdateDescription = (description) => {
+        if (selectedNode) {
+            updateNodeData({ id: selectedNode.id, data: { description } });
+        }
+    };
+    const autoSelectIntegration = useCallback(async (nodeId, actionType, currentConfig, abortSignal) => {
+        const action = findActionById(actionType);
+        const integrationType = action?.integration ||
+            SYSTEM_ACTION_INTEGRATIONS[actionType];
+        if (!integrationType) {
+            setPendingIntegrationNodes((prev) => {
+                const next = new Set(prev);
+                next.delete(nodeId);
+                return next;
+            });
+            return;
+        }
+        try {
+            const all = await api.integration.getAll();
+            if (abortSignal.aborted) {
+                return;
+            }
+            const filtered = all.filter((i) => i.type === integrationType);
+            if (filtered.length === 1 && !abortSignal.aborted) {
+                const newConfig = {
+                    ...currentConfig,
+                    actionType,
+                    integrationId: filtered[0].id,
+                };
+                updateNodeData({ id: nodeId, data: { config: newConfig } });
+            }
+        }
+        catch (error) {
+            console.error("Failed to auto-select integration:", error);
+        }
+        finally {
+            if (!abortSignal.aborted) {
+                setPendingIntegrationNodes((prev) => {
+                    const next = new Set(prev);
+                    next.delete(nodeId);
+                    return next;
+                });
+            }
+        }
+    }, [updateNodeData, setPendingIntegrationNodes]);
+    const handleUpdateConfig = (key, value) => {
+        if (selectedNode) {
+            let newConfig = { ...selectedNode.data.config, [key]: value };
+            if (key === "actionType" && selectedNode.data.config?.integrationId) {
+                newConfig = { ...newConfig, integrationId: undefined };
+            }
+            updateNodeData({ id: selectedNode.id, data: { config: newConfig } });
+            if (key === "actionType") {
+                const existingController = autoSelectAbortControllersRef.current[selectedNode.id];
+                if (existingController) {
+                    existingController.abort();
+                }
+                const newController = new AbortController();
+                autoSelectAbortControllersRef.current[selectedNode.id] = newController;
+                setPendingIntegrationNodes((prev) => new Set(prev).add(selectedNode.id));
+                autoSelectIntegration(selectedNode.id, value, newConfig, newController.signal);
+            }
+        }
+    };
+    const handleUpdateWorkspaceName = async (newName) => {
+        setCurrentWorkflowName(newName);
+        if (currentWorkflowId) {
+            try {
+                await api.workflow.update(currentWorkflowId, {
+                    name: newName,
+                    nodes,
+                    edges,
+                });
+            }
+            catch (error) {
+                console.error("Failed to update workflow name:", error);
+                toast.error("Failed to update workspace name");
+            }
+        }
+    };
+    const handleRefreshRuns = async () => {
+        setIsRefreshing(true);
+        try {
+            if (refreshRunsRef.current) {
+                await refreshRunsRef.current();
+            }
+        }
+        catch (error) {
+            console.error("Failed to refresh runs:", error);
+            toast.error("Failed to refresh runs");
+        }
+        finally {
+            setIsRefreshing(false);
+        }
+    };
+    if (hasMultipleSelections) {
+        return (_jsx(MultiSelectionPanel, { onDelete: deleteSelectedItems, selectedEdges: selectedEdges, selectedNodes: selectedNodes }));
+    }
+    if (selectedEdge) {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex size-full flex-col", children: [_jsx("div", { className: "flex h-14 w-full shrink-0 items-center border-b bg-transparent px-4", children: _jsx("h2", { className: "font-semibold text-foreground", children: "Properties" }) }), _jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "edge-id", children: "Edge ID" }), _jsx(Input, { disabled: true, id: "edge-id", value: selectedEdge.id })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "edge-source", children: "Source" }), _jsx(Input, { disabled: true, id: "edge-source", value: selectedEdge.source })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "edge-target", children: "Target" }), _jsx(Input, { disabled: true, id: "edge-target", value: selectedEdge.target })] }), isOwner && (_jsx("div", { className: "flex items-center gap-2 pt-4", children: _jsxs(Button, { className: "text-muted-foreground", onClick: () => setShowDeleteEdgeAlert(true), size: "sm", variant: "ghost", children: [_jsx(Trash2, { className: "mr-2 size-4" }), "Delete"] }) }))] })] }), _jsx(AlertDialog, { onOpenChange: setShowDeleteEdgeAlert, open: showDeleteEdgeAlert, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete Edge" }), _jsx(AlertDialogDescription, { children: "Are you sure you want to delete this connection? This action cannot be undone." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: handleDeleteEdge, children: "Delete" })] })] }) })] }));
+    }
+    if (!selectedNode) {
+        return (_jsxs(_Fragment, { children: [_jsxs(Tabs, { className: "size-full", defaultValue: "properties", onValueChange: setActiveTab, value: activeTab, children: [_jsxs(TabsList, { className: "h-14 w-full shrink-0 rounded-none border-b bg-transparent px-4 py-2.5", children: [_jsx(TabsTrigger, { className: "bg-transparent text-muted-foreground data-[state=active]:text-foreground data-[state=active]:shadow-none", value: "properties", children: "Properties" }), _jsx(TabsTrigger, { className: "bg-transparent text-muted-foreground data-[state=active]:text-foreground data-[state=active]:shadow-none", value: "code", children: "Code" }), isOwner && (_jsx(TabsTrigger, { className: "bg-transparent text-muted-foreground data-[state=active]:text-foreground data-[state=active]:shadow-none", value: "runs", children: "Runs" }))] }), _jsx(TabsContent, { className: "flex flex-col overflow-hidden", value: "properties", children: _jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "workflow-name", children: "Workflow Name" }), _jsx(Input, { disabled: !isOwner, id: "workflow-name", onChange: (e) => handleUpdateWorkspaceName(e.target.value), value: currentWorkflowName })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "workflow-id", children: "Workflow ID" }), _jsx(Input, { disabled: true, id: "workflow-id", value: currentWorkflowId || "Not saved" })] }), !isOwner && (_jsx("div", { className: "rounded-lg border border-muted bg-muted/30 p-3", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "You are viewing a public workflow. Duplicate it to make changes." }) })), isOwner && (_jsxs("div", { className: "flex items-center gap-2 pt-4", children: [_jsxs(Button, { className: "text-muted-foreground", onClick: () => setShowClearDialog(true), size: "sm", variant: "ghost", children: [_jsx(Eraser, { className: "mr-2 size-4" }), "Clear"] }), _jsxs(Button, { className: "text-muted-foreground", onClick: () => setShowDeleteDialog(true), size: "sm", variant: "ghost", children: [_jsx(Trash2, { className: "mr-2 size-4" }), "Delete"] })] }))] }) }), isOwner && (_jsxs(TabsContent, { className: "flex flex-col overflow-hidden", value: "runs", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b px-4 py-2", children: [_jsxs(Button, { className: "text-muted-foreground", disabled: isRefreshing, onClick: handleRefreshRuns, size: "sm", variant: "ghost", children: [_jsx(RefreshCw, { className: `mr-2 size-4 ${isRefreshing ? "animate-spin" : ""}` }), "Refresh"] }), _jsxs(Button, { className: "text-muted-foreground", onClick: () => setShowDeleteRunsAlert(true), size: "sm", variant: "ghost", children: [_jsx(Eraser, { className: "mr-2 size-4" }), "Clear All"] })] }), _jsx("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: _jsx(WorkflowRuns, { isActive: activeTab === "runs", onRefreshRef: refreshRunsRef }) })] })), _jsxs(TabsContent, { className: "flex flex-col overflow-hidden data-[state=inactive]:hidden", forceMount: true, value: "code", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b bg-muted/30 px-3 pb-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileCode, { className: "size-3.5 text-muted-foreground" }), _jsxs("code", { className: "text-muted-foreground text-xs", children: ["workflows/", currentWorkflowName
+                                                            .toLowerCase()
+                                                            .replace(/\s+/g, "-")
+                                                            .replace(/[^a-z0-9-]/g, "") || "workflow", ".ts"] })] }), _jsxs(Button, { className: "text-muted-foreground", onClick: handleCopyWorkflowCode, size: "sm", variant: "ghost", children: [_jsx(Copy, { className: "mr-2 size-4" }), "Copy"] })] }), _jsx("div", { className: "flex-1 overflow-hidden", children: _jsx(CodeEditor, { height: "100%", language: "typescript", options: {
+                                            readOnly: true,
+                                            minimap: { enabled: false },
+                                            scrollBeyondLastLine: false,
+                                            fontSize: 13,
+                                            lineNumbers: "on",
+                                            folding: true,
+                                            wordWrap: "off",
+                                            padding: { top: 16, bottom: 16 },
+                                        }, value: workflowCode }) })] })] }), _jsx(AlertDialog, { onOpenChange: setShowDeleteRunsAlert, open: showDeleteRunsAlert, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete All Runs" }), _jsx(AlertDialogDescription, { children: "Are you sure you want to delete all workflow runs? This action cannot be undone." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: handleDeleteAllRuns, children: "Delete" })] })] }) })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Tabs, { className: "size-full", "data-testid": "properties-panel", defaultValue: "properties", onValueChange: setActiveTab, value: activeTab, children: [_jsxs(TabsList, { className: "h-14 w-full shrink-0 rounded-none border-b bg-transparent px-4 py-2.5", children: [_jsx(TabsTrigger, { className: "bg-transparent text-muted-foreground data-[state=active]:text-foreground data-[state=active]:shadow-none", value: "properties", children: "Properties" }), (selectedNode.data.type !== "trigger" ||
+                                selectedNode.data.config?.triggerType !== "Manual") &&
+                                selectedNode.data.config?.actionType !== "Condition" ? (_jsx(TabsTrigger, { className: "bg-transparent text-muted-foreground data-[state=active]:text-foreground data-[state=active]:shadow-none", value: "code", children: "Code" })) : null, isOwner && (_jsx(TabsTrigger, { className: "bg-transparent text-muted-foreground data-[state=active]:text-foreground data-[state=active]:shadow-none", value: "runs", children: "Runs" }))] }), _jsxs(TabsContent, { className: "flex flex-col overflow-hidden", value: "properties", children: [selectedNode.data.type === "action" &&
+                                !selectedNode.data.config?.actionType &&
+                                isOwner && (_jsx("div", { className: "flex min-h-0 flex-1 flex-col px-4 pt-4", children: _jsx(ActionGrid, { disabled: isGenerating, isNewlyCreated: selectedNode?.id === newlyCreatedNodeId, onSelectAction: (actionType) => {
+                                        handleUpdateConfig("actionType", actionType);
+                                        if (selectedNode?.id === newlyCreatedNodeId) {
+                                            setNewlyCreatedNodeId(null);
+                                        }
+                                    } }) })), !(selectedNode.data.type === "action" &&
+                                !selectedNode.data.config?.actionType &&
+                                isOwner) && (_jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "node-id", children: "Node ID" }), _jsx(Input, { disabled: true, id: "node-id", value: selectedNode?.id || "" })] }), selectedNode.data.type === "trigger" && (_jsx(TriggerConfig, { config: selectedNode.data.config || {}, disabled: isGenerating || !isOwner, onUpdateConfig: handleUpdateConfig, workflowId: currentWorkflowId ?? undefined })), selectedNode.data.type === "action" &&
+                                        !selectedNode.data.config?.actionType &&
+                                        !isOwner && (_jsx("div", { className: "rounded-lg border border-muted bg-muted/30 p-3", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "No action configured for this step." }) })), selectedNode.data.type === "action" &&
+                                        selectedNode.data.config?.actionType ? (_jsx(ActionConfig, { config: selectedNode.data.config || {}, disabled: isGenerating || !isOwner, isOwner: isOwner, onUpdateConfig: handleUpdateConfig })) : null, selectedNode.data.type !== "action" ||
+                                        selectedNode.data.config?.actionType ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "label", children: "Label" }), _jsx(Input, { disabled: isGenerating || !isOwner, id: "label", onChange: (e) => handleUpdateLabel(e.target.value), value: selectedNode.data.label })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "ml-1", htmlFor: "description", children: "Description" }), _jsx(Input, { disabled: isGenerating || !isOwner, id: "description", onChange: (e) => handleUpdateDescription(e.target.value), placeholder: "Optional description", value: selectedNode.data.description || "" })] })] })) : null, !isOwner && (_jsx("div", { className: "rounded-lg border border-muted bg-muted/30 p-3", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "You are viewing a public workflow. Duplicate it to make changes." }) })), isOwner && (_jsxs("div", { className: "flex items-center gap-2 pt-4", children: [selectedNode.data.type === "action" && (_jsx(Button, { className: "text-muted-foreground", onClick: handleToggleEnabled, size: "sm", variant: "ghost", children: selectedNode.data.enabled === false ? (_jsxs(_Fragment, { children: [_jsx(EyeOff, { className: "mr-2 size-4" }), "Disabled"] })) : (_jsxs(_Fragment, { children: [_jsx(Eye, { className: "mr-2 size-4" }), "Enabled"] })) })), _jsxs(Button, { className: "text-muted-foreground", onClick: () => setShowDeleteNodeAlert(true), size: "sm", variant: "ghost", children: [_jsx(Trash2, { className: "mr-2 size-4" }), "Delete"] })] }))] }))] }), _jsx(TabsContent, { className: "flex flex-col overflow-hidden data-[state=inactive]:hidden", forceMount: true, value: "code", children: (() => {
+                            const triggerType = selectedNode.data.config?.triggerType;
+                            let filename = "";
+                            let language = "typescript";
+                            if (selectedNode.data.type === "trigger") {
+                                if (triggerType === "Schedule") {
+                                    filename = "vercel.json";
+                                    language = "json";
+                                }
+                                else if (triggerType === "Webhook") {
+                                    const webhookPath = selectedNode.data.config?.webhookPath ||
+                                        "/webhook";
+                                    filename = `app/api${webhookPath}/route.ts`;
+                                    language = "typescript";
+                                }
+                            }
+                            else {
+                                filename = `steps/${selectedNode.data.config?.actionType
+                                    ?.toLowerCase()
+                                    .replace(/\s+/g, "-")
+                                    .replace(/[^a-z0-9-]/g, "") || "action"}-step.ts`;
+                            }
+                            return (_jsxs(_Fragment, { children: [filename && (_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b bg-muted/30 px-3 pb-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileCode, { className: "size-3.5 text-muted-foreground" }), _jsx("code", { className: "text-muted-foreground text-xs", children: filename })] }), _jsxs(Button, { className: "text-muted-foreground", onClick: handleCopyCode, size: "sm", variant: "ghost", children: [_jsx(Copy, { className: "mr-2 size-4" }), "Copy"] })] })), _jsx("div", { className: "flex-1 overflow-hidden", children: _jsx(CodeEditor, { height: "100%", language: language, options: {
+                                                readOnly: true,
+                                                minimap: { enabled: false },
+                                                scrollBeyondLastLine: false,
+                                                fontSize: 13,
+                                                lineNumbers: "on",
+                                                folding: false,
+                                                wordWrap: "off",
+                                                padding: { top: 16, bottom: 16 },
+                                            }, value: generateNodeCode(selectedNode, currentWorkflowId) }) })] }));
+                        })() }), isOwner && (_jsxs(TabsContent, { className: "flex flex-col overflow-hidden", value: "runs", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b px-4 py-2", children: [_jsxs(Button, { className: "text-muted-foreground", disabled: isRefreshing, onClick: handleRefreshRuns, size: "sm", variant: "ghost", children: [_jsx(RefreshCw, { className: `mr-2 size-4 ${isRefreshing ? "animate-spin" : ""}` }), "Refresh"] }), _jsxs(Button, { className: "text-muted-foreground", onClick: () => setShowDeleteRunsAlert(true), size: "sm", variant: "ghost", children: [_jsx(Eraser, { className: "mr-2 size-4" }), "Clear All"] })] }), _jsx("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: _jsx(WorkflowRuns, { isActive: activeTab === "runs", onRefreshRef: refreshRunsRef }) })] }))] }), _jsx(AlertDialog, { onOpenChange: setShowDeleteRunsAlert, open: showDeleteRunsAlert, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete All Runs" }), _jsx(AlertDialogDescription, { children: "Are you sure you want to delete all workflow runs? This action cannot be undone." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: handleDeleteAllRuns, children: "Delete" })] })] }) }), _jsx(AlertDialog, { onOpenChange: setShowDeleteNodeAlert, open: showDeleteNodeAlert, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete Step" }), _jsx(AlertDialogDescription, { children: "Are you sure you want to delete this node? This action cannot be undone." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: handleDelete, children: "Delete" })] })] }) })] }));
+};
+export const NodeConfigPanel = () => (_jsx("div", { className: "hidden size-full flex-col bg-background md:flex", children: _jsx(PanelInner, {}) }));
+//# sourceMappingURL=node-config-panel.js.map