@open-mercato/core 0.7.1-develop.7193.1.910a5b0a1e → 0.7.1-develop.7195.1.b5efd1d51a

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { useState, useCallback } from "react";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
@@ -15,15 +16,19 @@ import {
 import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
 import { Badge } from "@open-mercato/ui/primitives/badge";
 import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle
-} from "@open-mercato/ui/primitives/dialog";
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle
+} from "@open-mercato/ui/primitives/drawer";
 import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { ConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import { EventPatternInput } from "@open-mercato/ui/backend/inputs/EventPatternInput";
+import { ComboboxInput } from "@open-mercato/ui/backend/inputs/ComboboxInput";
+import { useAvailableEvents } from "@open-mercato/ui/backend/inputs/EventSelect";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Plus, Trash2, Edit2, Zap, X } from "lucide-react";
 const FILTER_OPERATORS = [
@@ -64,6 +69,27 @@ function DefinitionTriggersEditor({
   const [editingTrigger, setEditingTrigger] = useState(null);
   const [formValues, setFormValues] = useState(defaultFormValues);
   const [deleteConfirmId, setDeleteConfirmId] = useState(null);
+  const { events: availableEvents } = useAvailableEvents();
+  const payloadFields = React.useMemo(() => {
+    const pattern = formValues.eventPattern.trim();
+    if (!pattern || pattern.includes("*")) return null;
+    const event = availableEvents.find((candidate) => candidate.id === pattern);
+    const fields = event?.payloadSchema?.fields;
+    return fields && fields.length > 0 ? fields : null;
+  }, [availableEvents, formValues.eventPattern]);
+  const payloadPathOptions = React.useMemo(
+    () => (payloadFields ?? []).map((field) => ({
+      value: field.path,
+      label: field.path,
+      description: field.optional ? `${field.type} \xB7 ${t("workflows.triggers.payloadField.optional", "optional")}` : field.type
+    })),
+    [payloadFields, t]
+  );
+  const payloadFieldType = useCallback(
+    (path) => payloadFields?.find((field) => field.path === path)?.type,
+    [payloadFields]
+  );
+  const untypedPayloadChip = formValues.eventPattern.trim() && !payloadFields ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-muted-foreground", children: t("workflows.triggers.untypedPayload", "Untyped event payload") }) : null;
   const generateTriggerId = useCallback((name) => {
     return name.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/(?:^_+|_+$)/g, "").substring(0, 50) || `trigger_${Date.now()}`;
   }, []);
@@ -232,13 +258,22 @@ function DefinitionTriggersEditor({
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 self-end sm:self-auto", children: [
-              /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: () => handleEdit(trigger), children: /* @__PURE__ */ jsx(Edit2, { className: "w-4 h-4" }) }),
               /* @__PURE__ */ jsx(
                 Button,
                 {
                   size: "sm",
                   variant: "ghost",
-                  className: "text-destructive hover:text-destructive",
+                  "aria-label": t("workflows.triggers.actions.edit", "Edit trigger"),
+                  onClick: () => handleEdit(trigger),
+                  children: /* @__PURE__ */ jsx(Edit2, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "destructive-ghost",
+                  "aria-label": t("workflows.triggers.actions.delete", "Delete trigger"),
                   onClick: () => setDeleteConfirmId(trigger.triggerId),
                   children: /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" })
                 }
@@ -249,224 +284,280 @@ function DefinitionTriggersEditor({
         trigger.triggerId
       )) })
     ] }),
-    /* @__PURE__ */ jsx(Dialog, { open: showDialog, onOpenChange: setShowDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: editingTrigger ? t("workflows.triggers.dialog.edit.title", "Edit Event Trigger") : t("workflows.triggers.dialog.create.title", "Create Event Trigger") }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: t("workflows.triggers.dialog.description", "Configure when this workflow should be automatically started based on system events.") })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxs(Label, { htmlFor: "trigger-name", children: [
-              t("workflows.triggers.fields.name", "Name"),
-              " *"
-            ] }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "trigger-name",
-                value: formValues.name,
-                onChange: (e) => setFormValues((prev) => ({ ...prev, name: e.target.value })),
-                placeholder: t("workflows.triggers.placeholders.name", "Order Created Trigger")
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "trigger-priority", children: t("workflows.triggers.fields.priority", "Priority") }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "trigger-priority",
-                type: "number",
-                value: formValues.priority,
-                onChange: (e) => setFormValues((prev) => ({ ...prev, priority: parseInt(e.target.value) || 0 })),
-                placeholder: "0"
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.priority", "Higher priority triggers execute first") })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "trigger-description", children: t("workflows.triggers.fields.description", "Description") }),
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              id: "trigger-description",
-              value: formValues.description,
-              onChange: (e) => setFormValues((prev) => ({ ...prev, description: e.target.value })),
-              placeholder: t("workflows.triggers.placeholders.description", "Describe when this trigger should fire..."),
-              rows: 2
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxs(Label, { htmlFor: "trigger-pattern", children: [
-            t("workflows.triggers.fields.eventPattern", "Event Pattern"),
-            " *"
-          ] }),
-          /* @__PURE__ */ jsx(
-            EventPatternInput,
-            {
-              value: formValues.eventPattern,
-              onChange: (eventPattern) => setFormValues((prev) => ({ ...prev, eventPattern })),
-              placeholder: t("workflows.triggers.placeholders.eventPattern")
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.eventPattern", 'Use * as wildcard: "sales.orders.*" matches any order event') })
-        ] }),
-        /* @__PURE__ */ jsx(
-          SwitchField,
-          {
-            id: "trigger-enabled",
-            label: t("workflows.triggers.fields.enabled", "Enabled"),
-            flip: true,
-            checked: formValues.enabled,
-            onCheckedChange: (checked) => setFormValues((prev) => ({ ...prev, enabled: checked }))
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
-            /* @__PURE__ */ jsx(Label, { children: t("workflows.triggers.fields.filterConditions", "Filter Conditions") }),
-            /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: addFilterCondition, className: "w-full sm:w-auto", children: [
-              /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-1" }),
-              t("workflows.triggers.addCondition", "Add Condition")
-            ] })
+    /* @__PURE__ */ jsx(Drawer, { open: showDialog, onOpenChange: setShowDialog, children: /* @__PURE__ */ jsxs(
+      DrawerContent,
+      {
+        "data-testid": "workflow-trigger-drawer",
+        className: "w-full max-w-none sm:w-3/5",
+        closeAriaLabel: t("workflows.triggers.dialog.close", "Close trigger editor"),
+        onKeyDown: (event) => {
+          if (!(event.metaKey || event.ctrlKey) || event.key !== "Enter") return;
+          event.preventDefault();
+          event.stopPropagation();
+          if (!formValues.name.trim() || !formValues.eventPattern.trim()) return;
+          handleSubmit();
+        },
+        children: [
+          /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+            /* @__PURE__ */ jsx(DrawerTitle, { children: editingTrigger ? t("workflows.triggers.dialog.edit.title", "Edit Event Trigger") : t("workflows.triggers.dialog.create.title", "Create Event Trigger") }),
+            /* @__PURE__ */ jsx(DrawerDescription, { children: t("workflows.triggers.dialog.description", "Configure when this workflow should be automatically started based on system events.") })
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.filterConditions", "Only trigger when the event payload matches these conditions (all must match)") }),
-          formValues.filterConditions.map((fc, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: fc.field,
-                onChange: (e) => updateFilterCondition(index, "field", e.target.value),
-                placeholder: "status",
-                className: "w-full sm:w-1/3"
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              Select,
-              {
-                value: fc.operator,
-                onValueChange: (value2) => updateFilterCondition(index, "operator", value2),
-                children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", className: "w-full sm:w-[140px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                  /* @__PURE__ */ jsx(SelectContent, { children: FILTER_OPERATORS.map((op) => /* @__PURE__ */ jsx(SelectItem, { value: op.value, children: op.label }, op.value)) })
-                ]
-              }
-            ),
+          /* @__PURE__ */ jsxs(DrawerBody, { className: "space-y-4 py-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsxs(Label, { htmlFor: "trigger-name", children: [
+                  t("workflows.triggers.fields.name", "Name"),
+                  " *"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "trigger-name",
+                    value: formValues.name,
+                    onChange: (e) => setFormValues((prev) => ({ ...prev, name: e.target.value })),
+                    placeholder: t("workflows.triggers.placeholders.name", "Order Created Trigger")
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "trigger-priority", children: t("workflows.triggers.fields.priority", "Priority") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "trigger-priority",
+                    type: "number",
+                    value: formValues.priority,
+                    onChange: (e) => setFormValues((prev) => ({ ...prev, priority: parseInt(e.target.value) || 0 })),
+                    placeholder: "0"
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.priority", "Higher priority triggers execute first") })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "trigger-description", children: t("workflows.triggers.fields.description", "Description") }),
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  id: "trigger-description",
+                  value: formValues.description,
+                  onChange: (e) => setFormValues((prev) => ({ ...prev, description: e.target.value })),
+                  placeholder: t("workflows.triggers.placeholders.description", "Describe when this trigger should fire..."),
+                  rows: 2
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsxs(Label, { htmlFor: "trigger-pattern", children: [
+                t("workflows.triggers.fields.eventPattern", "Event Pattern"),
+                " *"
+              ] }),
+              /* @__PURE__ */ jsx(
+                EventPatternInput,
+                {
+                  value: formValues.eventPattern,
+                  onChange: (eventPattern) => setFormValues((prev) => ({ ...prev, eventPattern })),
+                  placeholder: t("workflows.triggers.placeholders.eventPattern")
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.eventPattern", 'Use * as wildcard: "sales.orders.*" matches any order event') })
+            ] }),
             /* @__PURE__ */ jsx(
-              Input,
+              SwitchField,
               {
-                value: fc.value,
-                onChange: (e) => updateFilterCondition(index, "value", e.target.value),
-                placeholder: "submitted",
-                className: "flex-1 min-w-0"
+                id: "trigger-enabled",
+                label: t("workflows.triggers.fields.enabled", "Enabled"),
+                flip: true,
+                checked: formValues.enabled,
+                onCheckedChange: (checked) => setFormValues((prev) => ({ ...prev, enabled: checked }))
               }
             ),
-            /* @__PURE__ */ jsx(Button, { size: "icon", variant: "ghost", className: "shrink-0", onClick: () => removeFilterCondition(index), children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }) })
-          ] }, index))
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
-            /* @__PURE__ */ jsx(Label, { children: t("workflows.triggers.fields.contextMapping", "Context Mapping") }),
-            /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: addContextMapping, className: "w-full sm:w-auto", children: [
-              /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-1" }),
-              t("workflows.triggers.addMapping", "Add Mapping")
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(Label, { children: t("workflows.triggers.fields.filterConditions", "Filter Conditions") }),
+                  untypedPayloadChip
+                ] }),
+                /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: addFilterCondition, className: "w-full sm:w-auto", children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-1" }),
+                  t("workflows.triggers.addCondition", "Add Condition")
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.filterConditions", "Only trigger when the event payload matches these conditions (all must match)") }),
+              formValues.filterConditions.map((fc, index) => {
+                const conditionFieldType = payloadFieldType(fc.field);
+                return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                  payloadFields ? /* @__PURE__ */ jsx("div", { className: "w-full sm:w-1/3", children: /* @__PURE__ */ jsx(
+                    ComboboxInput,
+                    {
+                      value: fc.field,
+                      onChange: (next) => updateFilterCondition(index, "field", next),
+                      suggestions: payloadPathOptions,
+                      placeholder: t("workflows.triggers.placeholders.status", "status"),
+                      allowCustomValues: true
+                    }
+                  ) }) : /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      value: fc.field,
+                      onChange: (e) => updateFilterCondition(index, "field", e.target.value),
+                      placeholder: t("workflows.triggers.placeholders.status", "status"),
+                      className: "w-full sm:w-1/3"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: fc.operator,
+                      onValueChange: (value2) => updateFilterCondition(index, "operator", value2),
+                      children: [
+                        /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", className: "w-full sm:w-[140px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                        /* @__PURE__ */ jsx(SelectContent, { children: FILTER_OPERATORS.map((op) => /* @__PURE__ */ jsx(SelectItem, { value: op.value, children: op.label }, op.value)) })
+                      ]
+                    }
+                  ),
+                  conditionFieldType === "boolean" ? /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: fc.value || void 0,
+                      onValueChange: (value2) => updateFilterCondition(index, "value", value2 ?? ""),
+                      children: [
+                        /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("workflows.triggers.values.placeholder", "Select value") }) }),
+                        /* @__PURE__ */ jsxs(SelectContent, { children: [
+                          /* @__PURE__ */ jsx(SelectItem, { value: "true", children: t("workflows.triggers.values.true", "True") }),
+                          /* @__PURE__ */ jsx(SelectItem, { value: "false", children: t("workflows.triggers.values.false", "False") })
+                        ] })
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      type: conditionFieldType === "number" ? "number" : "text",
+                      value: fc.value,
+                      onChange: (e) => updateFilterCondition(index, "value", e.target.value),
+                      placeholder: t("workflows.triggers.placeholders.submitted", "submitted"),
+                      className: "flex-1 min-w-0"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Button, { size: "icon", variant: "ghost", className: "shrink-0", onClick: () => removeFilterCondition(index), children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }) })
+                ] }, index);
+              })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(Label, { children: t("workflows.triggers.fields.contextMapping", "Context Mapping") }),
+                  untypedPayloadChip
+                ] }),
+                /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: addContextMapping, className: "w-full sm:w-auto", children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-1" }),
+                  t("workflows.triggers.addMapping", "Add Mapping")
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.contextMapping", "Map values from the event payload to the workflow's initial context") }),
+              formValues.contextMappings.map((cm, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: cm.targetKey,
+                    onChange: (e) => updateContextMapping(index, "targetKey", e.target.value),
+                    placeholder: t("workflows.triggers.placeholders.orderId", "orderId"),
+                    className: "w-full sm:w-1/3"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline text-muted-foreground", children: "=" }),
+                payloadFields ? /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
+                  ComboboxInput,
+                  {
+                    value: cm.sourceExpression,
+                    onChange: (next) => updateContextMapping(index, "sourceExpression", next),
+                    suggestions: payloadPathOptions,
+                    placeholder: t("workflows.triggers.placeholders.sourceExpression", "id"),
+                    allowCustomValues: true
+                  }
+                ) }) : /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: cm.sourceExpression,
+                    onChange: (e) => updateContextMapping(index, "sourceExpression", e.target.value),
+                    placeholder: t("workflows.triggers.placeholders.sourceExpression", "id"),
+                    className: "flex-1 min-w-0"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: cm.defaultValue,
+                    onChange: (e) => updateContextMapping(index, "defaultValue", e.target.value),
+                    placeholder: t("workflows.triggers.placeholders.defaultValue", "default"),
+                    className: "w-full sm:w-24"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Button, { size: "icon", variant: "ghost", className: "shrink-0", onClick: () => removeContextMapping(index), children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }) })
+              ] }, index))
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "trigger-debounce", children: t("workflows.triggers.fields.debounceMs", "Debounce (ms)") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "trigger-debounce",
+                    type: "number",
+                    value: formValues.debounceMs,
+                    onChange: (e) => setFormValues((prev) => ({ ...prev, debounceMs: e.target.value })),
+                    placeholder: t("workflows.triggers.placeholders.debounce", "e.g. 1000")
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.debounce", "Wait this many milliseconds after an event before starting, so a burst of similar events starts only one workflow. Leave empty to start immediately.") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "trigger-max-concurrent", children: t("workflows.triggers.fields.maxConcurrent", "Max Concurrent Instances") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "trigger-max-concurrent",
+                    type: "number",
+                    value: formValues.maxConcurrentInstances,
+                    onChange: (e) => setFormValues((prev) => ({ ...prev, maxConcurrentInstances: e.target.value })),
+                    placeholder: t("workflows.triggers.placeholders.unlimited", "Unlimited")
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.maxConcurrent", "Cap how many instances this trigger can have running at the same time; events past the cap are skipped. Leave empty for no limit.") })
+              ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.contextMapping", "Map values from the event payload to the workflow's initial context") }),
-          formValues.contextMappings.map((cm, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(DrawerFooter, { children: [
+            /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleCloseDialog, children: t("common.cancel", "Cancel") }),
             /* @__PURE__ */ jsx(
-              Input,
+              Button,
               {
-                value: cm.targetKey,
-                onChange: (e) => updateContextMapping(index, "targetKey", e.target.value),
-                placeholder: "orderId",
-                className: "w-full sm:w-1/3"
+                onClick: handleSubmit,
+                disabled: !formValues.name.trim() || !formValues.eventPattern.trim(),
+                children: editingTrigger ? t("common.update", "Update") : t("common.create", "Create")
               }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "hidden sm:inline text-muted-foreground", children: "=" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: cm.sourceExpression,
-                onChange: (e) => updateContextMapping(index, "sourceExpression", e.target.value),
-                placeholder: "id",
-                className: "flex-1 min-w-0"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: cm.defaultValue,
-                onChange: (e) => updateContextMapping(index, "defaultValue", e.target.value),
-                placeholder: "default",
-                className: "w-full sm:w-24"
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { size: "icon", variant: "ghost", className: "shrink-0", onClick: () => removeContextMapping(index), children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }) })
-          ] }, index))
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "trigger-debounce", children: t("workflows.triggers.fields.debounceMs", "Debounce (ms)") }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "trigger-debounce",
-                type: "number",
-                value: formValues.debounceMs,
-                onChange: (e) => setFormValues((prev) => ({ ...prev, debounceMs: e.target.value })),
-                placeholder: "0"
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.debounce", "Delay to prevent rapid re-triggers") })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "trigger-max-concurrent", children: t("workflows.triggers.fields.maxConcurrent", "Max Concurrent Instances") }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "trigger-max-concurrent",
-                type: "number",
-                value: formValues.maxConcurrentInstances,
-                onChange: (e) => setFormValues((prev) => ({ ...prev, maxConcurrentInstances: e.target.value })),
-                placeholder: t("workflows.triggers.placeholders.unlimited", "Unlimited")
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.triggers.hints.maxConcurrent", "Limit simultaneous workflow instances") })
+            )
           ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(DialogFooter, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleCloseDialog, children: t("common.cancel", "Cancel") }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: handleSubmit,
-            disabled: !formValues.name.trim() || !formValues.eventPattern.trim(),
-            children: editingTrigger ? t("common.update", "Update") : t("common.create", "Create")
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(Dialog, { open: !!deleteConfirmId, onOpenChange: () => setDeleteConfirmId(null), children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: t("workflows.triggers.delete.title", "Delete Event Trigger?") }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: t("workflows.triggers.delete.description", "This will remove the event trigger. The change will take effect when you save the workflow definition.") })
-      ] }),
-      /* @__PURE__ */ jsxs(DialogFooter, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setDeleteConfirmId(null), children: t("common.cancel", "Cancel") }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "destructive-solid",
-            onClick: () => deleteConfirmId && handleDelete(deleteConfirmId),
-            children: t("common.delete", "Delete")
-          }
-        )
-      ] })
-    ] }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: !!deleteConfirmId,
+        onOpenChange: (next) => {
+          if (!next) setDeleteConfirmId(null);
+        },
+        title: t("workflows.triggers.delete.title", "Delete Event Trigger?"),
+        text: t("workflows.triggers.delete.description", "This will remove the event trigger. The change will take effect when you save the workflow definition."),
+        confirmText: t("common.delete", "Delete"),
+        cancelText: t("common.cancel", "Cancel"),
+        variant: "destructive",
+        onConfirm: () => {
+          if (deleteConfirmId) handleDelete(deleteConfirmId);
+        }
+      }
+    )
   ] });
 }
 export {