@burdenoff/microfe-vibecontrols 2026.709.2 → 2026.710.1

package/dist/pages/VibeDeckPage.js

@@ -31,46 +31,46 @@ import { VibeDeckShareDialog as Le } from "../components/vibedeck/VibeDeckShareD
 import { VibeDeckPublicLinkPanel as Re } from "../components/vibedeck/VibeDeckPublicLinkPanel.js";
 import { VibeDeckExecutionLog as ze } from "../components/vibedeck/VibeDeckExecutionLog.js";
 import "../components/vibedeck/index.js";
-import { useCallback as c, useEffect as l, useMemo as Be, useRef as Ve, useState as u } from "react";
-import { useI18n as He } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Copy as Ue, Eye as We, LayoutGrid as Ge, Link2 as Ke, Pencil as qe, Play as Je, RefreshCw as Ye, Star as Xe, Trash2 as Ze } from "lucide-react";
-import { usePermissions as Qe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as $e } from "framer-motion";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { PagePurpose as et } from "@burdenoff/fe-libs/ui";
-import { useEventBus as tt } from "@burdenoff/fe-libs/shared/events";
-import { AccessDenied as nt } from "@burdenoff/fe-libs/shared/components";
-import { MotionPage as p } from "@burdenoff/fe-libs/shared/motion";
+import { useCallback as c, useEffect as Be, useMemo as Ve, useRef as He, useState as l } from "react";
+import { useI18n as Ue } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Copy as We, Eye as Ge, LayoutGrid as Ke, Link2 as qe, Pencil as Je, Play as Ye, RefreshCw as Xe, Star as Ze, Trash2 as Qe } from "lucide-react";
+import { usePermissions as $e } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as et } from "framer-motion";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { PagePurpose as tt } from "@burdenoff/fe-libs/ui";
+import { useEventBus as nt } from "@burdenoff/fe-libs/shared/events";
+import { AccessDenied as rt } from "@burdenoff/fe-libs/shared/components";
+import { MotionPage as f } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/VibeDeckPage.tsx
-function rt() {
-	let rt = de(), { workspaceId: m } = ue(), h = tt(), { hasPermission: g, isLoading: it, permissions: _ } = Qe(), v = ((e) => (t, n) => {
+function it() {
+	let it = de(), { workspaceId: p } = ue(), m = nt(), { hasPermission: h, isLoading: at, permissions: g } = $e(), _ = ((e) => (t, n) => {
 		let r = e.t(t);
 		return r === t ? n : r;
-	})(He()), y = (Array.isArray(_) ? _ : _?.permissionStrings)?.some?.((e) => e.startsWith("vibedeck:")), at = y ? g(s.VIBEDECK_LIST) : !0, ot = y ? g(s.VIBEDECK_CREATE) : !0, st = y ? g(s.VIBEDECK_UPDATE) : !0, ct = y ? g(s.VIBEDECK_DELETE) : !0, lt = y ? g(s.VIBEDECK_EXECUTE) : !0, ut = it, { activeVibeDeckId: b, setActiveVibeDeckId: x, vibeDeckMode: dt, setVibeDeckMode: ft } = fe(), S = dt === "preview", pt = S ? !1 : ot, mt = S ? !1 : st, ht = S ? !1 : ct, [C, w] = u({ type: "none" }), [gt, _t] = u(null), [T, vt] = u(/* @__PURE__ */ new Set()), [E, D] = u(/* @__PURE__ */ new Set()), [yt, bt] = u(null), [xt, O] = u(null), [k, A] = u(null), [St, Ct] = u([]), j = Ve(/* @__PURE__ */ new Map()), [wt, Tt] = u(xe), [Et, Dt] = u([]), [Ot, kt] = u(!0), [At, jt] = u(/* @__PURE__ */ new Map()), [Mt, Nt] = u(null), [M, Pt] = u(null), [Ft, It] = u(!1), { profiles: Lt } = De(M?.agentId ?? null), Rt = Lt.find((e) => e.isDefault)?.name ?? "default", N = Ve(/* @__PURE__ */ new Map());
-	l(() => {
+	})(Ue()), v = (Array.isArray(g) ? g : g?.permissionStrings)?.some?.((e) => e.startsWith("vibedeck:")), ot = v ? h(s.VIBEDECK_LIST) : !0, y = v ? h(s.VIBEDECK_CREATE) : !0, st = v ? h(s.VIBEDECK_UPDATE) : !0, ct = v ? h(s.VIBEDECK_DELETE) : !0, lt = v ? h(s.VIBEDECK_EXECUTE) : !0, ut = (Array.isArray(g) ? g : g?.permissionStrings)?.some?.((e) => e.startsWith("vibedeck-button:")), dt = ut ? h(s.VIBEDECK_BUTTON_CREATE) : y, ft = ut ? h(s.VIBEDECK_BUTTON_UPDATE) : st, pt = ut ? h(s.VIBEDECK_BUTTON_DELETE) : ct, mt = ut ? h(s.VIBEDECK_BUTTON_EXECUTE) : lt, ht = at, { activeVibeDeckId: b, setActiveVibeDeckId: x, vibeDeckMode: gt, setVibeDeckMode: _t } = fe(), S = gt === "preview", vt = S ? !1 : y, yt = S ? !1 : st, bt = S ? !1 : ct, xt = S ? !1 : dt, St = S ? !1 : ft, Ct = S ? !1 : pt, [C, w] = l({ type: "none" }), [wt, Tt] = l(null), [T, Et] = l(/* @__PURE__ */ new Set()), [E, D] = l(/* @__PURE__ */ new Set()), [Dt, Ot] = l(null), [kt, O] = l(null), [k, A] = l(null), [At, jt] = l([]), j = He(/* @__PURE__ */ new Map()), [Mt, Nt] = l(xe), [Pt, Ft] = l([]), [It, Lt] = l(!0), [Rt, zt] = l(/* @__PURE__ */ new Map()), [Bt, Vt] = l(null), [M, Ht] = l(null), [Ut, Wt] = l(!1), { profiles: Gt } = De(M?.agentId ?? null), Kt = Gt.find((e) => e.isDefault)?.name ?? "default", N = He(/* @__PURE__ */ new Map());
+	Be(() => {
 		let e = N.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
 		};
 	}, []);
-	let zt = c((e) => {
+	let qt = c((e) => {
 		let t = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`, n = {
 			...e,
 			id: t
 		};
-		return Dt((e) => [...e.slice(-49), n]), t;
+		return Ft((e) => [...e.slice(-49), n]), t;
 	}, []), P = c((e, t) => {
-		Dt((n) => n.map((n) => n.id === e ? {
+		Ft((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
 	}, []), F = c((e, t) => {
-		if (jt((n) => {
+		if (zt((n) => {
 			let r = new Map(n);
 			return r.set(e, t), r;
 		}), t === "success" || t === "error") {
 			let n = setTimeout(() => {
-				jt((n) => {
+				zt((n) => {
 					let r = new Map(n);
 					return r.get(e) === t && r.delete(e), r;
 				}), N.current.delete(e);
@@ -78,7 +78,7 @@ function rt() {
 			r && clearTimeout(r), N.current.set(e, n);
 		}
 	}, []);
-	l(() => {
+	Be(() => {
 		let e = j.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
@@ -86,57 +86,57 @@ function rt() {
 	}, []);
 	let I = c((e, t, n, r) => {
 		let i = Date.now() + Math.random();
-		Ct((r) => [...r, {
+		jt((r) => [...r, {
 			message: e,
 			variant: t,
 			detail: n,
 			id: i
 		}]);
 		let ee = setTimeout(() => {
-			Ct((e) => e.filter((e) => e.id !== i)), j.current.delete(i);
+			jt((e) => e.filter((e) => e.id !== i)), j.current.delete(i);
 		}, r ?? (t === "success" ? 1e4 : 3e4));
 		j.current.set(i, ee);
-	}, []), Bt = c((e) => {
-		Ct((t) => t.filter((t) => t.id !== e));
+	}, []), Jt = c((e) => {
+		jt((t) => t.filter((t) => t.id !== e));
 		let t = j.current.get(e);
 		t && (clearTimeout(t), j.current.delete(e));
 	}, []), L = c((e, t) => {
-		le(), Nt({
+		le(), Vt({
 			title: e,
 			message: t
 		});
-	}, []), { data: Vt, loading: Ht, error: Ut, refetch: R } = re({
+	}, []), { data: Yt, loading: Xt, error: Zt, refetch: R } = re({
 		variables: { pagination: { limit: 50 } },
-		skip: ut
-	}), z = Be(() => Vt?.vibeDecks?.items || [], [Vt]), B = b || z.find((e) => e.isDefault)?.id || z[0]?.id || null, { data: Wt, loading: Gt, refetch: Kt } = te({
+		skip: ht
+	}), z = Ve(() => Yt?.vibeDecks?.items || [], [Yt]), B = b || z.find((e) => e.isDefault)?.id || z[0]?.id || null, { data: Qt, loading: $t, refetch: en } = te({
 		variables: { id: B },
-		skip: !B || ut
-	}), V = Wt?.vibeDeck, H = Be(() => z.filter((e) => T.has(e.id)), [z, T]), U = Be(() => V?.buttons?.filter((e) => E.has(e.id)) ?? [], [V?.buttons, E]), qt = z.length > 0 && z.every((e) => T.has(e.id)), Jt = z.some((e) => T.has(e.id)) && !qt, Yt = (V?.buttons?.length ?? 0) > 0 && (V?.buttons ?? []).every((e) => E.has(e.id)), Xt = (V?.buttons ?? []).some((e) => E.has(e.id)) && !Yt, { data: Zt } = ne({
+		skip: !B || ht
+	}), V = Qt?.vibeDeck, H = Ve(() => z.filter((e) => T.has(e.id)), [z, T]), U = Ve(() => V?.buttons?.filter((e) => E.has(e.id)) ?? [], [V?.buttons, E]), tn = z.length > 0 && z.every((e) => T.has(e.id)), nn = z.some((e) => T.has(e.id)) && !tn, rn = (V?.buttons?.length ?? 0) > 0 && (V?.buttons ?? []).every((e) => E.has(e.id)), an = (V?.buttons ?? []).some((e) => E.has(e.id)) && !rn, { data: on } = ne({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
-		skip: ut
-	}), Qt = (Zt?.vibecontrolsAgents ?? []).map((e) => ({
+		skip: ht
+	}), sn = (on?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive
-	})), [$t, { loading: en }] = t({ refetchQueries: ["ListVibeDecks"] }), { setDraftTagIds: tn, flushTags: nn } = ve("VIBECONTROLS_VIBEDECK"), [rn, { loading: an }] = se({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [W] = r({ refetchQueries: ["ListVibeDecks"] }), [G] = ae({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [K] = i({ refetchQueries: ["ListVibeDecks"] }), [on, { loading: sn }] = e({ refetchQueries: ["GetVibeDeck"] }), [cn, { loading: ln }] = oe({ refetchQueries: ["GetVibeDeck"] }), [q] = n({ refetchQueries: ["GetVibeDeck"] }), [un] = ie({ refetchQueries: ["GetVibeDeck"] }), [J] = ee();
-	l(() => {
+	})), [cn, { loading: ln }] = t({ refetchQueries: ["ListVibeDecks"] }), { setDraftTagIds: un, flushTags: dn } = ve("VIBECONTROLS_VIBEDECK"), [fn, { loading: pn }] = se({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [W] = r({ refetchQueries: ["ListVibeDecks"] }), [G] = ae({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [K] = i({ refetchQueries: ["ListVibeDecks"] }), [mn, { loading: hn }] = e({ refetchQueries: ["GetVibeDeck"] }), [gn, { loading: _n }] = oe({ refetchQueries: ["GetVibeDeck"] }), [q] = n({ refetchQueries: ["GetVibeDeck"] }), [vn] = ie({ refetchQueries: ["GetVibeDeck"] }), [J] = ee();
+	Be(() => {
 		D(/* @__PURE__ */ new Set());
 	}, [B]);
-	let dn = c((e, t) => {
-		vt((n) => {
+	let yn = c((e, t) => {
+		Et((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), fn = c((e) => {
-		vt((t) => {
+	}, []), bn = c((e) => {
+		Et((t) => {
 			let n = new Set(t);
 			return z.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
 	}, [z]), Y = c(() => {
-		vt(/* @__PURE__ */ new Set());
+		Et(/* @__PURE__ */ new Set());
 	}, []);
 	c((e, t) => {
 		D((n) => {
@@ -144,7 +144,7 @@ function rt() {
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, []);
-	let pn = c((e) => {
+	let xn = c((e) => {
 		D((t) => {
 			let n = new Set(t);
 			return (V?.buttons ?? []).forEach((t) => {
@@ -153,17 +153,17 @@ function rt() {
 		});
 	}, [V?.buttons]), X = c(() => {
 		D(/* @__PURE__ */ new Set());
-	}, []), mn = c(async (e) => {
+	}, []), Sn = c(async (e) => {
 		try {
-			let t = (await $t({ variables: { input: {
+			let t = (await cn({ variables: { input: {
 				name: e.name,
 				description: e.description || null,
 				colorTheme: e.colorTheme || null,
 				gridColumns: e.gridColumns,
 				gridRows: e.gridRows,
-				...Ce(wt)
+				...Ce(Mt)
 			} } })).data?.createVibeDeck?.id;
-			w({ type: "none" }), I("Deck created", "success"), Tt(xe), t && await nn(t);
+			w({ type: "none" }), I("Deck created", "success"), Nt(xe), t && await dn(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.");
@@ -172,14 +172,14 @@ function rt() {
 			I(e instanceof Error ? e.message : "Failed to create deck", "error");
 		}
 	}, [
-		$t,
-		nn,
+		cn,
+		dn,
 		L,
 		I,
-		wt
-	]), hn = c(async (e) => {
+		Mt
+	]), Cn = c(async (e) => {
 		if (C.type === "editDeck") try {
-			await rn({ variables: {
+			await fn({ variables: {
 				id: C.deckId,
 				input: {
 					name: e.name,
@@ -193,10 +193,10 @@ function rt() {
 			I(e instanceof Error ? e.message : "Failed to update deck", "error");
 		}
 	}, [
-		rn,
+		fn,
 		C,
 		I
-	]), gn = c(async () => {
+	]), wn = c(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" }), Oe() && ke("success");
 		} catch (e) {
@@ -212,7 +212,7 @@ function rt() {
 	]), Z = c(async (e, t = !0) => {
 		let n = V?.buttons?.find((t) => t.id === e);
 		if (!n || !n.action) return;
-		let r = n.action, i = zt({
+		let r = n.action, i = qt({
 			buttonId: e,
 			buttonLabel: n.label,
 			actionType: r.actionType,
@@ -220,7 +220,7 @@ function rt() {
 			status: "running",
 			startedAt: /* @__PURE__ */ new Date()
 		});
-		_t(e), F(e, "executing");
+		Tt(e), F(e, "executing");
 		try {
 			let n = (await J({ variables: { id: e } })).data?.executeVibeDeckButton;
 			if (n && Me(n) && n.agentId) {
@@ -229,7 +229,7 @@ function rt() {
 					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()
-				}), t && Pt({
+				}), t && Ht({
 					buttonId: e,
 					agentId: n.agentId
 				});
@@ -243,8 +243,8 @@ function rt() {
 					exitCode: n.exitCode,
 					webhookStatusCode: n.webhookStatusCode,
 					completedAt: /* @__PURE__ */ new Date()
-				}), t && h.emitCustom("vibecontrols.vibedeck.button_executed", {
-					workspaceId: m ?? void 0,
+				}), t && m.emitCustom("vibecontrols.vibedeck.button_executed", {
+					workspaceId: p ?? void 0,
 					buttonId: e,
 					deckId: B ?? void 0
 				});
@@ -265,45 +265,45 @@ function rt() {
 				completedAt: /* @__PURE__ */ new Date()
 			});
 		} finally {
-			_t(null);
+			Tt(null);
 		}
 	}, [
 		V,
 		J,
-		zt,
+		qt,
 		P,
 		F,
 		L,
-		h,
 		m,
+		p,
 		B
-	]), _n = c(async ({ shell: e, file: t }) => {
+	]), Tn = c(async ({ shell: e, file: t }) => {
 		if (!M) return;
 		let { buttonId: n, agentId: r } = M;
-		It(!0);
+		Wt(!0);
 		try {
 			await je({
 				id: r,
-				profile: Rt
+				profile: Kt
 			}, {
 				shell: e,
 				file: t
-			}), Pt(null), await Z(n, !1);
+			}), Ht(null), await Z(n, !1);
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to enable remote execution", "error");
 		} finally {
-			It(!1);
+			Wt(!1);
 		}
 	}, [
 		M,
-		Rt,
+		Kt,
 		Z,
 		I
-	]), vn = c(async (e) => {
+	]), En = c(async (e) => {
 		let t = V?.buttons?.find((t) => t.id === e);
 		if (t) {
-			if (h.emitCustom("vibecontrols.vibedeck.button_executed_clicked", {
-				workspaceId: m ?? void 0,
+			if (m.emitCustom("vibecontrols.vibedeck.button_executed_clicked", {
+				workspaceId: p ?? void 0,
 				buttonId: e,
 				deckId: B ?? void 0
 			}), t.confirmationRequired) {
@@ -321,16 +321,16 @@ function rt() {
 	}, [
 		V,
 		Z,
-		h,
 		m,
+		p,
 		B
-	]), yn = c(async () => {
+	]), Dn = c(async () => {
 		if (C.type !== "confirmExecute") return;
 		let e = C.buttonId;
 		w({ type: "none" }), await Z(e);
-	}, [C, Z]), bn = c(async (e) => {
+	}, [C, Z]), On = c(async (e) => {
 		if (!(C.type !== "createButton" || !B)) try {
-			await on({ variables: { input: {
+			await mn({ variables: { input: {
 				vibeDeckId: B,
 				label: e.label,
 				actionId: e.actionId,
@@ -348,12 +348,12 @@ function rt() {
 		}
 	}, [
 		C,
-		on,
+		mn,
 		B,
 		I
-	]), xn = c(async (e) => {
+	]), kn = c(async (e) => {
 		if (C.type === "editButton") try {
-			await cn({ variables: {
+			await gn({ variables: {
 				id: C.buttonId,
 				input: {
 					label: e.label,
@@ -371,11 +371,11 @@ function rt() {
 		}
 	}, [
 		C,
-		cn,
+		gn,
 		I
-	]), Sn = c(async (e, t, n) => {
+	]), An = c(async (e, t, n) => {
 		try {
-			await un({ variables: {
+			await vn({ variables: {
 				id: e,
 				input: {
 					row: t,
@@ -385,7 +385,7 @@ function rt() {
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to move button", "error");
 		}
-	}, [un, I]), Cn = c(async (e) => {
+	}, [vn, I]), jn = c(async (e) => {
 		let t = z.find((t) => t.id === e);
 		if (t) try {
 			await K({ variables: {
@@ -404,13 +404,13 @@ function rt() {
 		K,
 		L,
 		I
-	]), wn = c(async (e) => {
+	]), Mn = c(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]), Tn = c(async () => {
+	}, [G, I]), Nn = c(async () => {
 		if (H.length === 1) {
 			A("setDefaultDeck");
 			try {
@@ -427,7 +427,7 @@ function rt() {
 		I,
 		Y,
 		R
-	]), En = c(async () => {
+	]), Pn = c(async () => {
 		if (H.length !== 0) {
 			A("duplicateDeck");
 			try {
@@ -458,12 +458,12 @@ function rt() {
 		I,
 		Y,
 		R
-	]), Dn = c(async () => {
+	]), Fn = c(async () => {
 		if (H.length !== 0) {
 			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(), bt(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(), Ot(null), await R();
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Failed to delete decks", "error");
 			} finally {
@@ -478,7 +478,7 @@ function rt() {
 		I,
 		Y,
 		R
-	]), On = c(async () => {
+	]), In = c(async () => {
 		if (U.length === 0) return;
 		A("executeButton");
 		let e = 0, t = 0;
@@ -504,12 +504,12 @@ function rt() {
 		L,
 		I,
 		X
-	]), kn = c(async () => {
+	]), Ln = c(async () => {
 		if (U.length !== 0) {
 			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(), O(null), await Kt();
+				I(`Deleted ${t} button${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), X(), O(null), await en();
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Failed to delete buttons", "error");
 			} finally {
@@ -521,53 +521,53 @@ function rt() {
 		q,
 		I,
 		X,
-		Kt
+		en
 	]);
-	if (it) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(me, { message: "Loading permissions..." }) });
-	if (_ && (_.permissionStrings?.length ?? 0) > 0 && !at) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(nt, {}) });
-	if (Ht) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(me, { message: "Loading Vibe Decks..." }) });
-	if (Ut) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(he, {
-		message: Ut.message,
+	if (at) return /* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(me, { message: "Loading permissions..." }) });
+	if (g && (g.permissionStrings?.length ?? 0) > 0 && !ot) return /* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(rt, {}) });
+	if (Xt) return /* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(me, { message: "Loading Vibe Decks..." }) });
+	if (Zt) return /* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(he, {
+		message: Zt.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;
-	return /* @__PURE__ */ f(p, {
+	return /* @__PURE__ */ d(f, {
 		className: "p-4 sm:p-6 space-y-6",
 		children: [
-			/* @__PURE__ */ d(pe, {
-				title: v("nav.vibeDeck", "Vibe Deck"),
+			/* @__PURE__ */ u(pe, {
+				title: _("nav.vibeDeck", "Vibe Deck"),
 				description: "Your digital command board — execute commands or trigger webhooks with one click",
-				actions: /* @__PURE__ */ f("div", {
+				actions: /* @__PURE__ */ d("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							"data-tour": "vibedeck-mode-switcher",
 							className: "flex items-center rounded-lg border border-border-default bg-bg-surface p-0.5",
-							children: [/* @__PURE__ */ f("button", {
+							children: [/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => ft("preview"),
+								onClick: () => _t("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(We, { size: 14 }), "Preview"]
-							}), /* @__PURE__ */ f("button", {
+								children: [/* @__PURE__ */ u(Ge, { size: 14 }), "Preview"]
+							}), /* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => ft("edit"),
+								onClick: () => _t("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(qe, { size: 14 }), "Edit"]
+								children: [/* @__PURE__ */ u(Je, { size: 14 }), "Edit"]
 							})]
 						}),
-						B && V && /* @__PURE__ */ d(Ae, {
+						B && V && /* @__PURE__ */ u(Ae, {
 							entity: "vibedeck",
 							resource: {
 								id: B,
 								name: V.name
 							},
-							label: v("vibecontrols.vibedeck.share.shareDeck", "Share deck")
+							label: _("vibecontrols.vibedeck.share.shareDeck", "Share deck")
 						}),
-						B && V && /* @__PURE__ */ f("button", {
+						B && V && /* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => w({
 								type: "publicLink",
@@ -575,95 +575,95 @@ function rt() {
 								deckName: V.name
 							}),
 							className: "inline-flex items-center gap-1.5 rounded-md border border-border-default px-3 py-1.5 text-sm text-text-primary hover:bg-bg-sunken",
-							title: v("vibecontrols.vibedeck.share.publicLinkHint", "Create a public link with optional execution, expiry and password"),
-							children: [/* @__PURE__ */ d(Ke, { className: "size-4" }), v("vibecontrols.vibedeck.share.publicLink", "Public link")]
+							title: _("vibecontrols.vibedeck.share.publicLinkHint", "Create a public link with optional execution, expiry and password"),
+							children: [/* @__PURE__ */ u(qe, { className: "size-4" }), _("vibecontrols.vibedeck.share.publicLink", "Public link")]
 						}),
-						B && V && /* @__PURE__ */ d(we, {
+						B && V && /* @__PURE__ */ u(we, {
 							entityType: ge.VibeDeck,
 							entityId: B,
 							currentVibeId: V.vibeId ?? null,
 							currentVisibility: V.visibility ?? null,
 							refetchQueries: ["ListVibeDecks", "GetVibeDeck"]
 						}),
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: () => {
-								R(), B && Kt();
+								R(), B && en();
 							},
 							className: "p-2 rounded-lg hover:bg-bg-sunken text-text-tertiary hover:text-text-primary transition-colors",
 							title: "Refresh",
-							children: /* @__PURE__ */ d(Ye, { size: 16 })
+							children: /* @__PURE__ */ u(Xe, { size: 16 })
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ d(et, {
-				icon: /* @__PURE__ */ d(Ge, { className: "size-4" }),
-				children: v("vibeDeck.purpose", "The Vibe Deck is your one-click command board: arrange the actions and webhooks you run most into tiles, then fire them with a single tap. Build a deck for a workflow (deploy, restart, run tests) so the whole team can execute the same operations consistently — Preview mode lets you try a layout safely before going live.")
+			/* @__PURE__ */ u(tt, {
+				icon: /* @__PURE__ */ u(Ke, { className: "size-4" }),
+				children: _("vibeDeck.purpose", "The Vibe Deck is your one-click command board: arrange the actions and webhooks you run most into tiles, then fire them with a single tap. Build a deck for a workflow (deploy, restart, run tests) so the whole team can execute the same operations consistently — Preview mode lets you try a layout safely before going live.")
 			}),
-			!S && z.length > 0 && /* @__PURE__ */ d("div", {
+			!S && z.length > 0 && /* @__PURE__ */ u("div", {
 				className: "rounded-lg border border-border-default bg-bg-surface p-4",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ d("div", {
 					className: "flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d(Ee, {
-								checked: qt,
-								indeterminate: Jt,
-								onChange: fn,
+							children: [/* @__PURE__ */ u(Ee, {
+								checked: tn,
+								indeterminate: nn,
+								onChange: bn,
 								ariaLabel: "Select all vibe decks"
-							}), /* @__PURE__ */ d("span", {
+							}), /* @__PURE__ */ u("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: "Select all decks"
 							})]
-						}), T.size > 0 && /* @__PURE__ */ d("button", {
+						}), T.size > 0 && /* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: Y,
 							className: "text-sm text-text-secondary hover:text-text-primary",
 							children: "Clear selection"
 						})]
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ d("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ f("span", {
+							/* @__PURE__ */ d("span", {
 								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 								children: [T.size, " selected"]
 							}),
-							/* @__PURE__ */ d("button", {
+							yt && /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: Tn,
+								onClick: Nn,
 								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", {
+								children: /* @__PURE__ */ d("span", {
 									className: "inline-flex items-center gap-2",
-									children: [/* @__PURE__ */ d(Xe, { size: 14 }), "Set Selected Default"]
+									children: [/* @__PURE__ */ u(Ze, { size: 14 }), "Set Selected Default"]
 								})
 							}),
-							/* @__PURE__ */ d("button", {
+							vt && /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: En,
+								onClick: Pn,
 								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", {
+								children: /* @__PURE__ */ d("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ d(Ue, { size: 14 }),
+										/* @__PURE__ */ u(We, { size: 14 }),
 										"Duplicate Selected",
 										H.length > 0 ? ` (${H.length})` : ""
 									]
 								})
 							}),
-							/* @__PURE__ */ d("button", {
+							bt && /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: () => bt("delete"),
+								onClick: () => Ot("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", {
+								children: /* @__PURE__ */ d("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ d(Ze, { size: 14 }),
+										/* @__PURE__ */ u(Qe, { size: 14 }),
 										"Delete Selected",
 										H.length > 0 ? ` (${H.length})` : ""
 									]
@@ -673,9 +673,9 @@ function rt() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u("div", {
 				"data-tour": "vibedeck-switcher",
-				children: /* @__PURE__ */ d(Pe, {
+				children: /* @__PURE__ */ u(Pe, {
 					decks: z.map((e) => ({
 						id: e.id,
 						name: e.name,
@@ -686,10 +686,10 @@ function rt() {
 					activeDeckId: B,
 					selectedDeckIds: T,
 					onSelectDeck: (e) => x(e),
-					onToggleSelectDeck: dn,
+					onToggleSelectDeck: yn,
 					onCreateDeck: () => w({ type: "createDeck" }),
-					onSetDefault: wn,
-					onDuplicate: (e) => Cn(e),
+					onSetDefault: Mn,
+					onDuplicate: (e) => jn(e),
 					onDelete: (e) => {
 						w({
 							type: "confirmDelete",
@@ -710,82 +710,82 @@ function rt() {
 							deckName: t.name
 						});
 					},
-					canCreate: ot,
-					canUpdate: mt,
-					canDelete: ht
+					canCreate: y,
+					canUpdate: yt,
+					canDelete: bt
 				})
 			}),
-			/* @__PURE__ */ f($e, {
+			/* @__PURE__ */ d(et, {
 				mode: "wait",
-				children: [!V && !Gt && z.length === 0 && /* @__PURE__ */ d(ye, {
+				children: [!V && !$t && z.length === 0 && /* @__PURE__ */ u(ye, {
 					title: "No Vibe Decks yet",
 					description: "Create your first Vibe Deck to start organizing your commands and webhooks",
-					action: /* @__PURE__ */ f("div", {
+					action: /* @__PURE__ */ d("div", {
 						className: "flex items-center gap-2",
-						children: [ot && /* @__PURE__ */ d("button", {
+						children: [y && /* @__PURE__ */ u("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(Te, { prompt: "What is a VibeDeck and how do I use it to organise controls?" })]
+						}), /* @__PURE__ */ u(Te, { prompt: "What is a VibeDeck and how do I use it to organise controls?" })]
 					})
-				}), Gt && /* @__PURE__ */ d(me, { message: "Loading deck..." })]
+				}), $t && /* @__PURE__ */ u(me, { message: "Loading deck..." })]
 			}),
-			V && /* @__PURE__ */ f("div", {
+			V && /* @__PURE__ */ d("div", {
 				className: "space-y-4",
-				children: [!S && (V.buttons?.length ?? 0) > 0 && /* @__PURE__ */ d("div", {
+				children: [!S && (V.buttons?.length ?? 0) > 0 && /* @__PURE__ */ u("div", {
 					className: "rounded-lg border border-border-default bg-bg-surface p-4",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ d("div", {
 						className: "flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ d(Ee, {
-									checked: Yt,
-									indeterminate: Xt,
-									onChange: pn,
+								children: [/* @__PURE__ */ u(Ee, {
+									checked: rn,
+									indeterminate: an,
+									onChange: xn,
 									ariaLabel: "Select all buttons in active deck"
-								}), /* @__PURE__ */ d("span", {
+								}), /* @__PURE__ */ u("span", {
 									className: "text-sm font-medium text-text-primary",
 									children: "Select all buttons in this deck"
 								})]
-							}), E.size > 0 && /* @__PURE__ */ d("button", {
+							}), E.size > 0 && /* @__PURE__ */ u("button", {
 								type: "button",
 								onClick: X,
 								className: "text-sm text-text-secondary hover:text-text-primary",
 								children: "Clear selection"
 							})]
-						}), /* @__PURE__ */ f("div", {
+						}), /* @__PURE__ */ d("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ f("span", {
+								/* @__PURE__ */ d("span", {
 									className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 									children: [E.size, " selected"]
 								}),
-								/* @__PURE__ */ d("button", {
+								mt && /* @__PURE__ */ u("button", {
 									type: "button",
 									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", {
+									children: /* @__PURE__ */ d("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d(Je, { size: 14 }),
+											/* @__PURE__ */ u(Ye, { size: 14 }),
 											"Execute Selected",
 											U.length > 0 ? ` (${U.length})` : ""
 										]
 									})
 								}),
-								/* @__PURE__ */ d("button", {
+								Ct && /* @__PURE__ */ u("button", {
 									type: "button",
 									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", {
+									children: /* @__PURE__ */ d("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d(Ze, { size: 14 }),
+											/* @__PURE__ */ u(Qe, { size: 14 }),
 											"Delete Selected",
 											U.length > 0 ? ` (${U.length})` : ""
 										]
@@ -794,10 +794,10 @@ function rt() {
 							]
 						})]
 					})
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ d("div", {
 					"data-tour": "vibedeck-grid",
 					className: "relative",
-					children: [/* @__PURE__ */ d(Ne, {
+					children: [/* @__PURE__ */ u(Ne, {
 						gridColumns: V.gridColumns,
 						gridRows: V.gridRows,
 						buttons: (V.buttons || []).map((e) => ({
@@ -824,7 +824,7 @@ function rt() {
 							rowSpan: e.rowSpan,
 							colSpan: e.colSpan
 						})),
-						onExecuteButton: vn,
+						onExecuteButton: En,
 						onEditButton: (e) => w({
 							type: "editButton",
 							buttonId: e
@@ -838,92 +838,92 @@ function rt() {
 								name: t?.label || "this button"
 							});
 						},
-						onDropButton: Sn,
+						onDropButton: An,
 						onAddButton: (e, t) => w({
 							type: "createButton",
 							row: e,
 							column: t
 						}),
-						executingButtonId: gt,
-						canCreate: pt,
-						canUpdate: mt,
-						canDelete: ht,
-						canExecute: lt,
+						executingButtonId: wt,
+						canCreate: xt,
+						canUpdate: St,
+						canDelete: Ct,
+						canExecute: mt,
 						previewMode: S
-					}), (V.buttons?.length ?? 0) === 0 && S && /* @__PURE__ */ d("div", {
+					}), (V.buttons?.length ?? 0) === 0 && S && /* @__PURE__ */ u("div", {
 						className: "absolute inset-0 flex items-center justify-center pointer-events-none",
-						children: /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ d("div", {
 							className: "bg-bg-elevated/90 backdrop-blur-md border border-border-default rounded-lg p-6 max-w-md pointer-events-auto shadow-xl text-center",
 							children: [
-								/* @__PURE__ */ d("h3", {
+								/* @__PURE__ */ u("h3", {
 									className: "text-lg font-semibold text-text-primary",
-									children: v("vibeDeck.emptyDeckTitle", "This deck is empty")
+									children: _("vibeDeck.emptyDeckTitle", "This deck is empty")
 								}),
-								/* @__PURE__ */ d("p", {
+								/* @__PURE__ */ u("p", {
 									className: "text-sm text-text-secondary mt-2",
-									children: v("vibeDeck.emptyDeckDescription", "Switch to Edit mode to add buttons.")
+									children: _("vibeDeck.emptyDeckDescription", "Switch to Edit mode to add buttons.")
 								}),
-								st && /* @__PURE__ */ d("button", {
+								st && /* @__PURE__ */ u("button", {
 									type: "button",
-									onClick: () => ft("edit"),
+									onClick: () => _t("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")
+									children: _("vibeDeck.editDeck", "Edit deck")
 								})
 							]
 						})
 					})]
 				})]
 			}),
-			Et.length > 0 && /* @__PURE__ */ d("div", {
+			Pt.length > 0 && /* @__PURE__ */ u("div", {
 				"data-tour": "vibedeck-execution-log",
-				children: /* @__PURE__ */ d(ze, {
-					entries: Et,
-					expanded: Ot,
-					onToggleExpanded: () => kt((e) => !e),
-					onClear: () => Dt([])
+				children: /* @__PURE__ */ u(ze, {
+					entries: Pt,
+					expanded: It,
+					onToggleExpanded: () => Lt((e) => !e),
+					onClear: () => Ft([])
 				})
 			}),
-			/* @__PURE__ */ d($e, { children: St.length > 0 && /* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u(et, { children: At.length > 0 && /* @__PURE__ */ u("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: St.slice(-3).map((e) => /* @__PURE__ */ f("div", {
+				children: At.slice(-3).map((e) => /* @__PURE__ */ d("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Bt(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Jt(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: () => Bt(e.id),
-					children: [/* @__PURE__ */ d("div", {
+					onClick: () => Jt(e.id),
+					children: [/* @__PURE__ */ u("div", {
 						className: "font-medium text-sm",
 						children: e.message
-					}), e.detail && /* @__PURE__ */ d("pre", {
+					}), e.detail && /* @__PURE__ */ u("pre", {
 						className: "text-xs font-mono opacity-80 mt-1 max-h-20 overflow-y-auto whitespace-pre-wrap",
 						children: e.detail
 					})]
 				}, e.id))
 			}) }),
-			C.type === "createDeck" && /* @__PURE__ */ d(Fe, {
+			C.type === "createDeck" && /* @__PURE__ */ u(Fe, {
 				title: "Create Vibe Deck",
-				onSubmit: mn,
+				onSubmit: Sn,
 				onCancel: () => {
-					w({ type: "none" }), Tt(xe);
+					w({ type: "none" }), Nt(xe);
 				},
-				isLoading: en,
-				extraSection: /* @__PURE__ */ f("div", {
+				isLoading: ln,
+				extraSection: /* @__PURE__ */ d("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h3", {
+					children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
 						className: "text-sm font-medium text-text-secondary mb-2",
-						children: v("vibeDeck.tags", "Tags")
-					}), /* @__PURE__ */ d(_e, {
+						children: _("vibeDeck.tags", "Tags")
+					}), /* @__PURE__ */ u(_e, {
 						entityType: "VIBECONTROLS_VIBEDECK",
-						onDraftChange: tn
-					})] }), /* @__PURE__ */ d(Se, {
-						value: wt,
-						onChange: Tt
+						onDraftChange: un
+					})] }), /* @__PURE__ */ u(Se, {
+						value: Mt,
+						onChange: Nt
 					})]
 				})
 			}),
-			C.type === "editDeck" && $ && /* @__PURE__ */ d(Fe, {
+			C.type === "editDeck" && $ && /* @__PURE__ */ u(Fe, {
 				title: "Edit Vibe Deck",
 				initialData: {
 					name: $.name,
@@ -932,29 +932,29 @@ function rt() {
 					gridColumns: $.gridColumns,
 					gridRows: $.gridRows
 				},
-				onSubmit: hn,
+				onSubmit: Cn,
 				onCancel: () => w({ type: "none" }),
-				isLoading: an,
-				extraSection: /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h3", {
+				isLoading: pn,
+				extraSection: /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
 					className: "text-sm font-medium text-text-secondary mb-2",
-					children: v("vibeDeck.tags", "Tags")
-				}), /* @__PURE__ */ d(_e, {
+					children: _("vibeDeck.tags", "Tags")
+				}), /* @__PURE__ */ u(_e, {
 					entityType: "VIBECONTROLS_VIBEDECK",
 					entityId: $.id
 				})] })
 			}),
-			C.type === "createButton" && /* @__PURE__ */ d(Ie, {
+			C.type === "createButton" && /* @__PURE__ */ u(Ie, {
 				title: "Add Button",
-				agents: Qt,
-				onSubmit: bn,
+				agents: sn,
+				onSubmit: On,
 				onCancel: () => w({ type: "none" }),
-				isLoading: sn,
+				isLoading: hn,
 				gridColumns: V?.gridColumns,
 				gridRows: V?.gridRows,
 				buttonRow: C.row,
 				buttonColumn: C.column
 			}),
-			C.type === "editButton" && Q && /* @__PURE__ */ d(Ie, {
+			C.type === "editButton" && Q && /* @__PURE__ */ u(Ie, {
 				title: "Edit Button",
 				initialData: {
 					label: Q.label,
@@ -966,93 +966,93 @@ function rt() {
 					rowSpan: Q.rowSpan,
 					colSpan: Q.colSpan
 				},
-				agents: Qt,
-				onSubmit: xn,
+				agents: sn,
+				onSubmit: kn,
 				onCancel: () => w({ type: "none" }),
-				isLoading: ln,
+				isLoading: _n,
 				gridColumns: V?.gridColumns,
 				gridRows: V?.gridRows,
 				buttonRow: Q.row,
 				buttonColumn: Q.column
 			}),
-			C.type === "confirmDelete" && /* @__PURE__ */ d(a, {
+			C.type === "confirmDelete" && /* @__PURE__ */ u(a, {
 				isOpen: !0,
 				title: `Delete ${C.target === "deck" ? "Vibe Deck" : "Button"}`,
 				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: gn,
+				onConfirm: wn,
 				onClose: () => w({ type: "none" })
 			}),
-			C.type === "confirmExecute" && /* @__PURE__ */ d(a, {
+			C.type === "confirmExecute" && /* @__PURE__ */ u(a, {
 				isOpen: !0,
 				title: `Execute: ${C.label}`,
 				message: `Are you sure you want to execute this action?\n\n${C.detail}`,
 				confirmLabel: "Execute",
 				variant: "warning",
-				onConfirm: yn,
+				onConfirm: Dn,
 				onClose: () => w({ type: "none" })
 			}),
-			/* @__PURE__ */ d(a, {
-				isOpen: yt === "delete",
+			/* @__PURE__ */ u(a, {
+				isOpen: Dt === "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: Dn,
-				onClose: () => bt(null),
+				onConfirm: Fn,
+				onClose: () => Ot(null),
 				isLoading: k === "deleteDeck"
 			}),
-			/* @__PURE__ */ d(a, {
-				isOpen: xt === "execute",
+			/* @__PURE__ */ u(a, {
+				isOpen: kt === "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: On,
+				onConfirm: In,
 				onClose: () => O(null),
 				isLoading: k === "executeButton"
 			}),
-			/* @__PURE__ */ d(a, {
-				isOpen: xt === "delete",
+			/* @__PURE__ */ u(a, {
+				isOpen: kt === "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: kn,
+				onConfirm: Ln,
 				onClose: () => O(null),
 				isLoading: k === "deleteButton"
 			}),
-			C.type === "shareDeck" && /* @__PURE__ */ d(Le, {
+			C.type === "shareDeck" && /* @__PURE__ */ u(Le, {
 				vibeDeckId: C.deckId,
 				vibeDeckName: C.deckName,
 				onClose: () => w({ type: "none" })
 			}),
-			C.type === "publicLink" && /* @__PURE__ */ d(Re, {
+			C.type === "publicLink" && /* @__PURE__ */ u(Re, {
 				vibeDeckId: C.deckId,
 				vibeDeckName: C.deckName,
 				onClose: () => w({ type: "none" })
 			}),
-			/* @__PURE__ */ d(ce, {
-				isOpen: Mt !== null,
-				onClose: () => Nt(null),
+			/* @__PURE__ */ u(ce, {
+				isOpen: Bt !== null,
+				onClose: () => Vt(null),
 				onConfirm: () => {
-					Nt(null), rt("/billing/plans");
+					Vt(null), it("/billing/plans");
 				},
-				title: Mt?.title || "Quota Reached",
-				message: Mt?.message || "Upgrade your plan to continue."
+				title: Bt?.title || "Quota Reached",
+				message: Bt?.message || "Upgrade your plan to continue."
 			}),
-			/* @__PURE__ */ d(be, {
+			/* @__PURE__ */ u(be, {
 				isOpen: M !== null,
-				agentName: M ? Qt.find((e) => e.id === M.agentId)?.name : void 0,
-				isLoading: Ft,
-				onClose: () => Pt(null),
-				onConfirm: _n
+				agentName: M ? sn.find((e) => e.id === M.agentId)?.name : void 0,
+				isLoading: Ut,
+				onClose: () => Ht(null),
+				onConfirm: Tn
 			})
 		]
 	});
 }
 //#endregion
-export { rt as VibeDeckPage };
+export { it as VibeDeckPage };
 
 //# sourceMappingURL=VibeDeckPage.js.map