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

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

@@ -11,49 +11,43 @@ import {
   SelectTrigger,
   SelectValue
 } from "@open-mercato/ui/primitives/select";
-import { Textarea } from "@open-mercato/ui/primitives/textarea";
 import { Trash2, Plus, ChevronUp, ChevronDown } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
-const ACTIVITY_TYPES = [
-  { value: "SEND_EMAIL", label: "Send Email" },
-  { value: "CALL_API", label: "Call API" },
-  { value: "UPDATE_ENTITY", label: "Update Entity" },
-  { value: "EMIT_EVENT", label: "Emit Event" },
-  { value: "CALL_WEBHOOK", label: "Call Webhook" },
-  { value: "EXECUTE_FUNCTION", label: "Execute Function" },
-  { value: "WAIT", label: "Wait" }
-];
-function serializeConfig(config) {
-  return JSON.stringify(config ?? {}, null, 2);
+import { ConfigJsonTextarea } from "./ConfigJsonTextarea.js";
+import { useActivityTypeOptions } from "./fields/useActivityTypeOptions.js";
+function resolveActivityLabel(activity, index) {
+  return activity?.activityName || activity?.activityId || String(index + 1);
 }
-function ActivitiesEditor({ value = [], onChange, error }) {
+function ActivitiesEditor({ value = [], onChange, onInvalidActivityConfigsChange, error }) {
   const t = useT();
-  const [configDrafts, setConfigDrafts] = React.useState({});
-  const configTextFor = (index, activity) => configDrafts[index]?.text ?? serializeConfig(activity.config);
-  const handleConfigTextChange = (index, text) => {
-    let parsed = null;
-    let parseError = null;
-    try {
-      const candidate = JSON.parse(text);
-      if (candidate && typeof candidate === "object" && !Array.isArray(candidate)) {
-        parsed = candidate;
-      } else {
-        parseError = t("workflows.activities.configMustBeObject", "Config must be a JSON object");
-      }
-    } catch (err) {
-      parseError = err instanceof Error ? err.message : t("workflows.activities.configInvalidJson", "Invalid JSON");
-    }
-    setConfigDrafts((drafts) => ({ ...drafts, [index]: { text, error: parseError } }));
-    if (parsed) updateActivity(index, "config", parsed);
-  };
-  const handleConfigBlur = (index) => {
-    setConfigDrafts((drafts) => {
-      if (!drafts[index] || drafts[index].error) return drafts;
-      const next = { ...drafts };
-      delete next[index];
+  const activityTypeOptions = useActivityTypeOptions();
+  const [invalidConfigIndexes, setInvalidConfigIndexes] = React.useState(() => /* @__PURE__ */ new Set());
+  const lastReportedLabelsRef = React.useRef("");
+  const handleConfigValidityChange = React.useCallback((index, valid) => {
+    setInvalidConfigIndexes((prev) => {
+      if (prev.has(index) === !valid) return prev;
+      const next = new Set(prev);
+      if (valid) next.delete(index);
+      else next.add(index);
       return next;
     });
-  };
+  }, []);
+  React.useEffect(() => {
+    setInvalidConfigIndexes((prev) => {
+      const next = new Set(
+        [...prev].filter((index) => index < value.length && value[index]?.activityType !== "WAIT")
+      );
+      return next.size === prev.size ? prev : next;
+    });
+  }, [value]);
+  React.useEffect(() => {
+    if (!onInvalidActivityConfigsChange) return;
+    const labels = [...invalidConfigIndexes].sort((left, right) => left - right).map((index) => resolveActivityLabel(value[index], index));
+    const serializedLabels = JSON.stringify(labels);
+    if (serializedLabels === lastReportedLabelsRef.current) return;
+    lastReportedLabelsRef.current = serializedLabels;
+    onInvalidActivityConfigsChange(labels);
+  }, [invalidConfigIndexes, value, onInvalidActivityConfigsChange]);
   const addActivity = () => {
     const newActivity = {
       activityId: `activity_${Date.now()}`,
@@ -63,8 +57,9 @@ function ActivitiesEditor({ value = [], onChange, error }) {
       async: false,
       retryPolicy: {
         maxAttempts: 3,
-        retryDelay: 1e3,
-        backoffMultiplier: 2
+        initialIntervalMs: 1e3,
+        backoffCoefficient: 2,
+        maxIntervalMs: 1e4
       }
     };
     onChange([...value, newActivity]);
@@ -87,15 +82,6 @@ function ActivitiesEditor({ value = [], onChange, error }) {
   };
   const removeActivity = (index) => {
     onChange(value.filter((_, i) => i !== index));
-    setConfigDrafts((drafts) => {
-      const next = {};
-      for (const key of Object.keys(drafts)) {
-        const i = Number(key);
-        if (i === index) continue;
-        next[i > index ? i - 1 : i] = drafts[i];
-      }
-      return next;
-    });
   };
   const moveActivity = (index, direction) => {
     const newIndex = direction === "up" ? index - 1 : index + 1;
@@ -105,17 +91,6 @@ function ActivitiesEditor({ value = [], onChange, error }) {
     updated[index] = updated[newIndex];
     updated[newIndex] = temp;
     onChange(updated);
-    setConfigDrafts((drafts) => {
-      if (!(index in drafts) && !(newIndex in drafts)) return drafts;
-      const next = { ...drafts };
-      const atIndex = drafts[index];
-      const atNew = drafts[newIndex];
-      if (atNew !== void 0) next[index] = atNew;
-      else delete next[index];
-      if (atIndex !== void 0) next[newIndex] = atIndex;
-      else delete next[newIndex];
-      return next;
-    });
   };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
@@ -129,237 +104,256 @@ function ActivitiesEditor({ value = [], onChange, error }) {
       ] })
     ] }),
     value.length === 0 && /* @__PURE__ */ jsx("div", { className: "p-6 text-center text-muted-foreground border rounded-md bg-muted", children: t("workflows.form.noActivities") }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: value.map((activity, index) => /* @__PURE__ */ jsx("div", { className: "p-4 border rounded-md bg-card shadow-sm border-l-4 border-l-green-500", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-id`, className: "text-xs", children: [
-              t("workflows.activities.activityId"),
-              " *"
+    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: value.map((activity, index) => (
+      // Keyed on the activity's own identity, never the row position: the
+      // config editor holds the in-progress (invalid) text in local state,
+      // so an index key would leave that draft behind on whatever activity
+      // slid into the slot after a delete or a reorder — and finishing the
+      // edit would write the config onto the wrong activity.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "p-4 border rounded-md bg-card shadow-sm border-l-4 border-l-green-500",
+          children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-id`, className: "text-xs", children: [
+                    t("workflows.activities.activityId"),
+                    " *"
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: `activity-${index}-id`,
+                      value: activity.activityId,
+                      onChange: (e) => updateActivity(index, "activityId", e.target.value),
+                      placeholder: "activity_name",
+                      className: "mt-1"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-name`, className: "text-xs", children: [
+                    t("workflows.activities.activityName"),
+                    " *"
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: `activity-${index}-name`,
+                      value: activity.activityName,
+                      onChange: (e) => updateActivity(index, "activityName", e.target.value),
+                      placeholder: t("workflows.activities.activityName"),
+                      className: "mt-1"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 self-end sm:self-auto", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => moveActivity(index, "up"),
+                    disabled: index === 0,
+                    title: t("common.moveUp"),
+                    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => moveActivity(index, "down"),
+                    disabled: index === value.length - 1,
+                    title: t("common.moveDown"),
+                    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => removeActivity(index),
+                    title: t("common.delete"),
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-type`, className: "text-xs", children: [
+                  t("workflows.activities.activityType"),
+                  " *"
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: activity.activityType,
+                    onValueChange: (value2) => updateActivity(index, "activityType", value2),
+                    children: [
+                      /* @__PURE__ */ jsx(SelectTrigger, { id: `activity-${index}-type`, className: "mt-1", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsx(SelectContent, { children: activityTypeOptions.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, children: type.label }, type.value)) })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-timeout`, className: "text-xs", children: [
+                  t("workflows.activities.timeout"),
+                  " (ms)"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `activity-${index}-timeout`,
+                    type: "number",
+                    value: activity.timeoutMs || "",
+                    onChange: (e) => updateActivity(index, "timeoutMs", e.target.value ? parseInt(e.target.value) : void 0),
+                    placeholder: "30000",
+                    className: "mt-1"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex items-end pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    id: `activity-${index}-async`,
+                    checked: activity.async || false,
+                    onChange: (e) => updateActivity(index, "async", e.target.checked),
+                    className: "h-4 w-4"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-async`, className: "text-xs cursor-pointer", children: t("workflows.activities.async") })
+              ] }) })
             ] }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: `activity-${index}-id`,
-                value: activity.activityId,
-                onChange: (e) => updateActivity(index, "activityId", e.target.value),
-                placeholder: "activity_name",
-                className: "mt-1"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-name`, className: "text-xs", children: [
-              t("workflows.activities.activityName"),
-              " *"
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-retry-attempts`, className: "text-xs", children: t("workflows.form.maxRetryAttempts") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `activity-${index}-retry-attempts`,
+                    type: "number",
+                    min: "1",
+                    max: "10",
+                    value: activity.retryPolicy?.maxAttempts || 3,
+                    onChange: (e) => updateRetryPolicy(index, "maxAttempts", parseInt(e.target.value)),
+                    className: "mt-1"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-initial-interval`, className: "text-xs", children: t("workflows.fieldEditors.activities.initialInterval") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `activity-${index}-initial-interval`,
+                    type: "number",
+                    min: "0",
+                    value: activity.retryPolicy?.initialIntervalMs || 1e3,
+                    onChange: (e) => updateRetryPolicy(index, "initialIntervalMs", parseInt(e.target.value)),
+                    className: "mt-1"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-backoff`, className: "text-xs", children: t("workflows.fieldEditors.activities.backoffCoefficient") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `activity-${index}-backoff`,
+                    type: "number",
+                    step: "0.1",
+                    min: "1",
+                    max: "10",
+                    value: activity.retryPolicy?.backoffCoefficient || 2,
+                    onChange: (e) => updateRetryPolicy(index, "backoffCoefficient", parseFloat(e.target.value)),
+                    className: "mt-1"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-max-interval`, className: "text-xs", children: t("workflows.fieldEditors.activities.maxInterval") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `activity-${index}-max-interval`,
+                    type: "number",
+                    min: "0",
+                    value: activity.retryPolicy?.maxIntervalMs || 1e4,
+                    onChange: (e) => updateRetryPolicy(index, "maxIntervalMs", parseInt(e.target.value)),
+                    className: "mt-1"
+                  }
+                )
+              ] })
             ] }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: `activity-${index}-name`,
-                value: activity.activityName,
-                onChange: (e) => updateActivity(index, "activityName", e.target.value),
-                placeholder: t("workflows.activities.activityName"),
-                className: "mt-1"
-              }
-            )
+            activity.activityType === "WAIT" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-duration`, className: "text-xs", children: t("workflows.activities.waitDuration") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `activity-${index}-duration`,
+                    value: activity.config?.duration || "",
+                    onChange: (e) => updateActivity(index, "config", { ...activity.config, duration: e.target.value, until: void 0 }),
+                    placeholder: t("workflows.activities.waitDurationPlaceholder"),
+                    disabled: !!activity.config?.until,
+                    className: "mt-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.activities.waitDurationDescription") })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-center text-muted-foreground", children: t("workflows.activities.waitOr") }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-until`, className: "text-xs", children: t("workflows.activities.waitUntil") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `activity-${index}-until`,
+                    type: "datetime-local",
+                    value: activity.config?.until ? activity.config.until.slice(0, 16) : "",
+                    onChange: (e) => updateActivity(index, "config", { ...activity.config, until: e.target.value ? new Date(e.target.value).toISOString() : void 0, duration: void 0 }),
+                    disabled: !!activity.config?.duration,
+                    className: "mt-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.activities.waitUntilDescription") })
+              ] })
+            ] }),
+            activity.activityType === "SEND_EMAIL" && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.activities.sendEmailSimulatedHint") }),
+            activity.activityType !== "WAIT" && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-config`, className: "text-xs", children: [
+                t("workflows.activities.config"),
+                " (JSON)"
+              ] }),
+              /* @__PURE__ */ jsx(
+                ConfigJsonTextarea,
+                {
+                  id: `activity-${index}-config`,
+                  value: activity.config,
+                  onChange: (config) => updateActivity(index, "config", config),
+                  onValidityChange: (valid) => handleConfigValidityChange(index, valid),
+                  rows: 3,
+                  className: "mt-1 font-mono text-xs"
+                }
+              )
+            ] })
           ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 self-end sm:self-auto", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "sm",
-              onClick: () => moveActivity(index, "up"),
-              disabled: index === 0,
-              title: t("common.moveUp"),
-              children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "sm",
-              onClick: () => moveActivity(index, "down"),
-              disabled: index === value.length - 1,
-              title: t("common.moveDown"),
-              children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "sm",
-              onClick: () => removeActivity(index),
-              title: t("common.delete"),
-              children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-type`, className: "text-xs", children: [
-            t("workflows.activities.activityType"),
-            " *"
-          ] }),
-          /* @__PURE__ */ jsxs(
-            Select,
-            {
-              value: activity.activityType,
-              onValueChange: (value2) => updateActivity(index, "activityType", value2),
-              children: [
-                /* @__PURE__ */ jsx(SelectTrigger, { id: `activity-${index}-type`, className: "mt-1", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                /* @__PURE__ */ jsx(SelectContent, { children: ACTIVITY_TYPES.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, children: t(`workflows.activities.types.${type.value}`) }, type.value)) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-timeout`, className: "text-xs", children: [
-            t("workflows.activities.timeout"),
-            " (ms)"
-          ] }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: `activity-${index}-timeout`,
-              type: "number",
-              value: activity.timeoutMs || "",
-              onChange: (e) => updateActivity(index, "timeoutMs", e.target.value ? parseInt(e.target.value) : void 0),
-              placeholder: "30000",
-              className: "mt-1"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex items-end pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              id: `activity-${index}-async`,
-              checked: activity.async || false,
-              onChange: (e) => updateActivity(index, "async", e.target.checked),
-              className: "h-4 w-4"
-            }
-          ),
-          /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-async`, className: "text-xs cursor-pointer", children: t("workflows.activities.async") })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-retry-attempts`, className: "text-xs", children: t("workflows.form.maxRetryAttempts") }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: `activity-${index}-retry-attempts`,
-              type: "number",
-              value: activity.retryPolicy?.maxAttempts || 3,
-              onChange: (e) => updateRetryPolicy(index, "maxAttempts", parseInt(e.target.value)),
-              className: "mt-1"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-retry-delay`, className: "text-xs", children: [
-            t("workflows.form.retryDelay"),
-            " (ms)"
-          ] }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: `activity-${index}-retry-delay`,
-              type: "number",
-              value: activity.retryPolicy?.retryDelay || 1e3,
-              onChange: (e) => updateRetryPolicy(index, "retryDelay", parseInt(e.target.value)),
-              className: "mt-1"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-backoff`, className: "text-xs", children: t("workflows.form.backoffMultiplier") }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: `activity-${index}-backoff`,
-              type: "number",
-              step: "0.1",
-              value: activity.retryPolicy?.backoffMultiplier || 2,
-              onChange: (e) => updateRetryPolicy(index, "backoffMultiplier", parseFloat(e.target.value)),
-              className: "mt-1"
-            }
-          )
-        ] })
-      ] }),
-      activity.activityType === "WAIT" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-duration`, className: "text-xs", children: t("workflows.activities.waitDuration") }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: `activity-${index}-duration`,
-              value: activity.config?.duration || "",
-              onChange: (e) => updateActivity(index, "config", { ...activity.config, duration: e.target.value, until: void 0 }),
-              placeholder: t("workflows.activities.waitDurationPlaceholder"),
-              disabled: !!activity.config?.until,
-              className: "mt-1"
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.activities.waitDurationDescription") })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-center text-muted-foreground", children: t("workflows.activities.waitOr") }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-until`, className: "text-xs", children: t("workflows.activities.waitUntil") }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: `activity-${index}-until`,
-              type: "datetime-local",
-              value: activity.config?.until ? activity.config.until.slice(0, 16) : "",
-              onChange: (e) => updateActivity(index, "config", { ...activity.config, until: e.target.value ? new Date(e.target.value).toISOString() : void 0, duration: void 0 }),
-              disabled: !!activity.config?.duration,
-              className: "mt-1"
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.activities.waitUntilDescription") })
-        ] })
-      ] }),
-      activity.activityType !== "WAIT" && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-config`, className: "text-xs", children: [
-          t("workflows.activities.config"),
-          " (JSON)"
-        ] }),
-        /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            id: `activity-${index}-config`,
-            value: configTextFor(index, activity),
-            onChange: (e) => handleConfigTextChange(index, e.target.value),
-            onBlur: () => handleConfigBlur(index),
-            "aria-invalid": configDrafts[index]?.error ? true : void 0,
-            "aria-describedby": configDrafts[index]?.error ? `activity-${index}-config-error` : void 0,
-            placeholder: '{"key": "value"}',
-            rows: 3,
-            className: "mt-1 font-mono text-xs"
-          }
-        ),
-        configDrafts[index]?.error ? /* @__PURE__ */ jsx(
-          "p",
-          {
-            id: `activity-${index}-config-error`,
-            className: "mt-1 text-xs text-status-error-text",
-            role: "alert",
-            children: configDrafts[index]?.error
-          }
-        ) : null
-      ] })
-    ] }) }, index)) })
+        },
+        activity.activityId || `activity-${index}`
+      )
+    )) })
   ] });
 }
 export {