@burdenoff/microfe-vibecontrols 2026.601.11 → 2026.601.13

package/dist/pages/ActionsPage.js

@@ -11,28 +11,31 @@ import { useDraftEntityTags as le } from "../hooks/useDraftEntityTags.js";
 import { EmptyState as ue } from "../components/shared/EmptyState.js";
 import { SearchInput as de } from "../components/shared/SearchInput.js";
 import { FilterDropdown as fe } from "../components/shared/FilterDropdown.js";
-import { LINK_TO_VIBE_DEFAULT as l, LinkToVibePanel as pe, linkToVibeInput as me } from "../components/shared/LinkToVibePanel.js";
-import { GetHelpButton as he } from "../components/shared/GetHelpButton.js";
-import { SelectionCheckbox as ge } from "../components/shared/SelectionCheckbox.js";
+import { EnableRemoteTaskDialog as pe } from "../components/shared/EnableRemoteTaskDialog.js";
+import { LINK_TO_VIBE_DEFAULT as l, LinkToVibePanel as me, linkToVibeInput as he } from "../components/shared/LinkToVibePanel.js";
+import { GetHelpButton as ge } from "../components/shared/GetHelpButton.js";
+import { SelectionCheckbox as _e } from "../components/shared/SelectionCheckbox.js";
+import { useActiveAgentProfile as ve } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { isNative as _e, nativeNotify as ve } from "../utils/nativeBridge.js";
-import { ActionCard as ye } from "../components/actions/ActionCard.js";
-import { ActionForm as be } from "../components/actions/ActionForm.js";
-import { ExecutionHistory as xe } from "../components/actions/ExecutionHistory.js";
-import { ActionSchedulesList as Se } from "../components/actions/ActionSchedulesList.js";
+import { isNative as ye, nativeNotify as be } from "../utils/nativeBridge.js";
+import { ActionCard as xe } from "../components/actions/ActionCard.js";
+import { enableRemoteTaskExecution as Se, isRemoteTaskDeniedError as Ce } from "../services/agentRemoteTaskGates.js";
+import { ActionForm as we } from "../components/actions/ActionForm.js";
+import { ExecutionHistory as Te } from "../components/actions/ExecutionHistory.js";
+import { ActionSchedulesList as Ee } from "../components/actions/ActionSchedulesList.js";
 import "../components/actions/index.js";
 import { VIBE_PERMISSIONS as u } from "../constants/permissions.js";
-import { useCallback as d, useEffect as Ce, useMemo as f, useState as p } from "react";
-import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Copy as Te, Play as Ee, Plus as De, RefreshCw as Oe, Trash2 as ke } from "lucide-react";
-import { useNavigate as Ae } from "react-router-dom";
-import { usePermissions as je } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useCallback as d, useEffect as De, useMemo as f, useState as p } from "react";
+import { useI18n as Oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Copy as ke, Play as Ae, Plus as je, RefreshCw as Me, Trash2 as Ne } from "lucide-react";
+import { useNavigate as Pe } from "react-router-dom";
+import { usePermissions as Fe } from "@burdenoff/fe-libs/shared/providers/shell";
 import { AnimatePresence as m } from "framer-motion";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { AccessDenied as Me } from "@burdenoff/fe-libs/shared/components";
+import { AccessDenied as Ie } from "@burdenoff/fe-libs/shared/components";
 import { MotionPage as _ } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/ActionsPage.tsx
-var Ne = [
+var Le = [
 	{
 		value: "COMMAND",
 		label: "Command"
@@ -49,7 +52,7 @@ var Ne = [
 		value: "WORKFLOW",
 		label: "Workflow"
 	}
-], Pe = [
+], Re = [
 	{
 		value: "MANUAL",
 		label: "Manual"
@@ -68,43 +71,43 @@ var Ne = [
 	}
 ];
 function v() {
-	let v = Ae(), { workspaceId: Fe } = ie(), { hasPermission: y, isLoading: Ie, permissions: b } = je(), x = ((e) => (t, n) => {
+	let v = Pe(), { workspaceId: ze } = ie(), { hasPermission: y, isLoading: Be, permissions: b } = Fe(), x = ((e) => (t, n) => {
 		let r = e.t(t);
 		return r === t ? n : r;
-	})(we()), S = (Array.isArray(b) ? b : b?.permissionStrings)?.some?.((e) => e.startsWith("action:")), Le = S ? y(u.ACTION_LIST) : !0, Re = S ? y(u.ACTION_CREATE) : !0, ze = S ? y(u.ACTION_UPDATE) : !0, Be = S ? y(u.ACTION_DELETE) : !0, Ve = S ? y(u.ACTION_EXECUTE) : !0, C = Ie, [w, T] = p({ type: "none" }), [He, E] = p([]), [D, Ue] = p(""), [O, We] = p(null), [k, Ge] = p(null), [A, j] = p(null), [M, N] = p(/* @__PURE__ */ new Set()), [Ke, qe] = p(null), [Je, P] = p(null), [F, I] = p(null), [L, R] = p(null), [z, B] = p(l), [V, Ye] = p(l), H = d((e, t, n, r = 1e4) => {
+	})(Oe()), S = (Array.isArray(b) ? b : b?.permissionStrings)?.some?.((e) => e.startsWith("action:")), Ve = S ? y(u.ACTION_LIST) : !0, He = S ? y(u.ACTION_CREATE) : !0, Ue = S ? y(u.ACTION_UPDATE) : !0, We = S ? y(u.ACTION_DELETE) : !0, Ge = S ? y(u.ACTION_EXECUTE) : !0, Ke = Be, [C, w] = p({ type: "none" }), [qe, T] = p([]), [E, Je] = p(""), [D, Ye] = p(null), [O, Xe] = p(null), [k, A] = p(null), [j, M] = p(/* @__PURE__ */ new Set()), [Ze, Qe] = p(null), [$e, N] = p(null), [P, F] = p(null), [I, L] = p(null), [R, z] = p(null), [et, tt] = p(!1), { profiles: nt } = ve(R?.agentId ?? null), rt = nt.find((e) => e.isDefault)?.name ?? "default", [B, V] = p(l), [H, it] = p(l), U = d((e, t, n, r = 1e4) => {
 		let i = Date.now() + Math.random();
-		E((r) => [...r, {
+		T((r) => [...r, {
 			message: e,
 			variant: t,
 			detail: n,
 			id: i
-		}]), t === "success" && setTimeout(() => E((e) => e.filter((e) => e.id !== i)), r);
-	}, []), Xe = d((e) => {
-		E((t) => t.filter((t) => t.id !== e));
-	}, []), { data: Ze, loading: Qe, error: $e, refetch: U } = a({
+		}]), t === "success" && setTimeout(() => T((e) => e.filter((e) => e.id !== i)), r);
+	}, []), at = d((e) => {
+		T((t) => t.filter((t) => t.id !== e));
+	}, []), { data: ot, loading: st, error: ct, refetch: W } = a({
 		variables: {
 			filter: {
-				...O && O !== "all" ? { actionType: O } : {},
-				...k && k !== "all" ? { triggerType: k } : {},
-				...D ? { search: D } : {}
+				...D && D !== "all" ? { actionType: D } : {},
+				...O && O !== "all" ? { triggerType: O } : {},
+				...E ? { search: E } : {}
 			},
 			pagination: { limit: 50 }
 		},
-		skip: C
-	}), W = f(() => Ze?.actions?.items || [], [Ze]), { data: et } = i({
-		variables: { id: A },
-		skip: !A || C
-	}), G = et?.action, tt = G?.recentExecutions || [], { data: K } = ee({
+		skip: Ke
+	}), G = f(() => ot?.actions?.items || [], [ot]), { data: lt } = i({
+		variables: { id: k },
+		skip: !k || Ke
+	}), K = lt?.action, ut = K?.recentExecutions || [], { data: dt } = ee({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
-		skip: C
-	}), nt = f(() => (K?.vibecontrolsAgents ?? []).map((e) => ({
+		skip: Ke
+	}), ft = f(() => (dt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive
-	})), [K]), [rt, { loading: it }] = e({ refetchQueries: ["ListActions"] }), { setDraftTagIds: at, flushTags: ot } = le("VIBECONTROLS_ACTION"), [st, { loading: ct }] = te({ refetchQueries: ["ListActions", "GetAction"] }), [q] = t({ refetchQueries: ["ListActions"] }), [J] = r({ refetchQueries: ["GetAction"] }), [Y] = n({ refetchQueries: ["ListActions"] }), lt = d(async (e) => {
+	})), [dt]), [pt, { loading: mt }] = e({ refetchQueries: ["ListActions"] }), { setDraftTagIds: ht, flushTags: gt } = le("VIBECONTROLS_ACTION"), [_t, { loading: vt }] = te({ refetchQueries: ["ListActions", "GetAction"] }), [q] = t({ refetchQueries: ["ListActions"] }), [J] = r({ refetchQueries: ["GetAction"] }), [Y] = n({ refetchQueries: ["ListActions"] }), yt = d(async (e) => {
 		try {
-			let t = await rt({ variables: { input: {
+			let t = await pt({ variables: { input: {
 				name: e.name,
 				displayName: e.displayName || null,
 				description: e.description || null,
@@ -125,30 +128,30 @@ function v() {
 				timeoutMs: e.timeoutMs,
 				retryCount: e.retryCount,
 				confirmationRequired: e.confirmationRequired,
-				...me(z)
+				...he(B)
 			} } });
 			if (t.error && s(t.error)) {
-				T({ type: "none" }), c(), R("action");
+				w({ type: "none" }), c(), L("action");
 				return;
 			}
 			let n = t.data?.createAction?.id;
-			T({ type: "none" }), H("Action created", "success"), B(l), n && await ot(n);
+			w({ type: "none" }), U("Action created", "success"), V(l), n && await gt(n);
 		} catch (e) {
 			if (s(e)) {
-				T({ type: "none" }), c(), R("action");
+				w({ type: "none" }), c(), L("action");
 				return;
 			}
-			H(e instanceof Error ? e.message : "Failed to create action", "error");
+			U(e instanceof Error ? e.message : "Failed to create action", "error");
 		}
 	}, [
-		rt,
-		ot,
-		H,
-		z
-	]), ut = d(async (e) => {
-		if (w.type === "edit") try {
-			await st({ variables: {
-				id: w.actionId,
+		pt,
+		gt,
+		U,
+		B
+	]), bt = d(async (e) => {
+		if (C.type === "edit") try {
+			await _t({ variables: {
+				id: C.actionId,
 				input: {
 					displayName: e.displayName || null,
 					description: e.description || null,
@@ -169,33 +172,33 @@ function v() {
 					timeoutMs: e.timeoutMs,
 					retryCount: e.retryCount,
 					confirmationRequired: e.confirmationRequired,
-					...me(V)
+					...he(H)
 				}
-			} }), T({ type: "none" }), H("Action updated", "success");
+			} }), w({ 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");
 		}
 	}, [
-		st,
-		w,
-		H,
-		V
-	]), dt = d(async () => {
-		if (w.type === "confirmDelete") try {
-			await q({ variables: { id: w.id } }), A === w.id && j(null), T({ type: "none" }), H("Action deleted", "success"), _e() && ve("success");
+		_t,
+		C,
+		U,
+		H
+	]), xt = d(async () => {
+		if (C.type === "confirmDelete") try {
+			await q({ variables: { id: C.id } }), k === C.id && A(null), w({ type: "none" }), U("Action deleted", "success"), ye() && be("success");
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Failed to delete action", "error"), _e() && ve("error");
+			U(e instanceof Error ? e.message : "Failed to delete action", "error"), ye() && be("error");
 		}
 	}, [
-		w,
+		C,
 		q,
-		A,
-		H
-	]), ft = async (e) => {
-		let t = W.find((t) => t.id === e);
+		k,
+		U
+	]), St = async (e) => {
+		let t = G.find((t) => t.id === e);
 		if (t) {
 			if (t.confirmationRequired) {
-				T({
+				w({
 					type: "confirmExecute",
 					actionId: e,
 					name: t.displayName || t.name
@@ -204,145 +207,174 @@ function v() {
 			}
 			await X(e);
 		}
-	}, X = d(async (e) => {
-		qe(e);
+	}, X = d(async (e, t = !0) => {
+		Qe(e);
 		try {
-			let t = await J({ variables: { id: e } });
-			if (t.error && s(t.error)) {
-				c(), R("command-execution");
+			let n = await J({ variables: { id: e } });
+			if (n.error && s(n.error)) {
+				c(), L("command-execution");
+				return;
+			}
+			let r = n.data?.executeAction;
+			if (r && Ce(r) && r.agentId) {
+				t ? z({
+					actionId: e,
+					agentId: r.agentId
+				}) : U("Remote execution still blocked after enabling — check the agent’s Security settings.", "error", r.output || r.errorMessage);
 				return;
 			}
-			let n = t.data?.executeAction;
-			n && H(n.status === "SUCCESS" || n.status === "COMPLETED" ? "Action executed successfully" : "Action execution failed", n.status === "SUCCESS" || n.status === "COMPLETED" ? "success" : "error", n.output || n.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 (s(e)) {
-				c(), R("command-execution");
+				c(), L("command-execution");
 				return;
 			}
-			H(e instanceof Error ? e.message : "Execution failed", "error");
+			U(e instanceof Error ? e.message : "Execution failed", "error");
 		} finally {
-			qe(null);
+			Qe(null);
 		}
-	}, [J, H]), pt = d(async () => {
-		if (w.type !== "confirmExecute") return;
-		let e = w.actionId;
-		T({ type: "none" }), await X(e);
-	}, [w, X]), mt = d(async (e) => {
-		let t = W.find((t) => t.id === e);
+	}, [J, U]), Ct = d(async () => {
+		if (C.type !== "confirmExecute") return;
+		let e = C.actionId;
+		w({ type: "none" }), await X(e);
+	}, [C, X]), wt = d(async ({ shell: e, file: t }) => {
+		if (!R) return;
+		let { actionId: n, agentId: r } = R;
+		tt(!0);
+		try {
+			await Se({
+				id: r,
+				profile: rt
+			}, {
+				shell: e,
+				file: t
+			}), z(null), await X(n, !1);
+		} catch (e) {
+			U(e instanceof Error ? e.message : "Failed to enable remote execution", "error");
+		} finally {
+			tt(!1);
+		}
+	}, [
+		R,
+		rt,
+		X,
+		U
+	]), Tt = d(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 = f(() => w.type === "edit" && W.find((e) => e.id === w.actionId) || null, [w, W]);
-	Ce(() => {
-		if (w.type === "edit" && Z) {
+		U
+	]), Z = f(() => C.type === "edit" && G.find((e) => e.id === C.actionId) || null, [C, G]);
+	De(() => {
+		if (C.type === "edit" && Z) {
 			let e = Z;
-			Ye({
+			it({
 				vibeId: e.vibeId ?? null,
 				visibility: e.visibility ?? "PRIVATE"
 			});
-		} else w.type === "create" && B(l);
-	}, [w.type, Z]);
-	let Q = f(() => W.filter((e) => M.has(e.id)), [W, M]), ht = W.length > 0 && W.every((e) => M.has(e.id)), gt = W.some((e) => M.has(e.id)) && !ht, _t = d((e, t) => {
-		N((n) => {
+		} else C.type === "create" && V(l);
+	}, [C.type, Z]);
+	let Q = f(() => G.filter((e) => j.has(e.id)), [G, j]), Et = G.length > 0 && G.every((e) => j.has(e.id)), Dt = G.some((e) => j.has(e.id)) && !Et, Ot = d((e, t) => {
+		M((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), vt = d((e) => {
-		N((t) => {
+	}, []), kt = d((e) => {
+		M((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]), $ = d(() => {
-		N(/* @__PURE__ */ new Set());
-	}, []), yt = d(async () => {
+	}, [G]), $ = d(() => {
+		M(/* @__PURE__ */ new Set());
+	}, []), At = d(async () => {
 		if (Q.length !== 0) {
-			I("duplicate");
+			F("duplicate");
 			try {
 				let e = await Promise.allSettled(Q.map((e) => Y({ variables: {
 					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);
+				F(null);
 			}
 		}
 	}, [
 		Q,
 		Y,
-		H,
+		U,
 		$,
-		U
-	]), bt = d(async () => {
+		W
+	]), jt = d(async () => {
 		if (Q.length !== 0) {
-			I("delete");
+			F("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();
+				k && j.has(k) && A(null), U(`Deleted ${t} action${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), $(), N(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);
+				F(null);
 			}
 		}
 	}, [
 		Q,
 		q,
-		A,
-		M,
-		H,
+		k,
+		j,
+		U,
 		$,
-		U
-	]), xt = d(async () => {
+		W
+	]), Mt = d(async () => {
 		if (Q.length === 0) return;
-		I("execute");
+		F("execute");
 		let e = 0, t = 0, n = !1;
 		try {
 			for (let r of Q) try {
 				let i = await J({ variables: { id: r.id } });
 				if (i.error && s(i.error)) {
-					c(), R("command-execution"), n = !0;
+					c(), L("command-execution"), n = !0;
 					break;
 				}
 				let a = i.data?.executeAction;
 				a?.status === "SUCCESS" || a?.status === "COMPLETED" ? e += 1 : t += 1;
 			} catch (e) {
 				if (s(e)) {
-					c(), R("command-execution"), n = !0;
+					c(), L("command-execution"), n = !0;
 					break;
 				}
 				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"), $(), N(null), k && 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);
+			F(null);
 		}
 	}, [
 		Q,
 		J,
-		H,
+		U,
 		$,
-		A,
-		U
+		k,
+		W
 	]);
-	return Ie ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(oe, { message: "Loading Actions..." }) }) : b && b.permissionStrings?.length > 0 && !Le ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(Me, {}) }) : Qe ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(oe, { message: "Loading Actions..." }) }) : $e ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(se, {
-		message: $e.message,
-		onRetry: () => U()
+	return Be ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(oe, { message: "Loading Actions..." }) }) : b && b.permissionStrings?.length > 0 && !Ve ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(Ie, {}) }) : st ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(oe, { message: "Loading Actions..." }) }) : ct ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(se, {
+		message: ct.message,
+		onRetry: () => W()
 	}) }) : /* @__PURE__ */ g(_, {
 		className: "p-4 sm:p-6 space-y-6",
 		children: [
@@ -353,15 +385,15 @@ function v() {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => U(),
+						onClick: () => W(),
 						className: "p-2 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors",
 						title: "Refresh",
-						children: /* @__PURE__ */ h(Oe, { size: 16 })
-					}), Re && /* @__PURE__ */ g("button", {
+						children: /* @__PURE__ */ h(Me, { size: 16 })
+					}), He && /* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => T({ type: "create" }),
+						onClick: () => w({ 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__ */ h(De, { size: 16 }), "Create Action"]
+						children: [/* @__PURE__ */ h(je, { size: 16 }), "Create Action"]
 					})]
 				})
 			}),
@@ -370,26 +402,26 @@ function v() {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
 					/* @__PURE__ */ h(de, {
-						value: D,
-						onChange: Ue,
+						value: E,
+						onChange: Je,
 						placeholder: x("actions.searchPlaceholder", "Search actions..."),
 						className: "w-full sm:w-64"
 					}),
 					/* @__PURE__ */ h(fe, {
 						label: "Type",
-						options: Ne,
-						value: O,
-						onChange: We
+						options: Le,
+						value: D,
+						onChange: Ye
 					}),
 					/* @__PURE__ */ h(fe, {
 						label: "Trigger",
-						options: Pe,
-						value: k,
-						onChange: Ge
+						options: Re,
+						value: O,
+						onChange: Xe
 					})
 				]
 			}),
-			W.length > 0 && /* @__PURE__ */ h("div", {
+			G.length > 0 && /* @__PURE__ */ h("div", {
 				"data-tour": "actions-selection-toolbar",
 				className: "rounded-lg border border-border-default bg-bg-surface p-4",
 				children: /* @__PURE__ */ g("div", {
@@ -398,16 +430,16 @@ function v() {
 						className: "flex flex-wrap items-center gap-3",
 						children: [/* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ h(ge, {
-								checked: ht,
-								indeterminate: gt,
-								onChange: vt,
+							children: [/* @__PURE__ */ h(_e, {
+								checked: Et,
+								indeterminate: Dt,
+								onChange: kt,
 								ariaLabel: "Select all visible actions"
 							}), /* @__PURE__ */ h("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: "Select all visible"
 							})]
-						}), M.size > 0 && /* @__PURE__ */ h("button", {
+						}), j.size > 0 && /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: $,
 							className: "text-sm text-text-secondary hover:text-text-primary",
@@ -418,17 +450,17 @@ function v() {
 						children: [
 							/* @__PURE__ */ g("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
-								children: [M.size, " selected"]
+								children: [j.size, " selected"]
 							}),
 							/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => P("execute"),
-								disabled: Q.length === 0 || F !== null,
+								onClick: () => N("execute"),
+								disabled: Q.length === 0 || P !== null,
 								className: "rounded-md border border-status-success-border px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg disabled:cursor-not-allowed disabled:opacity-50",
 								children: /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ h(Ee, { size: 14 }),
+										/* @__PURE__ */ h(Ae, { size: 14 }),
 										"Execute Selected",
 										Q.length > 0 ? ` (${Q.length})` : ""
 									]
@@ -436,13 +468,13 @@ function v() {
 							}),
 							/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: yt,
-								disabled: Q.length === 0 || F !== null,
+								onClick: At,
+								disabled: Q.length === 0 || P !== 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__ */ g("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ h(Te, { size: 14 }),
+										/* @__PURE__ */ h(ke, { size: 14 }),
 										"Duplicate Selected",
 										Q.length > 0 ? ` (${Q.length})` : ""
 									]
@@ -450,13 +482,13 @@ function v() {
 							}),
 							/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => P("delete"),
-								disabled: Q.length === 0 || F !== null,
+								onClick: () => N("delete"),
+								disabled: Q.length === 0 || P !== null,
 								className: "rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50",
 								children: /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ h(ke, { size: 14 }),
+										/* @__PURE__ */ h(Ne, { size: 14 }),
 										"Delete Selected",
 										Q.length > 0 ? ` (${Q.length})` : ""
 									]
@@ -468,81 +500,81 @@ function v() {
 			}),
 			/* @__PURE__ */ h(m, {
 				mode: "wait",
-				children: W.length === 0 && !Qe && /* @__PURE__ */ h(ue, {
+				children: G.length === 0 && !st && /* @__PURE__ */ h(ue, {
 					title: "No actions yet",
 					description: "Create your first action to automate commands, scripts, and webhooks",
 					action: /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-2",
-						children: [Re && /* @__PURE__ */ h("button", {
+						children: [He && /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => T({ type: "create" }),
+							onClick: () => w({ type: "create" }),
 							className: "px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:opacity-90 text-sm font-medium",
 							children: "Create Action"
-						}), /* @__PURE__ */ h(he, { prompt: "What is an Action in VibeControls and how do I create one?" })]
+						}), /* @__PURE__ */ h(ge, { prompt: "What is an Action in VibeControls and how do I create one?" })]
 					})
 				})
 			}),
-			W.length > 0 && /* @__PURE__ */ h("div", {
+			G.length > 0 && /* @__PURE__ */ h("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__ */ h("div", {
+				children: G.map((e) => /* @__PURE__ */ h("div", {
 					role: "button",
 					tabIndex: 0,
-					onClick: () => j(e.id),
+					onClick: () => A(e.id),
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), j(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), A(e.id));
 					},
 					"aria-label": `Select action ${e.displayName || e.name}`,
-					children: /* @__PURE__ */ h(ye, {
+					children: /* @__PURE__ */ h(xe, {
 						action: e,
-						onExecute: ft,
-						onEdit: (e) => T({
+						onExecute: St,
+						onEdit: (e) => w({
 							type: "edit",
 							actionId: e
 						}),
-						onDuplicate: mt,
-						onDelete: (t) => T({
+						onDuplicate: Tt,
+						onDelete: (t) => w({
 							type: "confirmDelete",
 							id: t,
 							name: e.displayName || e.name
 						}),
 						onSchedule: (e) => v(`/scheduler?actionId=${encodeURIComponent(e)}`),
 						onAddToCalendar: (e) => v(`/vibecontrols/calendar?actionId=${encodeURIComponent(e)}`),
-						canUpdate: ze,
-						canDelete: Be,
-						canExecute: Ve,
-						isExecuting: Ke === e.id,
-						selected: M.has(e.id),
-						onToggleSelect: (t) => _t(e.id, t)
+						canUpdate: Ue,
+						canDelete: We,
+						canExecute: Ge,
+						isExecuting: Ze === e.id,
+						selected: j.has(e.id),
+						onToggleSelect: (t) => Ot(e.id, t)
 					})
 				}, e.id))
 			}),
-			/* @__PURE__ */ h(m, { children: A && G && /* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h(m, { children: k && K && /* @__PURE__ */ g("div", {
 				className: "space-y-3",
-				children: [Fe && /* @__PURE__ */ h(Se, {
-					actionId: A,
-					workspaceId: Fe,
-					actionName: G.displayName || G.name,
-					onClose: () => j(null)
+				children: [ze && /* @__PURE__ */ h(Ee, {
+					actionId: k,
+					workspaceId: ze,
+					actionName: K.displayName || K.name,
+					onClose: () => A(null)
 				}), /* @__PURE__ */ h("div", {
 					"data-tour": "actions-execution-history",
-					children: /* @__PURE__ */ h(xe, {
-						executions: tt,
-						actionName: G.displayName || G.name,
-						onClose: () => j(null)
+					children: /* @__PURE__ */ h(Te, {
+						executions: ut,
+						actionName: K.displayName || K.name,
+						onClose: () => A(null)
 					})
 				})]
 			}) }),
-			/* @__PURE__ */ h(m, { children: He.length > 0 && /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ h(m, { children: qe.length > 0 && /* @__PURE__ */ h("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: He.slice(-3).map((e) => /* @__PURE__ */ g("div", {
+				children: qe.slice(-3).map((e) => /* @__PURE__ */ g("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Xe(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), at(e.id));
 					},
 					className: `p-4 rounded-xl shadow-lg border cursor-pointer ${e.variant === "success" ? "bg-status-success-bg/10 border-status-success-border/30 text-status-success-text" : "bg-status-error-bg/10 border-status-error-border/30 text-status-error-text"}`,
-					onClick: () => Xe(e.id),
+					onClick: () => at(e.id),
 					children: [/* @__PURE__ */ h("div", {
 						className: "font-medium text-sm",
 						children: e.message
@@ -552,12 +584,12 @@ function v() {
 					})]
 				}, e.id))
 			}) }),
-			w.type === "create" && /* @__PURE__ */ h(be, {
+			C.type === "create" && /* @__PURE__ */ h(we, {
 				title: "Create Action",
-				agents: nt,
-				onSubmit: lt,
-				onCancel: () => T({ type: "none" }),
-				isLoading: it,
+				agents: ft,
+				onSubmit: yt,
+				onCancel: () => w({ type: "none" }),
+				isLoading: mt,
 				extraSection: /* @__PURE__ */ g("div", {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
@@ -565,15 +597,15 @@ function v() {
 						children: x("actions.tags", "Tags")
 					}), /* @__PURE__ */ h(ce, {
 						entityType: "VIBECONTROLS_ACTION",
-						onDraftChange: at
-					})] }), /* @__PURE__ */ h(pe, {
-						value: z,
-						onChange: B,
-						disabled: it
+						onDraftChange: ht
+					})] }), /* @__PURE__ */ h(me, {
+						value: B,
+						onChange: V,
+						disabled: mt
 					})]
 				})
 			}),
-			w.type === "edit" && Z && /* @__PURE__ */ h(be, {
+			C.type === "edit" && Z && /* @__PURE__ */ h(we, {
 				title: "Edit Action",
 				initialData: {
 					name: Z.name,
@@ -597,10 +629,10 @@ function v() {
 					retryCount: Z.retryCount || 0,
 					confirmationRequired: Z.confirmationRequired ?? !1
 				},
-				agents: nt,
-				onSubmit: ut,
-				onCancel: () => T({ type: "none" }),
-				isLoading: ct,
+				agents: ft,
+				onSubmit: bt,
+				onCancel: () => w({ type: "none" }),
+				isLoading: vt,
 				extraSection: /* @__PURE__ */ g("div", {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
@@ -609,59 +641,66 @@ function v() {
 					}), /* @__PURE__ */ h(ce, {
 						entityType: "VIBECONTROLS_ACTION",
 						entityId: Z.id
-					})] }), /* @__PURE__ */ h(pe, {
-						value: V,
-						onChange: Ye,
-						disabled: ct
+					})] }), /* @__PURE__ */ h(me, {
+						value: H,
+						onChange: it,
+						disabled: vt
 					})]
 				})
 			}),
-			w.type === "confirmDelete" && /* @__PURE__ */ h(o, {
+			C.type === "confirmDelete" && /* @__PURE__ */ h(o, {
 				isOpen: !0,
 				title: "Delete Action",
-				message: `Are you sure you want to delete "${w.name}"? This cannot be undone.`,
+				message: `Are you sure you want to delete "${C.name}"? This cannot be undone.`,
 				confirmLabel: "Delete",
 				variant: "danger",
-				onConfirm: dt,
-				onClose: () => T({ type: "none" })
+				onConfirm: xt,
+				onClose: () => w({ type: "none" })
 			}),
-			w.type === "confirmExecute" && /* @__PURE__ */ h(o, {
+			C.type === "confirmExecute" && /* @__PURE__ */ h(o, {
 				isOpen: !0,
-				title: `Execute: ${w.name}`,
-				message: `Are you sure you want to execute "${w.name}"?`,
+				title: `Execute: ${C.name}`,
+				message: `Are you sure you want to execute "${C.name}"?`,
 				confirmLabel: "Execute",
 				variant: "warning",
-				onConfirm: pt,
-				onClose: () => T({ type: "none" })
+				onConfirm: Ct,
+				onClose: () => w({ type: "none" })
 			}),
 			/* @__PURE__ */ h(o, {
-				isOpen: Je === "delete",
+				isOpen: $e === "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: bt,
-				onClose: () => P(null),
-				isLoading: F === "delete"
+				onConfirm: jt,
+				onClose: () => N(null),
+				isLoading: P === "delete"
 			}),
 			/* @__PURE__ */ h(o, {
-				isOpen: Je === "execute",
+				isOpen: $e === "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: xt,
-				onClose: () => P(null),
-				isLoading: F === "execute"
+				onConfirm: Mt,
+				onClose: () => N(null),
+				isLoading: P === "execute"
 			}),
 			/* @__PURE__ */ h(ne, {
-				isOpen: L !== null,
-				onClose: () => R(null),
+				isOpen: I !== null,
+				onClose: () => L(null),
 				onConfirm: () => {
-					c(), R(null), v("/billing/plans");
+					c(), L(null), v("/billing/plans");
 				},
-				title: L ? re(L).title : void 0,
-				message: L ? re(L).message : ""
+				title: I ? re(I).title : void 0,
+				message: I ? re(I).message : ""
+			}),
+			/* @__PURE__ */ h(pe, {
+				isOpen: R !== null,
+				agentName: R ? ft.find((e) => e.id === R.agentId)?.name : void 0,
+				isLoading: et,
+				onClose: () => z(null),
+				onConfirm: wt
 			})
 		]
 	});