@burdenoff/microfe-vibecontrols 2026.624.3 → 2026.625.2

package/dist/pages/ActionsPage.js

@@ -32,10 +32,11 @@ import { useNavigate as Fe, useSearchParams as Ie } from "react-router-dom";
 import { usePermissions as Le } from "@burdenoff/fe-libs/shared/providers/shell";
 import { AnimatePresence as p } from "framer-motion";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { AccessDenied as Re } from "@burdenoff/fe-libs/shared/components";
+import { CTAOverflowMenu as Re } from "@burdenoff/fe-libs/ui";
+import { AccessDenied as ze } from "@burdenoff/fe-libs/shared/components";
 import { MotionPage as g } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/ActionsPage.tsx
-var ze = [
+var Be = [
 	{
 		value: "COMMAND",
 		label: "Command"
@@ -52,7 +53,7 @@ var ze = [
 		value: "WORKFLOW",
 		label: "Workflow"
 	}
-], Be = [
+], Ve = [
 	{
 		value: "MANUAL",
 		label: "Manual"
@@ -71,10 +72,10 @@ var ze = [
 	}
 ];
 function _() {
-	let _ = Fe(), [v, Ve] = Ie(), { workspaceId: He } = ae(), { hasPermission: y, isLoading: Ue, permissions: b } = Le(), x = ((e) => (t, n) => {
+	let _ = Fe(), [v, He] = Ie(), { workspaceId: Ue } = ae(), { hasPermission: y, isLoading: We, permissions: b } = Le(), x = ((e) => (t, n) => {
 		let r = e.t(t);
 		return r === t ? n : r;
-	})(ke()), S = (Array.isArray(b) ? b : b?.permissionStrings)?.some?.((e) => e.startsWith("action:")), We = S ? y(l.ACTION_LIST) : !0, Ge = S ? y(l.ACTION_CREATE) : !0, Ke = S ? y(l.ACTION_UPDATE) : !0, qe = S ? y(l.ACTION_DELETE) : !0, Je = S ? y(l.ACTION_EXECUTE) : !0, C = Ue, [w, T] = f({ type: "none" }), [Ye, E] = f([]), [D, Xe] = f(""), [O, Ze] = f(null), [k, Qe] = f(null), [A, j] = f(null), [M, N] = f(/* @__PURE__ */ new Set()), [$e, et] = f(null), [tt, P] = f(null), [F, I] = f(null), [L, R] = f(null), [z, B] = f(null), [nt, rt] = f(!1), { profiles: it } = ye(z?.agentId ?? null), at = it.find((e) => e.isDefault)?.name ?? "default", [V, ot] = f(c), [st, ct] = f(c), H = u((e, t, n, r = 1e4) => {
+	})(ke()), S = (Array.isArray(b) ? b : b?.permissionStrings)?.some?.((e) => e.startsWith("action:")), Ge = S ? y(l.ACTION_LIST) : !0, Ke = S ? y(l.ACTION_CREATE) : !0, qe = S ? y(l.ACTION_UPDATE) : !0, Je = S ? y(l.ACTION_DELETE) : !0, Ye = S ? y(l.ACTION_EXECUTE) : !0, C = We, [w, T] = f({ type: "none" }), [Xe, E] = f([]), [D, Ze] = f(""), [O, Qe] = f(null), [k, $e] = f(null), [A, j] = f(null), [M, N] = f(/* @__PURE__ */ new Set()), [et, tt] = f(null), [nt, P] = f(null), [F, I] = f(null), [L, R] = f(null), [z, B] = f(null), [rt, it] = f(!1), { profiles: at } = ye(z?.agentId ?? null), ot = at.find((e) => e.isDefault)?.name ?? "default", [V, H] = f(c), [st, ct] = f(c), U = u((e, t, n, r = 1e4) => {
 		let i = Date.now() + Math.random();
 		E((r) => [...r, {
 			message: e,
@@ -84,7 +85,7 @@ function _() {
 		}]), t === "success" && setTimeout(() => E((e) => e.filter((e) => e.id !== i)), r);
 	}, []), lt = u((e) => {
 		E((t) => t.filter((t) => t.id !== e));
-	}, []), { data: ut, loading: dt, error: ft, refetch: U } = ee({
+	}, []), { data: ut, loading: dt, error: ft, refetch: W } = ee({
 		variables: {
 			filter: {
 				...O && O !== "all" ? { actionType: O } : {},
@@ -94,20 +95,20 @@ function _() {
 			pagination: { limit: 50 }
 		},
 		skip: C
-	}), W = d(() => ut?.actions?.items || [], [ut]), { data: pt } = i({
+	}), G = d(() => ut?.actions?.items || [], [ut]), { data: pt } = i({
 		variables: { id: A },
 		skip: !A || C
-	}), G = pt?.action, mt = G?.recentExecutions || [], { data: ht } = te({
+	}), K = pt?.action, mt = K?.recentExecutions || [], { data: ht } = te({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
 		skip: C
-	}), K = d(() => (ht?.vibecontrolsAgents ?? []).map((e) => ({
+	}), gt = d(() => (ht?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive
-	})), [ht]), [gt, { loading: _t }] = e({ refetchQueries: ["ListActions"] }), { setDraftTagIds: vt, flushTags: yt } = ue("VIBECONTROLS_ACTION"), [bt, { loading: xt }] = ne({ refetchQueries: ["ListActions", "GetAction"] }), [q] = t({ refetchQueries: ["ListActions"] }), [J] = r({ refetchQueries: ["GetAction"] }), [Y] = n({ refetchQueries: ["ListActions"] }), St = u(async (e) => {
+	})), [ht]), [_t, { loading: vt }] = e({ refetchQueries: ["ListActions"] }), { setDraftTagIds: yt, flushTags: bt } = ue("VIBECONTROLS_ACTION"), [xt, { loading: St }] = ne({ refetchQueries: ["ListActions", "GetAction"] }), [q] = t({ refetchQueries: ["ListActions"] }), [J] = r({ refetchQueries: ["GetAction"] }), [Y] = n({ refetchQueries: ["ListActions"] }), Ct = u(async (e) => {
 		try {
-			let t = await gt({ variables: { input: {
+			let t = await _t({ variables: { input: {
 				name: e.name,
 				displayName: e.displayName || null,
 				description: e.description || null,
@@ -135,22 +136,22 @@ function _() {
 				return;
 			}
 			let n = t.data?.createAction?.id;
-			T({ type: "none" }), H("Action created", "success"), ot(c), n && await yt(n);
+			T({ type: "none" }), U("Action created", "success"), H(c), n && await bt(n);
 		} catch (e) {
 			if (o(e)) {
 				T({ type: "none" }), s(), R("action");
 				return;
 			}
-			H(e instanceof Error ? e.message : "Failed to create action", "error");
+			U(e instanceof Error ? e.message : "Failed to create action", "error");
 		}
 	}, [
-		gt,
-		yt,
-		H,
+		_t,
+		bt,
+		U,
 		V
-	]), Ct = u(async (e) => {
+	]), wt = u(async (e) => {
 		if (w.type === "edit") try {
-			await bt({ variables: {
+			await xt({ variables: {
 				id: w.actionId,
 				input: {
 					displayName: e.displayName || null,
@@ -174,28 +175,28 @@ function _() {
 					confirmationRequired: e.confirmationRequired,
 					...ge(st)
 				}
-			} }), T({ type: "none" }), H("Action updated", "success");
+			} }), T({ type: "none" }), U("Action updated", "success");
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Failed to update action", "error");
+			U(e instanceof Error ? e.message : "Failed to update action", "error");
 		}
 	}, [
-		bt,
+		xt,
 		w,
-		H,
+		U,
 		st
-	]), wt = u(async () => {
+	]), Tt = u(async () => {
 		if (w.type === "confirmDelete") try {
-			await q({ variables: { id: w.id } }), A === w.id && j(null), T({ type: "none" }), H("Action deleted", "success"), be() && xe("success");
+			await q({ variables: { id: w.id } }), A === w.id && j(null), T({ type: "none" }), U("Action deleted", "success"), be() && xe("success");
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Failed to delete action", "error"), be() && xe("error");
+			U(e instanceof Error ? e.message : "Failed to delete action", "error"), be() && xe("error");
 		}
 	}, [
 		w,
 		q,
 		A,
-		H
-	]), Tt = async (e) => {
-		let t = W.find((t) => t.id === e);
+		U
+	]), Et = async (e) => {
+		let t = G.find((t) => t.id === e);
 		if (t) {
 			if (t.confirmationRequired) {
 				T({
@@ -208,7 +209,7 @@ function _() {
 			await X(e);
 		}
 	}, X = u(async (e, t = !0) => {
-		et(e);
+		tt(e);
 		try {
 			let n = await J({ variables: { id: e } });
 			if (n.error && o(n.error)) {
@@ -220,60 +221,60 @@ function _() {
 				t ? B({
 					actionId: e,
 					agentId: r.agentId
-				}) : H("Remote execution still blocked after enabling — check the agent’s Security settings.", "error", r.output || r.errorMessage);
+				}) : U("Remote execution still blocked after enabling — check the agent’s Security settings.", "error", r.output || r.errorMessage);
 				return;
 			}
-			r && H(r.status === "SUCCESS" || r.status === "COMPLETED" ? "Action executed successfully" : "Action execution failed", r.status === "SUCCESS" || r.status === "COMPLETED" ? "success" : "error", r.output || r.errorMessage);
+			r && U(r.status === "SUCCESS" || r.status === "COMPLETED" ? "Action executed successfully" : "Action execution failed", r.status === "SUCCESS" || r.status === "COMPLETED" ? "success" : "error", r.output || r.errorMessage);
 		} catch (e) {
 			if (o(e)) {
 				s(), R("command-execution");
 				return;
 			}
-			H(e instanceof Error ? e.message : "Execution failed", "error");
+			U(e instanceof Error ? e.message : "Execution failed", "error");
 		} finally {
-			et(null);
+			tt(null);
 		}
-	}, [J, H]), Et = u(async () => {
+	}, [J, U]), Dt = u(async () => {
 		if (w.type !== "confirmExecute") return;
 		let e = w.actionId;
 		T({ type: "none" }), await X(e);
-	}, [w, X]), Dt = u(async ({ shell: e, file: t }) => {
+	}, [w, X]), Ot = u(async ({ shell: e, file: t }) => {
 		if (!z) return;
 		let { actionId: n, agentId: r } = z;
-		rt(!0);
+		it(!0);
 		try {
 			await Ce({
 				id: r,
-				profile: at
+				profile: ot
 			}, {
 				shell: e,
 				file: t
 			}), B(null), await X(n, !1);
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Failed to enable remote execution", "error");
+			U(e instanceof Error ? e.message : "Failed to enable remote execution", "error");
 		} finally {
-			rt(!1);
+			it(!1);
 		}
 	}, [
 		z,
-		at,
+		ot,
 		X,
-		H
-	]), Ot = u(async (e) => {
-		let t = W.find((t) => t.id === e);
+		U
+	]), kt = u(async (e) => {
+		let t = G.find((t) => t.id === e);
 		if (t) try {
 			await Y({ variables: {
 				id: e,
 				name: `${t.name}-copy`
-			} }), H("Action duplicated", "success");
+			} }), U("Action duplicated", "success");
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Failed to duplicate action", "error");
+			U(e instanceof Error ? e.message : "Failed to duplicate action", "error");
 		}
 	}, [
-		W,
+		G,
 		Y,
-		H
-	]), Z = d(() => w.type === "edit" && W.find((e) => e.id === w.actionId) || null, [w, W]);
+		U
+	]), Z = d(() => w.type === "edit" && G.find((e) => e.id === w.actionId) || null, [w, G]);
 	Oe(() => {
 		if (w.type === "edit" && Z) {
 			let e = Z;
@@ -281,7 +282,7 @@ function _() {
 				vibeId: e.vibeId ?? null,
 				visibility: e.visibility ?? "PRIVATE"
 			});
-		} else w.type === "create" && ot(c);
+		} else w.type === "create" && H(c);
 	}, [w.type, Z]), Oe(() => {
 		let e = v.get("editAction");
 		if (!e) return;
@@ -290,23 +291,23 @@ function _() {
 			actionId: e
 		});
 		let t = new URLSearchParams(v);
-		t.delete("editAction"), Ve(t, { replace: !0 });
-	}, [v, Ve]);
-	let Q = d(() => W.filter((e) => M.has(e.id)), [W, M]), kt = W.length > 0 && W.every((e) => M.has(e.id)), At = W.some((e) => M.has(e.id)) && !kt, jt = u((e, t) => {
+		t.delete("editAction"), He(t, { replace: !0 });
+	}, [v, He]);
+	let Q = d(() => G.filter((e) => M.has(e.id)), [G, M]), At = G.length > 0 && G.every((e) => M.has(e.id)), jt = G.some((e) => M.has(e.id)) && !At, Mt = u((e, t) => {
 		N((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), Mt = u((e) => {
+	}, []), Nt = u((e) => {
 		N((t) => {
 			let n = new Set(t);
-			return W.forEach((t) => {
+			return G.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, [W]), $ = u(() => {
+	}, [G]), $ = u(() => {
 		N(/* @__PURE__ */ new Set());
-	}, []), Nt = u(async () => {
+	}, []), Pt = u(async () => {
 		if (Q.length !== 0) {
 			I("duplicate");
 			try {
@@ -314,9 +315,9 @@ function _() {
 					id: e.id,
 					name: `${e.name}-copy`
 				} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-				H(`Duplicated ${t} action${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), $(), await U();
+				U(`Duplicated ${t} action${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), $(), await W();
 			} catch (e) {
-				H(e instanceof Error ? e.message : "Failed to duplicate actions", "error");
+				U(e instanceof Error ? e.message : "Failed to duplicate actions", "error");
 			} finally {
 				I(null);
 			}
@@ -324,17 +325,17 @@ function _() {
 	}, [
 		Q,
 		Y,
-		H,
+		U,
 		$,
-		U
-	]), Pt = u(async () => {
+		W
+	]), Ft = u(async () => {
 		if (Q.length !== 0) {
 			I("delete");
 			try {
 				let e = await Promise.allSettled(Q.map((e) => q({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-				A && M.has(A) && j(null), H(`Deleted ${t} action${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), $(), P(null), await U();
+				A && M.has(A) && j(null), U(`Deleted ${t} action${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), $(), P(null), await W();
 			} catch (e) {
-				H(e instanceof Error ? e.message : "Failed to delete actions", "error");
+				U(e instanceof Error ? e.message : "Failed to delete actions", "error");
 			} finally {
 				I(null);
 			}
@@ -344,10 +345,10 @@ function _() {
 		q,
 		A,
 		M,
-		H,
+		U,
 		$,
-		U
-	]), Ft = u(async () => {
+		W
+	]), It = u(async () => {
 		if (Q.length === 0) return;
 		I("execute");
 		let e = 0, t = 0, n = !1;
@@ -367,44 +368,40 @@ function _() {
 				}
 				t += 1;
 			}
-			n || H(`Executed ${e} action${e === 1 ? "" : "s"}${t > 0 ? ` • ${t} failed` : ""}`, t > 0 ? "error" : "success"), $(), P(null), A && await U();
+			n || U(`Executed ${e} action${e === 1 ? "" : "s"}${t > 0 ? ` • ${t} failed` : ""}`, t > 0 ? "error" : "success"), $(), P(null), A && await W();
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Failed to execute actions", "error");
+			U(e instanceof Error ? e.message : "Failed to execute actions", "error");
 		} finally {
 			I(null);
 		}
 	}, [
 		Q,
 		J,
-		H,
+		U,
 		$,
 		A,
-		U
+		W
 	]);
-	return Ue ? /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(se, { message: "Loading Actions..." }) }) : b && b.permissionStrings?.length > 0 && !We ? /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(Re, {}) }) : dt ? /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(se, { message: "Loading Actions..." }) }) : ft ? /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(ce, {
+	return We ? /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(se, { message: "Loading Actions..." }) }) : b && b.permissionStrings?.length > 0 && !Ge ? /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(ze, {}) }) : dt ? /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(se, { message: "Loading Actions..." }) }) : ft ? /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(ce, {
 		message: ft.message,
-		onRetry: () => U()
+		onRetry: () => W()
 	}) }) : /* @__PURE__ */ h(g, {
 		className: "px-6 lg:px-8 py-6 space-y-6",
 		children: [
 			/* @__PURE__ */ m(oe, {
 				title: x("nav.actions", "Actions"),
 				description: "Automate tasks — run commands, scripts, or trigger webhooks on your agents",
-				actions: /* @__PURE__ */ h("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ m("button", {
-						type: "button",
-						onClick: () => U(),
-						className: "p-2 rounded-button hover:bg-bg-sunken text-text-secondary hover:text-text-primary transition-colors",
-						title: "Refresh",
-						"aria-label": "Refresh",
-						children: /* @__PURE__ */ m(Ne, { size: 16 })
-					}), Ge && /* @__PURE__ */ h("button", {
-						type: "button",
-						onClick: () => T({ type: "create" }),
-						className: "inline-flex items-center gap-1.5 px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:opacity-90 text-sm font-medium transition-opacity",
-						children: [/* @__PURE__ */ m(Me, { size: 16 }), "Create Action"]
-					})]
+				actions: /* @__PURE__ */ m(Re, {
+					primary: Ke ? {
+						label: x("actions.createAction", "Create Action"),
+						onSelect: () => T({ type: "create" }),
+						icon: /* @__PURE__ */ m(Me, { size: 16 })
+					} : void 0,
+					actions: [{
+						label: x("common.refresh", "Refresh"),
+						onSelect: () => void W(),
+						icon: /* @__PURE__ */ m(Ne, { size: 16 })
+					}]
 				})
 			}),
 			/* @__PURE__ */ h("div", {
@@ -413,25 +410,25 @@ function _() {
 				children: [
 					/* @__PURE__ */ m(fe, {
 						value: D,
-						onChange: Xe,
+						onChange: Ze,
 						placeholder: x("actions.searchPlaceholder", "Search actions..."),
 						className: "w-full sm:w-64"
 					}),
 					/* @__PURE__ */ m(pe, {
 						label: "Type",
-						options: ze,
+						options: Be,
 						value: O,
-						onChange: Ze
+						onChange: Qe
 					}),
 					/* @__PURE__ */ m(pe, {
 						label: "Trigger",
-						options: Be,
+						options: Ve,
 						value: k,
-						onChange: Qe
+						onChange: $e
 					})
 				]
 			}),
-			W.length > 0 && /* @__PURE__ */ m("div", {
+			G.length > 0 && /* @__PURE__ */ m("div", {
 				"data-tour": "actions-selection-toolbar",
 				className: "rounded-lg border border-border-default bg-bg-surface p-4",
 				children: /* @__PURE__ */ h("div", {
@@ -441,9 +438,9 @@ function _() {
 						children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ m(ve, {
-								checked: kt,
-								indeterminate: At,
-								onChange: Mt,
+								checked: At,
+								indeterminate: jt,
+								onChange: Nt,
 								ariaLabel: "Select all visible actions"
 							}), /* @__PURE__ */ m("span", {
 								className: "text-sm font-medium text-text-primary",
@@ -478,7 +475,7 @@ function _() {
 							}),
 							/* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: Nt,
+								onClick: Pt,
 								disabled: Q.length === 0 || F !== null,
 								className: "rounded-md border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50",
 								children: /* @__PURE__ */ h("span", {
@@ -510,12 +507,12 @@ function _() {
 			}),
 			/* @__PURE__ */ m(p, {
 				mode: "wait",
-				children: W.length === 0 && !dt && /* @__PURE__ */ m(de, {
+				children: G.length === 0 && !dt && /* @__PURE__ */ m(de, {
 					title: "No actions yet",
 					description: "Create your first action to automate commands, scripts, and webhooks",
 					action: /* @__PURE__ */ h("div", {
 						className: "flex items-center gap-2",
-						children: [Ge && /* @__PURE__ */ m("button", {
+						children: [Ke && /* @__PURE__ */ m("button", {
 							type: "button",
 							onClick: () => T({ type: "create" }),
 							className: "px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:opacity-90 text-sm font-medium",
@@ -524,10 +521,10 @@ function _() {
 					})
 				})
 			}),
-			W.length > 0 && /* @__PURE__ */ m("div", {
+			G.length > 0 && /* @__PURE__ */ m("div", {
 				"data-tour": "actions-list-container",
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-				children: W.map((e) => /* @__PURE__ */ m("div", {
+				children: G.map((e) => /* @__PURE__ */ m("div", {
 					role: "button",
 					tabIndex: 0,
 					onClick: () => j(e.id),
@@ -537,12 +534,12 @@ function _() {
 					"aria-label": `Select action ${e.displayName || e.name}`,
 					children: /* @__PURE__ */ m(Se, {
 						action: e,
-						onExecute: Tt,
+						onExecute: Et,
 						onEdit: (e) => T({
 							type: "edit",
 							actionId: e
 						}),
-						onDuplicate: Ot,
+						onDuplicate: kt,
 						onDelete: (t) => T({
 							type: "confirmDelete",
 							id: t,
@@ -550,34 +547,34 @@ function _() {
 						}),
 						onSchedule: (e) => _(`/scheduler?actionId=${encodeURIComponent(e)}`),
 						onAddToCalendar: (e) => _(`/vibecontrols/calendar?actionId=${encodeURIComponent(e)}`),
-						canUpdate: Ke,
-						canDelete: qe,
-						canExecute: Je,
-						isExecuting: $e === e.id,
+						canUpdate: qe,
+						canDelete: Je,
+						canExecute: Ye,
+						isExecuting: et === e.id,
 						selected: M.has(e.id),
-						onToggleSelect: (t) => jt(e.id, t)
+						onToggleSelect: (t) => Mt(e.id, t)
 					})
 				}, e.id))
 			}),
-			/* @__PURE__ */ m(p, { children: A && G && /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m(p, { children: A && K && /* @__PURE__ */ h("div", {
 				className: "space-y-3",
-				children: [He && /* @__PURE__ */ m(De, {
+				children: [Ue && /* @__PURE__ */ m(De, {
 					actionId: A,
-					workspaceId: He,
-					actionName: G.displayName || G.name,
+					workspaceId: Ue,
+					actionName: K.displayName || K.name,
 					onClose: () => j(null)
 				}), /* @__PURE__ */ m("div", {
 					"data-tour": "actions-execution-history",
 					children: /* @__PURE__ */ m(Ee, {
 						executions: mt,
-						actionName: G.displayName || G.name,
+						actionName: K.displayName || K.name,
 						onClose: () => j(null)
 					})
 				})]
 			}) }),
-			/* @__PURE__ */ m(p, { children: Ye.length > 0 && /* @__PURE__ */ m("div", {
+			/* @__PURE__ */ m(p, { children: Xe.length > 0 && /* @__PURE__ */ m("div", {
 				className: "fixed bottom-4 left-4 right-4 sm:left-auto sm:bottom-6 sm:right-6 z-50 flex flex-col gap-2 max-w-[calc(100vw-2rem)] sm:max-w-md",
-				children: Ye.slice(-3).map((e) => /* @__PURE__ */ h("div", {
+				children: Xe.slice(-3).map((e) => /* @__PURE__ */ h("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (t) => {
@@ -596,10 +593,10 @@ function _() {
 			}) }),
 			w.type === "create" && /* @__PURE__ */ m(Te, {
 				title: "Create Action",
-				agents: K,
-				onSubmit: St,
+				agents: gt,
+				onSubmit: Ct,
 				onCancel: () => T({ type: "none" }),
-				isLoading: _t,
+				isLoading: vt,
 				extraSection: /* @__PURE__ */ h("div", {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
@@ -607,11 +604,11 @@ function _() {
 						children: x("actions.tags", "Tags")
 					}), /* @__PURE__ */ m(le, {
 						entityType: "VIBECONTROLS_ACTION",
-						onDraftChange: vt
+						onDraftChange: yt
 					})] }), /* @__PURE__ */ m(he, {
 						value: V,
-						onChange: ot,
-						disabled: _t
+						onChange: H,
+						disabled: vt
 					})]
 				})
 			}),
@@ -639,10 +636,10 @@ function _() {
 					retryCount: Z.retryCount || 0,
 					confirmationRequired: Z.confirmationRequired ?? !1
 				},
-				agents: K,
-				onSubmit: Ct,
+				agents: gt,
+				onSubmit: wt,
 				onCancel: () => T({ type: "none" }),
-				isLoading: xt,
+				isLoading: St,
 				extraSection: /* @__PURE__ */ h("div", {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
@@ -654,7 +651,7 @@ function _() {
 					})] }), /* @__PURE__ */ m(he, {
 						value: st,
 						onChange: ct,
-						disabled: xt
+						disabled: St
 					})]
 				})
 			}),
@@ -664,7 +661,7 @@ function _() {
 				message: `Are you sure you want to delete "${w.name}"? This cannot be undone.`,
 				confirmLabel: "Delete",
 				variant: "danger",
-				onConfirm: wt,
+				onConfirm: Tt,
 				onClose: () => T({ type: "none" })
 			}),
 			w.type === "confirmExecute" && /* @__PURE__ */ m(a, {
@@ -673,26 +670,26 @@ function _() {
 				message: `Are you sure you want to execute "${w.name}"?`,
 				confirmLabel: "Execute",
 				variant: "warning",
-				onConfirm: Et,
+				onConfirm: Dt,
 				onClose: () => T({ type: "none" })
 			}),
 			/* @__PURE__ */ m(a, {
-				isOpen: tt === "delete",
+				isOpen: nt === "delete",
 				title: "Delete Selected Actions",
 				message: `Are you sure you want to delete ${Q.length} selected action${Q.length === 1 ? "" : "s"}? This cannot be undone.`,
 				confirmLabel: "Delete Actions",
 				variant: "danger",
-				onConfirm: Pt,
+				onConfirm: Ft,
 				onClose: () => P(null),
 				isLoading: F === "delete"
 			}),
 			/* @__PURE__ */ m(a, {
-				isOpen: tt === "execute",
+				isOpen: nt === "execute",
 				title: "Execute Selected Actions",
 				message: `Execute ${Q.length} selected action${Q.length === 1 ? "" : "s"}? This may trigger commands, scripts, or webhooks immediately.`,
 				confirmLabel: "Execute Actions",
 				variant: "warning",
-				onConfirm: Ft,
+				onConfirm: It,
 				onClose: () => P(null),
 				isLoading: F === "execute"
 			}),
@@ -707,10 +704,10 @@ function _() {
 			}),
 			/* @__PURE__ */ m(me, {
 				isOpen: z !== null,
-				agentName: z ? K.find((e) => e.id === z.agentId)?.name : void 0,
-				isLoading: nt,
+				agentName: z ? gt.find((e) => e.id === z.agentId)?.name : void 0,
+				isLoading: rt,
 				onClose: () => B(null),
-				onConfirm: Dt
+				onConfirm: Ot
 			})
 		]
 	});