@open-mercato/core 0.5.1-develop.2953.6647bb2c43 → 0.5.1-develop.2954.610bab2d08

package/dist/modules/workflows/components/NodeEditDialog.js

@@ -3,7 +3,15 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
 import { Badge } from "@open-mercato/ui/primitives/badge";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
 import { ChevronDown, Info, Plus, Trash2 } from "lucide-react";
 import { sanitizeId } from "../lib/graph-utils.js";
@@ -369,13 +377,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
             " *"
           ] }),
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "text",
               value: stepName,
               onChange: (e) => setStepName(e.target.value),
               placeholder: t("workflows.form.placeholders.stepName"),
-              className: "w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring",
               autoFocus: true
             }
           ),
@@ -398,13 +405,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.form.timeout") }),
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "text",
               value: timeout,
               onChange: (e) => setTimeout(e.target.value),
-              placeholder: t("workflows.form.placeholders.timeout"),
-              className: "w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring"
+              placeholder: t("workflows.form.placeholders.timeout")
             }
           ),
           /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.timeout") })
@@ -414,13 +420,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.form.assignedTo") }),
             /* @__PURE__ */ jsx(
-              "input",
+              Input,
               {
                 type: "text",
                 value: assignedTo,
                 onChange: (e) => setAssignedTo(e.target.value),
-                placeholder: t("workflows.form.placeholders.userId"),
-                className: "w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring"
+                placeholder: t("workflows.form.placeholders.userId")
               }
             ),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.assignedTo") })
@@ -428,13 +433,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.form.assignedToRoles") }),
             /* @__PURE__ */ jsx(
-              "input",
+              Input,
               {
                 type: "text",
                 value: assignedToRoles,
                 onChange: (e) => setAssignedToRoles(e.target.value),
-                placeholder: t("workflows.form.placeholders.roles"),
-                className: "w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring"
+                placeholder: t("workflows.form.placeholders.roles")
               }
             ),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.assignedToRoles") })
@@ -442,13 +446,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.form.formKey") }),
             /* @__PURE__ */ jsx(
-              "input",
+              Input,
               {
                 type: "text",
                 value: formKey,
                 onChange: (e) => setFormKey(e.target.value),
-                placeholder: t("workflows.form.placeholders.formKey"),
-                className: "w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring"
+                placeholder: t("workflows.form.placeholders.formKey")
               }
             ),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.formKey") })
@@ -514,12 +517,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                       " *"
                     ] }),
                     /* @__PURE__ */ jsx(
-                      "input",
+                      Input,
                       {
                         type: "text",
+                        size: "sm",
                         value: field.name,
                         onChange: (e) => updateFormField(index, "name", e.target.value),
-                        className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-ring",
                         placeholder: t("workflows.form.placeholders.fieldName")
                       }
                     ),
@@ -531,12 +534,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                       " *"
                     ] }),
                     /* @__PURE__ */ jsx(
-                      "input",
+                      Input,
                       {
                         type: "text",
+                        size: "sm",
                         value: field.label,
                         onChange: (e) => updateFormField(index, "label", e.target.value),
-                        className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-ring",
                         placeholder: t("workflows.form.placeholders.fieldLabel")
                       }
                     ),
@@ -548,24 +551,26 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                       " *"
                     ] }),
                     /* @__PURE__ */ jsxs(
-                      "select",
+                      Select,
                       {
                         value: field.type,
-                        onChange: (e) => updateFormField(index, "type", e.target.value),
-                        className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-ring",
+                        onValueChange: (value) => updateFormField(index, "type", value),
                         children: [
-                          /* @__PURE__ */ jsx("option", { value: "text", children: t("workflows.form.fieldTypes.text") }),
-                          /* @__PURE__ */ jsx("option", { value: "number", children: t("workflows.form.fieldTypes.number") }),
-                          /* @__PURE__ */ jsx("option", { value: "email", children: t("workflows.form.fieldTypes.email") }),
-                          /* @__PURE__ */ jsx("option", { value: "tel", children: t("workflows.form.fieldTypes.tel") }),
-                          /* @__PURE__ */ jsx("option", { value: "url", children: t("workflows.form.fieldTypes.url") }),
-                          /* @__PURE__ */ jsx("option", { value: "textarea", children: t("workflows.form.fieldTypes.textarea") }),
-                          /* @__PURE__ */ jsx("option", { value: "select", children: t("workflows.form.fieldTypes.select") }),
-                          /* @__PURE__ */ jsx("option", { value: "radio", children: t("workflows.form.fieldTypes.radio") }),
-                          /* @__PURE__ */ jsx("option", { value: "checkbox", children: t("workflows.form.fieldTypes.checkbox") }),
-                          /* @__PURE__ */ jsx("option", { value: "date", children: t("workflows.form.fieldTypes.date") }),
-                          /* @__PURE__ */ jsx("option", { value: "time", children: t("workflows.form.fieldTypes.time") }),
-                          /* @__PURE__ */ jsx("option", { value: "datetime-local", children: t("workflows.form.fieldTypes.datetime-local") })
+                          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                          /* @__PURE__ */ jsxs(SelectContent, { children: [
+                            /* @__PURE__ */ jsx(SelectItem, { value: "text", children: t("workflows.form.fieldTypes.text") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "number", children: t("workflows.form.fieldTypes.number") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "email", children: t("workflows.form.fieldTypes.email") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "tel", children: t("workflows.form.fieldTypes.tel") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "url", children: t("workflows.form.fieldTypes.url") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "textarea", children: t("workflows.form.fieldTypes.textarea") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "select", children: t("workflows.form.fieldTypes.select") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "radio", children: t("workflows.form.fieldTypes.radio") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "checkbox", children: t("workflows.form.fieldTypes.checkbox") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "date", children: t("workflows.form.fieldTypes.date") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "time", children: t("workflows.form.fieldTypes.time") }),
+                            /* @__PURE__ */ jsx(SelectItem, { value: "datetime-local", children: t("workflows.form.fieldTypes.datetime-local") })
+                          ] })
                         ]
                       }
                     )
@@ -573,12 +578,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                   /* @__PURE__ */ jsxs("div", { children: [
                     /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-gray-700 mb-1", children: t("workflows.form.placeholder") }),
                     /* @__PURE__ */ jsx(
-                      "input",
+                      Input,
                       {
                         type: "text",
+                        size: "sm",
                         value: field.placeholder || "",
                         onChange: (e) => updateFormField(index, "placeholder", e.target.value),
-                        className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-ring",
                         placeholder: t("workflows.form.placeholders.placeholder")
                       }
                     )
@@ -586,12 +591,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                   /* @__PURE__ */ jsxs("div", { children: [
                     /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-gray-700 mb-1", children: t("workflows.form.defaultValue") }),
                     /* @__PURE__ */ jsx(
-                      "input",
+                      Input,
                       {
                         type: "text",
+                        size: "sm",
                         value: field.defaultValue || "",
                         onChange: (e) => updateFormField(index, "defaultValue", e.target.value),
-                        className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-ring",
                         placeholder: t("workflows.form.placeholders.defaultValue")
                       }
                     )
@@ -599,12 +604,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                   (field.type === "select" || field.type === "radio") && /* @__PURE__ */ jsxs("div", { children: [
                     /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-gray-700 mb-1", children: t("workflows.form.options") }),
                     /* @__PURE__ */ jsx(
-                      "input",
+                      Input,
                       {
                         type: "text",
+                        size: "sm",
                         value: field.options?.join(", ") || "",
                         onChange: (e) => updateFormField(index, "options", e.target.value.split(",").map((o) => o.trim()).filter(Boolean)),
-                        className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-ring",
                         placeholder: t("workflows.form.placeholders.options")
                       }
                     ),
@@ -716,16 +721,16 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                     " *"
                   ] }),
                   /* @__PURE__ */ jsx(
-                    "input",
+                    Input,
                     {
                       type: "text",
+                      size: "sm",
                       value: activity.activityId,
                       onChange: (e) => {
                         const updated = [...stepActivities];
                         updated[index].activityId = e.target.value;
                         setStepActivities(updated);
                       },
-                      className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring",
                       placeholder: t("workflows.form.placeholders.activityId")
                     }
                   )
@@ -736,16 +741,16 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                     " *"
                   ] }),
                   /* @__PURE__ */ jsx(
-                    "input",
+                    Input,
                     {
                       type: "text",
+                      size: "sm",
                       value: activity.activityName || "",
                       onChange: (e) => {
                         const updated = [...stepActivities];
                         updated[index].activityName = e.target.value;
                         setStepActivities(updated);
                       },
-                      className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring",
                       placeholder: t("workflows.form.placeholders.activityName")
                     }
                   )
@@ -756,22 +761,24 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                     " *"
                   ] }),
                   /* @__PURE__ */ jsxs(
-                    "select",
+                    Select,
                     {
                       value: activity.activityType,
-                      onChange: (e) => {
+                      onValueChange: (value) => {
                         const updated = [...stepActivities];
-                        updated[index].activityType = e.target.value;
+                        updated[index].activityType = value;
                         setStepActivities(updated);
                       },
-                      className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring",
                       children: [
-                        /* @__PURE__ */ jsx("option", { value: "SEND_EMAIL", children: t("workflows.activities.types.SEND_EMAIL") }),
-                        /* @__PURE__ */ jsx("option", { value: "CALL_API", children: t("workflows.activities.types.CALL_API") }),
-                        /* @__PURE__ */ jsx("option", { value: "UPDATE_ENTITY", children: t("workflows.activities.types.UPDATE_ENTITY") }),
-                        /* @__PURE__ */ jsx("option", { value: "EMIT_EVENT", children: t("workflows.activities.types.EMIT_EVENT") }),
-                        /* @__PURE__ */ jsx("option", { value: "CALL_WEBHOOK", children: t("workflows.activities.types.CALL_WEBHOOK") }),
-                        /* @__PURE__ */ jsx("option", { value: "EXECUTE_FUNCTION", children: t("workflows.activities.types.EXECUTE_FUNCTION") })
+                        /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                        /* @__PURE__ */ jsxs(SelectContent, { children: [
+                          /* @__PURE__ */ jsx(SelectItem, { value: "SEND_EMAIL", children: t("workflows.activities.types.SEND_EMAIL") }),
+                          /* @__PURE__ */ jsx(SelectItem, { value: "CALL_API", children: t("workflows.activities.types.CALL_API") }),
+                          /* @__PURE__ */ jsx(SelectItem, { value: "UPDATE_ENTITY", children: t("workflows.activities.types.UPDATE_ENTITY") }),
+                          /* @__PURE__ */ jsx(SelectItem, { value: "EMIT_EVENT", children: t("workflows.activities.types.EMIT_EVENT") }),
+                          /* @__PURE__ */ jsx(SelectItem, { value: "CALL_WEBHOOK", children: t("workflows.activities.types.CALL_WEBHOOK") }),
+                          /* @__PURE__ */ jsx(SelectItem, { value: "EXECUTE_FUNCTION", children: t("workflows.activities.types.EXECUTE_FUNCTION") })
+                        ] })
                       ]
                     }
                   )
@@ -779,16 +786,16 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-gray-700 mb-1", children: t("workflows.form.timeout") }),
                   /* @__PURE__ */ jsx(
-                    "input",
+                    Input,
                     {
                       type: "text",
+                      size: "sm",
                       value: activity.timeoutMs || "",
                       onChange: (e) => {
                         const updated = [...stepActivities];
                         updated[index].timeoutMs = e.target.value ? parseInt(e.target.value) : void 0;
                         setStepActivities(updated);
                       },
-                      className: "w-full px-2 py-1.5 border border-gray-300 rounded text-xs focus-visible:ring-1 focus-visible:ring-ring",
                       placeholder: t("workflows.form.placeholders.timeoutMs")
                     }
                   ),
@@ -800,9 +807,10 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                     /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx("label", { className: "block text-xs text-gray-600 mb-1", children: t("workflows.form.maxAttempts") }),
                       /* @__PURE__ */ jsx(
-                        "input",
+                        Input,
                         {
                           type: "number",
+                          size: "sm",
                           value: activity.retryPolicy?.maxAttempts || 1,
                           onChange: (e) => {
                             const updated = [...stepActivities];
@@ -811,34 +819,34 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                             setStepActivities(updated);
                           },
                           min: "1",
-                          max: "10",
-                          className: "w-full px-2 py-1 border border-gray-300 rounded text-xs"
+                          max: "10"
                         }
                       )
                     ] }),
                     /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx("label", { className: "block text-xs text-gray-600 mb-1", children: t("workflows.form.initialInterval") }),
                       /* @__PURE__ */ jsx(
-                        "input",
+                        Input,
                         {
                           type: "number",
+                          size: "sm",
                           value: activity.retryPolicy?.initialIntervalMs || 1e3,
                           onChange: (e) => {
                             const updated = [...stepActivities];
                             if (!updated[index].retryPolicy) updated[index].retryPolicy = {};
                             updated[index].retryPolicy.initialIntervalMs = parseInt(e.target.value) || 1e3;
                             setStepActivities(updated);
-                          },
-                          className: "w-full px-2 py-1 border border-gray-300 rounded text-xs"
+                          }
                         }
                       )
                     ] }),
                     /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx("label", { className: "block text-xs text-gray-600 mb-1", children: t("workflows.form.backoffCoefficient") }),
                       /* @__PURE__ */ jsx(
-                        "input",
+                        Input,
                         {
                           type: "number",
+                          size: "sm",
                           step: "0.1",
                           value: activity.retryPolicy?.backoffCoefficient || 2,
                           onChange: (e) => {
@@ -846,25 +854,24 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                             if (!updated[index].retryPolicy) updated[index].retryPolicy = {};
                             updated[index].retryPolicy.backoffCoefficient = parseFloat(e.target.value) || 2;
                             setStepActivities(updated);
-                          },
-                          className: "w-full px-2 py-1 border border-gray-300 rounded text-xs"
+                          }
                         }
                       )
                     ] }),
                     /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsx("label", { className: "block text-xs text-gray-600 mb-1", children: t("workflows.form.maxInterval") }),
                       /* @__PURE__ */ jsx(
-                        "input",
+                        Input,
                         {
                           type: "number",
+                          size: "sm",
                           value: activity.retryPolicy?.maxIntervalMs || 6e4,
                           onChange: (e) => {
                             const updated = [...stepActivities];
                             if (!updated[index].retryPolicy) updated[index].retryPolicy = {};
                             updated[index].retryPolicy.maxIntervalMs = parseInt(e.target.value) || 6e4;
                             setStepActivities(updated);
-                          },
-                          className: "w-full px-2 py-1 border border-gray-300 rounded text-xs"
+                          }
                         }
                       )
                     ] })
@@ -932,13 +939,13 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
               /* @__PURE__ */ jsx(
-                "input",
+                Input,
                 {
                   type: "text",
                   value: subWorkflowId,
                   onChange: (e) => setSubWorkflowId(e.target.value),
                   placeholder: t("workflows.form.placeholders.subWorkflowId"),
-                  className: "flex-1 px-3 py-2 border border-gray-300 rounded-lg text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring",
+                  className: "flex-1",
                   readOnly: true
                 }
               ),
@@ -957,13 +964,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.form.version") }),
             /* @__PURE__ */ jsx(
-              "input",
+              Input,
               {
                 type: "number",
                 value: subWorkflowVersion,
                 onChange: (e) => setSubWorkflowVersion(e.target.value),
-                placeholder: t("workflows.form.placeholders.version"),
-                className: "w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring"
+                placeholder: t("workflows.form.placeholders.version")
               }
             ),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.subWorkflowVersion") })
@@ -990,7 +996,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
             inputMappings.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 italic", children: t("workflows.nodeEditor.noInputMappings") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: inputMappings.map((mapping, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-start", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  Input,
                   {
                     type: "text",
                     value: mapping.key,
@@ -999,8 +1005,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                       newMappings[index].key = e.target.value;
                       setInputMappings(newMappings);
                     },
-                    placeholder: t("workflows.form.placeholders.childKey"),
-                    className: "w-full px-2 py-1.5 border border-gray-300 rounded text-sm focus-visible:ring-2 focus-visible:ring-ring"
+                    placeholder: t("workflows.form.placeholders.childKey")
                   }
                 ),
                 /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: t("workflows.form.descriptions.childKey") })
@@ -1008,7 +1013,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
               /* @__PURE__ */ jsx("span", { className: "text-gray-400 mt-2", children: "\u2192" }),
               /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  Input,
                   {
                     type: "text",
                     value: mapping.value,
@@ -1017,8 +1022,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                       newMappings[index].value = e.target.value;
                       setInputMappings(newMappings);
                     },
-                    placeholder: t("workflows.form.placeholders.parentPath"),
-                    className: "w-full px-2 py-1.5 border border-gray-300 rounded text-sm focus-visible:ring-2 focus-visible:ring-ring"
+                    placeholder: t("workflows.form.placeholders.parentPath")
                   }
                 ),
                 /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: t("workflows.form.descriptions.parentPath") })
@@ -1060,7 +1064,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
             outputMappings.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 italic", children: t("workflows.nodeEditor.noOutputMappings") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: outputMappings.map((mapping, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-start", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  Input,
                   {
                     type: "text",
                     value: mapping.key,
@@ -1069,8 +1073,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                       newMappings[index].key = e.target.value;
                       setOutputMappings(newMappings);
                     },
-                    placeholder: t("workflows.form.placeholders.parentKey"),
-                    className: "w-full px-2 py-1.5 border border-gray-300 rounded text-sm focus-visible:ring-2 focus-visible:ring-ring"
+                    placeholder: t("workflows.form.placeholders.parentKey")
                   }
                 ),
                 /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: t("workflows.form.descriptions.parentKey") })
@@ -1078,7 +1081,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
               /* @__PURE__ */ jsx("span", { className: "text-gray-400 mt-2", children: "\u2190" }),
               /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  Input,
                   {
                     type: "text",
                     value: mapping.value,
@@ -1087,8 +1090,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                       newMappings[index].value = e.target.value;
                       setOutputMappings(newMappings);
                     },
-                    placeholder: t("workflows.form.placeholders.childPath"),
-                    className: "w-full px-2 py-1.5 border border-gray-300 rounded text-sm focus-visible:ring-2 focus-visible:ring-ring"
+                    placeholder: t("workflows.form.placeholders.childPath")
                   }
                 ),
                 /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: t("workflows.form.descriptions.childPath") })
@@ -1117,13 +1119,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
               " *"
             ] }),
             /* @__PURE__ */ jsx(
-              "input",
+              Input,
               {
                 type: "text",
                 value: signalName,
                 onChange: (e) => setSignalName(e.target.value),
-                placeholder: t("workflows.form.placeholders.signalName"),
-                className: "w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring"
+                placeholder: t("workflows.form.placeholders.signalName")
               }
             ),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.signalName") })
@@ -1131,13 +1132,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.form.timeout") }),
             /* @__PURE__ */ jsx(
-              "input",
+              Input,
               {
                 type: "text",
                 value: signalTimeout,
                 onChange: (e) => setSignalTimeout(e.target.value),
-                placeholder: t("workflows.form.placeholders.signalTimeout"),
-                className: "w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring"
+                placeholder: t("workflows.form.placeholders.signalTimeout")
               }
             ),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.signalTimeout") })