@burdenoff/microfe-vibecontrols 2026.601.12 → 2026.601.13

package/dist/components/actions/ActionForm.js

@@ -1,10 +1,11 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useEffect as t, useRef as n, useState as r } from "react";
-import { X as i } from "lucide-react";
-import { AnimatePresence as a, motion as o, useReducedMotion as s } from "framer-motion";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { RemoteExecutionEnableNotice as t } from "./RemoteExecutionEnableNotice.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { X as a } from "lucide-react";
+import { AnimatePresence as o, motion as s, useReducedMotion as c } from "framer-motion";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/actions/ActionForm.tsx
-var u = {
+var d = {
 	name: "",
 	displayName: "",
 	description: "",
@@ -28,38 +29,38 @@ var u = {
 	retryCount: 0,
 	confirmationRequired: !1
 };
-function d({ title: d, initialData: f, agents: p, onSubmit: m, onCancel: h, isLoading: g = !1, extraSection: _ }) {
-	let [v, y] = r({
-		...u,
-		...f
-	}), [b, x] = r(f?.tags?.join(", ") ?? ""), S = n(null), C = s(), w = e();
-	t(() => {
-		S.current?.showModal();
+function f({ title: f, initialData: p, agents: m, onSubmit: h, onCancel: g, isLoading: _ = !1, extraSection: v }) {
+	let [y, b] = i({
+		...d,
+		...p
+	}), [x, S] = i(p?.tags?.join(", ") ?? ""), C = r(null), w = c(), T = e();
+	n(() => {
+		C.current?.showModal();
 	}, []);
-	let T = (e, t) => y((n) => ({
+	let E = (e, t) => b((n) => ({
 		...n,
 		[e]: t
-	})), E = (e) => {
+	})), D = (e) => {
 		e.preventDefault();
-		let t = b.split(",").map((e) => e.trim()).filter(Boolean);
-		m({
-			...v,
+		let t = x.split(",").map((e) => e.trim()).filter(Boolean);
+		h({
+			...y,
 			tags: t
 		});
-	}, D = "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg focus:border-transparent transition-all", O = "block text-sm font-medium text-text-secondary mb-1";
-	return /* @__PURE__ */ c("dialog", {
-		ref: S,
+	}, O = "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg focus:border-transparent transition-all", k = "block text-sm font-medium text-text-secondary mb-1";
+	return /* @__PURE__ */ l("dialog", {
+		ref: C,
 		className: "fixed inset-0 z-50 m-auto p-0 bg-transparent backdrop:bg-transparent",
-		onClose: h,
-		children: /* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(o.div, {
+		onClose: g,
+		children: /* @__PURE__ */ u(o, { children: [/* @__PURE__ */ l(s.div, {
 			className: "fixed inset-0 bg-bg-overlay",
-			initial: C ? void 0 : { opacity: 0 },
+			initial: w ? void 0 : { opacity: 0 },
 			animate: { opacity: 1 },
 			exit: { opacity: 0 },
-			onClick: h
-		}), /* @__PURE__ */ l(o.div, {
+			onClick: g
+		}), /* @__PURE__ */ u(s.div, {
 			className: "relative w-full max-w-2xl max-h-[85vh] overflow-y-auto bg-bg-surface rounded-lg shadow-xl",
-			initial: C ? void 0 : {
+			initial: w ? void 0 : {
 				opacity: 0,
 				scale: .95,
 				y: 8
@@ -83,352 +84,366 @@ function d({ title: d, initialData: f, agents: p, onSubmit: m, onCancel: h, isLo
 					1
 				]
 			},
-			children: [/* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ u("div", {
 				className: "flex items-center justify-between p-6 border-b border-border-default sticky top-0 bg-bg-surface z-10",
-				children: [/* @__PURE__ */ c("h2", {
+				children: [/* @__PURE__ */ l("h2", {
 					className: "text-lg font-semibold text-text-primary",
-					children: d
-				}), /* @__PURE__ */ c("button", {
+					children: f
+				}), /* @__PURE__ */ l("button", {
 					type: "button",
-					onClick: h,
+					onClick: g,
 					className: "p-1 rounded hover:bg-bg-sunken transition-colors",
-					children: /* @__PURE__ */ c(i, { className: "size-5 text-text-secondary" })
+					children: /* @__PURE__ */ l(a, { className: "size-5 text-text-secondary" })
 				})]
-			}), /* @__PURE__ */ l("form", {
-				onSubmit: E,
+			}), /* @__PURE__ */ u("form", {
+				onSubmit: D,
 				className: "p-6 space-y-4",
 				children: [
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-							className: O,
-							children: w("vibecontrols.actions.form.nameSlug", "Name (slug)")
-						}), /* @__PURE__ */ c("input", {
+						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							className: k,
+							children: T("vibecontrols.actions.form.nameSlug", "Name (slug)")
+						}), /* @__PURE__ */ l("input", {
 							"aria-label": "my-action",
-							className: D,
-							value: v.name,
-							onChange: (e) => T("name", e.target.value),
+							className: O,
+							value: y.name,
+							onChange: (e) => E("name", e.target.value),
 							placeholder: "my-action",
 							required: !0
-						})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-							className: O,
-							children: w("vibecontrols.actions.form.displayName", "Display Name")
-						}), /* @__PURE__ */ c("input", {
+						})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							className: k,
+							children: T("vibecontrols.actions.form.displayName", "Display Name")
+						}), /* @__PURE__ */ l("input", {
 							"aria-label": "My Action",
-							className: D,
-							value: v.displayName,
-							onChange: (e) => T("displayName", e.target.value),
+							className: O,
+							value: y.displayName,
+							onChange: (e) => E("displayName", e.target.value),
 							placeholder: "My Action",
 							required: !0
 						})] })]
 					}),
-					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-						className: O,
-						children: w("vibecontrols.actions.form.description", "Description")
-					}), /* @__PURE__ */ c("textarea", {
+					/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+						className: k,
+						children: T("vibecontrols.actions.form.description", "Description")
+					}), /* @__PURE__ */ l("textarea", {
 						"aria-label": "What does this action do?",
-						className: `${D} resize-none`,
+						className: `${O} resize-none`,
 						rows: 2,
-						value: v.description,
-						onChange: (e) => T("description", e.target.value),
+						value: y.description,
+						onChange: (e) => E("description", e.target.value),
 						placeholder: "What does this action do?"
 					})] }),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							className: k,
+							children: T("vibecontrols.actions.form.actionType", "Action Type")
+						}), /* @__PURE__ */ u("select", {
 							className: O,
-							children: w("vibecontrols.actions.form.actionType", "Action Type")
-						}), /* @__PURE__ */ l("select", {
-							className: D,
-							value: v.actionType,
-							onChange: (e) => T("actionType", e.target.value),
+							value: y.actionType,
+							onChange: (e) => E("actionType", e.target.value),
 							children: [
-								/* @__PURE__ */ c("option", {
+								/* @__PURE__ */ l("option", {
 									value: "COMMAND",
 									children: "Command"
 								}),
-								/* @__PURE__ */ c("option", {
+								/* @__PURE__ */ l("option", {
 									value: "SCRIPT",
 									children: "Script"
 								}),
-								/* @__PURE__ */ c("option", {
+								/* @__PURE__ */ l("option", {
 									value: "WEBHOOK",
 									children: "Webhook"
 								}),
-								/* @__PURE__ */ c("option", {
+								/* @__PURE__ */ l("option", {
 									value: "WORKFLOW",
 									children: "Workflow"
 								})
 							]
-						})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							className: k,
+							children: T("vibecontrols.actions.form.triggerType", "Trigger Type")
+						}), /* @__PURE__ */ u("select", {
 							className: O,
-							children: w("vibecontrols.actions.form.triggerType", "Trigger Type")
-						}), /* @__PURE__ */ l("select", {
-							className: D,
-							value: v.triggerType,
-							onChange: (e) => T("triggerType", e.target.value),
+							value: y.triggerType,
+							onChange: (e) => E("triggerType", e.target.value),
 							children: [
-								/* @__PURE__ */ c("option", {
+								/* @__PURE__ */ l("option", {
 									value: "MANUAL",
 									children: "Manual"
 								}),
-								/* @__PURE__ */ c("option", {
+								/* @__PURE__ */ l("option", {
 									value: "SCHEDULED",
 									children: "Scheduled"
 								}),
-								/* @__PURE__ */ c("option", {
+								/* @__PURE__ */ l("option", {
 									value: "EVENT",
 									children: "Event"
 								}),
-								/* @__PURE__ */ c("option", {
+								/* @__PURE__ */ l("option", {
 									value: "ON_DEMAND",
 									children: "On Demand"
 								})
 							]
 						})] })]
 					}),
-					v.triggerType === "SCHEDULED" && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-						className: O,
-						children: w("vibecontrols.actions.form.schedule", "Schedule (cron expression)")
-					}), /* @__PURE__ */ c("input", {
+					y.triggerType === "SCHEDULED" && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+						className: k,
+						children: T("vibecontrols.actions.form.schedule", "Schedule (cron expression)")
+					}), /* @__PURE__ */ l("input", {
 						"aria-label": "*/5 * * * *",
-						className: D,
-						value: v.schedule,
-						onChange: (e) => T("schedule", e.target.value),
+						className: O,
+						value: y.schedule,
+						onChange: (e) => E("schedule", e.target.value),
 						placeholder: "*/5 * * * *"
 					})] }),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-							className: O,
-							children: w("vibecontrols.actions.form.category", "Category")
-						}), /* @__PURE__ */ c("input", {
+						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							className: k,
+							children: T("vibecontrols.actions.form.category", "Category")
+						}), /* @__PURE__ */ l("input", {
 							"aria-label": "deployment, testing, etc.",
-							className: D,
-							value: v.category,
-							onChange: (e) => T("category", e.target.value),
-							placeholder: "deployment, testing, etc."
-						})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 							className: O,
-							children: w("vibecontrols.actions.form.tags", "Tags (comma separated)")
-						}), /* @__PURE__ */ c("input", {
+							value: y.category,
+							onChange: (e) => E("category", e.target.value),
+							placeholder: "deployment, testing, etc."
+						})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							className: k,
+							children: T("vibecontrols.actions.form.tags", "Tags (comma separated)")
+						}), /* @__PURE__ */ l("input", {
 							"aria-label": "ci, deploy, infra",
-							className: D,
-							value: b,
-							onChange: (e) => x(e.target.value),
+							className: O,
+							value: x,
+							onChange: (e) => S(e.target.value),
 							placeholder: "ci, deploy, infra"
 						})] })]
 					}),
-					v.actionType === "COMMAND" && /* @__PURE__ */ l("div", {
+					y.actionType === "COMMAND" && /* @__PURE__ */ u("div", {
 						className: "space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default",
 						children: [
-							/* @__PURE__ */ c("h3", {
+							/* @__PURE__ */ l("h3", {
 								className: "text-sm font-semibold text-text-primary",
-								children: w("vibecontrols.actions.form.commandSettings", "Command Settings")
+								children: T("vibecontrols.actions.form.commandSettings", "Command Settings")
 							}),
-							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-								className: O,
-								children: w("vibecontrols.actions.form.command", "Command")
-							}), /* @__PURE__ */ c("textarea", {
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								className: k,
+								children: T("vibecontrols.actions.form.command", "Command")
+							}), /* @__PURE__ */ l("textarea", {
 								"aria-label": "echo 'Hello World'",
-								className: `${D} font-mono resize-none`,
+								className: `${O} font-mono resize-none`,
 								rows: 3,
-								value: v.command,
-								onChange: (e) => T("command", e.target.value),
+								value: y.command,
+								onChange: (e) => E("command", e.target.value),
 								placeholder: "echo 'Hello World'",
 								required: !0
 							})] }),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ u("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-									className: O,
-									children: w("vibecontrols.actions.form.workingDirectory", "Working Directory")
-								}), /* @__PURE__ */ c("input", {
+								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									className: k,
+									children: T("vibecontrols.actions.form.workingDirectory", "Working Directory")
+								}), /* @__PURE__ */ l("input", {
 									"aria-label": "/home/user/project",
-									className: D,
-									value: v.workingDirectory,
-									onChange: (e) => T("workingDirectory", e.target.value),
-									placeholder: "/home/user/project"
-								})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 									className: O,
-									children: w("vibecontrols.actions.form.targetAgent", "Target Agent")
-								}), /* @__PURE__ */ l("select", {
-									className: D,
-									value: v.targetAgentId,
-									onChange: (e) => T("targetAgentId", e.target.value),
-									children: [/* @__PURE__ */ c("option", {
-										value: "",
-										children: w("vibecontrols.actions.form.anyAvailableAgent", "Any available agent")
-									}), p.map((e) => /* @__PURE__ */ l("option", {
-										value: e.id,
-										disabled: !e.isActive,
-										children: [
-											e.name,
-											" ",
-											e.isActive ? "" : w("vibecontrols.actions.form.offline", "(offline)")
-										]
-									}, e.id))]
-								})] })]
+									value: y.workingDirectory,
+									onChange: (e) => E("workingDirectory", e.target.value),
+									placeholder: "/home/user/project"
+								})] }), /* @__PURE__ */ u("div", { children: [
+									/* @__PURE__ */ l("label", {
+										className: k,
+										children: T("vibecontrols.actions.form.targetAgent", "Target Agent")
+									}),
+									/* @__PURE__ */ u("select", {
+										className: O,
+										value: y.targetAgentId,
+										onChange: (e) => E("targetAgentId", e.target.value),
+										children: [/* @__PURE__ */ l("option", {
+											value: "",
+											children: T("vibecontrols.actions.form.anyAvailableAgent", "Any available agent")
+										}), m.map((e) => /* @__PURE__ */ u("option", {
+											value: e.id,
+											disabled: !e.isActive,
+											children: [
+												e.name,
+												" ",
+												e.isActive ? "" : T("vibecontrols.actions.form.offline", "(offline)")
+											]
+										}, e.id))]
+									}),
+									y.targetAgentId ? /* @__PURE__ */ l(t, {
+										agentId: y.targetAgentId,
+										agentName: m.find((e) => e.id === y.targetAgentId)?.name
+									}) : null
+								] })]
 							})
 						]
 					}),
-					v.actionType === "SCRIPT" && /* @__PURE__ */ l("div", {
+					y.actionType === "SCRIPT" && /* @__PURE__ */ u("div", {
 						className: "space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default",
 						children: [
-							/* @__PURE__ */ c("h3", {
+							/* @__PURE__ */ l("h3", {
 								className: "text-sm font-semibold text-text-primary",
-								children: w("vibecontrols.actions.form.scriptSettings", "Script Settings")
+								children: T("vibecontrols.actions.form.scriptSettings", "Script Settings")
 							}),
-							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-								className: O,
-								children: w("vibecontrols.actions.form.script", "Script")
-							}), /* @__PURE__ */ c("textarea", {
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								className: k,
+								children: T("vibecontrols.actions.form.script", "Script")
+							}), /* @__PURE__ */ l("textarea", {
 								"aria-label": "#!/bin/bash\necho 'Hello'",
-								className: `${D} font-mono resize-none`,
+								className: `${O} font-mono resize-none`,
 								rows: 6,
-								value: v.script,
-								onChange: (e) => T("script", e.target.value),
+								value: y.script,
+								onChange: (e) => E("script", e.target.value),
 								placeholder: "#!/bin/bash\necho 'Hello'",
 								required: !0
 							})] }),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ u("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									className: k,
+									children: T("vibecontrols.actions.form.interpreter", "Interpreter")
+								}), /* @__PURE__ */ u("select", {
 									className: O,
-									children: w("vibecontrols.actions.form.interpreter", "Interpreter")
-								}), /* @__PURE__ */ l("select", {
-									className: D,
-									value: v.scriptInterpreter,
-									onChange: (e) => T("scriptInterpreter", e.target.value),
+									value: y.scriptInterpreter,
+									onChange: (e) => E("scriptInterpreter", e.target.value),
 									children: [
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ l("option", {
 											value: "bash",
 											children: "Bash"
 										}),
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ l("option", {
 											value: "python",
 											children: "Python"
 										}),
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ l("option", {
 											value: "node",
 											children: "Node.js"
 										})
 									]
-								})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-									className: O,
-									children: w("vibecontrols.actions.form.targetAgent", "Target Agent")
-								}), /* @__PURE__ */ l("select", {
-									className: D,
-									value: v.targetAgentId,
-									onChange: (e) => T("targetAgentId", e.target.value),
-									children: [/* @__PURE__ */ c("option", {
-										value: "",
-										children: w("vibecontrols.actions.form.anyAvailableAgent", "Any available agent")
-									}), p.map((e) => /* @__PURE__ */ l("option", {
-										value: e.id,
-										disabled: !e.isActive,
-										children: [
-											e.name,
-											" ",
-											e.isActive ? "" : w("vibecontrols.actions.form.offline", "(offline)")
-										]
-									}, e.id))]
-								})] })]
+								})] }), /* @__PURE__ */ u("div", { children: [
+									/* @__PURE__ */ l("label", {
+										className: k,
+										children: T("vibecontrols.actions.form.targetAgent", "Target Agent")
+									}),
+									/* @__PURE__ */ u("select", {
+										className: O,
+										value: y.targetAgentId,
+										onChange: (e) => E("targetAgentId", e.target.value),
+										children: [/* @__PURE__ */ l("option", {
+											value: "",
+											children: T("vibecontrols.actions.form.anyAvailableAgent", "Any available agent")
+										}), m.map((e) => /* @__PURE__ */ u("option", {
+											value: e.id,
+											disabled: !e.isActive,
+											children: [
+												e.name,
+												" ",
+												e.isActive ? "" : T("vibecontrols.actions.form.offline", "(offline)")
+											]
+										}, e.id))]
+									}),
+									y.targetAgentId ? /* @__PURE__ */ l(t, {
+										agentId: y.targetAgentId,
+										agentName: m.find((e) => e.id === y.targetAgentId)?.name
+									}) : null
+								] })]
 							}),
-							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-								className: O,
-								children: w("vibecontrols.actions.form.workingDirectory", "Working Directory")
-							}), /* @__PURE__ */ c("input", {
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								className: k,
+								children: T("vibecontrols.actions.form.workingDirectory", "Working Directory")
+							}), /* @__PURE__ */ l("input", {
 								"aria-label": "/home/user/project",
-								className: D,
-								value: v.workingDirectory,
-								onChange: (e) => T("workingDirectory", e.target.value),
+								className: O,
+								value: y.workingDirectory,
+								onChange: (e) => E("workingDirectory", e.target.value),
 								placeholder: "/home/user/project"
 							})] })
 						]
 					}),
-					v.actionType === "WEBHOOK" && /* @__PURE__ */ l("div", {
+					y.actionType === "WEBHOOK" && /* @__PURE__ */ u("div", {
 						className: "space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default",
 						children: [
-							/* @__PURE__ */ c("h3", {
+							/* @__PURE__ */ l("h3", {
 								className: "text-sm font-semibold text-text-primary",
-								children: w("vibecontrols.actions.form.webhookSettings", "Webhook Settings")
+								children: T("vibecontrols.actions.form.webhookSettings", "Webhook Settings")
 							}),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ u("div", {
 								className: "grid grid-cols-[1fr_auto] gap-4",
-								children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-									className: O,
-									children: w("vibecontrols.actions.form.url", "URL")
-								}), /* @__PURE__ */ c("input", {
+								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									className: k,
+									children: T("vibecontrols.actions.form.url", "URL")
+								}), /* @__PURE__ */ l("input", {
 									"aria-label": "https://api.example.com/hook",
-									className: D,
-									value: v.webhookUrl,
-									onChange: (e) => T("webhookUrl", e.target.value),
+									className: O,
+									value: y.webhookUrl,
+									onChange: (e) => E("webhookUrl", e.target.value),
 									placeholder: "https://api.example.com/hook",
 									required: !0
-								})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+								})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									className: k,
+									children: T("vibecontrols.actions.form.method", "Method")
+								}), /* @__PURE__ */ u("select", {
 									className: O,
-									children: w("vibecontrols.actions.form.method", "Method")
-								}), /* @__PURE__ */ l("select", {
-									className: D,
-									value: v.webhookMethod,
-									onChange: (e) => T("webhookMethod", e.target.value),
+									value: y.webhookMethod,
+									onChange: (e) => E("webhookMethod", e.target.value),
 									children: [
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ l("option", {
 											value: "GET",
 											children: "GET"
 										}),
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ l("option", {
 											value: "POST",
 											children: "POST"
 										}),
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ l("option", {
 											value: "PUT",
 											children: "PUT"
 										}),
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ l("option", {
 											value: "PATCH",
 											children: "PATCH"
 										}),
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ l("option", {
 											value: "DELETE",
 											children: "DELETE"
 										})
 									]
 								})] })]
 							}),
-							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-								className: O,
-								children: w("vibecontrols.actions.form.bodyJson", "Body (JSON)")
-							}), /* @__PURE__ */ c("textarea", {
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								className: k,
+								children: T("vibecontrols.actions.form.bodyJson", "Body (JSON)")
+							}), /* @__PURE__ */ l("textarea", {
 								"aria-label": "control",
-								className: `${D} font-mono resize-none`,
+								className: `${O} font-mono resize-none`,
 								rows: 4,
-								value: v.webhookBody,
-								onChange: (e) => T("webhookBody", e.target.value),
+								value: y.webhookBody,
+								onChange: (e) => E("webhookBody", e.target.value),
 								placeholder: "{\"key\": \"value\"}"
 							})] }),
-							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								className: k,
+								children: T("vibecontrols.actions.form.authType", "Auth Type")
+							}), /* @__PURE__ */ u("select", {
 								className: O,
-								children: w("vibecontrols.actions.form.authType", "Auth Type")
-							}), /* @__PURE__ */ l("select", {
-								className: D,
-								value: v.webhookAuthType,
-								onChange: (e) => T("webhookAuthType", e.target.value),
+								value: y.webhookAuthType,
+								onChange: (e) => E("webhookAuthType", e.target.value),
 								children: [
-									/* @__PURE__ */ c("option", {
+									/* @__PURE__ */ l("option", {
 										value: "",
 										children: "None"
 									}),
-									/* @__PURE__ */ c("option", {
+									/* @__PURE__ */ l("option", {
 										value: "BEARER",
 										children: "Bearer Token"
 									}),
-									/* @__PURE__ */ c("option", {
+									/* @__PURE__ */ l("option", {
 										value: "BASIC",
 										children: "Basic Auth"
 									}),
-									/* @__PURE__ */ c("option", {
+									/* @__PURE__ */ l("option", {
 										value: "API_KEY",
 										children: "API Key"
 									})
@@ -436,65 +451,65 @@ function d({ title: d, initialData: f, agents: p, onSubmit: m, onCancel: h, isLo
 							})] })
 						]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "grid grid-cols-3 gap-4",
 						children: [
-							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-								className: O,
-								children: w("vibecontrols.actions.form.timeout", "Timeout (ms)")
-							}), /* @__PURE__ */ c("input", {
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								className: k,
+								children: T("vibecontrols.actions.form.timeout", "Timeout (ms)")
+							}), /* @__PURE__ */ l("input", {
 								"aria-label": "control",
-								className: D,
+								className: O,
 								type: "number",
 								min: 1e3,
 								max: 3e5,
-								value: v.timeoutMs,
-								onChange: (e) => T("timeoutMs", parseInt(e.target.value) || 3e4)
+								value: y.timeoutMs,
+								onChange: (e) => E("timeoutMs", parseInt(e.target.value) || 3e4)
 							})] }),
-							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-								className: O,
-								children: w("vibecontrols.actions.form.retryCount", "Retry Count")
-							}), /* @__PURE__ */ c("input", {
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								className: k,
+								children: T("vibecontrols.actions.form.retryCount", "Retry Count")
+							}), /* @__PURE__ */ l("input", {
 								"aria-label": "control",
-								className: D,
+								className: O,
 								type: "number",
 								min: 0,
 								max: 10,
-								value: v.retryCount,
-								onChange: (e) => T("retryCount", parseInt(e.target.value) || 0)
+								value: y.retryCount,
+								onChange: (e) => E("retryCount", parseInt(e.target.value) || 0)
 							})] }),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								className: "flex items-end pb-2",
-								children: /* @__PURE__ */ l("label", {
+								children: /* @__PURE__ */ u("label", {
 									className: "flex items-center gap-2 text-sm text-text-secondary cursor-pointer",
-									children: [/* @__PURE__ */ c("input", {
+									children: [/* @__PURE__ */ l("input", {
 										"aria-label": "control",
 										type: "checkbox",
-										checked: v.confirmationRequired,
-										onChange: (e) => T("confirmationRequired", e.target.checked),
+										checked: y.confirmationRequired,
+										onChange: (e) => E("confirmationRequired", e.target.checked),
 										className: "rounded border-border-default"
-									}), w("vibecontrols.actions.form.requireConfirmation", "Require confirmation")]
+									}), T("vibecontrols.actions.form.requireConfirmation", "Require confirmation")]
 								})
 							})
 						]
 					}),
-					_ && /* @__PURE__ */ c("div", {
+					v && /* @__PURE__ */ l("div", {
 						className: "pt-4 border-t border-border-default",
-						children: _
+						children: v
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "flex items-center justify-end gap-3 pt-4 border-t border-border-default",
-						children: [/* @__PURE__ */ c("button", {
+						children: [/* @__PURE__ */ l("button", {
 							type: "button",
-							onClick: h,
-							disabled: g,
+							onClick: g,
+							disabled: _,
 							className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50",
-							children: w("vibecontrols.actions.form.cancel", "Cancel")
-						}), /* @__PURE__ */ c("button", {
+							children: T("vibecontrols.actions.form.cancel", "Cancel")
+						}), /* @__PURE__ */ l("button", {
 							type: "submit",
-							disabled: g,
+							disabled: _,
 							className: "px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-							children: g ? w("vibecontrols.actions.form.saving", "Saving...") : f ? w("vibecontrols.actions.form.updateAction", "Update Action") : w("vibecontrols.actions.form.createAction", "Create Action")
+							children: _ ? T("vibecontrols.actions.form.saving", "Saving...") : p ? T("vibecontrols.actions.form.updateAction", "Update Action") : T("vibecontrols.actions.form.createAction", "Create Action")
 						})]
 					})
 				]
@@ -503,6 +518,6 @@ function d({ title: d, initialData: f, agents: p, onSubmit: m, onCancel: h, isLo
 	});
 }
 //#endregion
-export { d as ActionForm };
+export { f as ActionForm };
 
 //# sourceMappingURL=ActionForm.js.map