@burdenoff/microfe-vibecontrols 2026.601.12 → 2026.601.13

package/dist/pages/VibeDeckPage.js

@@ -10,58 +10,61 @@ import { ErrorState as me } from "../components/shared/ErrorState.js";
 import { EntityTagPicker as he } from "../components/shared/EntityTagPicker.js";
 import { useDraftEntityTags as ge } from "../hooks/useDraftEntityTags.js";
 import { EmptyState as _e } from "../components/shared/EmptyState.js";
-import { LINK_TO_VIBE_DEFAULT as ve, LinkToVibePanel as ye, linkToVibeInput as be } from "../components/shared/LinkToVibePanel.js";
-import { GetHelpButton as xe } from "../components/shared/GetHelpButton.js";
-import { SelectionCheckbox as Se } from "../components/shared/SelectionCheckbox.js";
+import { EnableRemoteTaskDialog as ve } from "../components/shared/EnableRemoteTaskDialog.js";
+import { LINK_TO_VIBE_DEFAULT as ye, LinkToVibePanel as be, linkToVibeInput as xe } from "../components/shared/LinkToVibePanel.js";
+import { GetHelpButton as Se } from "../components/shared/GetHelpButton.js";
+import { SelectionCheckbox as Ce } from "../components/shared/SelectionCheckbox.js";
+import { useActiveAgentProfile as we } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { isNative as Ce, nativeNotify as we } from "../utils/nativeBridge.js";
+import { isNative as Te, nativeNotify as Ee } from "../utils/nativeBridge.js";
+import { enableRemoteTaskExecution as De, isRemoteTaskDeniedError as Oe } from "../services/agentRemoteTaskGates.js";
 import { VIBE_PERMISSIONS as c } from "../constants/permissions.js";
-import { VibeDeckGrid as Te } from "../components/vibedeck/VibeDeckGrid.js";
-import { VibeDeckSwitcher as Ee } from "../components/vibedeck/VibeDeckSwitcher.js";
-import { VibeDeckForm as De } from "../components/vibedeck/VibeDeckForm.js";
-import { VibeDeckButtonForm as Oe } from "../components/vibedeck/VibeDeckButtonForm.js";
-import { VibeDeckShareDialog as ke } from "../components/vibedeck/VibeDeckShareDialog.js";
-import { VibeDeckExecutionLog as Ae } from "../components/vibedeck/VibeDeckExecutionLog.js";
+import { VibeDeckGrid as ke } from "../components/vibedeck/VibeDeckGrid.js";
+import { VibeDeckSwitcher as Ae } from "../components/vibedeck/VibeDeckSwitcher.js";
+import { VibeDeckForm as je } from "../components/vibedeck/VibeDeckForm.js";
+import { VibeDeckButtonForm as Me } from "../components/vibedeck/VibeDeckButtonForm.js";
+import { VibeDeckShareDialog as Ne } from "../components/vibedeck/VibeDeckShareDialog.js";
+import { VibeDeckExecutionLog as Pe } from "../components/vibedeck/VibeDeckExecutionLog.js";
 import "../components/vibedeck/index.js";
-import { useCallback as l, useEffect as je, useMemo as Me, useRef as Ne, useState as u } from "react";
-import { useI18n as Pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Copy as Fe, Eye as Ie, Pencil as Le, Play as Re, RefreshCw as ze, Share2 as Be, Star as Ve, Trash2 as He } from "lucide-react";
-import { usePermissions as Ue } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as We } from "framer-motion";
+import { useCallback as l, useEffect as Fe, useMemo as Ie, useRef as Le, useState as u } from "react";
+import { useI18n as Re } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Copy as ze, Eye as Be, Pencil as Ve, Play as He, RefreshCw as Ue, Share2 as We, Star as Ge, Trash2 as Ke } from "lucide-react";
+import { usePermissions as qe } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as Je } from "framer-motion";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useEventBus as Ge } from "@burdenoff/fe-libs/shared/events";
-import { AccessDenied as Ke } from "@burdenoff/fe-libs/shared/components";
+import { useEventBus as Ye } from "@burdenoff/fe-libs/shared/events";
+import { AccessDenied as Xe } from "@burdenoff/fe-libs/shared/components";
 import { MotionPage as p } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/VibeDeckPage.tsx
-function qe() {
-	let qe = de(), { workspaceId: m } = ue(), h = Ge(), { hasPermission: g, isLoading: Je, permissions: _ } = Ue(), v = ((e) => (t, n) => {
+function Ze() {
+	let Ze = de(), { workspaceId: m } = ue(), h = Ye(), { hasPermission: g, isLoading: Qe, permissions: _ } = qe(), v = ((e) => (t, n) => {
 		let r = e.t(t);
 		return r === t ? n : r;
-	})(Pe()), y = (Array.isArray(_) ? _ : _?.permissionStrings)?.some?.((e) => e.startsWith("vibedeck:")), Ye = y ? g(c.VIBEDECK_LIST) : !0, Xe = y ? g(c.VIBEDECK_CREATE) : !0, Ze = y ? g(c.VIBEDECK_UPDATE) : !0, Qe = y ? g(c.VIBEDECK_DELETE) : !0, $e = y ? g(c.VIBEDECK_EXECUTE) : !0, et = Je, { activeVibeDeckId: b, setActiveVibeDeckId: x, vibeDeckMode: tt, setVibeDeckMode: nt } = fe(), S = tt === "preview", rt = S ? !1 : Xe, it = S ? !1 : Ze, at = S ? !1 : Qe, [C, w] = u({ type: "none" }), [ot, st] = u(null), [T, ct] = u(/* @__PURE__ */ new Set()), [E, D] = u(/* @__PURE__ */ new Set()), [lt, O] = u(null), [ut, k] = u(null), [A, j] = u(null), [dt, ft] = u([]), M = Ne(/* @__PURE__ */ new Map()), [pt, mt] = u(ve), [ht, gt] = u([]), [_t, vt] = u(!0), [yt, bt] = u(/* @__PURE__ */ new Map()), [xt, St] = u(null), N = Ne(/* @__PURE__ */ new Map());
-	je(() => {
+	})(Re()), y = (Array.isArray(_) ? _ : _?.permissionStrings)?.some?.((e) => e.startsWith("vibedeck:")), $e = y ? g(c.VIBEDECK_LIST) : !0, et = y ? g(c.VIBEDECK_CREATE) : !0, tt = y ? g(c.VIBEDECK_UPDATE) : !0, nt = y ? g(c.VIBEDECK_DELETE) : !0, rt = y ? g(c.VIBEDECK_EXECUTE) : !0, it = Qe, { activeVibeDeckId: b, setActiveVibeDeckId: x, vibeDeckMode: at, setVibeDeckMode: ot } = fe(), S = at === "preview", st = S ? !1 : et, ct = S ? !1 : tt, lt = S ? !1 : nt, [C, w] = u({ type: "none" }), [ut, dt] = u(null), [T, ft] = u(/* @__PURE__ */ new Set()), [E, D] = u(/* @__PURE__ */ new Set()), [pt, mt] = u(null), [ht, O] = u(null), [k, A] = u(null), [gt, _t] = u([]), j = Le(/* @__PURE__ */ new Map()), [vt, yt] = u(ye), [bt, xt] = u([]), [St, Ct] = u(!0), [wt, Tt] = u(/* @__PURE__ */ new Map()), [Et, Dt] = u(null), [M, Ot] = u(null), [kt, At] = u(!1), { profiles: jt } = we(M?.agentId ?? null), Mt = jt.find((e) => e.isDefault)?.name ?? "default", N = Le(/* @__PURE__ */ new Map());
+	Fe(() => {
 		let e = N.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
 		};
 	}, []);
-	let Ct = l((e) => {
+	let Nt = l((e) => {
 		let t = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`, n = {
 			...e,
 			id: t
 		};
-		return gt((e) => [...e.slice(-49), n]), t;
+		return xt((e) => [...e.slice(-49), n]), t;
 	}, []), P = l((e, t) => {
-		gt((n) => n.map((n) => n.id === e ? {
+		xt((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
 	}, []), F = l((e, t) => {
-		if (bt((n) => {
+		if (Tt((n) => {
 			let r = new Map(n);
 			return r.set(e, t), r;
 		}), t === "success" || t === "error") {
 			let n = setTimeout(() => {
-				bt((n) => {
+				Tt((n) => {
 					let r = new Map(n);
 					return r.get(e) === t && r.delete(e), r;
 				}), N.current.delete(e);
@@ -69,65 +72,65 @@ function qe() {
 			r && clearTimeout(r), N.current.set(e, n);
 		}
 	}, []);
-	je(() => {
-		let e = M.current;
+	Fe(() => {
+		let e = j.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
 		};
 	}, []);
 	let I = l((e, t, n, r) => {
 		let i = Date.now() + Math.random();
-		ft((r) => [...r, {
+		_t((r) => [...r, {
 			message: e,
 			variant: t,
 			detail: n,
 			id: i
 		}]);
 		let ee = setTimeout(() => {
-			ft((e) => e.filter((e) => e.id !== i)), M.current.delete(i);
+			_t((e) => e.filter((e) => e.id !== i)), j.current.delete(i);
 		}, r ?? (t === "success" ? 1e4 : 3e4));
-		M.current.set(i, ee);
-	}, []), wt = l((e) => {
-		ft((t) => t.filter((t) => t.id !== e));
-		let t = M.current.get(e);
-		t && (clearTimeout(t), M.current.delete(e));
+		j.current.set(i, ee);
+	}, []), Pt = l((e) => {
+		_t((t) => t.filter((t) => t.id !== e));
+		let t = j.current.get(e);
+		t && (clearTimeout(t), j.current.delete(e));
 	}, []), L = l((e, t) => {
-		le(), St({
+		le(), Dt({
 			title: e,
 			message: t
 		});
-	}, []), { data: Tt, loading: Et, error: Dt, refetch: R } = re({
+	}, []), { data: Ft, loading: It, error: Lt, refetch: R } = re({
 		variables: { pagination: { limit: 50 } },
-		skip: et
-	}), z = Me(() => Tt?.vibeDecks?.items || [], [Tt]), B = b || z.find((e) => e.isDefault)?.id || z[0]?.id || null, { data: Ot, loading: kt, refetch: At } = te({
+		skip: it
+	}), z = Ie(() => Ft?.vibeDecks?.items || [], [Ft]), B = b || z.find((e) => e.isDefault)?.id || z[0]?.id || null, { data: Rt, loading: zt, refetch: Bt } = te({
 		variables: { id: B },
-		skip: !B || et
-	}), V = Ot?.vibeDeck, H = Me(() => z.filter((e) => T.has(e.id)), [z, T]), U = Me(() => V?.buttons?.filter((e) => E.has(e.id)) ?? [], [V?.buttons, E]), jt = z.length > 0 && z.every((e) => T.has(e.id)), Mt = z.some((e) => T.has(e.id)) && !jt, Nt = (V?.buttons?.length ?? 0) > 0 && (V?.buttons ?? []).every((e) => E.has(e.id)), Pt = (V?.buttons ?? []).some((e) => E.has(e.id)) && !Nt, { data: Ft } = ne({
+		skip: !B || it
+	}), V = Rt?.vibeDeck, H = Ie(() => z.filter((e) => T.has(e.id)), [z, T]), U = Ie(() => V?.buttons?.filter((e) => E.has(e.id)) ?? [], [V?.buttons, E]), Vt = z.length > 0 && z.every((e) => T.has(e.id)), Ht = z.some((e) => T.has(e.id)) && !Vt, Ut = (V?.buttons?.length ?? 0) > 0 && (V?.buttons ?? []).every((e) => E.has(e.id)), Wt = (V?.buttons ?? []).some((e) => E.has(e.id)) && !Ut, { data: Gt } = ne({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
-		skip: et
-	}), It = (Ft?.vibecontrolsAgents ?? []).map((e) => ({
+		skip: it
+	}), Kt = (Gt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive
-	})), [Lt, { loading: Rt }] = t({ refetchQueries: ["ListVibeDecks"] }), { setDraftTagIds: zt, flushTags: Bt } = ge("VIBECONTROLS_VIBEDECK"), [Vt, { loading: Ht }] = se({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [W] = r({ refetchQueries: ["ListVibeDecks"] }), [G] = ae({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [K] = i({ refetchQueries: ["ListVibeDecks"] }), [Ut, { loading: Wt }] = e({ refetchQueries: ["GetVibeDeck"] }), [Gt, { loading: Kt }] = oe({ refetchQueries: ["GetVibeDeck"] }), [q] = n({ refetchQueries: ["GetVibeDeck"] }), [qt] = ie({ refetchQueries: ["GetVibeDeck"] }), [J] = ee();
-	je(() => {
+	})), [qt, { loading: Jt }] = t({ refetchQueries: ["ListVibeDecks"] }), { setDraftTagIds: Yt, flushTags: Xt } = ge("VIBECONTROLS_VIBEDECK"), [Zt, { loading: Qt }] = se({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [W] = r({ refetchQueries: ["ListVibeDecks"] }), [G] = ae({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [K] = i({ refetchQueries: ["ListVibeDecks"] }), [$t, { loading: en }] = e({ refetchQueries: ["GetVibeDeck"] }), [tn, { loading: nn }] = oe({ refetchQueries: ["GetVibeDeck"] }), [q] = n({ refetchQueries: ["GetVibeDeck"] }), [rn] = ie({ refetchQueries: ["GetVibeDeck"] }), [J] = ee();
+	Fe(() => {
 		D(/* @__PURE__ */ new Set());
 	}, [B]);
-	let Jt = l((e, t) => {
-		ct((n) => {
+	let an = l((e, t) => {
+		ft((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), Yt = l((e) => {
-		ct((t) => {
+	}, []), on = l((e) => {
+		ft((t) => {
 			let n = new Set(t);
 			return z.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
 	}, [z]), Y = l(() => {
-		ct(/* @__PURE__ */ new Set());
+		ft(/* @__PURE__ */ new Set());
 	}, []);
 	l((e, t) => {
 		D((n) => {
@@ -135,7 +138,7 @@ function qe() {
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, []);
-	let Xt = l((e) => {
+	let sn = l((e) => {
 		D((t) => {
 			let n = new Set(t);
 			return (V?.buttons ?? []).forEach((t) => {
@@ -144,17 +147,17 @@ function qe() {
 		});
 	}, [V?.buttons]), X = l(() => {
 		D(/* @__PURE__ */ new Set());
-	}, []), Zt = l(async (e) => {
+	}, []), cn = l(async (e) => {
 		try {
-			let t = (await Lt({ variables: { input: {
+			let t = (await qt({ variables: { input: {
 				name: e.name,
 				description: e.description || null,
 				colorTheme: e.colorTheme || null,
 				gridColumns: e.gridColumns,
 				gridRows: e.gridRows,
-				...be(pt)
+				...xe(vt)
 			} } })).data?.createVibeDeck?.id;
-			w({ type: "none" }), I("Deck created", "success"), mt(ve), t && await Bt(t);
+			w({ type: "none" }), I("Deck created", "success"), yt(ye), t && await Xt(t);
 		} catch (e) {
 			if (o(e)) {
 				w({ type: "none" }), L("Vibe Deck Quota Reached", "You have reached the Vibe Deck limit for your current plan. Upgrade to create more decks.");
@@ -163,14 +166,14 @@ function qe() {
 			I(e instanceof Error ? e.message : "Failed to create deck", "error");
 		}
 	}, [
-		Lt,
-		Bt,
+		qt,
+		Xt,
 		L,
 		I,
-		pt
-	]), Qt = l(async (e) => {
+		vt
+	]), ln = l(async (e) => {
 		if (C.type === "editDeck") try {
-			await Vt({ variables: {
+			await Zt({ variables: {
 				id: C.deckId,
 				input: {
 					name: e.name,
@@ -184,14 +187,14 @@ function qe() {
 			I(e instanceof Error ? e.message : "Failed to update deck", "error");
 		}
 	}, [
-		Vt,
+		Zt,
 		C,
 		I
-	]), $t = l(async () => {
+	]), un = l(async () => {
 		if (C.type === "confirmDelete") try {
-			C.target === "deck" ? (await W({ variables: { id: C.id } }), b === C.id && x(null), I("Deck deleted", "success")) : (await q({ variables: { id: C.id } }), I("Button deleted", "success")), w({ type: "none" }), Ce() && we("success");
+			C.target === "deck" ? (await W({ variables: { id: C.id } }), b === C.id && x(null), I("Deck deleted", "success")) : (await q({ variables: { id: C.id } }), I("Button deleted", "success")), w({ type: "none" }), Te() && Ee("success");
 		} catch (e) {
-			I(e instanceof Error ? e.message : "Failed to delete", "error"), Ce() && we("error");
+			I(e instanceof Error ? e.message : "Failed to delete", "error"), Te() && Ee("error");
 		}
 	}, [
 		C,
@@ -200,29 +203,41 @@ function qe() {
 		b,
 		x,
 		I
-	]), Z = l(async (e) => {
-		let t = V?.buttons?.find((t) => t.id === e);
-		if (!t || !t.action) return;
-		let n = t.action, r = Ct({
+	]), Z = l(async (e, t = !0) => {
+		let n = V?.buttons?.find((t) => t.id === e);
+		if (!n || !n.action) return;
+		let r = n.action, i = Nt({
 			buttonId: e,
-			buttonLabel: t.label,
-			actionType: n.actionType,
-			command: n.actionType === "WEBHOOK" ? `POST ${n.webhookUrl || ""}` : n.command || void 0,
+			buttonLabel: n.label,
+			actionType: r.actionType,
+			command: r.actionType === "WEBHOOK" ? `POST ${r.webhookUrl || ""}` : r.command || void 0,
 			status: "running",
 			startedAt: /* @__PURE__ */ new Date()
 		});
-		st(e), F(e, "executing");
+		dt(e), F(e, "executing");
 		try {
-			let t = (await J({ variables: { id: e } })).data?.executeVibeDeckButton;
-			if (t) {
-				let n = t.status === "success";
-				F(e, n ? "success" : "error"), P(r, {
-					status: n ? "success" : "error",
-					output: t.output,
-					exitCode: t.exitCode,
-					webhookStatusCode: t.webhookStatusCode,
+			let n = (await J({ variables: { id: e } })).data?.executeVibeDeckButton;
+			if (n && Oe(n) && n.agentId) {
+				F(e, "error"), P(i, {
+					status: "error",
+					error: t ? "Remote task execution is disabled on this agent." : "Remote execution still blocked after enabling — check the agent’s Security settings.",
+					output: n.output,
 					completedAt: /* @__PURE__ */ new Date()
-				}), n && h.emitCustom("vibecontrols.vibedeck.button_executed", {
+				}), t && Ot({
+					buttonId: e,
+					agentId: n.agentId
+				});
+				return;
+			}
+			if (n) {
+				let t = n.status === "success";
+				F(e, t ? "success" : "error"), P(i, {
+					status: t ? "success" : "error",
+					output: n.output,
+					exitCode: n.exitCode,
+					webhookStatusCode: n.webhookStatusCode,
+					completedAt: /* @__PURE__ */ new Date()
+				}), t && h.emitCustom("vibecontrols.vibedeck.button_executed", {
 					workspaceId: m ?? void 0,
 					buttonId: e,
 					deckId: B ?? void 0
@@ -230,7 +245,7 @@ function qe() {
 			}
 		} catch (t) {
 			if (o(t)) {
-				F(e, "error"), P(r, {
+				F(e, "error"), P(i, {
 					status: "error",
 					error: "Usage quota exhausted",
 					completedAt: /* @__PURE__ */ new Date()
@@ -238,25 +253,47 @@ function qe() {
 				return;
 			}
 			let n = t instanceof Error ? t.message : "Execution failed";
-			F(e, "error"), P(r, {
+			F(e, "error"), P(i, {
 				status: "error",
 				error: n,
 				completedAt: /* @__PURE__ */ new Date()
 			});
 		} finally {
-			st(null);
+			dt(null);
 		}
 	}, [
 		V,
 		J,
-		Ct,
+		Nt,
 		P,
 		F,
 		L,
 		h,
 		m,
 		B
-	]), en = l(async (e) => {
+	]), dn = l(async ({ shell: e, file: t }) => {
+		if (!M) return;
+		let { buttonId: n, agentId: r } = M;
+		At(!0);
+		try {
+			await De({
+				id: r,
+				profile: Mt
+			}, {
+				shell: e,
+				file: t
+			}), Ot(null), await Z(n, !1);
+		} catch (e) {
+			I(e instanceof Error ? e.message : "Failed to enable remote execution", "error");
+		} finally {
+			At(!1);
+		}
+	}, [
+		M,
+		Mt,
+		Z,
+		I
+	]), fn = l(async (e) => {
 		let t = V?.buttons?.find((t) => t.id === e);
 		if (t) {
 			if (h.emitCustom("vibecontrols.vibedeck.button_executed_clicked", {
@@ -281,13 +318,13 @@ function qe() {
 		h,
 		m,
 		B
-	]), tn = l(async () => {
+	]), pn = l(async () => {
 		if (C.type !== "confirmExecute") return;
 		let e = C.buttonId;
 		w({ type: "none" }), await Z(e);
-	}, [C, Z]), nn = l(async (e) => {
+	}, [C, Z]), mn = l(async (e) => {
 		if (!(C.type !== "createButton" || !B)) try {
-			await Ut({ variables: { input: {
+			await $t({ variables: { input: {
 				vibeDeckId: B,
 				label: e.label,
 				actionId: e.actionId,
@@ -305,12 +342,12 @@ function qe() {
 		}
 	}, [
 		C,
-		Ut,
+		$t,
 		B,
 		I
-	]), rn = l(async (e) => {
+	]), hn = l(async (e) => {
 		if (C.type === "editButton") try {
-			await Gt({ variables: {
+			await tn({ variables: {
 				id: C.buttonId,
 				input: {
 					label: e.label,
@@ -328,11 +365,11 @@ function qe() {
 		}
 	}, [
 		C,
-		Gt,
+		tn,
 		I
-	]), an = l(async (e, t, n) => {
+	]), gn = l(async (e, t, n) => {
 		try {
-			await qt({ variables: {
+			await rn({ variables: {
 				id: e,
 				input: {
 					row: t,
@@ -342,7 +379,7 @@ function qe() {
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to move button", "error");
 		}
-	}, [qt, I]), on = l(async (e) => {
+	}, [rn, I]), _n = l(async (e) => {
 		let t = z.find((t) => t.id === e);
 		if (t) try {
 			await K({ variables: {
@@ -361,21 +398,21 @@ function qe() {
 		K,
 		L,
 		I
-	]), sn = l(async (e) => {
+	]), vn = l(async (e) => {
 		try {
 			await G({ variables: { id: e } }), I("Default deck set", "success");
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to set default", "error");
 		}
-	}, [G, I]), cn = l(async () => {
+	}, [G, I]), yn = l(async () => {
 		if (H.length === 1) {
-			j("setDefaultDeck");
+			A("setDefaultDeck");
 			try {
 				await G({ variables: { id: H[0].id } }), I("Default deck set", "success"), Y(), await R();
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Failed to set default deck", "error");
 			} finally {
-				j(null);
+				A(null);
 			}
 		}
 	}, [
@@ -384,9 +421,9 @@ function qe() {
 		I,
 		Y,
 		R
-	]), ln = l(async () => {
+	]), bn = l(async () => {
 		if (H.length !== 0) {
-			j("duplicateDeck");
+			A("duplicateDeck");
 			try {
 				let e = await Promise.allSettled(H.map((e) => K({ variables: {
 					id: e.id,
@@ -405,7 +442,7 @@ function qe() {
 				}
 				I(e instanceof Error ? e.message : "Failed to duplicate decks", "error");
 			} finally {
-				j(null);
+				A(null);
 			}
 		}
 	}, [
@@ -415,16 +452,16 @@ function qe() {
 		I,
 		Y,
 		R
-	]), un = l(async () => {
+	]), xn = l(async () => {
 		if (H.length !== 0) {
-			j("deleteDeck");
+			A("deleteDeck");
 			try {
 				let e = await Promise.allSettled(H.map((e) => W({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-				H.some((e) => e.id === b) && x(null), I(`Deleted ${t} deck${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), Y(), O(null), await R();
+				H.some((e) => e.id === b) && x(null), I(`Deleted ${t} deck${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), Y(), mt(null), await R();
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Failed to delete decks", "error");
 			} finally {
-				j(null);
+				A(null);
 			}
 		}
 	}, [
@@ -435,25 +472,25 @@ function qe() {
 		I,
 		Y,
 		R
-	]), dn = l(async () => {
+	]), Sn = l(async () => {
 		if (U.length === 0) return;
-		j("executeButton");
+		A("executeButton");
 		let e = 0, t = 0;
 		try {
 			for (let n of U) try {
 				(await J({ variables: { id: n.id } })).data?.executeVibeDeckButton?.status === "success" ? e += 1 : t += 1;
 			} catch (e) {
 				if (o(e)) {
-					k(null), L("Execution Quota Reached", "You have used the execution quota for your current plan. Upgrade to continue running Vibe Deck actions.");
+					O(null), L("Execution Quota Reached", "You have used the execution quota for your current plan. Upgrade to continue running Vibe Deck actions.");
 					return;
 				}
 				t += 1;
 			}
-			I(`Executed ${e} button${e === 1 ? "" : "s"}${t > 0 ? ` • ${t} failed` : ""}`, t > 0 ? "error" : "success"), X(), k(null);
+			I(`Executed ${e} button${e === 1 ? "" : "s"}${t > 0 ? ` • ${t} failed` : ""}`, t > 0 ? "error" : "success"), X(), O(null);
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to execute buttons", "error");
 		} finally {
-			j(null);
+			A(null);
 		}
 	}, [
 		U,
@@ -461,16 +498,16 @@ function qe() {
 		L,
 		I,
 		X
-	]), fn = l(async () => {
+	]), Cn = l(async () => {
 		if (U.length !== 0) {
-			j("deleteButton");
+			A("deleteButton");
 			try {
 				let e = await Promise.allSettled(U.map((e) => q({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-				I(`Deleted ${t} button${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), X(), k(null), await At();
+				I(`Deleted ${t} button${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), X(), O(null), await Bt();
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Failed to delete buttons", "error");
 			} finally {
-				j(null);
+				A(null);
 			}
 		}
 	}, [
@@ -478,13 +515,13 @@ function qe() {
 		q,
 		I,
 		X,
-		At
+		Bt
 	]);
-	if (Je) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(s, { message: "Loading permissions..." }) });
-	if (_ && (_.permissionStrings?.length ?? 0) > 0 && !Ye) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(Ke, {}) });
-	if (Et) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(s, { message: "Loading Vibe Decks..." }) });
-	if (Dt) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(me, {
-		message: Dt.message,
+	if (Qe) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(s, { message: "Loading permissions..." }) });
+	if (_ && (_.permissionStrings?.length ?? 0) > 0 && !$e) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(Xe, {}) });
+	if (It) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(s, { message: "Loading Vibe Decks..." }) });
+	if (Lt) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(me, {
+		message: Lt.message,
 		onRetry: () => R()
 	}) });
 	let Q = C.type === "editButton" ? V?.buttons?.find((e) => e.id === C.buttonId) : null, $ = C.type === "editDeck" ? z.find((e) => e.id === C.deckId) : null;
@@ -502,18 +539,18 @@ function qe() {
 							className: "flex items-center rounded-lg border border-border-default bg-bg-secondary p-0.5",
 							children: [/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => nt("preview"),
+								onClick: () => ot("preview"),
 								className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-sm font-medium transition-all ${S ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "text-text-tertiary hover:text-text-primary"}`,
 								title: S ? "Preview mode — execute only" : "Switch to Preview mode",
 								"aria-pressed": S,
-								children: [/* @__PURE__ */ d(Ie, { size: 14 }), "Preview"]
+								children: [/* @__PURE__ */ d(Be, { size: 14 }), "Preview"]
 							}), /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => nt("edit"),
+								onClick: () => ot("edit"),
 								className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-sm font-medium transition-all ${S ? "text-text-tertiary hover:text-text-primary" : "bg-action-primary-bg text-action-primary-text shadow-sm"}`,
 								title: S ? "Switch to Edit mode" : "Edit mode — full editing",
 								"aria-pressed": !S,
-								children: [/* @__PURE__ */ d(Le, { size: 14 }), "Edit"]
+								children: [/* @__PURE__ */ d(Ve, { size: 14 }), "Edit"]
 							})]
 						}),
 						B && V && /* @__PURE__ */ d("button", {
@@ -525,16 +562,16 @@ function qe() {
 							}),
 							className: "p-2 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors",
 							title: "Share deck",
-							children: /* @__PURE__ */ d(Be, { size: 16 })
+							children: /* @__PURE__ */ d(We, { size: 16 })
 						}),
 						/* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => {
-								R(), B && At();
+								R(), B && Bt();
 							},
 							className: "p-2 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors",
 							title: "Refresh",
-							children: /* @__PURE__ */ d(ze, { size: 16 })
+							children: /* @__PURE__ */ d(Ue, { size: 16 })
 						})
 					]
 				})
@@ -547,10 +584,10 @@ function qe() {
 						className: "flex flex-wrap items-center gap-3",
 						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d(Se, {
-								checked: jt,
-								indeterminate: Mt,
-								onChange: Yt,
+							children: [/* @__PURE__ */ d(Ce, {
+								checked: Vt,
+								indeterminate: Ht,
+								onChange: on,
 								ariaLabel: "Select all vibe decks"
 							}), /* @__PURE__ */ d("span", {
 								className: "text-sm font-medium text-text-primary",
@@ -571,23 +608,23 @@ function qe() {
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: cn,
-								disabled: H.length !== 1 || H[0]?.isDefault || A !== null,
+								onClick: yn,
+								disabled: H.length !== 1 || H[0]?.isDefault || k !== null,
 								className: "rounded-md border border-status-warning-border px-3 py-2 text-sm font-medium text-status-warning-text hover:bg-status-warning-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
 								children: /* @__PURE__ */ f("span", {
 									className: "inline-flex items-center gap-2",
-									children: [/* @__PURE__ */ d(Ve, { size: 14 }), "Set Selected Default"]
+									children: [/* @__PURE__ */ d(Ge, { size: 14 }), "Set Selected Default"]
 								})
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: ln,
-								disabled: H.length === 0 || A !== null,
+								onClick: bn,
+								disabled: H.length === 0 || k !== 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__ */ f("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ d(Fe, { size: 14 }),
+										/* @__PURE__ */ d(ze, { size: 14 }),
 										"Duplicate Selected",
 										H.length > 0 ? ` (${H.length})` : ""
 									]
@@ -595,13 +632,13 @@ function qe() {
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => O("delete"),
-								disabled: H.length === 0 || A !== null,
+								onClick: () => mt("delete"),
+								disabled: H.length === 0 || k !== 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__ */ f("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ d(He, { size: 14 }),
+										/* @__PURE__ */ d(Ke, { size: 14 }),
 										"Delete Selected",
 										H.length > 0 ? ` (${H.length})` : ""
 									]
@@ -613,7 +650,7 @@ function qe() {
 			}),
 			/* @__PURE__ */ d("div", {
 				"data-tour": "vibedeck-switcher",
-				children: /* @__PURE__ */ d(Ee, {
+				children: /* @__PURE__ */ d(Ae, {
 					decks: z.map((e) => ({
 						id: e.id,
 						name: e.name,
@@ -624,10 +661,10 @@ function qe() {
 					activeDeckId: B,
 					selectedDeckIds: T,
 					onSelectDeck: (e) => x(e),
-					onToggleSelectDeck: Jt,
+					onToggleSelectDeck: an,
 					onCreateDeck: () => w({ type: "createDeck" }),
-					onSetDefault: sn,
-					onDuplicate: (e) => on(e),
+					onSetDefault: vn,
+					onDuplicate: (e) => _n(e),
 					onDelete: (e) => {
 						w({
 							type: "confirmDelete",
@@ -648,26 +685,26 @@ function qe() {
 							deckName: t.name
 						});
 					},
-					canCreate: Xe,
-					canUpdate: it,
-					canDelete: at
+					canCreate: et,
+					canUpdate: ct,
+					canDelete: lt
 				})
 			}),
-			/* @__PURE__ */ f(We, {
+			/* @__PURE__ */ f(Je, {
 				mode: "wait",
-				children: [!V && !kt && z.length === 0 && /* @__PURE__ */ d(_e, {
+				children: [!V && !zt && z.length === 0 && /* @__PURE__ */ d(_e, {
 					title: "No Vibe Decks yet",
 					description: "Create your first Vibe Deck to start organizing your commands and webhooks",
 					action: /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [Xe && /* @__PURE__ */ d("button", {
+						children: [et && /* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => w({ type: "createDeck" }),
 							className: "px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:opacity-90 text-sm font-medium",
 							children: "Create Vibe Deck"
-						}), /* @__PURE__ */ d(xe, { prompt: "What is a VibeDeck and how do I use it to organise controls?" })]
+						}), /* @__PURE__ */ d(Se, { prompt: "What is a VibeDeck and how do I use it to organise controls?" })]
 					})
-				}), kt && /* @__PURE__ */ d(s, { message: "Loading deck..." })]
+				}), zt && /* @__PURE__ */ d(s, { message: "Loading deck..." })]
 			}),
 			V && /* @__PURE__ */ f("div", {
 				className: "space-y-4",
@@ -679,10 +716,10 @@ function qe() {
 							className: "flex flex-wrap items-center gap-3",
 							children: [/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ d(Se, {
-									checked: Nt,
-									indeterminate: Pt,
-									onChange: Xt,
+								children: [/* @__PURE__ */ d(Ce, {
+									checked: Ut,
+									indeterminate: Wt,
+									onChange: sn,
 									ariaLabel: "Select all buttons in active deck"
 								}), /* @__PURE__ */ d("span", {
 									className: "text-sm font-medium text-text-primary",
@@ -703,13 +740,13 @@ function qe() {
 								}),
 								/* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => k("execute"),
-									disabled: U.length === 0 || A !== null,
+									onClick: () => O("execute"),
+									disabled: U.length === 0 || k !== 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__ */ f("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d(Re, { size: 14 }),
+											/* @__PURE__ */ d(He, { size: 14 }),
 											"Execute Selected",
 											U.length > 0 ? ` (${U.length})` : ""
 										]
@@ -717,13 +754,13 @@ function qe() {
 								}),
 								/* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => k("delete"),
-									disabled: U.length === 0 || A !== null,
+									onClick: () => O("delete"),
+									disabled: U.length === 0 || k !== 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__ */ f("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d(He, { size: 14 }),
+											/* @__PURE__ */ d(Ke, { size: 14 }),
 											"Delete Selected",
 											U.length > 0 ? ` (${U.length})` : ""
 										]
@@ -735,7 +772,7 @@ function qe() {
 				}), /* @__PURE__ */ f("div", {
 					"data-tour": "vibedeck-grid",
 					className: "relative",
-					children: [/* @__PURE__ */ d(Te, {
+					children: [/* @__PURE__ */ d(ke, {
 						gridColumns: V.gridColumns,
 						gridRows: V.gridRows,
 						buttons: (V.buttons || []).map((e) => ({
@@ -762,7 +799,7 @@ function qe() {
 							rowSpan: e.rowSpan,
 							colSpan: e.colSpan
 						})),
-						onExecuteButton: en,
+						onExecuteButton: fn,
 						onEditButton: (e) => w({
 							type: "editButton",
 							buttonId: e
@@ -776,17 +813,17 @@ function qe() {
 								name: t?.label || "this button"
 							});
 						},
-						onDropButton: an,
+						onDropButton: gn,
 						onAddButton: (e, t) => w({
 							type: "createButton",
 							row: e,
 							column: t
 						}),
-						executingButtonId: ot,
-						canCreate: rt,
-						canUpdate: it,
-						canDelete: at,
-						canExecute: $e,
+						executingButtonId: ut,
+						canCreate: st,
+						canUpdate: ct,
+						canDelete: lt,
+						canExecute: rt,
 						previewMode: S
 					}), (V.buttons?.length ?? 0) === 0 && S && /* @__PURE__ */ d("div", {
 						className: "absolute inset-0 flex items-center justify-center pointer-events-none",
@@ -801,9 +838,9 @@ function qe() {
 									className: "text-sm text-text-secondary mt-2",
 									children: v("vibeDeck.emptyDeckDescription", "Switch to Edit mode to add buttons.")
 								}),
-								Ze && /* @__PURE__ */ d("button", {
+								tt && /* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => nt("edit"),
+									onClick: () => ot("edit"),
 									className: "mt-4 inline-flex items-center gap-2 px-4 py-2 rounded-md bg-action-primary-bg text-action-primary-text text-sm font-medium hover:opacity-90 transition-opacity",
 									children: v("vibeDeck.editDeck", "Edit deck")
 								})
@@ -812,25 +849,25 @@ function qe() {
 					})]
 				})]
 			}),
-			ht.length > 0 && /* @__PURE__ */ d("div", {
+			bt.length > 0 && /* @__PURE__ */ d("div", {
 				"data-tour": "vibedeck-execution-log",
-				children: /* @__PURE__ */ d(Ae, {
-					entries: ht,
-					expanded: _t,
-					onToggleExpanded: () => vt((e) => !e),
-					onClear: () => gt([])
+				children: /* @__PURE__ */ d(Pe, {
+					entries: bt,
+					expanded: St,
+					onToggleExpanded: () => Ct((e) => !e),
+					onClear: () => xt([])
 				})
 			}),
-			/* @__PURE__ */ d(We, { children: dt.length > 0 && /* @__PURE__ */ d("div", {
+			/* @__PURE__ */ d(Je, { children: gt.length > 0 && /* @__PURE__ */ d("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: dt.slice(-3).map((e) => /* @__PURE__ */ f("div", {
+				children: gt.slice(-3).map((e) => /* @__PURE__ */ f("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), wt(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Pt(e.id));
 					},
 					className: `p-4 rounded-xl shadow-lg border cursor-pointer ${e.variant === "success" ? "bg-status-success-bg/10 border-status-success-border/30 text-status-success-text" : "bg-status-error-bg/10 border-status-error-border/30 text-status-error-text"}`,
-					onClick: () => wt(e.id),
+					onClick: () => Pt(e.id),
 					children: [/* @__PURE__ */ d("div", {
 						className: "font-medium text-sm",
 						children: e.message
@@ -840,13 +877,13 @@ function qe() {
 					})]
 				}, e.id))
 			}) }),
-			C.type === "createDeck" && /* @__PURE__ */ d(De, {
+			C.type === "createDeck" && /* @__PURE__ */ d(je, {
 				title: "Create Vibe Deck",
-				onSubmit: Zt,
+				onSubmit: cn,
 				onCancel: () => {
-					w({ type: "none" }), mt(ve);
+					w({ type: "none" }), yt(ye);
 				},
-				isLoading: Rt,
+				isLoading: Jt,
 				extraSection: /* @__PURE__ */ f("div", {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h3", {
@@ -854,14 +891,14 @@ function qe() {
 						children: v("vibeDeck.tags", "Tags")
 					}), /* @__PURE__ */ d(he, {
 						entityType: "VIBECONTROLS_VIBEDECK",
-						onDraftChange: zt
-					})] }), /* @__PURE__ */ d(ye, {
-						value: pt,
-						onChange: mt
+						onDraftChange: Yt
+					})] }), /* @__PURE__ */ d(be, {
+						value: vt,
+						onChange: yt
 					})]
 				})
 			}),
-			C.type === "editDeck" && $ && /* @__PURE__ */ d(De, {
+			C.type === "editDeck" && $ && /* @__PURE__ */ d(je, {
 				title: "Edit Vibe Deck",
 				initialData: {
 					name: $.name,
@@ -870,9 +907,9 @@ function qe() {
 					gridColumns: $.gridColumns,
 					gridRows: $.gridRows
 				},
-				onSubmit: Qt,
+				onSubmit: ln,
 				onCancel: () => w({ type: "none" }),
-				isLoading: Ht,
+				isLoading: Qt,
 				extraSection: /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h3", {
 					className: "text-sm font-medium text-text-secondary mb-2",
 					children: v("vibeDeck.tags", "Tags")
@@ -881,18 +918,18 @@ function qe() {
 					entityId: $.id
 				})] })
 			}),
-			C.type === "createButton" && /* @__PURE__ */ d(Oe, {
+			C.type === "createButton" && /* @__PURE__ */ d(Me, {
 				title: "Add Button",
-				agents: It,
-				onSubmit: nn,
+				agents: Kt,
+				onSubmit: mn,
 				onCancel: () => w({ type: "none" }),
-				isLoading: Wt,
+				isLoading: en,
 				gridColumns: V?.gridColumns,
 				gridRows: V?.gridRows,
 				buttonRow: C.row,
 				buttonColumn: C.column
 			}),
-			C.type === "editButton" && Q && /* @__PURE__ */ d(Oe, {
+			C.type === "editButton" && Q && /* @__PURE__ */ d(Me, {
 				title: "Edit Button",
 				initialData: {
 					label: Q.label,
@@ -904,10 +941,10 @@ function qe() {
 					rowSpan: Q.rowSpan,
 					colSpan: Q.colSpan
 				},
-				agents: It,
-				onSubmit: rn,
+				agents: Kt,
+				onSubmit: hn,
 				onCancel: () => w({ type: "none" }),
-				isLoading: Kt,
+				isLoading: nn,
 				gridColumns: V?.gridColumns,
 				gridRows: V?.gridRows,
 				buttonRow: Q.row,
@@ -919,7 +956,7 @@ function qe() {
 				message: `Are you sure you want to delete "${C.name}"?${C.target === "deck" ? " All buttons in this deck will also be deleted." : ""}`,
 				confirmLabel: "Delete",
 				variant: "danger",
-				onConfirm: $t,
+				onConfirm: un,
 				onClose: () => w({ type: "none" })
 			}),
 			C.type === "confirmExecute" && /* @__PURE__ */ d(a, {
@@ -928,57 +965,64 @@ function qe() {
 				message: `Are you sure you want to execute this action?\n\n${C.detail}`,
 				confirmLabel: "Execute",
 				variant: "warning",
-				onConfirm: tn,
+				onConfirm: pn,
 				onClose: () => w({ type: "none" })
 			}),
 			/* @__PURE__ */ d(a, {
-				isOpen: lt === "delete",
+				isOpen: pt === "delete",
 				title: "Delete Vibe Decks",
 				message: `Are you sure you want to delete ${H.length} selected deck${H.length === 1 ? "" : "s"}? All buttons in those decks will also be deleted.`,
 				confirmLabel: "Delete Decks",
 				variant: "danger",
-				onConfirm: un,
-				onClose: () => O(null),
-				isLoading: A === "deleteDeck"
+				onConfirm: xn,
+				onClose: () => mt(null),
+				isLoading: k === "deleteDeck"
 			}),
 			/* @__PURE__ */ d(a, {
-				isOpen: ut === "execute",
+				isOpen: ht === "execute",
 				title: "Execute Vibe Deck Buttons",
 				message: `Execute ${U.length} selected button${U.length === 1 ? "" : "s"}? This may trigger commands, scripts, or webhooks immediately.`,
 				confirmLabel: "Execute Buttons",
 				variant: "warning",
-				onConfirm: dn,
-				onClose: () => k(null),
-				isLoading: A === "executeButton"
+				onConfirm: Sn,
+				onClose: () => O(null),
+				isLoading: k === "executeButton"
 			}),
 			/* @__PURE__ */ d(a, {
-				isOpen: ut === "delete",
+				isOpen: ht === "delete",
 				title: "Delete Vibe Deck Buttons",
 				message: `Delete ${U.length} selected button${U.length === 1 ? "" : "s"}? This cannot be undone.`,
 				confirmLabel: "Delete Buttons",
 				variant: "danger",
-				onConfirm: fn,
-				onClose: () => k(null),
-				isLoading: A === "deleteButton"
+				onConfirm: Cn,
+				onClose: () => O(null),
+				isLoading: k === "deleteButton"
 			}),
-			C.type === "shareDeck" && /* @__PURE__ */ d(ke, {
+			C.type === "shareDeck" && /* @__PURE__ */ d(Ne, {
 				vibeDeckId: C.deckId,
 				vibeDeckName: C.deckName,
 				onClose: () => w({ type: "none" })
 			}),
 			/* @__PURE__ */ d(ce, {
-				isOpen: xt !== null,
-				onClose: () => St(null),
+				isOpen: Et !== null,
+				onClose: () => Dt(null),
 				onConfirm: () => {
-					St(null), qe("/billing/plans");
+					Dt(null), Ze("/billing/plans");
 				},
-				title: xt?.title || "Quota Reached",
-				message: xt?.message || "Upgrade your plan to continue."
+				title: Et?.title || "Quota Reached",
+				message: Et?.message || "Upgrade your plan to continue."
+			}),
+			/* @__PURE__ */ d(ve, {
+				isOpen: M !== null,
+				agentName: M ? Kt.find((e) => e.id === M.agentId)?.name : void 0,
+				isLoading: kt,
+				onClose: () => Ot(null),
+				onConfirm: dn
 			})
 		]
 	});
 }
 //#endregion
-export { qe as VibeDeckPage };
+export { Ze as VibeDeckPage };
 
 //# sourceMappingURL=VibeDeckPage.js.map