@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/actions/ActionForm.js

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

package/dist/components/actions/ActionForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionForm.js","names":[],"sources":["../../../src/components/actions/ActionForm.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { X } from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport interface ActionFormData {\n  name: string;\n  displayName: string;\n  description: string;\n  actionType: string;\n  triggerType: string;\n  schedule: string;\n  category: string;\n  tags: string[];\n  command: string;\n  workingDirectory: string;\n  targetAgentId: string;\n  environmentVariables: Record<string, string>;\n  script: string;\n  scriptInterpreter: string;\n  webhookUrl: string;\n  webhookMethod: string;\n  webhookHeaders: Record<string, string>;\n  webhookBody: string;\n  webhookAuthType: string;\n  timeoutMs: number;\n  retryCount: number;\n  confirmationRequired: boolean;\n}\n\nconst DEFAULT_FORM: ActionFormData = {\n  name: '',\n  displayName: '',\n  description: '',\n  actionType: 'COMMAND',\n  triggerType: 'MANUAL',\n  schedule: '',\n  category: '',\n  tags: [],\n  command: '',\n  workingDirectory: '',\n  targetAgentId: '',\n  environmentVariables: {},\n  script: '',\n  scriptInterpreter: 'bash',\n  webhookUrl: '',\n  webhookMethod: 'POST',\n  webhookHeaders: {},\n  webhookBody: '',\n  webhookAuthType: '',\n  timeoutMs: 30000,\n  retryCount: 0,\n  confirmationRequired: false,\n};\n\ninterface ActionFormProps {\n  title: string;\n  initialData?: Partial<ActionFormData>;\n  agents: Array<{ id: string; name: string; isActive: boolean }>;\n  onSubmit: (data: ActionFormData) => void;\n  onCancel: () => void;\n  isLoading?: boolean;\n}\n\nexport function ActionForm({\n  title,\n  initialData,\n  agents,\n  onSubmit,\n  onCancel,\n  isLoading = false,\n}: ActionFormProps) {\n  const [form, setForm] = useState<ActionFormData>({ ...DEFAULT_FORM, ...initialData });\n  const [tagsInput, setTagsInput] = useState(initialData?.tags?.join(', ') ?? '');\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  useEffect(() => {\n    dialogRef.current?.showModal();\n  }, []);\n\n  const update = <K extends keyof ActionFormData>(key: K, value: ActionFormData[K]) =>\n    setForm((prev) => ({ ...prev, [key]: value }));\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    const tags = tagsInput\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n    onSubmit({ ...form, tags });\n  };\n\n  const inputClass =\n    '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';\n  const labelClass = 'block text-sm font-medium text-text-secondary mb-1';\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className=\"fixed inset-0 z-50 m-auto p-0 bg-transparent backdrop:bg-transparent\"\n      onClose={onCancel}\n    >\n      <AnimatePresence>\n        <motion.div\n          className=\"fixed inset-0 bg-bg-overlay\"\n          initial={shouldReduceMotion ? undefined : { opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          onClick={onCancel}\n        />\n        <motion.div\n          className=\"relative w-full max-w-2xl max-h-[85vh] overflow-y-auto bg-bg-surface rounded-lg shadow-xl\"\n          initial={shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95, y: 8 }}\n          animate={{ opacity: 1, scale: 1, y: 0 }}\n          exit={{ opacity: 0, scale: 0.95, y: 8 }}\n          transition={{ duration: 0.2, ease: [0.2, 0, 0, 1] }}\n        >\n          {/* Header */}\n          <div className=\"flex items-center justify-between p-6 border-b border-border-default sticky top-0 bg-bg-surface z-10\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\n            <button onClick={onCancel} className=\"p-1 rounded hover:bg-bg-sunken transition-colors\">\n              <X className=\"w-5 h-5 text-text-secondary\" />\n            </button>\n          </div>\n\n          <form onSubmit={handleSubmit} className=\"p-6 space-y-4\">\n            {/* Basic fields */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.nameSlug', 'Name (slug)')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.name}\n                  onChange={(e) => update('name', e.target.value)}\n                  placeholder=\"my-action\"\n                  required\n                />\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.displayName', 'Display Name')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.displayName}\n                  onChange={(e) => update('displayName', e.target.value)}\n                  placeholder=\"My Action\"\n                  required\n                />\n              </div>\n            </div>\n\n            <div>\n              <label className={labelClass}>\n                {tr('vibecontrols.actions.form.description', 'Description')}\n              </label>\n              <textarea\n                className={`${inputClass} resize-none`}\n                rows={2}\n                value={form.description}\n                onChange={(e) => update('description', e.target.value)}\n                placeholder=\"What does this action do?\"\n              />\n            </div>\n\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.actionType', 'Action Type')}\n                </label>\n                <select\n                  className={inputClass}\n                  value={form.actionType}\n                  onChange={(e) => update('actionType', e.target.value)}\n                >\n                  <option value=\"COMMAND\">Command</option>\n                  <option value=\"SCRIPT\">Script</option>\n                  <option value=\"WEBHOOK\">Webhook</option>\n                  <option value=\"WORKFLOW\">Workflow</option>\n                </select>\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.triggerType', 'Trigger Type')}\n                </label>\n                <select\n                  className={inputClass}\n                  value={form.triggerType}\n                  onChange={(e) => update('triggerType', e.target.value)}\n                >\n                  <option value=\"MANUAL\">Manual</option>\n                  <option value=\"SCHEDULED\">Scheduled</option>\n                  <option value=\"EVENT\">Event</option>\n                  <option value=\"ON_DEMAND\">On Demand</option>\n                </select>\n              </div>\n            </div>\n\n            {form.triggerType === 'SCHEDULED' && (\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.schedule', 'Schedule (cron expression)')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.schedule}\n                  onChange={(e) => update('schedule', e.target.value)}\n                  placeholder=\"*/5 * * * *\"\n                />\n              </div>\n            )}\n\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.category', 'Category')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.category}\n                  onChange={(e) => update('category', e.target.value)}\n                  placeholder=\"deployment, testing, etc.\"\n                />\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.tags', 'Tags (comma separated)')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={tagsInput}\n                  onChange={(e) => setTagsInput(e.target.value)}\n                  placeholder=\"ci, deploy, infra\"\n                />\n              </div>\n            </div>\n\n            {/* Type-specific fields */}\n            {form.actionType === 'COMMAND' && (\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('vibecontrols.actions.form.commandSettings', 'Command Settings')}\n                </h3>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.command', 'Command')}\n                  </label>\n                  <textarea\n                    className={`${inputClass} font-mono resize-none`}\n                    rows={3}\n                    value={form.command}\n                    onChange={(e) => update('command', e.target.value)}\n                    placeholder=\"echo 'Hello World'\"\n                    required\n                  />\n                </div>\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.workingDirectory', 'Working Directory')}\n                    </label>\n                    <input\n                      className={inputClass}\n                      value={form.workingDirectory}\n                      onChange={(e) => update('workingDirectory', e.target.value)}\n                      placeholder=\"/home/user/project\"\n                    />\n                  </div>\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.targetAgent', 'Target Agent')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.targetAgentId}\n                      onChange={(e) => update('targetAgentId', e.target.value)}\n                    >\n                      <option value=\"\">\n                        {tr('vibecontrols.actions.form.anyAvailableAgent', 'Any available agent')}\n                      </option>\n                      {agents.map((a) => (\n                        <option key={a.id} value={a.id} disabled={!a.isActive}>\n                          {a.name}{' '}\n                          {!a.isActive ? tr('vibecontrols.actions.form.offline', '(offline)') : ''}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {form.actionType === 'SCRIPT' && (\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('vibecontrols.actions.form.scriptSettings', 'Script Settings')}\n                </h3>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.script', 'Script')}\n                  </label>\n                  <textarea\n                    className={`${inputClass} font-mono resize-none`}\n                    rows={6}\n                    value={form.script}\n                    onChange={(e) => update('script', e.target.value)}\n                    placeholder=\"#!/bin/bash&#10;echo 'Hello'\"\n                    required\n                  />\n                </div>\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.interpreter', 'Interpreter')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.scriptInterpreter}\n                      onChange={(e) => update('scriptInterpreter', e.target.value)}\n                    >\n                      <option value=\"bash\">Bash</option>\n                      <option value=\"python\">Python</option>\n                      <option value=\"node\">Node.js</option>\n                    </select>\n                  </div>\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.targetAgent', 'Target Agent')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.targetAgentId}\n                      onChange={(e) => update('targetAgentId', e.target.value)}\n                    >\n                      <option value=\"\">\n                        {tr('vibecontrols.actions.form.anyAvailableAgent', 'Any available agent')}\n                      </option>\n                      {agents.map((a) => (\n                        <option key={a.id} value={a.id} disabled={!a.isActive}>\n                          {a.name}{' '}\n                          {!a.isActive ? tr('vibecontrols.actions.form.offline', '(offline)') : ''}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                </div>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.workingDirectory', 'Working Directory')}\n                  </label>\n                  <input\n                    className={inputClass}\n                    value={form.workingDirectory}\n                    onChange={(e) => update('workingDirectory', e.target.value)}\n                    placeholder=\"/home/user/project\"\n                  />\n                </div>\n              </div>\n            )}\n\n            {form.actionType === 'WEBHOOK' && (\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('vibecontrols.actions.form.webhookSettings', 'Webhook Settings')}\n                </h3>\n                <div className=\"grid grid-cols-[1fr_auto] gap-4\">\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.url', 'URL')}\n                    </label>\n                    <input\n                      className={inputClass}\n                      value={form.webhookUrl}\n                      onChange={(e) => update('webhookUrl', e.target.value)}\n                      placeholder=\"https://api.example.com/hook\"\n                      required\n                    />\n                  </div>\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.method', 'Method')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.webhookMethod}\n                      onChange={(e) => update('webhookMethod', e.target.value)}\n                    >\n                      <option value=\"GET\">GET</option>\n                      <option value=\"POST\">POST</option>\n                      <option value=\"PUT\">PUT</option>\n                      <option value=\"PATCH\">PATCH</option>\n                      <option value=\"DELETE\">DELETE</option>\n                    </select>\n                  </div>\n                </div>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.bodyJson', 'Body (JSON)')}\n                  </label>\n                  <textarea\n                    className={`${inputClass} font-mono resize-none`}\n                    rows={4}\n                    value={form.webhookBody}\n                    onChange={(e) => update('webhookBody', e.target.value)}\n                    placeholder='{\"key\": \"value\"}'\n                  />\n                </div>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.authType', 'Auth Type')}\n                  </label>\n                  <select\n                    className={inputClass}\n                    value={form.webhookAuthType}\n                    onChange={(e) => update('webhookAuthType', e.target.value)}\n                  >\n                    <option value=\"\">None</option>\n                    <option value=\"BEARER\">Bearer Token</option>\n                    <option value=\"BASIC\">Basic Auth</option>\n                    <option value=\"API_KEY\">API Key</option>\n                  </select>\n                </div>\n              </div>\n            )}\n\n            {/* Options */}\n            <div className=\"grid grid-cols-3 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.timeout', 'Timeout (ms)')}\n                </label>\n                <input\n                  className={inputClass}\n                  type=\"number\"\n                  min={1000}\n                  max={300000}\n                  value={form.timeoutMs}\n                  onChange={(e) => update('timeoutMs', parseInt(e.target.value) || 30000)}\n                />\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.retryCount', 'Retry Count')}\n                </label>\n                <input\n                  className={inputClass}\n                  type=\"number\"\n                  min={0}\n                  max={10}\n                  value={form.retryCount}\n                  onChange={(e) => update('retryCount', parseInt(e.target.value) || 0)}\n                />\n              </div>\n              <div className=\"flex items-end pb-2\">\n                <label className=\"flex items-center gap-2 text-sm text-text-secondary cursor-pointer\">\n                  <input\n                    type=\"checkbox\"\n                    checked={form.confirmationRequired}\n                    onChange={(e) => update('confirmationRequired', e.target.checked)}\n                    className=\"rounded border-border-default\"\n                  />\n                  {tr('vibecontrols.actions.form.requireConfirmation', 'Require confirmation')}\n                </label>\n              </div>\n            </div>\n\n            {/* Footer */}\n            <div className=\"flex items-center justify-end gap-3 pt-4 border-t border-border-default\">\n              <button\n                type=\"button\"\n                onClick={onCancel}\n                disabled={isLoading}\n                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\"\n              >\n                {tr('vibecontrols.actions.form.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"submit\"\n                disabled={isLoading}\n                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\"\n              >\n                {isLoading\n                  ? tr('vibecontrols.actions.form.saving', 'Saving...')\n                  : initialData\n                    ? tr('vibecontrols.actions.form.updateAction', 'Update Action')\n                    : tr('vibecontrols.actions.form.createAction', 'Create Action')}\n              </button>\n            </div>\n          </form>\n        </motion.div>\n      </AnimatePresence>\n    </dialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/actions/ActionTypeBadge.d.ts

@@ -0,0 +1,9 @@
+interface BadgeProps {
+    type: string;
+    size?: 'sm' | 'md';
+}
+export declare function ActionTypeBadge({ type, size }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function SourceTypeBadge({ type, size }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function TriggerTypeBadge({ type, size }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ActionTypeBadge.d.ts.map

package/dist/components/actions/ActionTypeBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionTypeBadge.d.ts","sourceRoot":"","sources":["../../../src/components/actions/ActionTypeBadge.tsx"],"names":[],"mappings":"AA0CA,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,IAAW,EAAE,EAAE,UAAU,2CAchE;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,IAAW,EAAE,EAAE,UAAU,2CAYhE;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,IAAW,EAAE,EAAE,UAAU,2CAYjE"}

package/dist/components/actions/ActionTypeBadge.js

@@ -0,0 +1,77 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { FileCode as t, GitBranch as n, Globe as r, Terminal as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/actions/ActionTypeBadge.tsx
+var s = {
+	COMMAND: {
+		label: "Command",
+		color: "bg-accent-blue-subtle text-accent-blue border-accent-blue/20",
+		icon: i
+	},
+	SCRIPT: {
+		label: "Script",
+		color: "bg-accent-purple-subtle text-accent-purple border-accent-purple/20",
+		icon: t
+	},
+	WEBHOOK: {
+		label: "Webhook",
+		color: "bg-status-success-bg-subtle text-status-success-text border-status-success-border/20",
+		icon: r
+	},
+	WORKFLOW: {
+		label: "Workflow",
+		color: "bg-bg-sunken text-text-secondary border-border-default",
+		icon: n
+	}
+}, c = {
+	USER_CREATED: {
+		label: "Custom",
+		color: "bg-bg-sunken text-text-secondary"
+	},
+	STORE_INSTALLED: {
+		label: "Store",
+		color: "bg-status-warning-bg-subtle text-status-warning-text"
+	}
+}, l = {
+	MANUAL: {
+		label: "Manual",
+		color: "bg-bg-sunken text-text-secondary"
+	},
+	SCHEDULED: {
+		label: "Scheduled",
+		color: "bg-status-info-bg-subtle text-status-info-text"
+	},
+	EVENT: {
+		label: "Event",
+		color: "bg-status-warning-bg-subtle text-status-warning-text"
+	},
+	ON_DEMAND: {
+		label: "On Demand",
+		color: "bg-bg-sunken text-text-secondary"
+	}
+};
+function u({ type: t, size: n = "sm" }) {
+	let r = e(), i = s[t] || s.COMMAND, c = i.icon, l = n === "sm" ? "text-xs px-1.5 py-0.5" : "text-sm px-2 py-1", u = `vibecontrols.actions.typeBadge.${t.toLowerCase()}`;
+	return /* @__PURE__ */ o("span", {
+		className: `inline-flex items-center gap-1 font-medium rounded-md border ${i.color} ${l}`,
+		children: [/* @__PURE__ */ a(c, { size: n === "sm" ? 12 : 14 }), r(u, i.label)]
+	});
+}
+function d({ type: t, size: n = "sm" }) {
+	let r = e(), i = c[t] || c.USER_CREATED, o = n === "sm" ? "text-xs px-1.5 py-0.5" : "text-sm px-2 py-1", s = `vibecontrols.actions.sourceBadge.${t.toLowerCase()}`;
+	return /* @__PURE__ */ a("span", {
+		className: `inline-flex items-center font-medium rounded-md ${i.color} ${o}`,
+		children: r(s, i.label)
+	});
+}
+function f({ type: t, size: n = "sm" }) {
+	let r = e(), i = l[t] || l.MANUAL, o = n === "sm" ? "text-xs px-1.5 py-0.5" : "text-sm px-2 py-1", s = `vibecontrols.actions.triggerBadge.${t.toLowerCase()}`;
+	return /* @__PURE__ */ a("span", {
+		className: `inline-flex items-center font-medium rounded-md ${i.color} ${o}`,
+		children: r(s, i.label)
+	});
+}
+//#endregion
+export { u as ActionTypeBadge, d as SourceTypeBadge, f as TriggerTypeBadge };
+
+//# sourceMappingURL=ActionTypeBadge.js.map

package/dist/components/actions/ActionTypeBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionTypeBadge.js","names":[],"sources":["../../../src/components/actions/ActionTypeBadge.tsx"],"sourcesContent":["import { Terminal, FileCode, Globe, GitBranch } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\nconst ACTION_TYPE_CONFIG: Record<string, { label: string; color: string; icon: typeof Terminal }> =\n  {\n    COMMAND: {\n      label: 'Command',\n      color: 'bg-accent-blue-subtle text-accent-blue border-accent-blue/20',\n      icon: Terminal,\n    },\n    SCRIPT: {\n      label: 'Script',\n      color: 'bg-accent-purple-subtle text-accent-purple border-accent-purple/20',\n      icon: FileCode,\n    },\n    WEBHOOK: {\n      label: 'Webhook',\n      color: 'bg-status-success-bg-subtle text-status-success-text border-status-success-border/20',\n      icon: Globe,\n    },\n    WORKFLOW: {\n      label: 'Workflow',\n      color: 'bg-bg-sunken text-text-secondary border-border-default',\n      icon: GitBranch,\n    },\n  };\n\nconst SOURCE_TYPE_CONFIG: Record<string, { label: string; color: string }> = {\n  USER_CREATED: { label: 'Custom', color: 'bg-bg-sunken text-text-secondary' },\n  STORE_INSTALLED: {\n    label: 'Store',\n    color: 'bg-status-warning-bg-subtle text-status-warning-text',\n  },\n};\n\nconst TRIGGER_TYPE_CONFIG: Record<string, { label: string; color: string }> = {\n  MANUAL: { label: 'Manual', color: 'bg-bg-sunken text-text-secondary' },\n  SCHEDULED: { label: 'Scheduled', color: 'bg-status-info-bg-subtle text-status-info-text' },\n  EVENT: { label: 'Event', color: 'bg-status-warning-bg-subtle text-status-warning-text' },\n  ON_DEMAND: { label: 'On Demand', color: 'bg-bg-sunken text-text-secondary' },\n};\n\ninterface BadgeProps {\n  type: string;\n  size?: 'sm' | 'md';\n}\n\nexport function ActionTypeBadge({ type, size = 'sm' }: BadgeProps) {\n  const tr = useTr();\n  const config = ACTION_TYPE_CONFIG[type] || ACTION_TYPE_CONFIG.COMMAND;\n  const Icon = config.icon;\n  const sizeClass = size === 'sm' ? 'text-xs px-1.5 py-0.5' : 'text-sm px-2 py-1';\n  const labelKey = `vibecontrols.actions.typeBadge.${type.toLowerCase()}`;\n  return (\n    <span\n      className={`inline-flex items-center gap-1 font-medium rounded-md border ${config.color} ${sizeClass}`}\n    >\n      <Icon size={size === 'sm' ? 12 : 14} />\n      {tr(labelKey, config.label)}\n    </span>\n  );\n}\n\nexport function SourceTypeBadge({ type, size = 'sm' }: BadgeProps) {\n  const tr = useTr();\n  const config = SOURCE_TYPE_CONFIG[type] || SOURCE_TYPE_CONFIG.USER_CREATED;\n  const sizeClass = size === 'sm' ? 'text-xs px-1.5 py-0.5' : 'text-sm px-2 py-1';\n  const labelKey = `vibecontrols.actions.sourceBadge.${type.toLowerCase()}`;\n  return (\n    <span\n      className={`inline-flex items-center font-medium rounded-md ${config.color} ${sizeClass}`}\n    >\n      {tr(labelKey, config.label)}\n    </span>\n  );\n}\n\nexport function TriggerTypeBadge({ type, size = 'sm' }: BadgeProps) {\n  const tr = useTr();\n  const config = TRIGGER_TYPE_CONFIG[type] || TRIGGER_TYPE_CONFIG.MANUAL;\n  const sizeClass = size === 'sm' ? 'text-xs px-1.5 py-0.5' : 'text-sm px-2 py-1';\n  const labelKey = `vibecontrols.actions.triggerBadge.${type.toLowerCase()}`;\n  return (\n    <span\n      className={`inline-flex items-center font-medium rounded-md ${config.color} ${sizeClass}`}\n    >\n      {tr(labelKey, config.label)}\n    </span>\n  );\n}\n"],"mappings":";;;;AAGA,IAAM,IACJ;CACE,SAAS;EACP,OAAO;EACP,OAAO;EACP,MAAM;EACP;CACD,QAAQ;EACN,OAAO;EACP,OAAO;EACP,MAAM;EACP;CACD,SAAS;EACP,OAAO;EACP,OAAO;EACP,MAAM;EACP;CACD,UAAU;EACR,OAAO;EACP,OAAO;EACP,MAAM;EACP;CACF,EAEG,IAAuE;CAC3E,cAAc;EAAE,OAAO;EAAU,OAAO;EAAoC;CAC5E,iBAAiB;EACf,OAAO;EACP,OAAO;EACR;CACF,EAEK,IAAwE;CAC5E,QAAQ;EAAE,OAAO;EAAU,OAAO;EAAoC;CACtE,WAAW;EAAE,OAAO;EAAa,OAAO;EAAkD;CAC1F,OAAO;EAAE,OAAO;EAAS,OAAO;EAAwD;CACxF,WAAW;EAAE,OAAO;EAAa,OAAO;EAAoC;CAC7E;AAOD,SAAgB,EAAgB,EAAE,SAAM,UAAO,QAAoB;CACjE,IAAM,IAAK,GAAO,EACZ,IAAS,EAAmB,MAAS,EAAmB,SACxD,IAAO,EAAO,MACd,IAAY,MAAS,OAAO,0BAA0B,qBACtD,IAAW,kCAAkC,EAAK,aAAa;AACrE,QACE,kBAAC,QAAD;EACE,WAAW,gEAAgE,EAAO,MAAM,GAAG;YAD7F,CAGE,kBAAC,GAAD,EAAM,MAAM,MAAS,OAAO,KAAK,IAAM,CAAA,EACtC,EAAG,GAAU,EAAO,MAAM,CACtB;;;AAIX,SAAgB,EAAgB,EAAE,SAAM,UAAO,QAAoB;CACjE,IAAM,IAAK,GAAO,EACZ,IAAS,EAAmB,MAAS,EAAmB,cACxD,IAAY,MAAS,OAAO,0BAA0B,qBACtD,IAAW,oCAAoC,EAAK,aAAa;AACvE,QACE,kBAAC,QAAD;EACE,WAAW,mDAAmD,EAAO,MAAM,GAAG;YAE7E,EAAG,GAAU,EAAO,MAAM;EACtB,CAAA;;AAIX,SAAgB,EAAiB,EAAE,SAAM,UAAO,QAAoB;CAClE,IAAM,IAAK,GAAO,EACZ,IAAS,EAAoB,MAAS,EAAoB,QAC1D,IAAY,MAAS,OAAO,0BAA0B,qBACtD,IAAW,qCAAqC,EAAK,aAAa;AACxE,QACE,kBAAC,QAAD;EACE,WAAW,mDAAmD,EAAO,MAAM,GAAG;YAE7E,EAAG,GAAU,EAAO,MAAM;EACtB,CAAA"}