@burdenoff/microfe-vibecontrols 2026.602.2 → 2026.602.4

package/dist/pages/VibeDeckPage.js

@@ -7,64 +7,68 @@ 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 { 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 { 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 { 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 "../components/shared/index.js";
-import { isNative as Te, nativeNotify as Ee } from "../utils/nativeBridge.js";
+import { isNative as De, nativeNotify as Oe } from "../utils/nativeBridge.js";
 import { VIBE_PERMISSIONS as c } from "../constants/permissions.js";
-import { enableRemoteTaskExecution as De, isRemoteTaskDeniedError as Oe } from "../services/agentRemoteTaskGates.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 { EntityShareButton as ke } 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 { VibeDeckExecutionLog as Le } from "../components/vibedeck/VibeDeckExecutionLog.js";
 import "../components/vibedeck/index.js";
-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 { useCallback as l, useEffect as Re, useMemo as ze, useRef as Be, useState as u } from "react";
+import { useI18n as Ve } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Copy as He, Eye as Ue, Pencil as We, Play as Ge, RefreshCw as Ke, Star as qe, Trash2 as Je } from "lucide-react";
+import { usePermissions as Ye } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as Xe } from "framer-motion";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useEventBus as Ye } from "@burdenoff/fe-libs/shared/events";
-import { AccessDenied as Xe } from "@burdenoff/fe-libs/shared/components";
+import { useEventBus as Ze } from "@burdenoff/fe-libs/shared/events";
+import { AccessDenied as Qe } from "@burdenoff/fe-libs/shared/components";
 import { MotionPage as p } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/VibeDeckPage.tsx
-function Ze() {
-	let Ze = de(), { workspaceId: m } = ue(), h = Ye(), { hasPermission: g, isLoading: Qe, permissions: _ } = qe(), v = ((e) => (t, n) => {
+function $e() {
+	let $e = de(), { workspaceId: m } = ue(), h = Ze(), { hasPermission: g, isLoading: et, permissions: _ } = Ye(), v = ((e) => (t, n) => {
 		let r = e.t(t);
 		return r === t ? n : r;
-	})(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(() => {
+	})(Ve()), y = (Array.isArray(_) ? _ : _?.permissionStrings)?.some?.((e) => e.startsWith("vibedeck:")), tt = y ? g(c.VIBEDECK_LIST) : !0, nt = y ? g(c.VIBEDECK_CREATE) : !0, rt = y ? g(c.VIBEDECK_UPDATE) : !0, it = y ? g(c.VIBEDECK_DELETE) : !0, at = y ? g(c.VIBEDECK_EXECUTE) : !0, ot = et, { activeVibeDeckId: b, setActiveVibeDeckId: x, vibeDeckMode: st, setVibeDeckMode: ct } = fe(), S = st === "preview", lt = S ? !1 : nt, ut = S ? !1 : rt, dt = S ? !1 : it, [C, w] = u({ type: "none" }), [ft, pt] = u(null), [T, mt] = u(/* @__PURE__ */ new Set()), [E, D] = u(/* @__PURE__ */ new Set()), [ht, gt] = u(null), [_t, O] = u(null), [k, A] = u(null), [vt, yt] = u([]), j = Be(/* @__PURE__ */ new Map()), [bt, xt] = u(be), [St, Ct] = u([]), [wt, Tt] = u(!0), [Et, Dt] = u(/* @__PURE__ */ new Map()), [Ot, kt] = u(null), [M, At] = u(null), [jt, Mt] = u(!1), { profiles: Nt } = Ee(M?.agentId ?? null), Pt = Nt.find((e) => e.isDefault)?.name ?? "default", N = Be(/* @__PURE__ */ new Map());
+	Re(() => {
 		let e = N.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
 		};
 	}, []);
-	let Nt = l((e) => {
+	let Ft = l((e) => {
 		let t = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`, n = {
 			...e,
 			id: t
 		};
-		return xt((e) => [...e.slice(-49), n]), t;
+		return Ct((e) => [...e.slice(-49), n]), t;
 	}, []), P = l((e, t) => {
-		xt((n) => n.map((n) => n.id === e ? {
+		Ct((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
 	}, []), F = l((e, t) => {
-		if (Tt((n) => {
+		if (Dt((n) => {
 			let r = new Map(n);
 			return r.set(e, t), r;
 		}), t === "success" || t === "error") {
 			let n = setTimeout(() => {
-				Tt((n) => {
+				Dt((n) => {
 					let r = new Map(n);
 					return r.get(e) === t && r.delete(e), r;
 				}), N.current.delete(e);
@@ -72,7 +76,7 @@ function Ze() {
 			r && clearTimeout(r), N.current.set(e, n);
 		}
 	}, []);
-	Fe(() => {
+	Re(() => {
 		let e = j.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
@@ -80,57 +84,57 @@ function Ze() {
 	}, []);
 	let I = l((e, t, n, r) => {
 		let i = Date.now() + Math.random();
-		_t((r) => [...r, {
+		yt((r) => [...r, {
 			message: e,
 			variant: t,
 			detail: n,
 			id: i
 		}]);
 		let ee = setTimeout(() => {
-			_t((e) => e.filter((e) => e.id !== i)), j.current.delete(i);
+			yt((e) => e.filter((e) => e.id !== i)), j.current.delete(i);
 		}, r ?? (t === "success" ? 1e4 : 3e4));
 		j.current.set(i, ee);
-	}, []), Pt = l((e) => {
-		_t((t) => t.filter((t) => t.id !== e));
+	}, []), It = l((e) => {
+		yt((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(), Dt({
+		le(), kt({
 			title: e,
 			message: t
 		});
-	}, []), { data: Ft, loading: It, error: Lt, refetch: R } = re({
+	}, []), { data: Lt, loading: Rt, error: zt, refetch: R } = re({
 		variables: { pagination: { limit: 50 } },
-		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({
+		skip: ot
+	}), z = ze(() => Lt?.vibeDecks?.items || [], [Lt]), B = b || z.find((e) => e.isDefault)?.id || z[0]?.id || null, { data: Bt, loading: Vt, refetch: Ht } = te({
 		variables: { id: B },
-		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({
+		skip: !B || ot
+	}), V = Bt?.vibeDeck, H = ze(() => z.filter((e) => T.has(e.id)), [z, T]), U = ze(() => V?.buttons?.filter((e) => E.has(e.id)) ?? [], [V?.buttons, E]), Ut = z.length > 0 && z.every((e) => T.has(e.id)), Wt = z.some((e) => T.has(e.id)) && !Ut, Gt = (V?.buttons?.length ?? 0) > 0 && (V?.buttons ?? []).every((e) => E.has(e.id)), Kt = (V?.buttons ?? []).some((e) => E.has(e.id)) && !Gt, { data: qt } = ne({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
-		skip: it
-	}), Kt = (Gt?.vibecontrolsAgents ?? []).map((e) => ({
+		skip: ot
+	}), Jt = (qt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name,
 		isActive: e.isActive
-	})), [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(() => {
+	})), [Yt, { loading: Xt }] = t({ refetchQueries: ["ListVibeDecks"] }), { setDraftTagIds: Zt, flushTags: Qt } = _e("VIBECONTROLS_VIBEDECK"), [$t, { loading: en }] = se({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [W] = r({ refetchQueries: ["ListVibeDecks"] }), [G] = ae({ refetchQueries: ["ListVibeDecks", "GetVibeDeck"] }), [K] = i({ refetchQueries: ["ListVibeDecks"] }), [tn, { loading: nn }] = e({ refetchQueries: ["GetVibeDeck"] }), [rn, { loading: an }] = oe({ refetchQueries: ["GetVibeDeck"] }), [q] = n({ refetchQueries: ["GetVibeDeck"] }), [on] = ie({ refetchQueries: ["GetVibeDeck"] }), [J] = ee();
+	Re(() => {
 		D(/* @__PURE__ */ new Set());
 	}, [B]);
-	let an = l((e, t) => {
-		ft((n) => {
+	let sn = l((e, t) => {
+		mt((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), on = l((e) => {
-		ft((t) => {
+	}, []), cn = l((e) => {
+		mt((t) => {
 			let n = new Set(t);
 			return z.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
 	}, [z]), Y = l(() => {
-		ft(/* @__PURE__ */ new Set());
+		mt(/* @__PURE__ */ new Set());
 	}, []);
 	l((e, t) => {
 		D((n) => {
@@ -138,7 +142,7 @@ function Ze() {
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, []);
-	let sn = l((e) => {
+	let ln = l((e) => {
 		D((t) => {
 			let n = new Set(t);
 			return (V?.buttons ?? []).forEach((t) => {
@@ -147,17 +151,17 @@ function Ze() {
 		});
 	}, [V?.buttons]), X = l(() => {
 		D(/* @__PURE__ */ new Set());
-	}, []), cn = l(async (e) => {
+	}, []), un = l(async (e) => {
 		try {
-			let t = (await qt({ variables: { input: {
+			let t = (await Yt({ variables: { input: {
 				name: e.name,
 				description: e.description || null,
 				colorTheme: e.colorTheme || null,
 				gridColumns: e.gridColumns,
 				gridRows: e.gridRows,
-				...xe(vt)
+				...Se(bt)
 			} } })).data?.createVibeDeck?.id;
-			w({ type: "none" }), I("Deck created", "success"), yt(ye), t && await Xt(t);
+			w({ type: "none" }), I("Deck created", "success"), xt(be), t && await Qt(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.");
@@ -166,14 +170,14 @@ function Ze() {
 			I(e instanceof Error ? e.message : "Failed to create deck", "error");
 		}
 	}, [
-		qt,
-		Xt,
+		Yt,
+		Qt,
 		L,
 		I,
-		vt
-	]), ln = l(async (e) => {
+		bt
+	]), dn = l(async (e) => {
 		if (C.type === "editDeck") try {
-			await Zt({ variables: {
+			await $t({ variables: {
 				id: C.deckId,
 				input: {
 					name: e.name,
@@ -187,14 +191,14 @@ function Ze() {
 			I(e instanceof Error ? e.message : "Failed to update deck", "error");
 		}
 	}, [
-		Zt,
+		$t,
 		C,
 		I
-	]), un = l(async () => {
+	]), fn = 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" }), Te() && Ee("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" }), De() && Oe("success");
 		} catch (e) {
-			I(e instanceof Error ? e.message : "Failed to delete", "error"), Te() && Ee("error");
+			I(e instanceof Error ? e.message : "Failed to delete", "error"), De() && Oe("error");
 		}
 	}, [
 		C,
@@ -206,7 +210,7 @@ function Ze() {
 	]), 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({
+		let r = n.action, i = Ft({
 			buttonId: e,
 			buttonLabel: n.label,
 			actionType: r.actionType,
@@ -214,16 +218,16 @@ function Ze() {
 			status: "running",
 			startedAt: /* @__PURE__ */ new Date()
 		});
-		dt(e), F(e, "executing");
+		pt(e), F(e, "executing");
 		try {
 			let n = (await J({ variables: { id: e } })).data?.executeVibeDeckButton;
-			if (n && Oe(n) && n.agentId) {
+			if (n && je(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 && Ot({
+				}), t && At({
 					buttonId: e,
 					agentId: n.agentId
 				});
@@ -259,41 +263,41 @@ function Ze() {
 				completedAt: /* @__PURE__ */ new Date()
 			});
 		} finally {
-			dt(null);
+			pt(null);
 		}
 	}, [
 		V,
 		J,
-		Nt,
+		Ft,
 		P,
 		F,
 		L,
 		h,
 		m,
 		B
-	]), dn = l(async ({ shell: e, file: t }) => {
+	]), pn = l(async ({ shell: e, file: t }) => {
 		if (!M) return;
 		let { buttonId: n, agentId: r } = M;
-		At(!0);
+		Mt(!0);
 		try {
-			await De({
+			await Ae({
 				id: r,
-				profile: Mt
+				profile: Pt
 			}, {
 				shell: e,
 				file: t
-			}), Ot(null), await Z(n, !1);
+			}), At(null), await Z(n, !1);
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to enable remote execution", "error");
 		} finally {
-			At(!1);
+			Mt(!1);
 		}
 	}, [
 		M,
-		Mt,
+		Pt,
 		Z,
 		I
-	]), fn = l(async (e) => {
+	]), mn = l(async (e) => {
 		let t = V?.buttons?.find((t) => t.id === e);
 		if (t) {
 			if (h.emitCustom("vibecontrols.vibedeck.button_executed_clicked", {
@@ -318,13 +322,13 @@ function Ze() {
 		h,
 		m,
 		B
-	]), pn = l(async () => {
+	]), hn = l(async () => {
 		if (C.type !== "confirmExecute") return;
 		let e = C.buttonId;
 		w({ type: "none" }), await Z(e);
-	}, [C, Z]), mn = l(async (e) => {
+	}, [C, Z]), gn = l(async (e) => {
 		if (!(C.type !== "createButton" || !B)) try {
-			await $t({ variables: { input: {
+			await tn({ variables: { input: {
 				vibeDeckId: B,
 				label: e.label,
 				actionId: e.actionId,
@@ -342,12 +346,12 @@ function Ze() {
 		}
 	}, [
 		C,
-		$t,
+		tn,
 		B,
 		I
-	]), hn = l(async (e) => {
+	]), _n = l(async (e) => {
 		if (C.type === "editButton") try {
-			await tn({ variables: {
+			await rn({ variables: {
 				id: C.buttonId,
 				input: {
 					label: e.label,
@@ -365,11 +369,11 @@ function Ze() {
 		}
 	}, [
 		C,
-		tn,
+		rn,
 		I
-	]), gn = l(async (e, t, n) => {
+	]), vn = l(async (e, t, n) => {
 		try {
-			await rn({ variables: {
+			await on({ variables: {
 				id: e,
 				input: {
 					row: t,
@@ -379,7 +383,7 @@ function Ze() {
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to move button", "error");
 		}
-	}, [rn, I]), _n = l(async (e) => {
+	}, [on, I]), yn = l(async (e) => {
 		let t = z.find((t) => t.id === e);
 		if (t) try {
 			await K({ variables: {
@@ -398,13 +402,13 @@ function Ze() {
 		K,
 		L,
 		I
-	]), vn = l(async (e) => {
+	]), bn = 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]), yn = l(async () => {
+	}, [G, I]), xn = l(async () => {
 		if (H.length === 1) {
 			A("setDefaultDeck");
 			try {
@@ -421,7 +425,7 @@ function Ze() {
 		I,
 		Y,
 		R
-	]), bn = l(async () => {
+	]), Sn = l(async () => {
 		if (H.length !== 0) {
 			A("duplicateDeck");
 			try {
@@ -452,12 +456,12 @@ function Ze() {
 		I,
 		Y,
 		R
-	]), xn = l(async () => {
+	]), Cn = l(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(), mt(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(), gt(null), await R();
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Failed to delete decks", "error");
 			} finally {
@@ -472,7 +476,7 @@ function Ze() {
 		I,
 		Y,
 		R
-	]), Sn = l(async () => {
+	]), wn = l(async () => {
 		if (U.length === 0) return;
 		A("executeButton");
 		let e = 0, t = 0;
@@ -498,12 +502,12 @@ function Ze() {
 		L,
 		I,
 		X
-	]), Cn = l(async () => {
+	]), Tn = l(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 Bt();
+				I(`Deleted ${t} button${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`, n > 0 ? "error" : "success"), X(), O(null), await Ht();
 			} catch (e) {
 				I(e instanceof Error ? e.message : "Failed to delete buttons", "error");
 			} finally {
@@ -515,13 +519,13 @@ function Ze() {
 		q,
 		I,
 		X,
-		Bt
+		Ht
 	]);
-	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,
+	if (et) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(s, { message: "Loading permissions..." }) });
+	if (_ && (_.permissionStrings?.length ?? 0) > 0 && !tt) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(Qe, {}) });
+	if (Rt) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(s, { message: "Loading Vibe Decks..." }) });
+	if (zt) return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(me, {
+		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;
@@ -539,39 +543,43 @@ function Ze() {
 							className: "flex items-center rounded-lg border border-border-default bg-bg-secondary p-0.5",
 							children: [/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => ot("preview"),
+								onClick: () => ct("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(Be, { size: 14 }), "Preview"]
+								children: [/* @__PURE__ */ d(Ue, { size: 14 }), "Preview"]
 							}), /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => ot("edit"),
+								onClick: () => ct("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(Ve, { size: 14 }), "Edit"]
+								children: [/* @__PURE__ */ d(We, { size: 14 }), "Edit"]
 							})]
 						}),
-						B && V && tt && /* @__PURE__ */ d("button", {
-							type: "button",
-							onClick: () => w({
-								type: "shareDeck",
-								deckId: B,
-								deckName: V.name
-							}),
-							className: "p-2 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors",
-							title: "Share deck",
-							children: /* @__PURE__ */ d(We, { size: 16 })
+						B && V && /* @__PURE__ */ d(ke, {
+							entity: "vibedeck",
+							resource: {
+								id: B,
+								name: V.name
+							},
+							label: v("vibecontrols.vibedeck.share.shareDeck", "Share deck")
+						}),
+						B && V && /* @__PURE__ */ d(Ce, {
+							entityType: he.VibeDeck,
+							entityId: B,
+							currentVibeId: V.vibeId ?? null,
+							currentVisibility: V.visibility ?? null,
+							refetchQueries: ["ListVibeDecks", "GetVibeDeck"]
 						}),
 						/* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => {
-								R(), B && Bt();
+								R(), B && Ht();
 							},
 							className: "p-2 rounded-lg hover:bg-bg-tertiary text-text-tertiary hover:text-text-primary transition-colors",
 							title: "Refresh",
-							children: /* @__PURE__ */ d(Ue, { size: 16 })
+							children: /* @__PURE__ */ d(Ke, { size: 16 })
 						})
 					]
 				})
@@ -584,10 +592,10 @@ function Ze() {
 						className: "flex flex-wrap items-center gap-3",
 						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d(Ce, {
-								checked: Vt,
-								indeterminate: Ht,
-								onChange: on,
+							children: [/* @__PURE__ */ d(Te, {
+								checked: Ut,
+								indeterminate: Wt,
+								onChange: cn,
 								ariaLabel: "Select all vibe decks"
 							}), /* @__PURE__ */ d("span", {
 								className: "text-sm font-medium text-text-primary",
@@ -608,23 +616,23 @@ function Ze() {
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: yn,
+								onClick: xn,
 								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(Ge, { size: 14 }), "Set Selected Default"]
+									children: [/* @__PURE__ */ d(qe, { size: 14 }), "Set Selected Default"]
 								})
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: bn,
+								onClick: Sn,
 								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(ze, { size: 14 }),
+										/* @__PURE__ */ d(He, { size: 14 }),
 										"Duplicate Selected",
 										H.length > 0 ? ` (${H.length})` : ""
 									]
@@ -632,13 +640,13 @@ function Ze() {
 							}),
 							/* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: () => mt("delete"),
+								onClick: () => gt("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(Ke, { size: 14 }),
+										/* @__PURE__ */ d(Je, { size: 14 }),
 										"Delete Selected",
 										H.length > 0 ? ` (${H.length})` : ""
 									]
@@ -650,7 +658,7 @@ function Ze() {
 			}),
 			/* @__PURE__ */ d("div", {
 				"data-tour": "vibedeck-switcher",
-				children: /* @__PURE__ */ d(Ae, {
+				children: /* @__PURE__ */ d(Ne, {
 					decks: z.map((e) => ({
 						id: e.id,
 						name: e.name,
@@ -661,10 +669,10 @@ function Ze() {
 					activeDeckId: B,
 					selectedDeckIds: T,
 					onSelectDeck: (e) => x(e),
-					onToggleSelectDeck: an,
+					onToggleSelectDeck: sn,
 					onCreateDeck: () => w({ type: "createDeck" }),
-					onSetDefault: vn,
-					onDuplicate: (e) => _n(e),
+					onSetDefault: bn,
+					onDuplicate: (e) => yn(e),
 					onDelete: (e) => {
 						w({
 							type: "confirmDelete",
@@ -685,26 +693,26 @@ function Ze() {
 							deckName: t.name
 						});
 					},
-					canCreate: et,
-					canUpdate: ct,
-					canDelete: lt
+					canCreate: nt,
+					canUpdate: ut,
+					canDelete: dt
 				})
 			}),
-			/* @__PURE__ */ f(Je, {
+			/* @__PURE__ */ f(Xe, {
 				mode: "wait",
-				children: [!V && !zt && z.length === 0 && /* @__PURE__ */ d(_e, {
+				children: [!V && !Vt && z.length === 0 && /* @__PURE__ */ d(ve, {
 					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: [et && /* @__PURE__ */ d("button", {
+						children: [nt && /* @__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(Se, { prompt: "What is a VibeDeck and how do I use it to organise controls?" })]
+						}), /* @__PURE__ */ d(we, { prompt: "What is a VibeDeck and how do I use it to organise controls?" })]
 					})
-				}), zt && /* @__PURE__ */ d(s, { message: "Loading deck..." })]
+				}), Vt && /* @__PURE__ */ d(s, { message: "Loading deck..." })]
 			}),
 			V && /* @__PURE__ */ f("div", {
 				className: "space-y-4",
@@ -716,10 +724,10 @@ function Ze() {
 							className: "flex flex-wrap items-center gap-3",
 							children: [/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ d(Ce, {
-									checked: Ut,
-									indeterminate: Wt,
-									onChange: sn,
+								children: [/* @__PURE__ */ d(Te, {
+									checked: Gt,
+									indeterminate: Kt,
+									onChange: ln,
 									ariaLabel: "Select all buttons in active deck"
 								}), /* @__PURE__ */ d("span", {
 									className: "text-sm font-medium text-text-primary",
@@ -746,7 +754,7 @@ function Ze() {
 									children: /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d(He, { size: 14 }),
+											/* @__PURE__ */ d(Ge, { size: 14 }),
 											"Execute Selected",
 											U.length > 0 ? ` (${U.length})` : ""
 										]
@@ -760,7 +768,7 @@ function Ze() {
 									children: /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d(Ke, { size: 14 }),
+											/* @__PURE__ */ d(Je, { size: 14 }),
 											"Delete Selected",
 											U.length > 0 ? ` (${U.length})` : ""
 										]
@@ -772,7 +780,7 @@ function Ze() {
 				}), /* @__PURE__ */ f("div", {
 					"data-tour": "vibedeck-grid",
 					className: "relative",
-					children: [/* @__PURE__ */ d(ke, {
+					children: [/* @__PURE__ */ d(Me, {
 						gridColumns: V.gridColumns,
 						gridRows: V.gridRows,
 						buttons: (V.buttons || []).map((e) => ({
@@ -799,7 +807,7 @@ function Ze() {
 							rowSpan: e.rowSpan,
 							colSpan: e.colSpan
 						})),
-						onExecuteButton: fn,
+						onExecuteButton: mn,
 						onEditButton: (e) => w({
 							type: "editButton",
 							buttonId: e
@@ -813,17 +821,17 @@ function Ze() {
 								name: t?.label || "this button"
 							});
 						},
-						onDropButton: gn,
+						onDropButton: vn,
 						onAddButton: (e, t) => w({
 							type: "createButton",
 							row: e,
 							column: t
 						}),
-						executingButtonId: ut,
-						canCreate: st,
-						canUpdate: ct,
-						canDelete: lt,
-						canExecute: rt,
+						executingButtonId: ft,
+						canCreate: lt,
+						canUpdate: ut,
+						canDelete: dt,
+						canExecute: at,
 						previewMode: S
 					}), (V.buttons?.length ?? 0) === 0 && S && /* @__PURE__ */ d("div", {
 						className: "absolute inset-0 flex items-center justify-center pointer-events-none",
@@ -838,9 +846,9 @@ function Ze() {
 									className: "text-sm text-text-secondary mt-2",
 									children: v("vibeDeck.emptyDeckDescription", "Switch to Edit mode to add buttons.")
 								}),
-								tt && /* @__PURE__ */ d("button", {
+								rt && /* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => ot("edit"),
+									onClick: () => ct("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")
 								})
@@ -849,25 +857,25 @@ function Ze() {
 					})]
 				})]
 			}),
-			bt.length > 0 && /* @__PURE__ */ d("div", {
+			St.length > 0 && /* @__PURE__ */ d("div", {
 				"data-tour": "vibedeck-execution-log",
-				children: /* @__PURE__ */ d(Pe, {
-					entries: bt,
-					expanded: St,
-					onToggleExpanded: () => Ct((e) => !e),
-					onClear: () => xt([])
+				children: /* @__PURE__ */ d(Le, {
+					entries: St,
+					expanded: wt,
+					onToggleExpanded: () => Tt((e) => !e),
+					onClear: () => Ct([])
 				})
 			}),
-			/* @__PURE__ */ d(Je, { children: gt.length > 0 && /* @__PURE__ */ d("div", {
+			/* @__PURE__ */ d(Xe, { children: vt.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: gt.slice(-3).map((e) => /* @__PURE__ */ f("div", {
+				children: vt.slice(-3).map((e) => /* @__PURE__ */ f("div", {
 					role: "button",
 					tabIndex: 0,
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Pt(e.id));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), It(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: () => Pt(e.id),
+					onClick: () => It(e.id),
 					children: [/* @__PURE__ */ d("div", {
 						className: "font-medium text-sm",
 						children: e.message
@@ -877,28 +885,28 @@ function Ze() {
 					})]
 				}, e.id))
 			}) }),
-			C.type === "createDeck" && /* @__PURE__ */ d(je, {
+			C.type === "createDeck" && /* @__PURE__ */ d(Pe, {
 				title: "Create Vibe Deck",
-				onSubmit: cn,
+				onSubmit: un,
 				onCancel: () => {
-					w({ type: "none" }), yt(ye);
+					w({ type: "none" }), xt(be);
 				},
-				isLoading: Jt,
+				isLoading: Xt,
 				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(he, {
+					}), /* @__PURE__ */ d(ge, {
 						entityType: "VIBECONTROLS_VIBEDECK",
-						onDraftChange: Yt
-					})] }), /* @__PURE__ */ d(be, {
-						value: vt,
-						onChange: yt
+						onDraftChange: Zt
+					})] }), /* @__PURE__ */ d(xe, {
+						value: bt,
+						onChange: xt
 					})]
 				})
 			}),
-			C.type === "editDeck" && $ && /* @__PURE__ */ d(je, {
+			C.type === "editDeck" && $ && /* @__PURE__ */ d(Pe, {
 				title: "Edit Vibe Deck",
 				initialData: {
 					name: $.name,
@@ -907,29 +915,29 @@ function Ze() {
 					gridColumns: $.gridColumns,
 					gridRows: $.gridRows
 				},
-				onSubmit: ln,
+				onSubmit: dn,
 				onCancel: () => w({ type: "none" }),
-				isLoading: Qt,
+				isLoading: en,
 				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(he, {
+				}), /* @__PURE__ */ d(ge, {
 					entityType: "VIBECONTROLS_VIBEDECK",
 					entityId: $.id
 				})] })
 			}),
-			C.type === "createButton" && /* @__PURE__ */ d(Me, {
+			C.type === "createButton" && /* @__PURE__ */ d(Fe, {
 				title: "Add Button",
-				agents: Kt,
-				onSubmit: mn,
+				agents: Jt,
+				onSubmit: gn,
 				onCancel: () => w({ type: "none" }),
-				isLoading: en,
+				isLoading: nn,
 				gridColumns: V?.gridColumns,
 				gridRows: V?.gridRows,
 				buttonRow: C.row,
 				buttonColumn: C.column
 			}),
-			C.type === "editButton" && Q && /* @__PURE__ */ d(Me, {
+			C.type === "editButton" && Q && /* @__PURE__ */ d(Fe, {
 				title: "Edit Button",
 				initialData: {
 					label: Q.label,
@@ -941,10 +949,10 @@ function Ze() {
 					rowSpan: Q.rowSpan,
 					colSpan: Q.colSpan
 				},
-				agents: Kt,
-				onSubmit: hn,
+				agents: Jt,
+				onSubmit: _n,
 				onCancel: () => w({ type: "none" }),
-				isLoading: nn,
+				isLoading: an,
 				gridColumns: V?.gridColumns,
 				gridRows: V?.gridRows,
 				buttonRow: Q.row,
@@ -956,7 +964,7 @@ function Ze() {
 				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: un,
+				onConfirm: fn,
 				onClose: () => w({ type: "none" })
 			}),
 			C.type === "confirmExecute" && /* @__PURE__ */ d(a, {
@@ -965,64 +973,64 @@ function Ze() {
 				message: `Are you sure you want to execute this action?\n\n${C.detail}`,
 				confirmLabel: "Execute",
 				variant: "warning",
-				onConfirm: pn,
+				onConfirm: hn,
 				onClose: () => w({ type: "none" })
 			}),
 			/* @__PURE__ */ d(a, {
-				isOpen: pt === "delete",
+				isOpen: ht === "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: xn,
-				onClose: () => mt(null),
+				onConfirm: Cn,
+				onClose: () => gt(null),
 				isLoading: k === "deleteDeck"
 			}),
 			/* @__PURE__ */ d(a, {
-				isOpen: ht === "execute",
+				isOpen: _t === "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: Sn,
+				onConfirm: wn,
 				onClose: () => O(null),
 				isLoading: k === "executeButton"
 			}),
 			/* @__PURE__ */ d(a, {
-				isOpen: ht === "delete",
+				isOpen: _t === "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: Cn,
+				onConfirm: Tn,
 				onClose: () => O(null),
 				isLoading: k === "deleteButton"
 			}),
-			C.type === "shareDeck" && /* @__PURE__ */ d(Ne, {
+			C.type === "shareDeck" && /* @__PURE__ */ d(Ie, {
 				vibeDeckId: C.deckId,
 				vibeDeckName: C.deckName,
 				onClose: () => w({ type: "none" })
 			}),
 			/* @__PURE__ */ d(ce, {
-				isOpen: Et !== null,
-				onClose: () => Dt(null),
+				isOpen: Ot !== null,
+				onClose: () => kt(null),
 				onConfirm: () => {
-					Dt(null), Ze("/billing/plans");
+					kt(null), $e("/billing/plans");
 				},
-				title: Et?.title || "Quota Reached",
-				message: Et?.message || "Upgrade your plan to continue."
+				title: Ot?.title || "Quota Reached",
+				message: Ot?.message || "Upgrade your plan to continue."
 			}),
-			/* @__PURE__ */ d(ve, {
+			/* @__PURE__ */ d(ye, {
 				isOpen: M !== null,
-				agentName: M ? Kt.find((e) => e.id === M.agentId)?.name : void 0,
-				isLoading: kt,
-				onClose: () => Ot(null),
-				onConfirm: dn
+				agentName: M ? Jt.find((e) => e.id === M.agentId)?.name : void 0,
+				isLoading: jt,
+				onClose: () => At(null),
+				onConfirm: pn
 			})
 		]
 	});
 }
 //#endregion
-export { Ze as VibeDeckPage };
+export { $e as VibeDeckPage };
 
 //# sourceMappingURL=VibeDeckPage.js.map