@burdenoff/microfe-vibecontrols 2026.519.2 → 2026.519.4

package/dist/pages/ActionsPage.js

@@ -6,30 +6,31 @@ import { ErrorState as ae } from "../components/shared/ErrorState.js";
 import { ConfirmDialog as o } from "../components/shared/ConfirmDialog.js";
 import { QuotaExhaustedDialog as oe } from "../components/shared/QuotaExhaustedDialog.js";
 import { getQuotaDialogContent as s, isQuotaExhaustedError as c } from "../utils/quotaUtils.js";
+import { EntityTagPicker as se } from "../components/shared/EntityTagPicker.js";
 import { isNative as l, nativeNotify as u } from "../utils/nativeBridge.js";
-import { EmptyState as se } from "../components/shared/EmptyState.js";
-import { SearchInput as ce } from "../components/shared/SearchInput.js";
-import { FilterDropdown as le } from "../components/shared/FilterDropdown.js";
-import { GetHelpButton as ue } from "../components/shared/GetHelpButton.js";
-import { SelectionCheckbox as de } from "../components/shared/SelectionCheckbox.js";
+import { EmptyState as ce } from "../components/shared/EmptyState.js";
+import { SearchInput as le } from "../components/shared/SearchInput.js";
+import { FilterDropdown as ue } from "../components/shared/FilterDropdown.js";
+import { GetHelpButton as de } from "../components/shared/GetHelpButton.js";
+import { SelectionCheckbox as fe } from "../components/shared/SelectionCheckbox.js";
 import "../components/shared/index.js";
-import { ActionCard as fe } from "../components/actions/ActionCard.js";
-import { ActionForm as pe } from "../components/actions/ActionForm.js";
-import { ExecutionHistory as me } from "../components/actions/ExecutionHistory.js";
-import { ActionSchedulesList as he } from "../components/actions/ActionSchedulesList.js";
+import { ActionCard as pe } from "../components/actions/ActionCard.js";
+import { ActionForm as me } from "../components/actions/ActionForm.js";
+import { ExecutionHistory as he } from "../components/actions/ExecutionHistory.js";
+import { ActionSchedulesList as ge } from "../components/actions/ActionSchedulesList.js";
 import "../components/actions/index.js";
 import { VIBE_PERMISSIONS as d } from "../constants/permissions.js";
 import { useCallback as f, useMemo as p, useState as m } from "react";
-import { useI18n as ge } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Copy as _e, Play as ve, Plus as ye, RefreshCw as be, Trash2 as xe } from "lucide-react";
-import { useNavigate as Se } from "react-router-dom";
-import { usePermissions as Ce } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Copy as ve, Play as ye, Plus as be, RefreshCw as xe, Trash2 as Se } from "lucide-react";
+import { useNavigate as Ce } from "react-router-dom";
+import { usePermissions as we } from "@burdenoff/fe-libs/shared/providers/shell";
 import { AnimatePresence as h } from "framer-motion";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { MotionPage as v } from "@burdenoff/fe-libs/shared/motion";
-import { AccessDenied as we } from "@burdenoff/fe-libs/shared/components";
+import { AccessDenied as Te } from "@burdenoff/fe-libs/shared/components";
 //#region src/pages/ActionsPage.tsx
-var Te = [
+var Ee = [
 	{
 		value: "COMMAND",
 		label: "Command"
@@ -46,7 +47,7 @@ var Te = [
 		value: "WORKFLOW",
 		label: "Workflow"
 	}
-], Ee = [
+], De = [
 	{
 		value: "MANUAL",
 		label: "Manual"
@@ -65,41 +66,41 @@ var Te = [
 	}
 ];
 function y() {
-	let y = Se(), { workspaceId: b } = ne(), { hasPermission: x, isLoading: S, permissions: C } = Ce(), w = ((e) => (t, n) => {
+	let y = Ce(), { workspaceId: b } = ne(), { hasPermission: x, isLoading: S, permissions: C } = we(), w = ((e) => (t, n) => {
 		let r = e.t(t);
 		return r === t ? n : r;
-	})(ge()), T = (Array.isArray(C) ? C : C?.permissionStrings)?.some?.((e) => e.startsWith("action:")), De = T ? x(d.ACTION_LIST) : !0, Oe = T ? x(d.ACTION_CREATE) : !0, ke = T ? x(d.ACTION_UPDATE) : !0, Ae = T ? x(d.ACTION_DELETE) : !0, je = T ? x(d.ACTION_EXECUTE) : !0, E = S, [D, O] = m({ type: "none" }), [Me, k] = m([]), [A, Ne] = m(""), [j, Pe] = m(null), [M, Fe] = m(null), [N, P] = m(null), [F, I] = m(/* @__PURE__ */ new Set()), [Ie, Le] = m(null), [Re, L] = m(null), [R, z] = m(null), [B, V] = m(null), H = f((e, t, n, r = 1e4) => {
+	})(_e()), T = (Array.isArray(C) ? C : C?.permissionStrings)?.some?.((e) => e.startsWith("action:")), Oe = T ? x(d.ACTION_LIST) : !0, E = T ? x(d.ACTION_CREATE) : !0, ke = T ? x(d.ACTION_UPDATE) : !0, Ae = T ? x(d.ACTION_DELETE) : !0, je = T ? x(d.ACTION_EXECUTE) : !0, D = S, [O, k] = m({ type: "none" }), [Me, A] = m([]), [j, Ne] = m(""), [M, Pe] = m(null), [N, Fe] = m(null), [P, F] = m(null), [I, L] = m(/* @__PURE__ */ new Set()), [Ie, Le] = m(null), [Re, R] = m(null), [z, B] = m(null), [V, H] = m(null), U = f((e, t, n, r = 1e4) => {
 		let i = Date.now() + Math.random();
-		k((r) => [...r, {
+		A((r) => [...r, {
 			message: e,
 			variant: t,
 			detail: n,
 			id: i
-		}]), t === "success" && setTimeout(() => k((e) => e.filter((e) => e.id !== i)), r);
+		}]), t === "success" && setTimeout(() => A((e) => e.filter((e) => e.id !== i)), r);
 	}, []), ze = f((e) => {
-		k((t) => t.filter((t) => t.id !== e));
-	}, []), { data: Be, loading: Ve, error: He, refetch: U } = a({
+		A((t) => t.filter((t) => t.id !== e));
+	}, []), { data: Be, loading: Ve, error: He, refetch: W } = a({
 		variables: {
 			filter: {
-				...j && j !== "all" ? { actionType: j } : {},
-				...M && M !== "all" ? { triggerType: M } : {},
-				...A ? { search: A } : {}
+				...M && M !== "all" ? { actionType: M } : {},
+				...N && N !== "all" ? { triggerType: N } : {},
+				...j ? { search: j } : {}
 			},
 			pagination: { limit: 50 }
 		},
-		skip: E
-	}), W = p(() => Be?.actions?.items || [], [Be]), { data: Ue } = i({
-		variables: { id: N },
-		skip: !N || E
-	}), G = Ue?.action, We = G?.recentExecutions || [], { data: Ge } = ee({
+		skip: D
+	}), G = p(() => Be?.actions?.items || [], [Be]), { data: Ue } = i({
+		variables: { id: P },
+		skip: !P || D
+	}), K = Ue?.action, We = K?.recentExecutions || [], { data: Ge } = ee({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
-		skip: E
+		skip: D
 	}), Ke = p(() => (Ge?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive
-	})), [Ge]), [qe, { loading: Je }] = e({ refetchQueries: ["ListActions"] }), [Ye, { loading: Xe }] = te({ refetchQueries: ["ListActions", "GetAction"] }), [K] = t({ refetchQueries: ["ListActions"] }), [q] = r({ refetchQueries: ["GetAction"] }), [J] = n({ refetchQueries: ["ListActions"] }), Ze = f(async (e) => {
+	})), [Ge]), [qe, { loading: Je }] = e({ refetchQueries: ["ListActions"] }), [Ye, { loading: Xe }] = te({ refetchQueries: ["ListActions", "GetAction"] }), [q] = t({ refetchQueries: ["ListActions"] }), [J] = r({ refetchQueries: ["GetAction"] }), [Y] = n({ refetchQueries: ["ListActions"] }), Ze = f(async (e) => {
 		try {
 			let t = await qe({ variables: { input: {
 				name: e.name,
@@ -124,21 +125,21 @@ function y() {
 				confirmationRequired: e.confirmationRequired
 			} } });
 			if (t.error && c(t.error)) {
-				O({ type: "none" }), V("action");
+				k({ type: "none" }), H("action");
 				return;
 			}
-			O({ type: "none" }), H("Action created", "success");
+			k({ type: "none" }), U("Action created", "success");
 		} catch (e) {
 			if (c(e)) {
-				O({ type: "none" }), V("action");
+				k({ type: "none" }), H("action");
 				return;
 			}
-			H(e instanceof Error ? e.message : "Failed to create action", "error");
+			U(e instanceof Error ? e.message : "Failed to create action", "error");
 		}
-	}, [qe, H]), Qe = f(async (e) => {
-		if (D.type === "edit") try {
+	}, [qe, U]), Qe = f(async (e) => {
+		if (O.type === "edit") try {
 			await Ye({ variables: {
-				id: D.actionId,
+				id: O.actionId,
 				input: {
 					displayName: e.displayName || null,
 					description: e.description || null,
@@ -160,167 +161,167 @@ function y() {
 					retryCount: e.retryCount,
 					confirmationRequired: e.confirmationRequired
 				}
-			} }), O({ type: "none" }), H("Action updated", "success");
+			} }), k({ 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");
 		}
 	}, [
 		Ye,
-		D,
-		H
+		O,
+		U
 	]), $e = f(async () => {
-		if (D.type === "confirmDelete") try {
-			await K({ variables: { id: D.id } }), N === D.id && P(null), O({ type: "none" }), H("Action deleted", "success"), l() && u("success");
+		if (O.type === "confirmDelete") try {
+			await q({ variables: { id: O.id } }), P === O.id && F(null), k({ type: "none" }), U("Action deleted", "success"), l() && u("success");
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Failed to delete action", "error"), l() && u("error");
+			U(e instanceof Error ? e.message : "Failed to delete action", "error"), l() && u("error");
 		}
 	}, [
-		D,
-		K,
-		N,
-		H
+		O,
+		q,
+		P,
+		U
 	]), et = async (e) => {
-		let t = W.find((t) => t.id === e);
+		let t = G.find((t) => t.id === e);
 		if (t) {
 			if (t.confirmationRequired) {
-				O({
+				k({
 					type: "confirmExecute",
 					actionId: e,
 					name: t.displayName || t.name
 				});
 				return;
 			}
-			await Y(e);
+			await X(e);
 		}
-	}, Y = f(async (e) => {
+	}, X = f(async (e) => {
 		Le(e);
 		try {
-			let t = await q({ variables: { id: e } });
+			let t = await J({ variables: { id: e } });
 			if (t.error && c(t.error)) {
-				V("command-execution");
+				H("command-execution");
 				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);
+			n && U(n.status === "SUCCESS" || n.status === "COMPLETED" ? "Action executed successfully" : "Action execution failed", n.status === "SUCCESS" || n.status === "COMPLETED" ? "success" : "error", n.output || n.errorMessage);
 		} catch (e) {
 			if (c(e)) {
-				V("command-execution");
+				H("command-execution");
 				return;
 			}
-			H(e instanceof Error ? e.message : "Execution failed", "error");
+			U(e instanceof Error ? e.message : "Execution failed", "error");
 		} finally {
 			Le(null);
 		}
-	}, [q, H]), tt = f(async () => {
-		if (D.type !== "confirmExecute") return;
-		let e = D.actionId;
-		O({ type: "none" }), await Y(e);
-	}, [D, Y]), nt = f(async (e) => {
-		let t = W.find((t) => t.id === e);
+	}, [J, U]), tt = f(async () => {
+		if (O.type !== "confirmExecute") return;
+		let e = O.actionId;
+		k({ type: "none" }), await X(e);
+	}, [O, X]), nt = f(async (e) => {
+		let t = G.find((t) => t.id === e);
 		if (t) try {
-			await J({ variables: {
+			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,
-		J,
-		H
-	]), X = p(() => D.type === "edit" && W.find((e) => e.id === D.actionId) || null, [D, W]), Z = p(() => W.filter((e) => F.has(e.id)), [W, F]), Q = W.length > 0 && W.every((e) => F.has(e.id)), rt = W.some((e) => F.has(e.id)) && !Q, it = f((e, t) => {
-		I((n) => {
+		G,
+		Y,
+		U
+	]), Z = p(() => O.type === "edit" && G.find((e) => e.id === O.actionId) || null, [O, G]), Q = p(() => G.filter((e) => I.has(e.id)), [G, I]), rt = G.length > 0 && G.every((e) => I.has(e.id)), it = G.some((e) => I.has(e.id)) && !rt, at = f((e, t) => {
+		L((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), at = f((e) => {
-		I((t) => {
+	}, []), ot = f((e) => {
+		L((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]), $ = f(() => {
-		I(/* @__PURE__ */ new Set());
-	}, []), ot = f(async () => {
-		if (Z.length !== 0) {
-			z("duplicate");
+	}, [G]), $ = f(() => {
+		L(/* @__PURE__ */ new Set());
+	}, []), st = f(async () => {
+		if (Q.length !== 0) {
+			B("duplicate");
 			try {
-				let e = await Promise.allSettled(Z.map((e) => J({ variables: {
+				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 {
-				z(null);
+				B(null);
 			}
 		}
 	}, [
-		Z,
-		J,
-		H,
+		Q,
+		Y,
+		U,
 		$,
-		U
-	]), st = f(async () => {
-		if (Z.length !== 0) {
-			z("delete");
+		W
+	]), ct = f(async () => {
+		if (Q.length !== 0) {
+			B("delete");
 			try {
-				let e = await Promise.allSettled(Z.map((e) => K({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-				N && F.has(N) && P(null), H(`Deleted ${t} action${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), $(), L(null), await U();
+				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;
+				P && I.has(P) && F(null), U(`Deleted ${t} action${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), $(), R(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 {
-				z(null);
+				B(null);
 			}
 		}
 	}, [
-		Z,
-		K,
-		N,
-		F,
-		H,
+		Q,
+		q,
+		P,
+		I,
+		U,
 		$,
-		U
-	]), ct = f(async () => {
-		if (Z.length === 0) return;
-		z("execute");
+		W
+	]), lt = f(async () => {
+		if (Q.length === 0) return;
+		B("execute");
 		let e = 0, t = 0, n = !1;
 		try {
-			for (let r of Z) try {
-				let i = await q({ variables: { id: r.id } });
+			for (let r of Q) try {
+				let i = await J({ variables: { id: r.id } });
 				if (i.error && c(i.error)) {
-					V("command-execution"), n = !0;
+					H("command-execution"), n = !0;
 					break;
 				}
 				let a = i.data?.executeAction;
 				a?.status === "SUCCESS" || a?.status === "COMPLETED" ? e += 1 : t += 1;
 			} catch (e) {
 				if (c(e)) {
-					V("command-execution"), n = !0;
+					H("command-execution"), n = !0;
 					break;
 				}
 				t += 1;
 			}
-			n || H(`Executed ${e} action${e === 1 ? "" : "s"}${t > 0 ? ` • ${t} failed` : ""}`, t > 0 ? "error" : "success"), $(), L(null), N && await U();
+			n || U(`Executed ${e} action${e === 1 ? "" : "s"}${t > 0 ? ` • ${t} failed` : ""}`, t > 0 ? "error" : "success"), $(), R(null), P && 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 {
-			z(null);
+			B(null);
 		}
 	}, [
-		Z,
-		q,
-		H,
+		Q,
+		J,
+		U,
 		$,
-		N,
-		U
+		P,
+		W
 	]);
-	return !S && C && C.permissionStrings?.length > 0 && !De ? /* @__PURE__ */ g(v, { children: /* @__PURE__ */ g(we, {}) }) : Ve ? /* @__PURE__ */ g(v, { children: /* @__PURE__ */ g(ie, { message: "Loading Actions..." }) }) : He ? /* @__PURE__ */ g(v, { children: /* @__PURE__ */ g(ae, {
+	return !S && C && C.permissionStrings?.length > 0 && !Oe ? /* @__PURE__ */ g(v, { children: /* @__PURE__ */ g(Te, {}) }) : Ve ? /* @__PURE__ */ g(v, { children: /* @__PURE__ */ g(ie, { message: "Loading Actions..." }) }) : He ? /* @__PURE__ */ g(v, { children: /* @__PURE__ */ g(ae, {
 		message: He.message,
-		onRetry: () => U()
+		onRetry: () => W()
 	}) }) : /* @__PURE__ */ _(v, {
 		className: "p-4 sm:p-6 space-y-6",
 		children: [
@@ -330,41 +331,41 @@ function y() {
 				actions: /* @__PURE__ */ _("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ g("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__ */ g(be, { size: 16 })
-					}), Oe && /* @__PURE__ */ _("button", {
-						onClick: () => O({ type: "create" }),
+						children: /* @__PURE__ */ g(xe, { size: 16 })
+					}), E && /* @__PURE__ */ _("button", {
+						onClick: () => k({ 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__ */ g(ye, { size: 16 }), "Create Action"]
+						children: [/* @__PURE__ */ g(be, { size: 16 }), "Create Action"]
 					})]
 				})
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ g(ce, {
-						value: A,
+					/* @__PURE__ */ g(le, {
+						value: j,
 						onChange: Ne,
 						placeholder: w("actions.searchPlaceholder", "Search actions..."),
 						className: "w-full sm:w-64"
 					}),
-					/* @__PURE__ */ g(le, {
+					/* @__PURE__ */ g(ue, {
 						label: "Type",
-						options: Te,
-						value: j,
+						options: Ee,
+						value: M,
 						onChange: Pe
 					}),
-					/* @__PURE__ */ g(le, {
+					/* @__PURE__ */ g(ue, {
 						label: "Trigger",
-						options: Ee,
-						value: M,
+						options: De,
+						value: N,
 						onChange: Fe
 					})
 				]
 			}),
-			W.length > 0 && /* @__PURE__ */ g("div", {
+			G.length > 0 && /* @__PURE__ */ g("div", {
 				className: "rounded-lg border border-border-default bg-bg-surface p-4",
 				children: /* @__PURE__ */ _("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
@@ -372,16 +373,16 @@ function y() {
 						className: "flex flex-wrap items-center gap-3",
 						children: [/* @__PURE__ */ _("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ g(de, {
-								checked: Q,
-								indeterminate: rt,
-								onChange: at,
+							children: [/* @__PURE__ */ g(fe, {
+								checked: rt,
+								indeterminate: it,
+								onChange: ot,
 								ariaLabel: "Select all visible actions"
 							}), /* @__PURE__ */ g("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: "Select all visible"
 							})]
-						}), F.size > 0 && /* @__PURE__ */ g("button", {
+						}), I.size > 0 && /* @__PURE__ */ g("button", {
 							onClick: $,
 							className: "text-sm text-text-secondary hover:text-text-primary",
 							children: "Clear selection"
@@ -391,44 +392,44 @@ function y() {
 						children: [
 							/* @__PURE__ */ _("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
-								children: [F.size, " selected"]
+								children: [I.size, " selected"]
 							}),
 							/* @__PURE__ */ g("button", {
-								onClick: () => L("execute"),
-								disabled: Z.length === 0 || R !== null,
+								onClick: () => R("execute"),
+								disabled: Q.length === 0 || z !== 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__ */ _("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ g(ve, { size: 14 }),
+										/* @__PURE__ */ g(ye, { size: 14 }),
 										"Execute Selected",
-										Z.length > 0 ? ` (${Z.length})` : ""
+										Q.length > 0 ? ` (${Q.length})` : ""
 									]
 								})
 							}),
 							/* @__PURE__ */ g("button", {
-								onClick: ot,
-								disabled: Z.length === 0 || R !== null,
+								onClick: st,
+								disabled: Q.length === 0 || z !== 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__ */ _("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ g(_e, { size: 14 }),
+										/* @__PURE__ */ g(ve, { size: 14 }),
 										"Duplicate Selected",
-										Z.length > 0 ? ` (${Z.length})` : ""
+										Q.length > 0 ? ` (${Q.length})` : ""
 									]
 								})
 							}),
 							/* @__PURE__ */ g("button", {
-								onClick: () => L("delete"),
-								disabled: Z.length === 0 || R !== null,
+								onClick: () => R("delete"),
+								disabled: Q.length === 0 || z !== 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__ */ _("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ g(xe, { size: 14 }),
+										/* @__PURE__ */ g(Se, { size: 14 }),
 										"Delete Selected",
-										Z.length > 0 ? ` (${Z.length})` : ""
+										Q.length > 0 ? ` (${Q.length})` : ""
 									]
 								})
 							})
@@ -438,38 +439,38 @@ function y() {
 			}),
 			/* @__PURE__ */ g(h, {
 				mode: "wait",
-				children: W.length === 0 && !Ve && /* @__PURE__ */ g(se, {
+				children: G.length === 0 && !Ve && /* @__PURE__ */ g(ce, {
 					title: "No actions yet",
 					description: "Create your first action to automate commands, scripts, and webhooks",
 					action: /* @__PURE__ */ _("div", {
 						className: "flex items-center gap-2",
-						children: [Oe && /* @__PURE__ */ g("button", {
-							onClick: () => O({ type: "create" }),
+						children: [E && /* @__PURE__ */ g("button", {
+							onClick: () => k({ 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__ */ g(ue, { prompt: "What is an Action in VibeControls and how do I create one?" })]
+						}), /* @__PURE__ */ g(de, { prompt: "What is an Action in VibeControls and how do I create one?" })]
 					})
 				})
 			}),
-			W.length > 0 && /* @__PURE__ */ g("div", {
+			G.length > 0 && /* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-				children: W.map((e) => /* @__PURE__ */ g("div", {
+				children: G.map((e) => /* @__PURE__ */ g("div", {
 					role: "button",
 					tabIndex: 0,
-					onClick: () => P(e.id),
+					onClick: () => F(e.id),
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), P(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), F(e.id));
 					},
 					"aria-label": `Select action ${e.displayName || e.name}`,
-					children: /* @__PURE__ */ g(fe, {
+					children: /* @__PURE__ */ g(pe, {
 						action: e,
 						onExecute: et,
-						onEdit: (e) => O({
+						onEdit: (e) => k({
 							type: "edit",
 							actionId: e
 						}),
 						onDuplicate: nt,
-						onDelete: (t) => O({
+						onDelete: (t) => k({
 							type: "confirmDelete",
 							id: t,
 							name: e.displayName || e.name
@@ -480,22 +481,22 @@ function y() {
 						canDelete: Ae,
 						canExecute: je,
 						isExecuting: Ie === e.id,
-						selected: F.has(e.id),
-						onToggleSelect: (t) => it(e.id, t)
+						selected: I.has(e.id),
+						onToggleSelect: (t) => at(e.id, t)
 					})
 				}, e.id))
 			}),
-			/* @__PURE__ */ g(h, { children: N && G && /* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g(h, { children: P && K && /* @__PURE__ */ _("div", {
 				className: "space-y-3",
-				children: [b && /* @__PURE__ */ g(he, {
-					actionId: N,
+				children: [b && /* @__PURE__ */ g(ge, {
+					actionId: P,
 					workspaceId: b,
-					actionName: G.displayName || G.name,
-					onClose: () => P(null)
-				}), /* @__PURE__ */ g(me, {
+					actionName: K.displayName || K.name,
+					onClose: () => F(null)
+				}), /* @__PURE__ */ g(he, {
 					executions: We,
-					actionName: G.displayName || G.name,
-					onClose: () => P(null)
+					actionName: K.displayName || K.name,
+					onClose: () => F(null)
 				})]
 			}) }),
 			/* @__PURE__ */ g(h, { children: Me.length > 0 && /* @__PURE__ */ g("div", {
@@ -512,88 +513,95 @@ function y() {
 					})]
 				}, e.id))
 			}) }),
-			D.type === "create" && /* @__PURE__ */ g(pe, {
+			O.type === "create" && /* @__PURE__ */ g(me, {
 				title: "Create Action",
 				agents: Ke,
 				onSubmit: Ze,
-				onCancel: () => O({ type: "none" }),
+				onCancel: () => k({ type: "none" }),
 				isLoading: Je
 			}),
-			D.type === "edit" && X && /* @__PURE__ */ g(pe, {
+			O.type === "edit" && Z && /* @__PURE__ */ g(me, {
 				title: "Edit Action",
 				initialData: {
-					name: X.name,
-					displayName: X.displayName || "",
-					description: X.description || "",
-					actionType: X.actionType || "COMMAND",
-					triggerType: X.triggerType || "MANUAL",
-					schedule: X.schedule || "",
-					category: X.category || "",
-					tags: X.tags || [],
-					command: X.command || "",
-					workingDirectory: X.workingDirectory || "",
-					targetAgentId: X.targetAgentId || "",
-					script: X.script || "",
-					scriptInterpreter: X.scriptInterpreter || "bash",
-					webhookUrl: X.webhookUrl || "",
-					webhookMethod: X.webhookMethod || "POST",
-					webhookBody: X.webhookBody || "",
-					webhookAuthType: X.webhookAuthType || "",
-					timeoutMs: X.timeoutMs || 3e4,
-					retryCount: X.retryCount || 0,
-					confirmationRequired: X.confirmationRequired ?? !1
+					name: Z.name,
+					displayName: Z.displayName || "",
+					description: Z.description || "",
+					actionType: Z.actionType || "COMMAND",
+					triggerType: Z.triggerType || "MANUAL",
+					schedule: Z.schedule || "",
+					category: Z.category || "",
+					tags: Z.tags || [],
+					command: Z.command || "",
+					workingDirectory: Z.workingDirectory || "",
+					targetAgentId: Z.targetAgentId || "",
+					script: Z.script || "",
+					scriptInterpreter: Z.scriptInterpreter || "bash",
+					webhookUrl: Z.webhookUrl || "",
+					webhookMethod: Z.webhookMethod || "POST",
+					webhookBody: Z.webhookBody || "",
+					webhookAuthType: Z.webhookAuthType || "",
+					timeoutMs: Z.timeoutMs || 3e4,
+					retryCount: Z.retryCount || 0,
+					confirmationRequired: Z.confirmationRequired ?? !1
 				},
 				agents: Ke,
 				onSubmit: Qe,
-				onCancel: () => O({ type: "none" }),
-				isLoading: Xe
+				onCancel: () => k({ type: "none" }),
+				isLoading: Xe,
+				extraSection: /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h3", {
+					className: "text-sm font-medium text-text-secondary mb-2",
+					children: "Tags"
+				}), /* @__PURE__ */ g(se, {
+					entityType: "VIBECONTROLS_ACTION",
+					entityId: Z.id
+				})] })
 			}),
-			D.type === "confirmDelete" && /* @__PURE__ */ g(o, {
+			O.type === "confirmDelete" && /* @__PURE__ */ g(o, {
 				isOpen: !0,
 				title: "Delete Action",
-				message: `Are you sure you want to delete "${D.name}"? This cannot be undone.`,
+				message: `Are you sure you want to delete "${O.name}"? This cannot be undone.`,
 				confirmLabel: "Delete",
 				variant: "danger",
 				onConfirm: $e,
-				onClose: () => O({ type: "none" })
+				onClose: () => k({ type: "none" })
 			}),
-			D.type === "confirmExecute" && /* @__PURE__ */ g(o, {
+			O.type === "confirmExecute" && /* @__PURE__ */ g(o, {
 				isOpen: !0,
-				title: `Execute: ${D.name}`,
-				message: `Are you sure you want to execute "${D.name}"?`,
+				title: `Execute: ${O.name}`,
+				message: `Are you sure you want to execute "${O.name}"?`,
 				confirmLabel: "Execute",
 				variant: "warning",
 				onConfirm: tt,
-				onClose: () => O({ type: "none" })
+				onClose: () => k({ type: "none" })
 			}),
 			/* @__PURE__ */ g(o, {
 				isOpen: Re === "delete",
 				title: "Delete Selected Actions",
-				message: `Are you sure you want to delete ${Z.length} selected action${Z.length === 1 ? "" : "s"}? This cannot be undone.`,
+				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: st,
-				onClose: () => L(null),
-				isLoading: R === "delete"
+				onConfirm: ct,
+				onClose: () => R(null),
+				isLoading: z === "delete"
 			}),
 			/* @__PURE__ */ g(o, {
 				isOpen: Re === "execute",
 				title: "Execute Selected Actions",
-				message: `Execute ${Z.length} selected action${Z.length === 1 ? "" : "s"}? This may trigger commands, scripts, or webhooks immediately.`,
+				message: `Execute ${Q.length} selected action${Q.length === 1 ? "" : "s"}? This may trigger commands, scripts, or webhooks immediately.`,
 				confirmLabel: "Execute Actions",
 				variant: "warning",
-				onConfirm: ct,
-				onClose: () => L(null),
-				isLoading: R === "execute"
+				onConfirm: lt,
+				onClose: () => R(null),
+				isLoading: z === "execute"
 			}),
 			/* @__PURE__ */ g(oe, {
-				isOpen: B !== null,
-				onClose: () => V(null),
+				isOpen: V !== null,
+				onClose: () => H(null),
 				onConfirm: () => {
-					V(null), y("/billing");
+					H(null), y("/billing");
 				},
-				title: B ? s(B).title : void 0,
-				message: B ? s(B).message : ""
+				title: V ? s(V).title : void 0,
+				message: V ? s(V).message : ""
 			})
 		]
 	});