@burdenoff/microfe-vibecontrols 2026.625.3 → 2026.626.2

package/dist/pages/ActionsPage.js

@@ -1,40 +1,40 @@
-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-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 { CTAOverflowMenu as Re } from "@burdenoff/fe-libs/ui";
+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-dom";
+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 g } from "@burdenoff/fe-libs/shared/motion";
+import { MotionPage as _ } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/ActionsPage.tsx
 var Be = [
 	{
@@ -71,11 +71,11 @@ var Be = [
 		label: "On Demand"
 	}
 ];
-function _() {
-	let _ = Fe(), [v, He] = Ie(), { workspaceId: Ue } = ae(), { hasPermission: y, isLoading: We, permissions: b } = Le(), x = ((e) => (t, n) => {
+function v() {
+	let v = Pe(), [He, Ue] = Fe(), { workspaceId: We } = ie(), { hasPermission: y, isLoading: Ge, permissions: b } = Ie(), 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:")), 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) => {
+	})(Oe()), S = (Array.isArray(b) ? b : b?.permissionStrings)?.some?.((e) => e.startsWith("action:")), Ke = S ? y(u.ACTION_LIST) : !0, qe = S ? y(u.ACTION_CREATE) : !0, Je = S ? y(u.ACTION_UPDATE) : !0, Ye = S ? y(u.ACTION_DELETE) : !0, Xe = S ? y(u.ACTION_EXECUTE) : !0, C = Ge, [w, T] = p({ type: "none" }), [Ze, E] = p([]), [D, Qe] = p(""), [O, $e] = p(null), [k, et] = p(null), [A, j] = p(null), [M, N] = p(/* @__PURE__ */ new Set()), [tt, nt] = p(null), [rt, P] = p(null), [F, I] = p(null), [L, R] = p(null), [z, B] = p(null), [it, at] = p(!1), { profiles: ot } = ve(z?.agentId ?? null), st = ot.find((e) => e.isDefault)?.name ?? "default", [V, H] = p(l), [ct, lt] = p(l), U = d((e, t, n, r = 1e4) => {
 		let i = Date.now() + Math.random();
 		E((r) => [...r, {
 			message: e,
@@ -83,9 +83,9 @@ function _() {
 			detail: n,
 			id: i
 		}]), t === "success" && setTimeout(() => E((e) => e.filter((e) => e.id !== i)), r);
-	}, []), lt = u((e) => {
+	}, []), ut = d((e) => {
 		E((t) => t.filter((t) => t.id !== e));
-	}, []), { data: ut, loading: dt, error: ft, refetch: W } = ee({
+	}, []), { data: dt, loading: ft, error: pt, refetch: W } = a({
 		variables: {
 			filter: {
 				...O && O !== "all" ? { actionType: O } : {},
@@ -95,20 +95,20 @@ function _() {
 			pagination: { limit: 50 }
 		},
 		skip: C
-	}), G = d(() => ut?.actions?.items || [], [ut]), { data: pt } = i({
+	}), G = f(() => dt?.actions?.items || [], [dt]), { data: mt } = i({
 		variables: { id: A },
 		skip: !A || C
-	}), K = pt?.action, mt = K?.recentExecutions || [], { data: ht } = te({
+	}), K = mt?.action, ht = K?.recentExecutions || [], { data: gt } = ee({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
 		skip: C
-	}), gt = d(() => (ht?.vibecontrolsAgents ?? []).map((e) => ({
+	}), _t = f(() => (gt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive
-	})), [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) => {
+	})), [gt]), [vt, { loading: yt }] = e({ refetchQueries: ["ListActions"] }), { setDraftTagIds: bt, flushTags: xt } = le("VIBECONTROLS_ACTION"), [St, { loading: Ct }] = te({ refetchQueries: ["ListActions", "GetAction"] }), [q] = t({ refetchQueries: ["ListActions"] }), [J] = r({ refetchQueries: ["GetAction"] }), [Y] = n({ refetchQueries: ["ListActions"] }), wt = d(async (e) => {
 		try {
-			let t = await _t({ variables: { input: {
+			let t = await vt({ variables: { input: {
 				name: e.name,
 				displayName: e.displayName || null,
 				description: e.description || null,
@@ -129,29 +129,29 @@ function _() {
 				timeoutMs: e.timeoutMs,
 				retryCount: e.retryCount,
 				confirmationRequired: e.confirmationRequired,
-				...ge(V)
+				...he(V)
 			} } });
-			if (t.error && o(t.error)) {
-				T({ type: "none" }), s(), R("action");
+			if (t.error && s(t.error)) {
+				T({ type: "none" }), c(), R("action");
 				return;
 			}
 			let n = t.data?.createAction?.id;
-			T({ type: "none" }), U("Action created", "success"), H(c), n && await bt(n);
+			T({ type: "none" }), U("Action created", "success"), H(l), n && await xt(n);
 		} catch (e) {
-			if (o(e)) {
-				T({ type: "none" }), s(), R("action");
+			if (s(e)) {
+				T({ type: "none" }), c(), R("action");
 				return;
 			}
 			U(e instanceof Error ? e.message : "Failed to create action", "error");
 		}
 	}, [
-		_t,
-		bt,
+		vt,
+		xt,
 		U,
 		V
-	]), wt = u(async (e) => {
+	]), Tt = d(async (e) => {
 		if (w.type === "edit") try {
-			await xt({ variables: {
+			await St({ variables: {
 				id: w.actionId,
 				input: {
 					displayName: e.displayName || null,
@@ -173,29 +173,29 @@ function _() {
 					timeoutMs: e.timeoutMs,
 					retryCount: e.retryCount,
 					confirmationRequired: e.confirmationRequired,
-					...ge(st)
+					...he(ct)
 				}
 			} }), T({ type: "none" }), U("Action updated", "success");
 		} catch (e) {
 			U(e instanceof Error ? e.message : "Failed to update action", "error");
 		}
 	}, [
-		xt,
+		St,
 		w,
 		U,
-		st
-	]), Tt = u(async () => {
+		ct
+	]), Et = d(async () => {
 		if (w.type === "confirmDelete") try {
-			await q({ variables: { id: w.id } }), A === w.id && j(null), T({ type: "none" }), U("Action deleted", "success"), be() && xe("success");
+			await q({ variables: { id: w.id } }), A === w.id && j(null), T({ type: "none" }), U("Action deleted", "success"), ye() && be("success");
 		} catch (e) {
-			U(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");
 		}
 	}, [
 		w,
 		q,
 		A,
 		U
-	]), Et = async (e) => {
+	]), Dt = async (e) => {
 		let t = G.find((t) => t.id === e);
 		if (t) {
 			if (t.confirmationRequired) {
@@ -208,16 +208,16 @@ function _() {
 			}
 			await X(e);
 		}
-	}, X = u(async (e, t = !0) => {
-		tt(e);
+	}, X = d(async (e, t = !0) => {
+		nt(e);
 		try {
 			let n = await J({ variables: { id: e } });
-			if (n.error && o(n.error)) {
-				s(), R("command-execution");
+			if (n.error && s(n.error)) {
+				c(), R("command-execution");
 				return;
 			}
 			let r = n.data?.executeAction;
-			if (r && we(r) && r.agentId) {
+			if (r && Ce(r) && r.agentId) {
 				t ? B({
 					actionId: e,
 					agentId: r.agentId
@@ -226,26 +226,26 @@ function _() {
 			}
 			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");
+			if (s(e)) {
+				c(), R("command-execution");
 				return;
 			}
 			U(e instanceof Error ? e.message : "Execution failed", "error");
 		} finally {
-			tt(null);
+			nt(null);
 		}
-	}, [J, U]), Dt = u(async () => {
+	}, [J, U]), Ot = d(async () => {
 		if (w.type !== "confirmExecute") return;
 		let e = w.actionId;
 		T({ type: "none" }), await X(e);
-	}, [w, X]), Ot = u(async ({ shell: e, file: t }) => {
+	}, [w, X]), kt = d(async ({ shell: e, file: t }) => {
 		if (!z) return;
 		let { actionId: n, agentId: r } = z;
-		it(!0);
+		at(!0);
 		try {
-			await Ce({
+			await Se({
 				id: r,
-				profile: ot
+				profile: st
 			}, {
 				shell: e,
 				file: t
@@ -253,14 +253,14 @@ function _() {
 		} catch (e) {
 			U(e instanceof Error ? e.message : "Failed to enable remote execution", "error");
 		} finally {
-			it(!1);
+			at(!1);
 		}
 	}, [
 		z,
-		ot,
+		st,
 		X,
 		U
-	]), kt = u(async (e) => {
+	]), At = d(async (e) => {
 		let t = G.find((t) => t.id === e);
 		if (t) try {
 			await Y({ variables: {
@@ -274,40 +274,40 @@ function _() {
 		G,
 		Y,
 		U
-	]), Z = d(() => w.type === "edit" && G.find((e) => e.id === w.actionId) || null, [w, G]);
-	Oe(() => {
+	]), Z = f(() => w.type === "edit" && G.find((e) => e.id === w.actionId) || null, [w, G]);
+	De(() => {
 		if (w.type === "edit" && Z) {
 			let e = Z;
-			ct({
+			lt({
 				vibeId: e.vibeId ?? null,
 				visibility: e.visibility ?? "PRIVATE"
 			});
-		} else w.type === "create" && H(c);
-	}, [w.type, Z]), Oe(() => {
-		let e = v.get("editAction");
+		} else w.type === "create" && H(l);
+	}, [w.type, Z]), De(() => {
+		let e = He.get("editAction");
 		if (!e) return;
 		T({
 			type: "edit",
 			actionId: e
 		});
-		let t = new URLSearchParams(v);
-		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) => {
+		let t = new URLSearchParams(He);
+		t.delete("editAction"), Ue(t, { replace: !0 });
+	}, [He, Ue]);
+	let Q = f(() => G.filter((e) => M.has(e.id)), [G, M]), jt = G.length > 0 && G.every((e) => M.has(e.id)), Mt = G.some((e) => M.has(e.id)) && !jt, Nt = d((e, t) => {
 		N((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), Nt = u((e) => {
+	}, []), Pt = d((e) => {
 		N((t) => {
 			let n = new Set(t);
 			return G.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, [G]), $ = u(() => {
+	}, [G]), $ = d(() => {
 		N(/* @__PURE__ */ new Set());
-	}, []), Pt = u(async () => {
+	}, []), Ft = d(async () => {
 		if (Q.length !== 0) {
 			I("duplicate");
 			try {
@@ -328,7 +328,7 @@ function _() {
 		U,
 		$,
 		W
-	]), Ft = u(async () => {
+	]), It = d(async () => {
 		if (Q.length !== 0) {
 			I("delete");
 			try {
@@ -348,22 +348,22 @@ function _() {
 		U,
 		$,
 		W
-	]), It = u(async () => {
+	]), Lt = d(async () => {
 		if (Q.length === 0) return;
 		I("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(), R("command-execution"), n = !0;
+				if (i.error && s(i.error)) {
+					c(), R("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(), R("command-execution"), n = !0;
+				if (s(e)) {
+					c(), R("command-execution"), n = !0;
 					break;
 				}
 				t += 1;
@@ -382,120 +382,124 @@ function _() {
 		A,
 		W
 	]);
-	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,
+	return Ge ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(oe, { message: "Loading Actions..." }) }) : b && b.permissionStrings?.length > 0 && !Ke ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(ze, {}) }) : ft ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(oe, { message: "Loading Actions..." }) }) : pt ? /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(se, {
+		message: pt.message,
 		onRetry: () => W()
-	}) }) : /* @__PURE__ */ h(g, {
+	}) }) : /* @__PURE__ */ g(_, {
 		className: "px-6 lg:px-8 py-6 space-y-6",
 		children: [
-			/* @__PURE__ */ m(oe, {
+			/* @__PURE__ */ h(ae, {
 				title: x("nav.actions", "Actions"),
 				description: "Automate tasks — run commands, scripts, or trigger webhooks on your agents",
-				actions: /* @__PURE__ */ m(Re, {
-					primary: Ke ? {
+				actions: /* @__PURE__ */ h(Le, {
+					primary: qe ? {
 						label: x("actions.createAction", "Create Action"),
 						onSelect: () => T({ type: "create" }),
-						icon: /* @__PURE__ */ m(Me, { size: 16 })
+						icon: /* @__PURE__ */ h(je, { size: 16 })
 					} : void 0,
 					actions: [{
 						label: x("common.refresh", "Refresh"),
 						onSelect: () => void W(),
-						icon: /* @__PURE__ */ m(Ne, { size: 16 })
+						icon: /* @__PURE__ */ h(Me, { size: 16 })
 					}]
 				})
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ h(Re, {
+				icon: /* @__PURE__ */ h(Ae, { className: "size-4" }),
+				children: x("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__ */ g("div", {
 				"data-tour": "actions-filter-section",
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ m(fe, {
+					/* @__PURE__ */ h(de, {
 						value: D,
-						onChange: Ze,
+						onChange: Qe,
 						placeholder: x("actions.searchPlaceholder", "Search actions..."),
 						className: "w-full sm:w-64"
 					}),
-					/* @__PURE__ */ m(pe, {
+					/* @__PURE__ */ h(fe, {
 						label: "Type",
 						options: Be,
 						value: O,
-						onChange: Qe
+						onChange: $e
 					}),
-					/* @__PURE__ */ m(pe, {
+					/* @__PURE__ */ h(fe, {
 						label: "Trigger",
 						options: Ve,
 						value: k,
-						onChange: $e
+						onChange: et
 					})
 				]
 			}),
-			G.length > 0 && /* @__PURE__ */ m("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__ */ h("div", {
+				children: /* @__PURE__ */ g("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ m(ve, {
-								checked: At,
-								indeterminate: jt,
-								onChange: Nt,
+							children: [/* @__PURE__ */ h(_e, {
+								checked: jt,
+								indeterminate: Mt,
+								onChange: Pt,
 								ariaLabel: "Select all visible actions"
-							}), /* @__PURE__ */ m("span", {
+							}), /* @__PURE__ */ h("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: "Select all visible"
 							})]
-						}), M.size > 0 && /* @__PURE__ */ m("button", {
+						}), M.size > 0 && /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: $,
 							className: "text-sm text-text-secondary hover:text-text-primary",
 							children: "Clear selection"
 						})]
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ g("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 								children: [M.size, " selected"]
 							}),
-							/* @__PURE__ */ m("button", {
+							/* @__PURE__ */ h("button", {
 								type: "button",
 								onClick: () => P("execute"),
 								disabled: Q.length === 0 || F !== 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__ */ h("span", {
+								children: /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ m(je, { size: 14 }),
+										/* @__PURE__ */ h(Ae, { size: 14 }),
 										"Execute Selected",
 										Q.length > 0 ? ` (${Q.length})` : ""
 									]
 								})
 							}),
-							/* @__PURE__ */ m("button", {
+							/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: Pt,
+								onClick: Ft,
 								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", {
+								children: /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ m(Ae, { size: 14 }),
+										/* @__PURE__ */ h(ke, { size: 14 }),
 										"Duplicate Selected",
 										Q.length > 0 ? ` (${Q.length})` : ""
 									]
 								})
 							}),
-							/* @__PURE__ */ m("button", {
+							/* @__PURE__ */ h("button", {
 								type: "button",
 								onClick: () => P("delete"),
 								disabled: Q.length === 0 || F !== 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__ */ h("span", {
+								children: /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ m(Pe, { size: 14 }),
+										/* @__PURE__ */ h(Ne, { size: 14 }),
 										"Delete Selected",
 										Q.length > 0 ? ` (${Q.length})` : ""
 									]
@@ -505,26 +509,27 @@ function _() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ m(p, {
+			/* @__PURE__ */ h(m, {
 				mode: "wait",
-				children: G.length === 0 && !dt && /* @__PURE__ */ m(de, {
+				children: G.length === 0 && !ft && /* @__PURE__ */ h(ue, {
+					illustration: "empty-data",
 					title: "No actions yet",
 					description: "Create your first action to automate commands, scripts, and webhooks",
-					action: /* @__PURE__ */ h("div", {
+					action: /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-2",
-						children: [Ke && /* @__PURE__ */ m("button", {
+						children: [qe && /* @__PURE__ */ h("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",
 							children: "Create Action"
-						}), /* @__PURE__ */ m(_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?" })]
 					})
 				})
 			}),
-			G.length > 0 && /* @__PURE__ */ m("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: G.map((e) => /* @__PURE__ */ m("div", {
+				children: G.map((e) => /* @__PURE__ */ h("div", {
 					role: "button",
 					tabIndex: 0,
 					onClick: () => j(e.id),
@@ -532,87 +537,87 @@ function _() {
 						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), j(e.id));
 					},
 					"aria-label": `Select action ${e.displayName || e.name}`,
-					children: /* @__PURE__ */ m(Se, {
+					children: /* @__PURE__ */ h(xe, {
 						action: e,
-						onExecute: Et,
+						onExecute: Dt,
 						onEdit: (e) => T({
 							type: "edit",
 							actionId: e
 						}),
-						onDuplicate: kt,
+						onDuplicate: At,
 						onDelete: (t) => T({
 							type: "confirmDelete",
 							id: t,
 							name: e.displayName || e.name
 						}),
-						onSchedule: (e) => _(`/scheduler?actionId=${encodeURIComponent(e)}`),
-						onAddToCalendar: (e) => _(`/vibecontrols/calendar?actionId=${encodeURIComponent(e)}`),
-						canUpdate: qe,
-						canDelete: Je,
-						canExecute: Ye,
-						isExecuting: et === e.id,
+						onSchedule: (e) => v(`/scheduler?actionId=${encodeURIComponent(e)}`),
+						onAddToCalendar: (e) => v(`/vibecontrols/calendar?actionId=${encodeURIComponent(e)}`),
+						canUpdate: Je,
+						canDelete: Ye,
+						canExecute: Xe,
+						isExecuting: tt === e.id,
 						selected: M.has(e.id),
-						onToggleSelect: (t) => Mt(e.id, t)
+						onToggleSelect: (t) => Nt(e.id, t)
 					})
 				}, e.id))
 			}),
-			/* @__PURE__ */ m(p, { children: A && K && /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ h(m, { children: A && K && /* @__PURE__ */ g("div", {
 				className: "space-y-3",
-				children: [Ue && /* @__PURE__ */ m(De, {
+				children: [We && /* @__PURE__ */ h(Ee, {
 					actionId: A,
-					workspaceId: Ue,
+					workspaceId: We,
 					actionName: K.displayName || K.name,
 					onClose: () => j(null)
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ h("div", {
 					"data-tour": "actions-execution-history",
-					children: /* @__PURE__ */ m(Ee, {
-						executions: mt,
+					children: /* @__PURE__ */ h(Te, {
+						executions: ht,
 						actionName: K.displayName || K.name,
 						onClose: () => j(null)
 					})
 				})]
 			}) }),
-			/* @__PURE__ */ m(p, { children: Xe.length > 0 && /* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h(m, { children: Ze.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: Xe.slice(-3).map((e) => /* @__PURE__ */ h("div", {
+				children: Ze.slice(-3).map((e) => /* @__PURE__ */ g("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), lt(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), ut(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: () => lt(e.id),
-					children: [/* @__PURE__ */ m("div", {
+					onClick: () => ut(e.id),
+					children: [/* @__PURE__ */ h("div", {
 						className: "font-medium text-sm",
 						children: e.message
-					}), e.detail && /* @__PURE__ */ m("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))
 			}) }),
-			w.type === "create" && /* @__PURE__ */ m(Te, {
+			w.type === "create" && /* @__PURE__ */ h(we, {
 				title: "Create Action",
-				agents: gt,
-				onSubmit: Ct,
+				agents: _t,
+				onSubmit: wt,
 				onCancel: () => T({ type: "none" }),
-				isLoading: vt,
-				extraSection: /* @__PURE__ */ h("div", {
+				isLoading: yt,
+				extraSection: /* @__PURE__ */ g("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 						className: "text-sm font-medium text-text-secondary mb-2",
 						children: x("actions.tags", "Tags")
-					}), /* @__PURE__ */ m(le, {
+					}), /* @__PURE__ */ h(ce, {
 						entityType: "VIBECONTROLS_ACTION",
-						onDraftChange: yt
-					})] }), /* @__PURE__ */ m(he, {
+						onDraftChange: bt
+					})] }), /* @__PURE__ */ h(me, {
 						value: V,
 						onChange: H,
-						disabled: vt
+						disabled: yt
 					})]
 				})
 			}),
-			w.type === "edit" && Z && /* @__PURE__ */ m(Te, {
+			w.type === "edit" && Z && /* @__PURE__ */ h(we, {
 				title: "Edit Action",
 				initialData: {
 					name: Z.name,
@@ -636,83 +641,83 @@ function _() {
 					retryCount: Z.retryCount || 0,
 					confirmationRequired: Z.confirmationRequired ?? !1
 				},
-				agents: gt,
-				onSubmit: wt,
+				agents: _t,
+				onSubmit: Tt,
 				onCancel: () => T({ type: "none" }),
-				isLoading: St,
-				extraSection: /* @__PURE__ */ h("div", {
+				isLoading: Ct,
+				extraSection: /* @__PURE__ */ g("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 						className: "text-sm font-medium text-text-secondary mb-2",
 						children: x("actions.tags", "Tags")
-					}), /* @__PURE__ */ m(le, {
+					}), /* @__PURE__ */ h(ce, {
 						entityType: "VIBECONTROLS_ACTION",
 						entityId: Z.id
-					})] }), /* @__PURE__ */ m(he, {
-						value: st,
-						onChange: ct,
-						disabled: St
+					})] }), /* @__PURE__ */ h(me, {
+						value: ct,
+						onChange: lt,
+						disabled: Ct
 					})]
 				})
 			}),
-			w.type === "confirmDelete" && /* @__PURE__ */ m(a, {
+			w.type === "confirmDelete" && /* @__PURE__ */ h(o, {
 				isOpen: !0,
 				title: "Delete Action",
 				message: `Are you sure you want to delete "${w.name}"? This cannot be undone.`,
 				confirmLabel: "Delete",
 				variant: "danger",
-				onConfirm: Tt,
+				onConfirm: Et,
 				onClose: () => T({ type: "none" })
 			}),
-			w.type === "confirmExecute" && /* @__PURE__ */ m(a, {
+			w.type === "confirmExecute" && /* @__PURE__ */ h(o, {
 				isOpen: !0,
 				title: `Execute: ${w.name}`,
 				message: `Are you sure you want to execute "${w.name}"?`,
 				confirmLabel: "Execute",
 				variant: "warning",
-				onConfirm: Dt,
+				onConfirm: Ot,
 				onClose: () => T({ type: "none" })
 			}),
-			/* @__PURE__ */ m(a, {
-				isOpen: nt === "delete",
+			/* @__PURE__ */ h(o, {
+				isOpen: rt === "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: Ft,
+				onConfirm: It,
 				onClose: () => P(null),
 				isLoading: F === "delete"
 			}),
-			/* @__PURE__ */ m(a, {
-				isOpen: nt === "execute",
+			/* @__PURE__ */ h(o, {
+				isOpen: rt === "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: It,
+				onConfirm: Lt,
 				onClose: () => P(null),
 				isLoading: F === "execute"
 			}),
-			/* @__PURE__ */ m(re, {
+			/* @__PURE__ */ h(ne, {
 				isOpen: L !== null,
 				onClose: () => R(null),
 				onConfirm: () => {
-					s(), R(null), _("/billing/plans");
+					c(), R(null), v("/billing/plans");
 				},
-				title: L ? ie(L).title : void 0,
-				message: L ? ie(L).message : ""
+				title: L ? re(L).title : void 0,
+				message: L ? re(L).message : ""
 			}),
-			/* @__PURE__ */ m(me, {
+			/* @__PURE__ */ h(pe, {
 				isOpen: z !== null,
-				agentName: z ? gt.find((e) => e.id === z.agentId)?.name : void 0,
-				isLoading: rt,
+				agentName: z ? _t.find((e) => e.id === z.agentId)?.name : void 0,
+				isLoading: it,
 				onClose: () => B(null),
-				onConfirm: Ot
+				onConfirm: kt
 			})
 		]
 	});
 }
 //#endregion
-export { _ as ActionsPage };
+export { v as ActionsPage };
 
 //# sourceMappingURL=ActionsPage.js.map