@burdenoff/microfe-vibecontrols 2026.1023.4 → 2026.1023.5

package/dist/pages/ActionsPage.js

@@ -1,42 +1,44 @@
-import { useCreateActionMutation as e, useDeleteActionMutation as t, useDuplicateActionMutation as n, useExecuteActionMutation as r, useGetActionQuery as i, useListActionsQuery as ee, useListAgentsQuery as te, useUpdateActionMutation as ne } from "../generated/wspace-operations.js";
-import { ConfirmDialog as a } from "../components/shared/ConfirmDialog.js";
-import { QuotaExhaustedDialog as re } from "../components/shared/QuotaExhaustedDialog.js";
-import { getQuotaDialogContent as ie, isQuotaExhaustedError as o, markQuotaHandledLocally as s } from "../utils/quotaUtils.js";
-import { useVibeControls as ae } from "../providers/VibeControlsProvider.js";
-import { PageHeader as oe } from "../components/shared/PageHeader.js";
-import { LoadingState as se } from "../components/shared/LoadingState.js";
-import { ErrorState as ce } from "../components/shared/ErrorState.js";
-import { EntityTagPicker as le } from "../components/shared/EntityTagPicker.js";
-import { useDraftEntityTags as ue } from "../hooks/useDraftEntityTags.js";
-import { EmptyState as de } from "../components/shared/EmptyState.js";
-import { SearchInput as fe } from "../components/shared/SearchInput.js";
-import { FilterDropdown as pe } from "../components/shared/FilterDropdown.js";
-import { EnableRemoteTaskDialog as me } from "../components/shared/EnableRemoteTaskDialog.js";
-import { LINK_TO_VIBE_DEFAULT as c, LinkToVibePanel as he, linkToVibeInput as ge } from "../components/shared/LinkToVibePanel.js";
-import { GetHelpButton as _e } from "../components/shared/GetHelpButton.js";
-import { SelectionCheckbox as ve } from "../components/shared/SelectionCheckbox.js";
-import { useActiveAgentProfile as ye } from "../hooks/useActiveAgentProfile.js";
+import { useCreateActionMutation as e, useDeleteActionMutation as t, useDuplicateActionMutation as n, useExecuteActionMutation as r, useGetActionQuery as i, useListActionsQuery as a, useListAgentsQuery as ee, useUpdateActionMutation as te } from "../generated/wspace-operations.js";
+import { ConfirmDialog as o } from "../components/shared/ConfirmDialog.js";
+import { QuotaExhaustedDialog as ne } from "../components/shared/QuotaExhaustedDialog.js";
+import { getQuotaDialogContent as re, isQuotaExhaustedError as s, markQuotaHandledLocally as c } from "../utils/quotaUtils.js";
+import { useVibeControls as ie } from "../providers/VibeControlsProvider.js";
+import { PageHeader as ae } from "../components/shared/PageHeader.js";
+import { LoadingState as oe } from "../components/shared/LoadingState.js";
+import { ErrorState as se } from "../components/shared/ErrorState.js";
+import { EntityTagPicker as ce } from "../components/shared/EntityTagPicker.js";
+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 { 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 be, nativeNotify as xe } from "../utils/nativeBridge.js";
-import { VIBE_PERMISSIONS as l } from "../constants/permissions.js";
-import { ActionCard as Se } from "../components/actions/ActionCard.js";
-import { enableRemoteTaskExecution as Ce, isRemoteTaskDeniedError as we } from "../services/agentRemoteTaskGates.js";
-import { ActionForm as Te } from "../components/actions/ActionForm.js";
-import { ExecutionHistory as Ee } from "../components/actions/ExecutionHistory.js";
-import { ActionSchedulesList as De } from "../components/actions/ActionSchedulesList.js";
+import { isNative as ye, nativeNotify as be } from "../utils/nativeBridge.js";
+import { VIBE_PERMISSIONS as u } from "../constants/permissions.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 { useCallback as u, useEffect as Oe, useMemo as d, useState as f } from "react";
-import { useI18n as ke } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Copy as Ae, Play as je, Plus as Me, RefreshCw as Ne, Trash2 as Pe } from "lucide-react";
-import { useNavigate as Fe, useSearchParams as Ie } from "react-router";
-import { usePermissions as Le } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as Re } from "framer-motion";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { CTAOverflowMenu as ze, PagePurpose as Be } from "@burdenoff/fe-libs/ui";
-import { AccessDenied as Ve } from "@burdenoff/fe-libs/shared/components";
-import { MotionPage as h } from "@burdenoff/fe-libs/shared/motion";
+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, useSearchParams as Fe } from "react-router";
+import { usePermissions as Ie } 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 { CTAOverflowMenu as Le, PagePurpose as Re } from "@burdenoff/fe-libs/ui";
+import { AccessDenied as ze } from "@burdenoff/fe-libs/shared/components";
+import { MotionPage as _ } from "@burdenoff/fe-libs/shared/motion";
+import { useAssistantPageControls as Be } from "@burdenoff/fe-libs/shared/assistant/appControls/useAssistantControl";
+import { enumFilter as Ve, filtersOf as He, searchOf as Ue } from "@burdenoff/fe-libs/shared/assistant/appControls/pageAdapters";
 //#region src/pages/ActionsPage.tsx
-var He = [
+var We = [
 	{
 		value: "COMMAND",
 		label: "Command"
@@ -53,7 +55,7 @@ var He = [
 		value: "WORKFLOW",
 		label: "Workflow"
 	}
-], Ue = [
+], Ge = [
 	{
 		value: "MANUAL",
 		label: "Manual"
@@ -71,44 +73,74 @@ var He = [
 		label: "On Demand"
 	}
 ];
-function g() {
-	let g = Fe(), [_, We] = Ie(), { workspaceId: Ge } = ae(), { hasPermission: v, isLoading: Ke, permissions: y } = Le(), b = ((e) => (t, n) => {
-		let r = e.t(t);
-		return r === t ? n : r;
-	})(ke()), x = (Array.isArray(y) ? y : y?.permissionStrings)?.some?.((e) => e.startsWith("action:")), qe = x ? v(l.ACTION_LIST) : !0, Je = x ? v(l.ACTION_CREATE) : !0, Ye = x ? v(l.ACTION_UPDATE) : !0, Xe = x ? v(l.ACTION_DELETE) : !0, Ze = x ? v(l.ACTION_EXECUTE) : !0, S = Ke, [C, w] = f({ type: "none" }), [Qe, T] = f([]), [E, $e] = f(""), [D, et] = f(null), [O, tt] = f(null), [k, A] = f(null), [j, nt] = f(/* @__PURE__ */ new Set()), [rt, it] = f(null), [at, M] = f(null), [N, P] = f(null), [F, I] = f(null), [L, R] = f(null), [ot, st] = f(!1), { profiles: ct } = ye(L?.agentId ?? null), lt = ct.find((e) => e.isDefault)?.name ?? "default", [z, B] = f(c), [V, ut] = f(c), H = u((e, t, n, r = 1e4) => {
+function v() {
+	let v = Pe(), [y, Ke] = Fe(), { workspaceId: qe } = ie(), { hasPermission: b, isLoading: Je, permissions: x } = Ie(), { t: Ye } = Oe(), S = d((e, t) => {
+		let n = Ye(e);
+		return n === e ? t : n;
+	}, [Ye]), C = (Array.isArray(x) ? x : x?.permissionStrings)?.some?.((e) => e.startsWith("action:")), Xe = C ? b(u.ACTION_LIST) : !0, w = C ? b(u.ACTION_CREATE) : !0, Ze = C ? b(u.ACTION_UPDATE) : !0, Qe = C ? b(u.ACTION_DELETE) : !0, $e = C ? b(u.ACTION_EXECUTE) : !0, T = Je, [E, D] = p({ type: "none" }), [et, O] = p([]), [k, tt] = p(""), [A, nt] = p(null), [j, rt] = p(null);
+	Be(f(() => {
+		let e = {
+			value: "all",
+			label: S("vibecontrols.shared.filterDropdown.all", "All")
+		};
+		return {
+			page: S("vibecontrols.assistant.page.actions", "Actions"),
+			filters: He([Ve({
+				id: "type",
+				label: S("actions.filterType", "Type"),
+				options: [e, ...We],
+				neutral: "all",
+				value: A ?? "all",
+				set: nt
+			}), Ve({
+				id: "trigger",
+				label: S("actions.filterTrigger", "Trigger"),
+				options: [e, ...Ge],
+				neutral: "all",
+				value: j ?? "all",
+				set: rt
+			})]),
+			search: Ue(tt)
+		};
+	}, [
+		S,
+		A,
+		j
+	]));
+	let [M, N] = p(null), [P, F] = p(/* @__PURE__ */ new Set()), [it, at] = p(null), [ot, I] = p(null), [L, R] = p(null), [z, B] = p(null), [V, H] = p(null), [st, ct] = p(!1), { profiles: lt } = ve(V?.agentId ?? null), ut = lt.find((e) => e.isDefault)?.name ?? "default", [dt, ft] = p(l), [pt, mt] = p(l), U = d((e, t, n, r = 1e4) => {
 		let i = Date.now() + Math.random();
-		T((r) => [...r, {
+		O((r) => [...r, {
 			message: e,
 			variant: t,
 			detail: n,
 			id: i
-		}]), t === "success" && setTimeout(() => T((e) => e.filter((e) => e.id !== i)), r);
-	}, []), dt = u((e) => {
-		T((t) => t.filter((t) => t.id !== e));
-	}, []), { data: ft, loading: pt, error: mt, refetch: U } = ee({
+		}]), t === "success" && setTimeout(() => O((e) => e.filter((e) => e.id !== i)), r);
+	}, []), ht = d((e) => {
+		O((t) => t.filter((t) => t.id !== e));
+	}, []), { data: gt, loading: _t, error: vt, refetch: W } = a({
 		variables: {
 			filter: {
-				...D && D !== "all" ? { actionType: D } : {},
-				...O && O !== "all" ? { triggerType: O } : {},
-				...E ? { search: E } : {}
+				...A && A !== "all" ? { actionType: A } : {},
+				...j && j !== "all" ? { triggerType: j } : {},
+				...k ? { search: k } : {}
 			},
 			pagination: { limit: 50 }
 		},
-		skip: S
-	}), W = d(() => ft?.actions?.items || [], [ft]), { data: ht } = i({
-		variables: { id: k },
-		skip: !k || S
-	}), G = ht?.action, gt = G?.recentExecutions || [], { data: _t } = te({
+		skip: T
+	}), G = f(() => gt?.actions?.items || [], [gt]), { data: yt } = i({
+		variables: { id: M },
+		skip: !M || T
+	}), K = yt?.action, bt = K?.recentExecutions || [], { data: xt } = ee({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
-		skip: S
-	}), K = d(() => (_t?.vibecontrolsAgents ?? []).map((e) => ({
+		skip: T
+	}), St = f(() => (xt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive
-	})), [_t]), [vt, { loading: yt }] = e({ refetchQueries: ["ListActions"] }), { setDraftTagIds: bt, flushTags: xt } = ue("VIBECONTROLS_ACTION"), [St, { loading: Ct }] = ne({ refetchQueries: ["ListActions", "GetAction"] }), [q] = t({ refetchQueries: ["ListActions"] }), [J] = r({ refetchQueries: ["GetAction"] }), [Y] = n({ refetchQueries: ["ListActions"] }), wt = u(async (e) => {
+	})), [xt]), [Ct, { loading: wt }] = e({ refetchQueries: ["ListActions"] }), { setDraftTagIds: Tt, flushTags: Et } = le("VIBECONTROLS_ACTION"), [Dt, { loading: Ot }] = te({ refetchQueries: ["ListActions", "GetAction"] }), [q] = t({ refetchQueries: ["ListActions"] }), [J] = r({ refetchQueries: ["GetAction"] }), [Y] = n({ refetchQueries: ["ListActions"] }), kt = d(async (e) => {
 		try {
-			let t = await vt({ variables: { input: {
+			let t = await Ct({ variables: { input: {
 				name: e.name,
 				displayName: e.displayName || null,
 				description: e.description || null,
@@ -129,30 +161,30 @@ function g() {
 				timeoutMs: e.timeoutMs,
 				retryCount: e.retryCount,
 				confirmationRequired: e.confirmationRequired,
-				...ge(z)
+				...he(dt)
 			} } });
-			if (t.error && o(t.error)) {
-				w({ type: "none" }), s(), I("action");
+			if (t.error && s(t.error)) {
+				D({ type: "none" }), c(), B("action");
 				return;
 			}
 			let n = t.data?.createAction?.id;
-			w({ type: "none" }), H("Action created", "success"), B(c), n && await xt(n);
+			D({ type: "none" }), U("Action created", "success"), ft(l), n && await Et(n);
 		} catch (e) {
-			if (o(e)) {
-				w({ type: "none" }), s(), I("action");
+			if (s(e)) {
+				D({ type: "none" }), c(), B("action");
 				return;
 			}
-			H(e instanceof Error ? e.message : "Failed to create action", "error");
+			U(e instanceof Error ? e.message : "Failed to create action", "error");
 		}
 	}, [
-		vt,
-		xt,
-		H,
-		z
-	]), Tt = u(async (e) => {
-		if (C.type === "edit") try {
-			await St({ variables: {
-				id: C.actionId,
+		Ct,
+		Et,
+		U,
+		dt
+	]), At = d(async (e) => {
+		if (E.type === "edit") try {
+			await Dt({ variables: {
+				id: E.actionId,
 				input: {
 					displayName: e.displayName || null,
 					description: e.description || null,
@@ -173,33 +205,33 @@ function g() {
 					timeoutMs: e.timeoutMs,
 					retryCount: e.retryCount,
 					confirmationRequired: e.confirmationRequired,
-					...ge(V)
+					...he(pt)
 				}
-			} }), w({ type: "none" }), H("Action updated", "success");
+			} }), D({ 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,
-		C,
-		H,
-		V
-	]), Et = u(async () => {
-		if (C.type === "confirmDelete") try {
-			await q({ variables: { id: C.id } }), k === C.id && A(null), w({ type: "none" }), H("Action deleted", "success"), be() && xe("success");
+		Dt,
+		E,
+		U,
+		pt
+	]), jt = d(async () => {
+		if (E.type === "confirmDelete") try {
+			await q({ variables: { id: E.id } }), M === E.id && N(null), D({ type: "none" }), U("Action deleted", "success"), ye() && be("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"), ye() && be("error");
 		}
 	}, [
-		C,
+		E,
 		q,
-		k,
-		H
-	]), Dt = async (e) => {
-		let t = W.find((t) => t.id === e);
+		M,
+		U
+	]), Mt = async (e) => {
+		let t = G.find((t) => t.id === e);
 		if (t) {
 			if (t.confirmationRequired) {
-				w({
+				D({
 					type: "confirmExecute",
 					actionId: e,
 					name: t.displayName || t.name
@@ -208,298 +240,298 @@ function g() {
 			}
 			await X(e);
 		}
-	}, X = u(async (e, t = !0) => {
-		it(e);
+	}, X = d(async (e, t = !0) => {
+		at(e);
 		try {
 			let n = await J({ variables: { id: e } });
-			if (n.error && o(n.error)) {
-				s(), I("command-execution");
+			if (n.error && s(n.error)) {
+				c(), B("command-execution");
 				return;
 			}
 			let r = n.data?.executeAction;
-			if (r && we(r) && r.agentId) {
-				t ? R({
+			if (r && Ce(r) && r.agentId) {
+				t ? H({
 					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(), I("command-execution");
+			if (s(e)) {
+				c(), B("command-execution");
 				return;
 			}
-			H(e instanceof Error ? e.message : "Execution failed", "error");
+			U(e instanceof Error ? e.message : "Execution failed", "error");
 		} finally {
-			it(null);
+			at(null);
 		}
-	}, [J, H]), Ot = u(async () => {
-		if (C.type !== "confirmExecute") return;
-		let e = C.actionId;
-		w({ type: "none" }), await X(e);
-	}, [C, X]), kt = u(async ({ shell: e, file: t }) => {
-		if (!L) return;
-		let { actionId: n, agentId: r } = L;
-		st(!0);
+	}, [J, U]), Nt = d(async () => {
+		if (E.type !== "confirmExecute") return;
+		let e = E.actionId;
+		D({ type: "none" }), await X(e);
+	}, [E, X]), Pt = d(async ({ shell: e, file: t }) => {
+		if (!V) return;
+		let { actionId: n, agentId: r } = V;
+		ct(!0);
 		try {
-			await Ce({
+			await Se({
 				id: r,
-				profile: lt
+				profile: ut
 			}, {
 				shell: e,
 				file: t
-			}), R(null), await X(n, !1);
+			}), H(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 {
-			st(!1);
+			ct(!1);
 		}
 	}, [
-		L,
-		lt,
+		V,
+		ut,
 		X,
-		H
-	]), At = u(async (e) => {
-		let t = W.find((t) => t.id === e);
+		U
+	]), Ft = 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 = d(() => C.type === "edit" && W.find((e) => e.id === C.actionId) || null, [C, W]);
-	Oe(() => {
-		if (C.type === "edit" && Z) {
+		U
+	]), Z = f(() => E.type === "edit" && G.find((e) => e.id === E.actionId) || null, [E, G]);
+	De(() => {
+		if (E.type === "edit" && Z) {
 			let e = Z;
-			ut({
+			mt({
 				vibeId: e.vibeId ?? null,
 				visibility: e.visibility ?? "PRIVATE"
 			});
-		} else C.type === "create" && B(c);
-	}, [C.type, Z]), Oe(() => {
-		let e = _.get("editAction");
+		} else E.type === "create" && ft(l);
+	}, [E.type, Z]), De(() => {
+		let e = y.get("editAction");
 		if (!e) return;
-		w({
+		D({
 			type: "edit",
 			actionId: e
 		});
-		let t = new URLSearchParams(_);
-		t.delete("editAction"), We(t, { replace: !0 });
-	}, [_, We]);
-	let Q = d(() => W.filter((e) => j.has(e.id)), [W, j]), jt = W.length > 0 && W.every((e) => j.has(e.id)), Mt = W.some((e) => j.has(e.id)) && !jt, Nt = u((e, t) => {
-		nt((n) => {
+		let t = new URLSearchParams(y);
+		t.delete("editAction"), Ke(t, { replace: !0 });
+	}, [y, Ke]);
+	let Q = f(() => G.filter((e) => P.has(e.id)), [G, P]), It = G.length > 0 && G.every((e) => P.has(e.id)), Lt = G.some((e) => P.has(e.id)) && !It, Rt = d((e, t) => {
+		F((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), Pt = u((e) => {
-		nt((t) => {
+	}, []), zt = d((e) => {
+		F((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(() => {
-		nt(/* @__PURE__ */ new Set());
-	}, []), Ft = u(async () => {
+	}, [G]), $ = d(() => {
+		F(/* @__PURE__ */ new Set());
+	}, []), Bt = d(async () => {
 		if (Q.length !== 0) {
-			P("duplicate");
+			R("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 {
-				P(null);
+				R(null);
 			}
 		}
 	}, [
 		Q,
 		Y,
-		H,
+		U,
 		$,
-		U
-	]), It = u(async () => {
+		W
+	]), Vt = d(async () => {
 		if (Q.length !== 0) {
-			P("delete");
+			R("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;
-				k && j.has(k) && A(null), H(`Deleted ${t} action${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), $(), M(null), await U();
+				M && P.has(M) && N(null), U(`Deleted ${t} action${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), $(), I(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 {
-				P(null);
+				R(null);
 			}
 		}
 	}, [
 		Q,
 		q,
-		k,
-		j,
-		H,
+		M,
+		P,
+		U,
 		$,
-		U
-	]), Lt = u(async () => {
+		W
+	]), Ht = d(async () => {
 		if (Q.length === 0) return;
-		P("execute");
+		R("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 && o(i.error)) {
-					s(), I("command-execution"), n = !0;
+				if (i.error && s(i.error)) {
+					c(), B("command-execution"), n = !0;
 					break;
 				}
-				let ee = i.data?.executeAction;
-				ee?.status === "SUCCESS" || ee?.status === "COMPLETED" ? e += 1 : t += 1;
+				let a = i.data?.executeAction;
+				a?.status === "SUCCESS" || a?.status === "COMPLETED" ? e += 1 : t += 1;
 			} catch (e) {
-				if (o(e)) {
-					s(), I("command-execution"), n = !0;
+				if (s(e)) {
+					c(), B("command-execution"), n = !0;
 					break;
 				}
 				t += 1;
 			}
-			n || H(`Executed ${e} action${e === 1 ? "" : "s"}${t > 0 ? ` • ${t} failed` : ""}`, t > 0 ? "error" : "success"), $(), M(null), k && await U();
+			n || U(`Executed ${e} action${e === 1 ? "" : "s"}${t > 0 ? ` • ${t} failed` : ""}`, t > 0 ? "error" : "success"), $(), I(null), M && 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 {
-			P(null);
+			R(null);
 		}
 	}, [
 		Q,
 		J,
-		H,
+		U,
 		$,
-		k,
-		U
+		M,
+		W
 	]);
-	return Ke ? /* @__PURE__ */ p(h, { children: /* @__PURE__ */ p(se, { message: "Loading Actions..." }) }) : y && y.permissionStrings?.length > 0 && !qe ? /* @__PURE__ */ p(h, { children: /* @__PURE__ */ p(Ve, {}) }) : pt ? /* @__PURE__ */ p(h, { children: /* @__PURE__ */ p(se, { message: "Loading Actions..." }) }) : mt ? /* @__PURE__ */ p(h, { children: /* @__PURE__ */ p(ce, {
-		message: mt.message,
-		onRetry: () => U()
-	}) }) : /* @__PURE__ */ m(h, {
+	return Je ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(oe, { message: "Loading Actions..." }) }) : x && x.permissionStrings?.length > 0 && !Xe ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(ze, {}) }) : _t ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(oe, { message: "Loading Actions..." }) }) : vt ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(se, {
+		message: vt.message,
+		onRetry: () => W()
+	}) }) : /* @__PURE__ */ g(_, {
 		className: "px-6 lg:px-8 py-6 space-y-6",
 		children: [
-			/* @__PURE__ */ p(oe, {
-				title: b("nav.actions", "Actions"),
+			/* @__PURE__ */ h(ae, {
+				title: S("nav.actions", "Actions"),
 				description: "Automate tasks — run commands, scripts, or trigger webhooks on your agents",
-				actions: /* @__PURE__ */ p(ze, {
-					primary: Je ? {
-						label: b("actions.createAction", "Create Action"),
-						onSelect: () => w({ type: "create" }),
-						icon: /* @__PURE__ */ p(Me, { size: 16 })
+				actions: /* @__PURE__ */ h(Le, {
+					primary: w ? {
+						label: S("actions.createAction", "Create Action"),
+						onSelect: () => D({ type: "create" }),
+						icon: /* @__PURE__ */ h(je, { size: 16 })
 					} : void 0,
 					actions: [{
-						label: b("common.refresh", "Refresh"),
-						onSelect: () => void U(),
-						icon: /* @__PURE__ */ p(Ne, { size: 16 })
+						label: S("common.refresh", "Refresh"),
+						onSelect: () => void W(),
+						icon: /* @__PURE__ */ h(Me, { size: 16 })
 					}]
 				})
 			}),
-			/* @__PURE__ */ p(Be, {
-				icon: /* @__PURE__ */ p(je, { className: "size-4" }),
-				children: b("actions.purpose", "Actions are reusable, one-click automations you run on your agents — a shell command, a script, or a webhook trigger. Define an action once (for example \"deploy\", \"run tests\" or \"restart service\") and fire it on demand instead of re-typing commands, so routine work becomes a single button.")
+			/* @__PURE__ */ h(Re, {
+				icon: /* @__PURE__ */ h(Ae, { className: "size-4" }),
+				children: S("actions.purpose", "Actions are reusable, one-click automations you run on your agents — a shell command, a script, or a webhook trigger. Define an action once (for example \"deploy\", \"run tests\" or \"restart service\") and fire it on demand instead of re-typing commands, so routine work becomes a single button.")
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				"data-tour": "actions-filter-section",
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ p(fe, {
-						value: E,
-						onChange: $e,
-						placeholder: b("actions.searchPlaceholder", "Search actions..."),
+					/* @__PURE__ */ h(de, {
+						value: k,
+						onChange: tt,
+						placeholder: S("actions.searchPlaceholder", "Search actions..."),
 						className: "w-full sm:w-64"
 					}),
-					/* @__PURE__ */ p(pe, {
+					/* @__PURE__ */ h(fe, {
 						label: "Type",
-						options: He,
-						value: D,
-						onChange: et
+						options: We,
+						value: A,
+						onChange: nt
 					}),
-					/* @__PURE__ */ p(pe, {
+					/* @__PURE__ */ h(fe, {
 						label: "Trigger",
-						options: Ue,
-						value: O,
-						onChange: tt
+						options: Ge,
+						value: j,
+						onChange: rt
 					})
 				]
 			}),
-			W.length > 0 && /* @__PURE__ */ p("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__ */ m("div", {
+				children: /* @__PURE__ */ g("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ p(ve, {
-								checked: jt,
-								indeterminate: Mt,
-								onChange: Pt,
+							children: [/* @__PURE__ */ h(_e, {
+								checked: It,
+								indeterminate: Lt,
+								onChange: zt,
 								ariaLabel: "Select all visible actions"
-							}), /* @__PURE__ */ p("span", {
+							}), /* @__PURE__ */ h("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: "Select all visible"
 							})]
-						}), j.size > 0 && /* @__PURE__ */ p("button", {
+						}), P.size > 0 && /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: $,
 							className: "text-sm text-text-secondary hover:text-text-primary",
 							children: "Clear selection"
 						})]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ m("span", {
+							/* @__PURE__ */ g("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
-								children: [j.size, " selected"]
+								children: [P.size, " selected"]
 							}),
-							Ze && /* @__PURE__ */ p("button", {
+							$e && /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => M("execute"),
-								disabled: Q.length === 0 || N !== null,
+								onClick: () => I("execute"),
+								disabled: Q.length === 0 || L !== 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__ */ m("span", {
+								children: /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ p(je, { size: 14 }),
+										/* @__PURE__ */ h(Ae, { size: 14 }),
 										"Execute Selected",
 										Q.length > 0 ? ` (${Q.length})` : ""
 									]
 								})
 							}),
-							Je && /* @__PURE__ */ p("button", {
+							w && /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: Ft,
-								disabled: Q.length === 0 || N !== null,
+								onClick: Bt,
+								disabled: Q.length === 0 || L !== 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__ */ m("span", {
+								children: /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ p(Ae, { size: 14 }),
+										/* @__PURE__ */ h(ke, { size: 14 }),
 										"Duplicate Selected",
 										Q.length > 0 ? ` (${Q.length})` : ""
 									]
 								})
 							}),
-							Xe && /* @__PURE__ */ p("button", {
+							Qe && /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => M("delete"),
-								disabled: Q.length === 0 || N !== null,
+								onClick: () => I("delete"),
+								disabled: Q.length === 0 || L !== 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__ */ m("span", {
+								children: /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ p(Pe, { size: 14 }),
+										/* @__PURE__ */ h(Ne, { size: 14 }),
 										"Delete Selected",
 										Q.length > 0 ? ` (${Q.length})` : ""
 									]
@@ -509,115 +541,115 @@ function g() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ p(Re, {
+			/* @__PURE__ */ h(m, {
 				mode: "wait",
-				children: W.length === 0 && !pt && /* @__PURE__ */ p(de, {
+				children: G.length === 0 && !_t && /* @__PURE__ */ h(ue, {
 					illustration: "empty-data",
 					title: "No actions yet",
 					description: "Create your first action to automate commands, scripts, and webhooks",
-					action: /* @__PURE__ */ m("div", {
+					action: /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-2",
-						children: [Je && /* @__PURE__ */ p("button", {
+						children: [w && /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => w({ type: "create" }),
+							onClick: () => D({ 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__ */ p(_e, { 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__ */ p("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__ */ p("div", {
+				children: G.map((e) => /* @__PURE__ */ h("div", {
 					role: "button",
 					tabIndex: 0,
-					onClick: () => A(e.id),
+					onClick: () => N(e.id),
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), A(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), N(e.id));
 					},
 					"aria-label": `Select action ${e.displayName || e.name}`,
-					children: /* @__PURE__ */ p(Se, {
+					children: /* @__PURE__ */ h(xe, {
 						action: e,
-						onExecute: Dt,
-						onEdit: (e) => w({
+						onExecute: Mt,
+						onEdit: (e) => D({
 							type: "edit",
 							actionId: e
 						}),
-						onDuplicate: At,
-						onDelete: (t) => w({
+						onDuplicate: Ft,
+						onDelete: (t) => D({
 							type: "confirmDelete",
 							id: t,
 							name: e.displayName || e.name
 						}),
-						onSchedule: (e) => g(`/scheduler?actionId=${encodeURIComponent(e)}`),
-						onAddToCalendar: (e) => g(`/vibecontrols/calendar?actionId=${encodeURIComponent(e)}`),
-						canUpdate: Ye,
-						canDelete: Xe,
-						canExecute: Ze,
-						isExecuting: rt === e.id,
-						selected: j.has(e.id),
-						onToggleSelect: (t) => Nt(e.id, t)
+						onSchedule: (e) => v(`/scheduler?actionId=${encodeURIComponent(e)}`),
+						onAddToCalendar: (e) => v(`/vibecontrols/calendar?actionId=${encodeURIComponent(e)}`),
+						canUpdate: Ze,
+						canDelete: Qe,
+						canExecute: $e,
+						isExecuting: it === e.id,
+						selected: P.has(e.id),
+						onToggleSelect: (t) => Rt(e.id, t)
 					})
 				}, e.id))
 			}),
-			/* @__PURE__ */ p(Re, { children: k && G && /* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h(m, { children: M && K && /* @__PURE__ */ g("div", {
 				className: "space-y-3",
-				children: [Ge && /* @__PURE__ */ p(De, {
-					actionId: k,
-					workspaceId: Ge,
-					actionName: G.displayName || G.name,
-					onClose: () => A(null)
-				}), /* @__PURE__ */ p("div", {
+				children: [qe && /* @__PURE__ */ h(Ee, {
+					actionId: M,
+					workspaceId: qe,
+					actionName: K.displayName || K.name,
+					onClose: () => N(null)
+				}), /* @__PURE__ */ h("div", {
 					"data-tour": "actions-execution-history",
-					children: /* @__PURE__ */ p(Ee, {
-						executions: gt,
-						actionName: G.displayName || G.name,
-						onClose: () => A(null)
+					children: /* @__PURE__ */ h(Te, {
+						executions: bt,
+						actionName: K.displayName || K.name,
+						onClose: () => N(null)
 					})
 				})]
 			}) }),
-			/* @__PURE__ */ p(Re, { children: Qe.length > 0 && /* @__PURE__ */ p("div", {
+			/* @__PURE__ */ h(m, { children: et.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: Qe.slice(-3).map((e) => /* @__PURE__ */ m("div", {
+				children: et.slice(-3).map((e) => /* @__PURE__ */ g("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), dt(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), ht(e.id));
 					},
 					className: `p-4 rounded-xl shadow-lg border cursor-pointer ${e.variant === "success" ? "bg-status-success-bg-subtle border-status-success-border text-status-success-text" : "bg-status-error-bg-subtle border-status-error-border text-status-error-text"}`,
-					onClick: () => dt(e.id),
-					children: [/* @__PURE__ */ p("div", {
+					onClick: () => ht(e.id),
+					children: [/* @__PURE__ */ h("div", {
 						className: "font-medium text-sm",
 						children: e.message
-					}), e.detail && /* @__PURE__ */ p("pre", {
+					}), e.detail && /* @__PURE__ */ h("pre", {
 						className: "text-xs font-mono opacity-80 mt-1 max-h-20 overflow-y-auto whitespace-pre-wrap",
 						children: e.detail
 					})]
 				}, e.id))
 			}) }),
-			C.type === "create" && /* @__PURE__ */ p(Te, {
+			E.type === "create" && /* @__PURE__ */ h(we, {
 				title: "Create Action",
-				agents: K,
-				onSubmit: wt,
-				onCancel: () => w({ type: "none" }),
-				isLoading: yt,
-				extraSection: /* @__PURE__ */ m("div", {
+				agents: St,
+				onSubmit: kt,
+				onCancel: () => D({ type: "none" }),
+				isLoading: wt,
+				extraSection: /* @__PURE__ */ g("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
+					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 						className: "text-sm font-medium text-text-secondary mb-2",
-						children: b("actions.tags", "Tags")
-					}), /* @__PURE__ */ p(le, {
+						children: S("actions.tags", "Tags")
+					}), /* @__PURE__ */ h(ce, {
 						entityType: "VIBECONTROLS_ACTION",
-						onDraftChange: bt
-					})] }), /* @__PURE__ */ p(he, {
-						value: z,
-						onChange: B,
-						disabled: yt
+						onDraftChange: Tt
+					})] }), /* @__PURE__ */ h(me, {
+						value: dt,
+						onChange: ft,
+						disabled: wt
 					})]
 				})
 			}),
-			C.type === "edit" && Z && /* @__PURE__ */ p(Te, {
+			E.type === "edit" && Z && /* @__PURE__ */ h(we, {
 				title: "Edit Action",
 				initialData: {
 					name: Z.name,
@@ -641,81 +673,81 @@ function g() {
 					retryCount: Z.retryCount || 0,
 					confirmationRequired: Z.confirmationRequired ?? !1
 				},
-				agents: K,
-				onSubmit: Tt,
-				onCancel: () => w({ type: "none" }),
-				isLoading: Ct,
-				extraSection: /* @__PURE__ */ m("div", {
+				agents: St,
+				onSubmit: At,
+				onCancel: () => D({ type: "none" }),
+				isLoading: Ot,
+				extraSection: /* @__PURE__ */ g("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
+					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 						className: "text-sm font-medium text-text-secondary mb-2",
-						children: b("actions.tags", "Tags")
-					}), /* @__PURE__ */ p(le, {
+						children: S("actions.tags", "Tags")
+					}), /* @__PURE__ */ h(ce, {
 						entityType: "VIBECONTROLS_ACTION",
 						entityId: Z.id
-					})] }), /* @__PURE__ */ p(he, {
-						value: V,
-						onChange: ut,
-						disabled: Ct
+					})] }), /* @__PURE__ */ h(me, {
+						value: pt,
+						onChange: mt,
+						disabled: Ot
 					})]
 				})
 			}),
-			C.type === "confirmDelete" && /* @__PURE__ */ p(a, {
+			E.type === "confirmDelete" && /* @__PURE__ */ h(o, {
 				isOpen: !0,
 				title: "Delete Action",
-				message: `Are you sure you want to delete "${C.name}"? This cannot be undone.`,
+				message: `Are you sure you want to delete "${E.name}"? This cannot be undone.`,
 				confirmLabel: "Delete",
 				variant: "danger",
-				onConfirm: Et,
-				onClose: () => w({ type: "none" })
+				onConfirm: jt,
+				onClose: () => D({ type: "none" })
 			}),
-			C.type === "confirmExecute" && /* @__PURE__ */ p(a, {
+			E.type === "confirmExecute" && /* @__PURE__ */ h(o, {
 				isOpen: !0,
-				title: `Execute: ${C.name}`,
-				message: `Are you sure you want to execute "${C.name}"?`,
+				title: `Execute: ${E.name}`,
+				message: `Are you sure you want to execute "${E.name}"?`,
 				confirmLabel: "Execute",
 				variant: "warning",
-				onConfirm: Ot,
-				onClose: () => w({ type: "none" })
+				onConfirm: Nt,
+				onClose: () => D({ type: "none" })
 			}),
-			/* @__PURE__ */ p(a, {
-				isOpen: at === "delete",
+			/* @__PURE__ */ h(o, {
+				isOpen: ot === "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: It,
-				onClose: () => M(null),
-				isLoading: N === "delete"
+				onConfirm: Vt,
+				onClose: () => I(null),
+				isLoading: L === "delete"
 			}),
-			/* @__PURE__ */ p(a, {
-				isOpen: at === "execute",
+			/* @__PURE__ */ h(o, {
+				isOpen: ot === "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: Lt,
-				onClose: () => M(null),
-				isLoading: N === "execute"
-			}),
-			/* @__PURE__ */ p(re, {
-				isOpen: F !== null,
+				onConfirm: Ht,
 				onClose: () => I(null),
+				isLoading: L === "execute"
+			}),
+			/* @__PURE__ */ h(ne, {
+				isOpen: z !== null,
+				onClose: () => B(null),
 				onConfirm: () => {
-					s(), I(null), g("/billing/plans");
+					c(), B(null), v("/billing/plans");
 				},
-				title: F ? ie(F).title : void 0,
-				message: F ? ie(F).message : ""
+				title: z ? re(z).title : void 0,
+				message: z ? re(z).message : ""
 			}),
-			/* @__PURE__ */ p(me, {
-				isOpen: L !== null,
-				agentName: L ? K.find((e) => e.id === L.agentId)?.name : void 0,
-				isLoading: ot,
-				onClose: () => R(null),
-				onConfirm: kt
+			/* @__PURE__ */ h(pe, {
+				isOpen: V !== null,
+				agentName: V ? St.find((e) => e.id === V.agentId)?.name : void 0,
+				isLoading: st,
+				onClose: () => H(null),
+				onConfirm: Pt
 			})
 		]
 	});
 }
 //#endregion
-export { g as ActionsPage };
+export { v as ActionsPage };