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

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

@@ -1,11 +1,13 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
 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 { Textarea } from "@open-mercato/ui/primitives/textarea";
 import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import { RadioGroup, Radio } from "@open-mercato/ui/primitives/radio";
 import { Badge } from "@open-mercato/ui/primitives/badge";
 import {
   Select,
@@ -20,13 +22,25 @@ import { sanitizeId } from "../lib/graph-utils.js";
 import { WorkflowSelector } from "./WorkflowSelector.js";
 import { JsonBuilder } from "@open-mercato/ui/backend/JsonBuilder";
 import { StartPreConditionsEditor } from "./fields/StartPreConditionsEditor.js";
+import { RolesMultiSelect } from "./fields/RolesMultiSelect.js";
+import { useActivityTypeOptions } from "./fields/useActivityTypeOptions.js";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useDialogKeyHandler } from "@open-mercato/ui/hooks/useDialogKeyHandler";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { DurationInput } from "@open-mercato/ui/backend/inputs/DurationInput";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { buildVisualEditorHref, extractFirstDefinitionId } from "../lib/visual-editor-navigation.js";
 import { isFutureIsoDateString, isValidDurationString } from "../data/validators.js";
 import { millisecondTimeoutInputValue, millisecondTimeoutPatch } from "../lib/activityTimeoutFields.js";
+const INVOKE_AGENT_SIGNAL_NAME = "agent_orchestrator.proposal.ready";
+function splitRolesText(raw) {
+  return raw.split(",").map((role) => role.trim()).filter(Boolean);
+}
 function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
   const t = useT();
+  const activityTypeOptions = useActivityTypeOptions();
+  const router = useRouter();
   const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog();
   const [stepName, setStepName] = useState("");
   const [description, setDescription] = useState("");
@@ -46,6 +60,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
   const [escalationRules, setEscalationRules] = useState([]);
   const [subWorkflowId, setSubWorkflowId] = useState("");
   const [subWorkflowVersion, setSubWorkflowVersion] = useState("");
+  const [isOpeningInside, setIsOpeningInside] = useState(false);
   const [inputMappings, setInputMappings] = useState([]);
   const [outputMappings, setOutputMappings] = useState([]);
   const [showWorkflowSelector, setShowWorkflowSelector] = useState(false);
@@ -56,6 +71,13 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
   const [stepActivities, setStepActivities] = useState([]);
   const [expandedStepActivities, setExpandedStepActivities] = useState(/* @__PURE__ */ new Set());
   const [preConditions, setPreConditions] = useState([]);
+  const [agentOptions, setAgentOptions] = useState([]);
+  const [agentsLoading, setAgentsLoading] = useState(false);
+  const [agentId, setAgentId] = useState("");
+  const [agentInputRows, setAgentInputRows] = useState([]);
+  const [agentResultMode, setAgentResultMode] = useState("autoApprove");
+  const [agentAutoApproveThreshold, setAgentAutoApproveThreshold] = useState("0.8");
+  const [agentOutputMappings, setAgentOutputMappings] = useState([]);
   const [fieldErrors, setFieldErrors] = useState({});
   const convertJsonSchemaToFields = (schema) => {
     if (!schema || !schema.properties) return [];
@@ -172,6 +194,40 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
       } else if (node.type === "start") {
         setPreConditions([]);
       }
+      if (node.type === "invokeAgent") {
+        const invokeActivity = nodeData?.activities?.find(
+          (activity) => activity?.activityType === "INVOKE_AGENT"
+        );
+        const config = invokeActivity?.config || {};
+        setAgentId(config.agentId || "");
+        const inputEntries = Object.entries(config.input || {});
+        setAgentInputRows(
+          inputEntries.length > 0 ? inputEntries.map(([key, value]) => ({
+            key,
+            value: typeof value === "string" ? value : JSON.stringify(value)
+          })) : [{ key: "dealId", value: "{{deal.id}}" }]
+        );
+        const onResult = config.onResult;
+        if (onResult && "alwaysAsk" in onResult) {
+          setAgentResultMode("alwaysAsk");
+          setAgentAutoApproveThreshold("0.8");
+        } else {
+          setAgentResultMode("autoApprove");
+          setAgentAutoApproveThreshold(
+            onResult && "autoApproveThreshold" in onResult ? String(onResult.autoApproveThreshold) : "0.8"
+          );
+        }
+        const outputMapping = config.outputMapping;
+        setAgentOutputMappings(
+          outputMapping ? Object.entries(outputMapping).map(([key, value]) => ({ key, value })) : []
+        );
+      } else {
+        setAgentId("");
+        setAgentInputRows([]);
+        setAgentResultMode("autoApprove");
+        setAgentAutoApproveThreshold("0.8");
+        setAgentOutputMappings([]);
+      }
       if (nodeData?.userTaskConfig?.formSchema) {
         const schema = nodeData.userTaskConfig.formSchema;
         if (schema.fields && Array.isArray(schema.fields)) {
@@ -200,6 +256,22 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
       setFieldErrors({});
     }
   }, [node, isOpen]);
+  useEffect(() => {
+    if (!isOpen || node?.type !== "invokeAgent") return;
+    let cancelled = false;
+    setAgentsLoading(true);
+    apiCall("/api/agent_orchestrator/agents").then((res) => {
+      if (cancelled) return;
+      setAgentOptions(res.ok && res.result?.items ? res.result.items : []);
+    }).catch(() => {
+      if (!cancelled) setAgentOptions([]);
+    }).finally(() => {
+      if (!cancelled) setAgentsLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [isOpen, node?.type]);
   const addFormField = () => {
     const newField = {
       name: `field_${Date.now()}`,
@@ -244,6 +316,27 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
     setSubWorkflowVersion(workflow.version.toString());
     setShowWorkflowSelector(false);
   };
+  const handleOpenInside = async () => {
+    if (!subWorkflowId) return;
+    setIsOpeningInside(true);
+    try {
+      const versionNum = parseInt(subWorkflowVersion, 10);
+      const versionQuery = !isNaN(versionNum) ? `&version=${versionNum}` : "";
+      const res = await apiCall(
+        `/api/workflows/definitions?workflowId=${encodeURIComponent(subWorkflowId)}&limit=1${versionQuery}`
+      );
+      const childId = res.ok ? extractFirstDefinitionId(res.result) : null;
+      if (!childId) {
+        flash(t("workflows.ports.openInsideNotFound"), "error");
+        return;
+      }
+      router.push(buildVisualEditorHref(childId));
+    } catch {
+      flash(t("workflows.ports.openInsideNotFound"), "error");
+    } finally {
+      setIsOpeningInside(false);
+    }
+  };
   const handleSave = () => {
     if (!node) return;
     const errors = {};
@@ -344,6 +437,40 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
     if (node.type === "start") {
       updates.preConditions = preConditions.filter((pc) => pc.ruleId && pc.ruleId.trim());
     }
+    if (node.type === "invokeAgent") {
+      const input = agentInputRows.reduce((acc, row) => {
+        const key = row.key.trim();
+        if (key) acc[key] = row.value;
+        return acc;
+      }, {});
+      const onResult = agentResultMode === "alwaysAsk" ? { alwaysAsk: true } : {
+        autoApproveThreshold: Number.parseFloat(agentAutoApproveThreshold) || 0,
+        // The near-tie margin has no control on this retired dialog; 0 is the
+        // schema default and preserves the node's existing behaviour exactly.
+        autoApproveMargin: 0
+      };
+      const outputMapping = agentOutputMappings.reduce((acc, row) => {
+        const key = row.key.trim();
+        if (key) acc[key] = row.value;
+        return acc;
+      }, {});
+      const config = {
+        agentId,
+        input,
+        onResult,
+        ...Object.keys(outputMapping).length > 0 ? { outputMapping } : {}
+      };
+      updates.agentId = agentId || void 0;
+      updates.activities = [
+        {
+          activityId: "invoke_agent",
+          activityName: t("workflows.nodeTypes.invokeAgent"),
+          activityType: "INVOKE_AGENT",
+          config
+        }
+      ];
+      updates.signalConfig = { signalName: INVOKE_AGENT_SIGNAL_NAME };
+    }
     if (advancedConfig && Object.keys(advancedConfig).length > 0) {
       Object.assign(updates, advancedConfig);
     }
@@ -366,7 +493,8 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
     waitForTimer: t("workflows.nodeTypes.waitForTimer"),
     subWorkflow: t("workflows.nodeTypes.subWorkflow"),
     parallelFork: t("workflows.nodeTypes.parallelFork"),
-    parallelJoin: t("workflows.nodeTypes.parallelJoin")
+    parallelJoin: t("workflows.nodeTypes.parallelJoin"),
+    invokeAgent: t("workflows.nodeTypes.invokeAgent")
   }[node.type || "automated"];
   const isEditable = node.type !== "end";
   const isStartNode = node.type === "start";
@@ -438,12 +566,11 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
         node.type !== "waitForSignal" && node.type !== "waitForTimer" && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: t("workflows.form.timeout") }),
           /* @__PURE__ */ jsx(
-            Input,
+            DurationInput,
             {
-              type: "text",
               value: timeout,
-              onChange: (e) => setTimeout(e.target.value),
-              placeholder: t("workflows.form.placeholders.timeout")
+              onChange: setTimeout,
+              "aria-label": t("workflows.form.timeout")
             }
           ),
           /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.form.descriptions.timeout") })
@@ -466,12 +593,10 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: t("workflows.form.assignedToRoles") }),
             /* @__PURE__ */ jsx(
-              Input,
+              RolesMultiSelect,
               {
-                type: "text",
-                value: assignedToRoles,
-                onChange: (e) => setAssignedToRoles(e.target.value),
-                placeholder: t("workflows.form.placeholders.roles")
+                value: splitRolesText(assignedToRoles),
+                onChange: (next) => setAssignedToRoles(next.join(", "))
               }
             ),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.form.descriptions.assignedToRoles") })
@@ -660,7 +785,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                     Button,
                     {
                       type: "button",
-                      variant: "destructive",
+                      variant: "destructive-outline",
                       size: "sm",
                       onClick: () => removeFormField(index),
                       children: [
@@ -801,15 +926,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                       },
                       children: [
                         /* @__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") }),
-                          /* @__PURE__ */ jsx(SelectItem, { value: "WAIT", children: t("workflows.activities.types.WAIT") })
-                        ] })
+                        /* @__PURE__ */ jsx(SelectContent, { children: activityTypeOptions.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, children: type.label }, type.value)) })
                       ]
                     }
                   )
@@ -926,17 +1043,15 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                   /* @__PURE__ */ jsxs("div", { children: [
                     /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-foreground mb-1", children: t("workflows.activities.waitDuration") }),
                     /* @__PURE__ */ jsx(
-                      Input,
+                      DurationInput,
                       {
-                        size: "sm",
-                        type: "text",
                         value: activity.config?.duration || "",
-                        onChange: (e) => {
+                        onChange: (value) => {
                           const updated = [...stepActivities];
-                          updated[index].config = { ...updated[index].config, duration: e.target.value, until: void 0 };
+                          updated[index].config = { ...updated[index].config, duration: value, until: void 0 };
                           setStepActivities(updated);
                         },
-                        placeholder: t("workflows.activities.waitDurationPlaceholder")
+                        "aria-label": t("workflows.activities.waitDuration")
                       }
                     ),
                     /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.activities.waitDurationDescription") })
@@ -979,7 +1094,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                   Button,
                   {
                     type: "button",
-                    variant: "destructive",
+                    variant: "destructive-outline",
                     size: "sm",
                     onClick: () => {
                       setStepActivities(stepActivities.filter((_, i) => i !== index));
@@ -1024,6 +1139,16 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                   onClick: () => setShowWorkflowSelector(true),
                   children: t("workflows.form.browse")
                 }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: handleOpenInside,
+                  disabled: !subWorkflowId || isOpeningInside,
+                  children: t("workflows.ports.openInside")
+                }
               )
             ] }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.form.descriptions.subWorkflowId") })
@@ -1199,20 +1324,18 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: t("workflows.form.timeout") }),
             /* @__PURE__ */ jsx(
-              Input,
+              DurationInput,
               {
-                type: "text",
                 value: signalTimeout,
-                onChange: (e) => {
-                  setSignalTimeout(e.target.value);
+                onChange: (value) => {
+                  setSignalTimeout(value);
                   if (fieldErrors.signalTimeout) {
                     const next = { ...fieldErrors };
                     delete next.signalTimeout;
                     setFieldErrors(next);
                   }
                 },
-                placeholder: t("workflows.form.placeholders.signalTimeout"),
-                "aria-invalid": fieldErrors.signalTimeout ? true : void 0
+                "aria-label": t("workflows.form.timeout")
               }
             ),
             fieldErrors.signalTimeout ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: fieldErrors.signalTimeout }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.form.descriptions.signalTimeout") })
@@ -1223,21 +1346,19 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: t("workflows.activities.waitDuration") }),
             /* @__PURE__ */ jsx(
-              Input,
+              DurationInput,
               {
-                type: "text",
                 value: timerDuration,
-                onChange: (e) => {
-                  setTimerDuration(e.target.value);
-                  if (e.target.value) setTimerUntil("");
+                onChange: (value) => {
+                  setTimerDuration(value);
+                  if (value) setTimerUntil("");
                   if (fieldErrors.timerDuration) {
                     const next = { ...fieldErrors };
                     delete next.timerDuration;
                     setFieldErrors(next);
                   }
                 },
-                placeholder: t("workflows.activities.waitDurationPlaceholder"),
-                "aria-invalid": fieldErrors.timerDuration ? true : void 0
+                "aria-label": t("workflows.activities.waitDuration")
               }
             ),
             fieldErrors.timerDuration ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: fieldErrors.timerDuration }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.activities.waitDurationDescription") })
@@ -1266,6 +1387,207 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
             fieldErrors.timerUntil ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: fieldErrors.timerUntil }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.activities.waitUntilDescription") })
           ] })
         ] }),
+        node.type === "invokeAgent" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-4 mt-4", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-3", children: t("workflows.nodeTypes.invokeAgent") }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-foreground mb-1", children: [
+              t("workflows.form.invokeAgent.agent"),
+              " *"
+            ] }),
+            /* @__PURE__ */ jsxs(Select, { value: agentId, onValueChange: setAgentId, children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-busy": agentsLoading || void 0, children: /* @__PURE__ */ jsx(
+                SelectValue,
+                {
+                  placeholder: agentsLoading ? t("common.loading") : t("workflows.form.invokeAgent.agentPlaceholder")
+                }
+              ) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: agentOptions.map((agent) => /* @__PURE__ */ jsx(SelectItem, { value: agent.id, children: agent.label || agent.id }, agent.id)) })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.form.invokeAgent.agentDescription") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground", children: t("workflows.form.invokeAgent.input") }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  onClick: () => setAgentInputRows([...agentInputRows, { key: "", value: "" }]),
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, { className: "size-3 mr-1" }),
+                    t("workflows.form.addMapping")
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-2", children: agentInputRows.map((row, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "text",
+                  value: row.key,
+                  onChange: (e) => {
+                    const updated = [...agentInputRows];
+                    updated[index] = { ...updated[index], key: e.target.value };
+                    setAgentInputRows(updated);
+                  },
+                  placeholder: t("workflows.form.invokeAgent.inputKeyPlaceholder"),
+                  className: "flex-1"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "=" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "text",
+                  value: row.value,
+                  onChange: (e) => {
+                    const updated = [...agentInputRows];
+                    updated[index] = { ...updated[index], value: e.target.value };
+                    setAgentInputRows(updated);
+                  },
+                  placeholder: t("workflows.form.invokeAgent.inputValuePlaceholder"),
+                  className: "flex-1"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => setAgentInputRows(agentInputRows.filter((_, i) => i !== index)),
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-3" })
+                }
+              )
+            ] }, index)) }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.form.invokeAgent.inputDescription") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-2", children: t("workflows.form.invokeAgent.onResult") }),
+            /* @__PURE__ */ jsxs(
+              RadioGroup,
+              {
+                className: "space-y-3",
+                name: "invoke-agent-on-result",
+                value: agentResultMode,
+                onValueChange: (next) => setAgentResultMode(next === "alwaysAsk" ? "alwaysAsk" : "autoApprove"),
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "label",
+                    {
+                      htmlFor: "invoke-agent-on-result-auto-approve",
+                      className: "flex cursor-pointer items-center gap-2 text-sm text-foreground",
+                      children: [
+                        /* @__PURE__ */ jsx(Radio, { id: "invoke-agent-on-result-auto-approve", value: "autoApprove" }),
+                        /* @__PURE__ */ jsx("span", { children: t("workflows.form.invokeAgent.autoApprove") }),
+                        /* @__PURE__ */ jsx(
+                          Input,
+                          {
+                            type: "number",
+                            step: "0.05",
+                            min: "0",
+                            max: "1",
+                            value: agentAutoApproveThreshold,
+                            onChange: (e) => setAgentAutoApproveThreshold(e.target.value),
+                            onFocus: () => setAgentResultMode("autoApprove"),
+                            disabled: agentResultMode !== "autoApprove",
+                            className: "w-24"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "label",
+                    {
+                      htmlFor: "invoke-agent-on-result-always-ask",
+                      className: "flex cursor-pointer items-center gap-2 text-sm text-foreground",
+                      children: [
+                        /* @__PURE__ */ jsx(Radio, { id: "invoke-agent-on-result-always-ask", value: "alwaysAsk" }),
+                        /* @__PURE__ */ jsx("span", { children: t("workflows.form.invokeAgent.alwaysAsk") })
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.form.invokeAgent.threshold") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "border-t border-border pt-4 mt-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-foreground", children: t("workflows.form.invokeAgent.outputMapping", {
+                  count: agentOutputMappings.length
+                }) }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: t("workflows.form.invokeAgent.outputMappingDescription") })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  onClick: () => setAgentOutputMappings([...agentOutputMappings, { key: "", value: "" }]),
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, { className: "size-3 mr-1" }),
+                    t("workflows.form.addMapping")
+                  ]
+                }
+              )
+            ] }),
+            agentOutputMappings.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground italic", children: t("workflows.form.invokeAgent.noOutputMappings") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: agentOutputMappings.map((mapping, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-start", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "text",
+                    value: mapping.key,
+                    onChange: (e) => {
+                      const updated = [...agentOutputMappings];
+                      updated[index] = { ...updated[index], key: e.target.value };
+                      setAgentOutputMappings(updated);
+                    },
+                    placeholder: t("workflows.form.invokeAgent.outputKeyPlaceholder")
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: t("workflows.form.invokeAgent.outputKeyDescription") })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground mt-2", children: "\u2190" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "text",
+                    value: mapping.value,
+                    onChange: (e) => {
+                      const updated = [...agentOutputMappings];
+                      updated[index] = { ...updated[index], value: e.target.value };
+                      setAgentOutputMappings(updated);
+                    },
+                    placeholder: t("workflows.form.invokeAgent.outputPathPlaceholder")
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: t("workflows.form.invokeAgent.outputPathDescription") })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => setAgentOutputMappings(
+                    agentOutputMappings.filter((_, i) => i !== index)
+                  ),
+                  className: "mt-1",
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-3" })
+                }
+              )
+            ] }, index)) })
+          ] })
+        ] }),
         /* @__PURE__ */ jsxs("div", { className: "border-t border-border pt-4 mt-4", children: [
           /* @__PURE__ */ jsxs(
             Button,
@@ -1302,7 +1624,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           Button,
           {
             type: "button",
-            variant: "destructive",
+            variant: "destructive-outline",
             onClick: handleDelete,
             children: [
               /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),