@burdenoff/microfe-vibecontrols 2026.625.3 → 2026.626.2

package/dist/pages/VibeDeckPage.js

@@ -5,71 +5,72 @@ import { isQuotaExhaustedError as o, markQuotaHandledLocally as le } from "../ut
 import { useVibeControls as ue, useVibeNavigate as de } from "../providers/VibeControlsProvider.js";
 import { useVibeControlsStore as fe } from "../store/vibeControlsStore.js";
 import { PageHeader as pe } from "../components/shared/PageHeader.js";
-import { LoadingState as s } from "../components/shared/LoadingState.js";
-import { ErrorState as me } from "../components/shared/ErrorState.js";
-import { VibeEntityType as he } from "../generated/wspace-types.js";
-import { EntityTagPicker as ge } from "../components/shared/EntityTagPicker.js";
-import { useDraftEntityTags as _e } from "../hooks/useDraftEntityTags.js";
-import { EmptyState as ve } from "../components/shared/EmptyState.js";
-import { EnableRemoteTaskDialog as ye } from "../components/shared/EnableRemoteTaskDialog.js";
-import { LINK_TO_VIBE_DEFAULT as be, LinkToVibePanel as xe, linkToVibeInput as Se } from "../components/shared/LinkToVibePanel.js";
-import { EntityVibeLinkControl as Ce } from "../components/shared/EntityVibeLinkControl.js";
-import { GetHelpButton as we } from "../components/shared/GetHelpButton.js";
-import { SelectionCheckbox as Te } from "../components/shared/SelectionCheckbox.js";
-import { useActiveAgentProfile as Ee } from "../hooks/useActiveAgentProfile.js";
+import { LoadingState as me } from "../components/shared/LoadingState.js";
+import { ErrorState as he } from "../components/shared/ErrorState.js";
+import { VibeEntityType as ge } from "../generated/wspace-types.js";
+import { EntityTagPicker as _e } from "../components/shared/EntityTagPicker.js";
+import { useDraftEntityTags as ve } from "../hooks/useDraftEntityTags.js";
+import { EmptyState as ye } from "../components/shared/EmptyState.js";
+import { EnableRemoteTaskDialog as be } from "../components/shared/EnableRemoteTaskDialog.js";
+import { LINK_TO_VIBE_DEFAULT as xe, LinkToVibePanel as Se, linkToVibeInput as Ce } from "../components/shared/LinkToVibePanel.js";
+import { EntityVibeLinkControl as we } from "../components/shared/EntityVibeLinkControl.js";
+import { GetHelpButton as Te } from "../components/shared/GetHelpButton.js";
+import { SelectionCheckbox as Ee } from "../components/shared/SelectionCheckbox.js";
+import { useActiveAgentProfile as De } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { isNative as De, nativeNotify as Oe } from "../utils/nativeBridge.js";
-import { VIBE_PERMISSIONS as c } from "../constants/permissions.js";
-import { EntityShareButton as ke } from "../components/sharing/EntityShareButton.js";
+import { isNative as Oe, nativeNotify as ke } from "../utils/nativeBridge.js";
+import { VIBE_PERMISSIONS as s } from "../constants/permissions.js";
+import { EntityShareButton as Ae } from "../components/sharing/EntityShareButton.js";
 import "../components/sharing/index.js";
-import { enableRemoteTaskExecution as Ae, isRemoteTaskDeniedError as je } from "../services/agentRemoteTaskGates.js";
-import { VibeDeckGrid as Me } from "../components/vibedeck/VibeDeckGrid.js";
-import { VibeDeckSwitcher as Ne } from "../components/vibedeck/VibeDeckSwitcher.js";
-import { VibeDeckForm as Pe } from "../components/vibedeck/VibeDeckForm.js";
-import { VibeDeckButtonForm as Fe } from "../components/vibedeck/VibeDeckButtonForm.js";
-import { VibeDeckShareDialog as Ie } from "../components/vibedeck/VibeDeckShareDialog.js";
-import { VibeDeckPublicLinkPanel as Le } from "../components/vibedeck/VibeDeckPublicLinkPanel.js";
-import { VibeDeckExecutionLog as Re } from "../components/vibedeck/VibeDeckExecutionLog.js";
+import { enableRemoteTaskExecution as je, isRemoteTaskDeniedError as Me } from "../services/agentRemoteTaskGates.js";
+import { VibeDeckGrid as Ne } from "../components/vibedeck/VibeDeckGrid.js";
+import { VibeDeckSwitcher as Pe } from "../components/vibedeck/VibeDeckSwitcher.js";
+import { VibeDeckForm as Fe } from "../components/vibedeck/VibeDeckForm.js";
+import { VibeDeckButtonForm as Ie } from "../components/vibedeck/VibeDeckButtonForm.js";
+import { VibeDeckShareDialog as Le } from "../components/vibedeck/VibeDeckShareDialog.js";
+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 l, useEffect as ze, useMemo as Be, useRef as Ve, useState as u } from "react";
+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, Link2 as Ge, Pencil as Ke, Play as qe, RefreshCw as Je, Star as Ye, Trash2 as Xe } from "lucide-react";
-import { usePermissions as Ze } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as Qe } from "framer-motion";
+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 { useEventBus as $e } from "@burdenoff/fe-libs/shared/events";
-import { AccessDenied as et } from "@burdenoff/fe-libs/shared/components";
+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";
 //#region src/pages/VibeDeckPage.tsx
-function tt() {
-	let tt = de(), { workspaceId: m } = ue(), h = $e(), { hasPermission: g, isLoading: nt, permissions: _ } = Ze(), v = ((e) => (t, n) => {
+function rt() {
+	let rt = de(), { workspaceId: m } = ue(), h = tt(), { hasPermission: g, isLoading: it, permissions: _ } = Qe(), v = ((e) => (t, n) => {
 		let r = e.t(t);
 		return r === t ? n : r;
-	})(He()), y = (Array.isArray(_) ? _ : _?.permissionStrings)?.some?.((e) => e.startsWith("vibedeck:")), rt = y ? g(c.VIBEDECK_LIST) : !0, it = y ? g(c.VIBEDECK_CREATE) : !0, at = y ? g(c.VIBEDECK_UPDATE) : !0, ot = y ? g(c.VIBEDECK_DELETE) : !0, st = y ? g(c.VIBEDECK_EXECUTE) : !0, ct = nt, { activeVibeDeckId: b, setActiveVibeDeckId: x, vibeDeckMode: lt, setVibeDeckMode: ut } = fe(), S = lt === "preview", dt = S ? !1 : it, ft = S ? !1 : at, pt = S ? !1 : ot, [C, w] = u({ type: "none" }), [mt, ht] = u(null), [T, gt] = u(/* @__PURE__ */ new Set()), [E, D] = u(/* @__PURE__ */ new Set()), [_t, vt] = u(null), [yt, O] = u(null), [k, A] = u(null), [bt, xt] = u([]), j = Ve(/* @__PURE__ */ new Map()), [St, Ct] = u(be), [wt, Tt] = u([]), [Et, Dt] = u(!0), [Ot, kt] = u(/* @__PURE__ */ new Map()), [At, jt] = u(null), [M, Mt] = u(null), [Nt, Pt] = u(!1), { profiles: Ft } = Ee(M?.agentId ?? null), It = Ft.find((e) => e.isDefault)?.name ?? "default", N = Ve(/* @__PURE__ */ new Map());
-	ze(() => {
+	})(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(() => {
 		let e = N.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
 		};
 	}, []);
-	let Lt = l((e) => {
+	let zt = c((e) => {
 		let t = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`, n = {
 			...e,
 			id: t
 		};
-		return Tt((e) => [...e.slice(-49), n]), t;
-	}, []), P = l((e, t) => {
-		Tt((n) => n.map((n) => n.id === e ? {
+		return Dt((e) => [...e.slice(-49), n]), t;
+	}, []), P = c((e, t) => {
+		Dt((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, []), F = l((e, t) => {
-		if (kt((n) => {
+	}, []), F = c((e, t) => {
+		if (jt((n) => {
 			let r = new Map(n);
 			return r.set(e, t), r;
 		}), t === "success" || t === "error") {
 			let n = setTimeout(() => {
-				kt((n) => {
+				jt((n) => {
 					let r = new Map(n);
 					return r.get(e) === t && r.delete(e), r;
 				}), N.current.delete(e);
@@ -77,92 +78,92 @@ function tt() {
 			r && clearTimeout(r), N.current.set(e, n);
 		}
 	}, []);
-	ze(() => {
+	l(() => {
 		let e = j.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
 		};
 	}, []);
-	let I = l((e, t, n, r) => {
+	let I = c((e, t, n, r) => {
 		let i = Date.now() + Math.random();
-		xt((r) => [...r, {
+		Ct((r) => [...r, {
 			message: e,
 			variant: t,
 			detail: n,
 			id: i
 		}]);
 		let ee = setTimeout(() => {
-			xt((e) => e.filter((e) => e.id !== i)), j.current.delete(i);
+			Ct((e) => e.filter((e) => e.id !== i)), j.current.delete(i);
 		}, r ?? (t === "success" ? 1e4 : 3e4));
 		j.current.set(i, ee);
-	}, []), Rt = l((e) => {
-		xt((t) => t.filter((t) => t.id !== e));
+	}, []), Bt = c((e) => {
+		Ct((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(), jt({
+	}, []), L = c((e, t) => {
+		le(), Nt({
 			title: e,
 			message: t
 		});
-	}, []), { data: zt, loading: Bt, error: Vt, refetch: R } = re({
+	}, []), { data: Vt, loading: Ht, error: Ut, refetch: R } = re({
 		variables: { pagination: { limit: 50 } },
-		skip: ct
-	}), z = Be(() => zt?.vibeDecks?.items || [], [zt]), B = b || z.find((e) => e.isDefault)?.id || z[0]?.id || null, { data: Ht, loading: Ut, refetch: Wt } = te({
+		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({
 		variables: { id: B },
-		skip: !B || ct
-	}), V = Ht?.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]), Gt = z.length > 0 && z.every((e) => T.has(e.id)), Kt = z.some((e) => T.has(e.id)) && !Gt, qt = (V?.buttons?.length ?? 0) > 0 && (V?.buttons ?? []).every((e) => E.has(e.id)), Jt = (V?.buttons ?? []).some((e) => E.has(e.id)) && !qt, { data: Yt } = ne({
+		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({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
-		skip: ct
-	}), Xt = (Yt?.vibecontrolsAgents ?? []).map((e) => ({
+		skip: ut
+	}), Qt = (Zt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive
-	})), [Zt, { loading: Qt }] = t({ refetchQueries: ["ListVibeDecks"] }), { setDraftTagIds: $t, flushTags: en } = _e("VIBECONTROLS_VIBEDECK"), [tn, { loading: nn }] = se({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [W] = r({ refetchQueries: ["ListVibeDecks"] }), [G] = ae({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [K] = i({ refetchQueries: ["ListVibeDecks"] }), [rn, { loading: an }] = e({ refetchQueries: ["GetVibeDeck"] }), [on, { loading: sn }] = oe({ refetchQueries: ["GetVibeDeck"] }), [q] = n({ refetchQueries: ["GetVibeDeck"] }), [cn] = ie({ refetchQueries: ["GetVibeDeck"] }), [J] = ee();
-	ze(() => {
+	})), [$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(() => {
 		D(/* @__PURE__ */ new Set());
 	}, [B]);
-	let ln = l((e, t) => {
-		gt((n) => {
+	let dn = c((e, t) => {
+		vt((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), un = l((e) => {
-		gt((t) => {
+	}, []), fn = c((e) => {
+		vt((t) => {
 			let n = new Set(t);
 			return z.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, [z]), Y = l(() => {
-		gt(/* @__PURE__ */ new Set());
+	}, [z]), Y = c(() => {
+		vt(/* @__PURE__ */ new Set());
 	}, []);
-	l((e, t) => {
+	c((e, t) => {
 		D((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, []);
-	let dn = l((e) => {
+	let pn = c((e) => {
 		D((t) => {
 			let n = new Set(t);
 			return (V?.buttons ?? []).forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, [V?.buttons]), X = l(() => {
+	}, [V?.buttons]), X = c(() => {
 		D(/* @__PURE__ */ new Set());
-	}, []), fn = l(async (e) => {
+	}, []), mn = c(async (e) => {
 		try {
-			let t = (await Zt({ variables: { input: {
+			let t = (await $t({ variables: { input: {
 				name: e.name,
 				description: e.description || null,
 				colorTheme: e.colorTheme || null,
 				gridColumns: e.gridColumns,
 				gridRows: e.gridRows,
-				...Se(St)
+				...Ce(wt)
 			} } })).data?.createVibeDeck?.id;
-			w({ type: "none" }), I("Deck created", "success"), Ct(be), t && await en(t);
+			w({ type: "none" }), I("Deck created", "success"), Tt(xe), t && await nn(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.");
@@ -171,14 +172,14 @@ function tt() {
 			I(e instanceof Error ? e.message : "Failed to create deck", "error");
 		}
 	}, [
-		Zt,
-		en,
+		$t,
+		nn,
 		L,
 		I,
-		St
-	]), pn = l(async (e) => {
+		wt
+	]), hn = c(async (e) => {
 		if (C.type === "editDeck") try {
-			await tn({ variables: {
+			await rn({ variables: {
 				id: C.deckId,
 				input: {
 					name: e.name,
@@ -192,14 +193,14 @@ function tt() {
 			I(e instanceof Error ? e.message : "Failed to update deck", "error");
 		}
 	}, [
-		tn,
+		rn,
 		C,
 		I
-	]), mn = l(async () => {
+	]), gn = 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" }), De() && Oe("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" }), Oe() && ke("success");
 		} catch (e) {
-			I(e instanceof Error ? e.message : "Failed to delete", "error"), De() && Oe("error");
+			I(e instanceof Error ? e.message : "Failed to delete", "error"), Oe() && ke("error");
 		}
 	}, [
 		C,
@@ -208,10 +209,10 @@ function tt() {
 		b,
 		x,
 		I
-	]), Z = l(async (e, t = !0) => {
+	]), 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 = Lt({
+		let r = n.action, i = zt({
 			buttonId: e,
 			buttonLabel: n.label,
 			actionType: r.actionType,
@@ -219,16 +220,16 @@ function tt() {
 			status: "running",
 			startedAt: /* @__PURE__ */ new Date()
 		});
-		ht(e), F(e, "executing");
+		_t(e), F(e, "executing");
 		try {
 			let n = (await J({ variables: { id: e } })).data?.executeVibeDeckButton;
-			if (n && je(n) && n.agentId) {
+			if (n && Me(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()
-				}), t && Mt({
+				}), t && Pt({
 					buttonId: e,
 					agentId: n.agentId
 				});
@@ -264,41 +265,41 @@ function tt() {
 				completedAt: /* @__PURE__ */ new Date()
 			});
 		} finally {
-			ht(null);
+			_t(null);
 		}
 	}, [
 		V,
 		J,
-		Lt,
+		zt,
 		P,
 		F,
 		L,
 		h,
 		m,
 		B
-	]), hn = l(async ({ shell: e, file: t }) => {
+	]), _n = c(async ({ shell: e, file: t }) => {
 		if (!M) return;
 		let { buttonId: n, agentId: r } = M;
-		Pt(!0);
+		It(!0);
 		try {
-			await Ae({
+			await je({
 				id: r,
-				profile: It
+				profile: Rt
 			}, {
 				shell: e,
 				file: t
-			}), Mt(null), await Z(n, !1);
+			}), Pt(null), await Z(n, !1);
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to enable remote execution", "error");
 		} finally {
-			Pt(!1);
+			It(!1);
 		}
 	}, [
 		M,
-		It,
+		Rt,
 		Z,
 		I
-	]), gn = l(async (e) => {
+	]), vn = c(async (e) => {
 		let t = V?.buttons?.find((t) => t.id === e);
 		if (t) {
 			if (h.emitCustom("vibecontrols.vibedeck.button_executed_clicked", {
@@ -323,13 +324,13 @@ function tt() {
 		h,
 		m,
 		B
-	]), _n = l(async () => {
+	]), yn = c(async () => {
 		if (C.type !== "confirmExecute") return;
 		let e = C.buttonId;
 		w({ type: "none" }), await Z(e);
-	}, [C, Z]), vn = l(async (e) => {
+	}, [C, Z]), bn = c(async (e) => {
 		if (!(C.type !== "createButton" || !B)) try {
-			await rn({ variables: { input: {
+			await on({ variables: { input: {
 				vibeDeckId: B,
 				label: e.label,
 				actionId: e.actionId,
@@ -347,12 +348,12 @@ function tt() {
 		}
 	}, [
 		C,
-		rn,
+		on,
 		B,
 		I
-	]), yn = l(async (e) => {
+	]), xn = c(async (e) => {
 		if (C.type === "editButton") try {
-			await on({ variables: {
+			await cn({ variables: {
 				id: C.buttonId,
 				input: {
 					label: e.label,
@@ -370,11 +371,11 @@ function tt() {
 		}
 	}, [
 		C,
-		on,
+		cn,
 		I
-	]), bn = l(async (e, t, n) => {
+	]), Sn = c(async (e, t, n) => {
 		try {
-			await cn({ variables: {
+			await un({ variables: {
 				id: e,
 				input: {
 					row: t,
@@ -384,7 +385,7 @@ function tt() {
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to move button", "error");
 		}
-	}, [cn, I]), xn = l(async (e) => {
+	}, [un, I]), Cn = c(async (e) => {
 		let t = z.find((t) => t.id === e);
 		if (t) try {
 			await K({ variables: {
@@ -403,13 +404,13 @@ function tt() {
 		K,
 		L,
 		I
-	]), Sn = l(async (e) => {
+	]), wn = 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]), Cn = l(async () => {
+	}, [G, I]), Tn = c(async () => {
 		if (H.length === 1) {
 			A("setDefaultDeck");
 			try {
@@ -426,7 +427,7 @@ function tt() {
 		I,
 		Y,
 		R
-	]), wn = l(async () => {
+	]), En = c(async () => {
 		if (H.length !== 0) {
 			A("duplicateDeck");
 			try {
@@ -457,12 +458,12 @@ function tt() {
 		I,
 		Y,
 		R
-	]), Tn = l(async () => {
+	]), Dn = 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(), vt(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(), bt(null), await R();
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Failed to delete decks", "error");
 			} finally {
@@ -477,7 +478,7 @@ function tt() {
 		I,
 		Y,
 		R
-	]), En = l(async () => {
+	]), On = c(async () => {
 		if (U.length === 0) return;
 		A("executeButton");
 		let e = 0, t = 0;
@@ -503,12 +504,12 @@ function tt() {
 		L,
 		I,
 		X
-	]), Dn = l(async () => {
+	]), kn = 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 Wt();
+				I(`Deleted ${t} button${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), X(), O(null), await Kt();
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Failed to delete buttons", "error");
 			} finally {
@@ -520,13 +521,13 @@ function tt() {
 		q,
 		I,
 		X,
-		Wt
+		Kt
 	]);
-	if (nt) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(s, { message: "Loading permissions..." }) });
-	if (_ && (_.permissionStrings?.length ?? 0) > 0 && !rt) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(et, {}) });
-	if (Bt) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(s, { message: "Loading Vibe Decks..." }) });
-	if (Vt) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(me, {
-		message: Vt.message,
+	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,
 		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;
@@ -544,21 +545,21 @@ function tt() {
 							className: "flex items-center rounded-lg border border-border-default bg-bg-surface p-0.5",
 							children: [/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => ut("preview"),
+								onClick: () => ft("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", {
 								type: "button",
-								onClick: () => ut("edit"),
+								onClick: () => ft("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(Ke, { size: 14 }), "Edit"]
+								children: [/* @__PURE__ */ d(qe, { size: 14 }), "Edit"]
 							})]
 						}),
-						B && V && /* @__PURE__ */ d(ke, {
+						B && V && /* @__PURE__ */ d(Ae, {
 							entity: "vibedeck",
 							resource: {
 								id: B,
@@ -575,10 +576,10 @@ function tt() {
 							}),
 							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(Ge, { className: "size-4" }), v("vibecontrols.vibedeck.share.publicLink", "Public link")]
+							children: [/* @__PURE__ */ d(Ke, { className: "size-4" }), v("vibecontrols.vibedeck.share.publicLink", "Public link")]
 						}),
-						B && V && /* @__PURE__ */ d(Ce, {
-							entityType: he.VibeDeck,
+						B && V && /* @__PURE__ */ d(we, {
+							entityType: ge.VibeDeck,
 							entityId: B,
 							currentVibeId: V.vibeId ?? null,
 							currentVisibility: V.visibility ?? null,
@@ -587,15 +588,19 @@ function tt() {
 						/* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => {
-								R(), B && Wt();
+								R(), B && Kt();
 							},
 							className: "p-2 rounded-lg hover:bg-bg-sunken text-text-tertiary hover:text-text-primary transition-colors",
 							title: "Refresh",
-							children: /* @__PURE__ */ d(Je, { size: 16 })
+							children: /* @__PURE__ */ d(Ye, { 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.")
+			}),
 			!S && z.length > 0 && /* @__PURE__ */ d("div", {
 				className: "rounded-lg border border-border-default bg-bg-surface p-4",
 				children: /* @__PURE__ */ f("div", {
@@ -604,10 +609,10 @@ function tt() {
 						className: "flex flex-wrap items-center gap-3",
 						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d(Te, {
-								checked: Gt,
-								indeterminate: Kt,
-								onChange: un,
+							children: [/* @__PURE__ */ d(Ee, {
+								checked: qt,
+								indeterminate: Jt,
+								onChange: fn,
 								ariaLabel: "Select all vibe decks"
 							}), /* @__PURE__ */ d("span", {
 								className: "text-sm font-medium text-text-primary",
@@ -628,17 +633,17 @@ function tt() {
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: Cn,
+								onClick: Tn,
 								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(Ye, { size: 14 }), "Set Selected Default"]
+									children: [/* @__PURE__ */ d(Xe, { size: 14 }), "Set Selected Default"]
 								})
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: wn,
+								onClick: En,
 								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", {
@@ -652,13 +657,13 @@ function tt() {
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => vt("delete"),
+								onClick: () => bt("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(Xe, { size: 14 }),
+										/* @__PURE__ */ d(Ze, { size: 14 }),
 										"Delete Selected",
 										H.length > 0 ? ` (${H.length})` : ""
 									]
@@ -670,7 +675,7 @@ function tt() {
 			}),
 			/* @__PURE__ */ d("div", {
 				"data-tour": "vibedeck-switcher",
-				children: /* @__PURE__ */ d(Ne, {
+				children: /* @__PURE__ */ d(Pe, {
 					decks: z.map((e) => ({
 						id: e.id,
 						name: e.name,
@@ -681,10 +686,10 @@ function tt() {
 					activeDeckId: B,
 					selectedDeckIds: T,
 					onSelectDeck: (e) => x(e),
-					onToggleSelectDeck: ln,
+					onToggleSelectDeck: dn,
 					onCreateDeck: () => w({ type: "createDeck" }),
-					onSetDefault: Sn,
-					onDuplicate: (e) => xn(e),
+					onSetDefault: wn,
+					onDuplicate: (e) => Cn(e),
 					onDelete: (e) => {
 						w({
 							type: "confirmDelete",
@@ -705,26 +710,26 @@ function tt() {
 							deckName: t.name
 						});
 					},
-					canCreate: it,
-					canUpdate: ft,
-					canDelete: pt
+					canCreate: ot,
+					canUpdate: mt,
+					canDelete: ht
 				})
 			}),
-			/* @__PURE__ */ f(Qe, {
+			/* @__PURE__ */ f($e, {
 				mode: "wait",
-				children: [!V && !Ut && z.length === 0 && /* @__PURE__ */ d(ve, {
+				children: [!V && !Gt && z.length === 0 && /* @__PURE__ */ d(ye, {
 					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: [it && /* @__PURE__ */ d("button", {
+						children: [ot && /* @__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(we, { prompt: "What is a VibeDeck and how do I use it to organise controls?" })]
+						}), /* @__PURE__ */ d(Te, { prompt: "What is a VibeDeck and how do I use it to organise controls?" })]
 					})
-				}), Ut && /* @__PURE__ */ d(s, { message: "Loading deck..." })]
+				}), Gt && /* @__PURE__ */ d(me, { message: "Loading deck..." })]
 			}),
 			V && /* @__PURE__ */ f("div", {
 				className: "space-y-4",
@@ -736,10 +741,10 @@ function tt() {
 							className: "flex flex-wrap items-center gap-3",
 							children: [/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ d(Te, {
-									checked: qt,
-									indeterminate: Jt,
-									onChange: dn,
+								children: [/* @__PURE__ */ d(Ee, {
+									checked: Yt,
+									indeterminate: Xt,
+									onChange: pn,
 									ariaLabel: "Select all buttons in active deck"
 								}), /* @__PURE__ */ d("span", {
 									className: "text-sm font-medium text-text-primary",
@@ -766,7 +771,7 @@ function tt() {
 									children: /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d(qe, { size: 14 }),
+											/* @__PURE__ */ d(Je, { size: 14 }),
 											"Execute Selected",
 											U.length > 0 ? ` (${U.length})` : ""
 										]
@@ -780,7 +785,7 @@ function tt() {
 									children: /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d(Xe, { size: 14 }),
+											/* @__PURE__ */ d(Ze, { size: 14 }),
 											"Delete Selected",
 											U.length > 0 ? ` (${U.length})` : ""
 										]
@@ -792,7 +797,7 @@ function tt() {
 				}), /* @__PURE__ */ f("div", {
 					"data-tour": "vibedeck-grid",
 					className: "relative",
-					children: [/* @__PURE__ */ d(Me, {
+					children: [/* @__PURE__ */ d(Ne, {
 						gridColumns: V.gridColumns,
 						gridRows: V.gridRows,
 						buttons: (V.buttons || []).map((e) => ({
@@ -819,7 +824,7 @@ function tt() {
 							rowSpan: e.rowSpan,
 							colSpan: e.colSpan
 						})),
-						onExecuteButton: gn,
+						onExecuteButton: vn,
 						onEditButton: (e) => w({
 							type: "editButton",
 							buttonId: e
@@ -833,17 +838,17 @@ function tt() {
 								name: t?.label || "this button"
 							});
 						},
-						onDropButton: bn,
+						onDropButton: Sn,
 						onAddButton: (e, t) => w({
 							type: "createButton",
 							row: e,
 							column: t
 						}),
-						executingButtonId: mt,
-						canCreate: dt,
-						canUpdate: ft,
-						canDelete: pt,
-						canExecute: st,
+						executingButtonId: gt,
+						canCreate: pt,
+						canUpdate: mt,
+						canDelete: ht,
+						canExecute: lt,
 						previewMode: S
 					}), (V.buttons?.length ?? 0) === 0 && S && /* @__PURE__ */ d("div", {
 						className: "absolute inset-0 flex items-center justify-center pointer-events-none",
@@ -858,9 +863,9 @@ function tt() {
 									className: "text-sm text-text-secondary mt-2",
 									children: v("vibeDeck.emptyDeckDescription", "Switch to Edit mode to add buttons.")
 								}),
-								at && /* @__PURE__ */ d("button", {
+								st && /* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => ut("edit"),
+									onClick: () => ft("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")
 								})
@@ -869,25 +874,25 @@ function tt() {
 					})]
 				})]
 			}),
-			wt.length > 0 && /* @__PURE__ */ d("div", {
+			Et.length > 0 && /* @__PURE__ */ d("div", {
 				"data-tour": "vibedeck-execution-log",
-				children: /* @__PURE__ */ d(Re, {
-					entries: wt,
-					expanded: Et,
-					onToggleExpanded: () => Dt((e) => !e),
-					onClear: () => Tt([])
+				children: /* @__PURE__ */ d(ze, {
+					entries: Et,
+					expanded: Ot,
+					onToggleExpanded: () => kt((e) => !e),
+					onClear: () => Dt([])
 				})
 			}),
-			/* @__PURE__ */ d(Qe, { children: bt.length > 0 && /* @__PURE__ */ d("div", {
+			/* @__PURE__ */ d($e, { children: St.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: bt.slice(-3).map((e) => /* @__PURE__ */ f("div", {
+				children: St.slice(-3).map((e) => /* @__PURE__ */ f("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Rt(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Bt(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: () => Rt(e.id),
+					onClick: () => Bt(e.id),
 					children: [/* @__PURE__ */ d("div", {
 						className: "font-medium text-sm",
 						children: e.message
@@ -897,28 +902,28 @@ function tt() {
 					})]
 				}, e.id))
 			}) }),
-			C.type === "createDeck" && /* @__PURE__ */ d(Pe, {
+			C.type === "createDeck" && /* @__PURE__ */ d(Fe, {
 				title: "Create Vibe Deck",
-				onSubmit: fn,
+				onSubmit: mn,
 				onCancel: () => {
-					w({ type: "none" }), Ct(be);
+					w({ type: "none" }), Tt(xe);
 				},
-				isLoading: Qt,
+				isLoading: en,
 				extraSection: /* @__PURE__ */ f("div", {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h3", {
 						className: "text-sm font-medium text-text-secondary mb-2",
 						children: v("vibeDeck.tags", "Tags")
-					}), /* @__PURE__ */ d(ge, {
+					}), /* @__PURE__ */ d(_e, {
 						entityType: "VIBECONTROLS_VIBEDECK",
-						onDraftChange: $t
-					})] }), /* @__PURE__ */ d(xe, {
-						value: St,
-						onChange: Ct
+						onDraftChange: tn
+					})] }), /* @__PURE__ */ d(Se, {
+						value: wt,
+						onChange: Tt
 					})]
 				})
 			}),
-			C.type === "editDeck" && $ && /* @__PURE__ */ d(Pe, {
+			C.type === "editDeck" && $ && /* @__PURE__ */ d(Fe, {
 				title: "Edit Vibe Deck",
 				initialData: {
 					name: $.name,
@@ -927,29 +932,29 @@ function tt() {
 					gridColumns: $.gridColumns,
 					gridRows: $.gridRows
 				},
-				onSubmit: pn,
+				onSubmit: hn,
 				onCancel: () => w({ type: "none" }),
-				isLoading: nn,
+				isLoading: an,
 				extraSection: /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h3", {
 					className: "text-sm font-medium text-text-secondary mb-2",
 					children: v("vibeDeck.tags", "Tags")
-				}), /* @__PURE__ */ d(ge, {
+				}), /* @__PURE__ */ d(_e, {
 					entityType: "VIBECONTROLS_VIBEDECK",
 					entityId: $.id
 				})] })
 			}),
-			C.type === "createButton" && /* @__PURE__ */ d(Fe, {
+			C.type === "createButton" && /* @__PURE__ */ d(Ie, {
 				title: "Add Button",
-				agents: Xt,
-				onSubmit: vn,
+				agents: Qt,
+				onSubmit: bn,
 				onCancel: () => w({ type: "none" }),
-				isLoading: an,
+				isLoading: sn,
 				gridColumns: V?.gridColumns,
 				gridRows: V?.gridRows,
 				buttonRow: C.row,
 				buttonColumn: C.column
 			}),
-			C.type === "editButton" && Q && /* @__PURE__ */ d(Fe, {
+			C.type === "editButton" && Q && /* @__PURE__ */ d(Ie, {
 				title: "Edit Button",
 				initialData: {
 					label: Q.label,
@@ -961,10 +966,10 @@ function tt() {
 					rowSpan: Q.rowSpan,
 					colSpan: Q.colSpan
 				},
-				agents: Xt,
-				onSubmit: yn,
+				agents: Qt,
+				onSubmit: xn,
 				onCancel: () => w({ type: "none" }),
-				isLoading: sn,
+				isLoading: ln,
 				gridColumns: V?.gridColumns,
 				gridRows: V?.gridRows,
 				buttonRow: Q.row,
@@ -976,7 +981,7 @@ function tt() {
 				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: mn,
+				onConfirm: gn,
 				onClose: () => w({ type: "none" })
 			}),
 			C.type === "confirmExecute" && /* @__PURE__ */ d(a, {
@@ -985,69 +990,69 @@ function tt() {
 				message: `Are you sure you want to execute this action?\n\n${C.detail}`,
 				confirmLabel: "Execute",
 				variant: "warning",
-				onConfirm: _n,
+				onConfirm: yn,
 				onClose: () => w({ type: "none" })
 			}),
 			/* @__PURE__ */ d(a, {
-				isOpen: _t === "delete",
+				isOpen: yt === "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: Tn,
-				onClose: () => vt(null),
+				onConfirm: Dn,
+				onClose: () => bt(null),
 				isLoading: k === "deleteDeck"
 			}),
 			/* @__PURE__ */ d(a, {
-				isOpen: yt === "execute",
+				isOpen: xt === "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: En,
+				onConfirm: On,
 				onClose: () => O(null),
 				isLoading: k === "executeButton"
 			}),
 			/* @__PURE__ */ d(a, {
-				isOpen: yt === "delete",
+				isOpen: xt === "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: Dn,
+				onConfirm: kn,
 				onClose: () => O(null),
 				isLoading: k === "deleteButton"
 			}),
-			C.type === "shareDeck" && /* @__PURE__ */ d(Ie, {
+			C.type === "shareDeck" && /* @__PURE__ */ d(Le, {
 				vibeDeckId: C.deckId,
 				vibeDeckName: C.deckName,
 				onClose: () => w({ type: "none" })
 			}),
-			C.type === "publicLink" && /* @__PURE__ */ d(Le, {
+			C.type === "publicLink" && /* @__PURE__ */ d(Re, {
 				vibeDeckId: C.deckId,
 				vibeDeckName: C.deckName,
 				onClose: () => w({ type: "none" })
 			}),
 			/* @__PURE__ */ d(ce, {
-				isOpen: At !== null,
-				onClose: () => jt(null),
+				isOpen: Mt !== null,
+				onClose: () => Nt(null),
 				onConfirm: () => {
-					jt(null), tt("/billing/plans");
+					Nt(null), rt("/billing/plans");
 				},
-				title: At?.title || "Quota Reached",
-				message: At?.message || "Upgrade your plan to continue."
+				title: Mt?.title || "Quota Reached",
+				message: Mt?.message || "Upgrade your plan to continue."
 			}),
-			/* @__PURE__ */ d(ye, {
+			/* @__PURE__ */ d(be, {
 				isOpen: M !== null,
-				agentName: M ? Xt.find((e) => e.id === M.agentId)?.name : void 0,
-				isLoading: Nt,
-				onClose: () => Mt(null),
-				onConfirm: hn
+				agentName: M ? Qt.find((e) => e.id === M.agentId)?.name : void 0,
+				isLoading: Ft,
+				onClose: () => Pt(null),
+				onConfirm: _n
 			})
 		]
 	});
 }
 //#endregion
-export { tt as VibeDeckPage };
+export { rt as VibeDeckPage };
 
 //# sourceMappingURL=VibeDeckPage.js.map