@burdenoff/microfe-vibecontrols 2026.602.2 → 2026.602.3

package/dist/pages/VibeDeckPage.js

@@ -18,17 +18,19 @@ import { useActiveAgentProfile as we } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
 import { isNative as Te, nativeNotify as Ee } 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 De } from "../components/sharing/EntityShareButton.js";
+import "../components/sharing/index.js";
+import { enableRemoteTaskExecution as Oe, isRemoteTaskDeniedError as ke } from "../services/agentRemoteTaskGates.js";
+import { VibeDeckGrid as Ae } from "../components/vibedeck/VibeDeckGrid.js";
+import { VibeDeckSwitcher as je } from "../components/vibedeck/VibeDeckSwitcher.js";
+import { VibeDeckForm as Me } from "../components/vibedeck/VibeDeckForm.js";
+import { VibeDeckButtonForm as Ne } from "../components/vibedeck/VibeDeckButtonForm.js";
+import { VibeDeckShareDialog as Pe } from "../components/vibedeck/VibeDeckShareDialog.js";
+import { VibeDeckExecutionLog as Fe } 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 { useCallback as l, useEffect as Ie, useMemo as Le, useRef as Re, useState as u } from "react";
+import { useI18n as ze } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Copy as Be, Eye as Ve, Pencil as He, Play as Ue, RefreshCw as We, Star as Ge, Trash2 as Ke } from "lucide-react";
 import { usePermissions as qe } from "@burdenoff/fe-libs/shared/providers/shell";
 import { AnimatePresence as Je } from "framer-motion";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -40,8 +42,8 @@ function Ze() {
 	let Ze = de(), { workspaceId: m } = ue(), h = Ye(), { hasPermission: g, isLoading: Qe, permissions: _ } = qe(), v = ((e) => (t, n) => {
 		let r = e.t(t);
 		return r === t ? n : r;
-	})(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(() => {
+	})(ze()), 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 = Re(/* @__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 = Re(/* @__PURE__ */ new Map());
+	Ie(() => {
 		let e = N.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
@@ -72,7 +74,7 @@ function Ze() {
 			r && clearTimeout(r), N.current.set(e, n);
 		}
 	}, []);
-	Fe(() => {
+	Ie(() => {
 		let e = j.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
@@ -102,10 +104,10 @@ function Ze() {
 	}, []), { data: Ft, loading: It, error: Lt, 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({
+	}), z = Le(() => Ft?.vibeDecks?.items || [], [Ft]), B = b || z.find((e) => e.isDefault)?.id || z[0]?.id || null, { data: Rt, loading: zt, refetch: Bt } = te({
 		variables: { id: B },
 		skip: !B || 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({
+	}), V = Rt?.vibeDeck, H = Le(() => z.filter((e) => T.has(e.id)), [z, T]), U = Le(() => V?.buttons?.filter((e) => E.has(e.id)) ?? [], [V?.buttons, E]), Vt = z.length > 0 && z.every((e) => T.has(e.id)), Ht = z.some((e) => T.has(e.id)) && !Vt, Ut = (V?.buttons?.length ?? 0) > 0 && (V?.buttons ?? []).every((e) => E.has(e.id)), Wt = (V?.buttons ?? []).some((e) => E.has(e.id)) && !Ut, { data: Gt } = ne({
 		variables: { pagination: { limit: 100 } },
 		fetchPolicy: "cache-and-network",
 		skip: it
@@ -114,7 +116,7 @@ function Ze() {
 		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(() => {
+	Ie(() => {
 		D(/* @__PURE__ */ new Set());
 	}, [B]);
 	let an = l((e, t) => {
@@ -217,7 +219,7 @@ function Ze() {
 		dt(e), F(e, "executing");
 		try {
 			let n = (await J({ variables: { id: e } })).data?.executeVibeDeckButton;
-			if (n && Oe(n) && n.agentId) {
+			if (n && ke(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.",
@@ -276,7 +278,7 @@ function Ze() {
 		let { buttonId: n, agentId: r } = M;
 		At(!0);
 		try {
-			await De({
+			await Oe({
 				id: r,
 				profile: Mt
 			}, {
@@ -543,26 +545,23 @@ function Ze() {
 								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(Ve, { size: 14 }), "Preview"]
 							}), /* @__PURE__ */ f("button", {
 								type: "button",
 								onClick: () => ot("edit"),
 								className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-sm font-medium transition-all ${S ? "text-text-tertiary hover:text-text-primary" : "bg-action-primary-bg text-action-primary-text shadow-sm"}`,
 								title: S ? "Switch to Edit mode" : "Edit mode — full editing",
 								"aria-pressed": !S,
-								children: [/* @__PURE__ */ d(Ve, { size: 14 }), "Edit"]
+								children: [/* @__PURE__ */ d(He, { 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(De, {
+							entity: "vibedeck",
+							resource: {
+								id: B,
+								name: V.name
+							},
+							label: v("vibecontrols.vibedeck.share.shareDeck", "Share deck")
 						}),
 						/* @__PURE__ */ d("button", {
 							type: "button",
@@ -571,7 +570,7 @@ function Ze() {
 							},
 							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(We, { size: 16 })
 						})
 					]
 				})
@@ -624,7 +623,7 @@ function Ze() {
 								children: /* @__PURE__ */ f("span", {
 									className: "inline-flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ d(ze, { size: 14 }),
+										/* @__PURE__ */ d(Be, { size: 14 }),
 										"Duplicate Selected",
 										H.length > 0 ? ` (${H.length})` : ""
 									]
@@ -650,7 +649,7 @@ function Ze() {
 			}),
 			/* @__PURE__ */ d("div", {
 				"data-tour": "vibedeck-switcher",
-				children: /* @__PURE__ */ d(Ae, {
+				children: /* @__PURE__ */ d(je, {
 					decks: z.map((e) => ({
 						id: e.id,
 						name: e.name,
@@ -746,7 +745,7 @@ function Ze() {
 									children: /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ d(He, { size: 14 }),
+											/* @__PURE__ */ d(Ue, { size: 14 }),
 											"Execute Selected",
 											U.length > 0 ? ` (${U.length})` : ""
 										]
@@ -772,7 +771,7 @@ function Ze() {
 				}), /* @__PURE__ */ f("div", {
 					"data-tour": "vibedeck-grid",
 					className: "relative",
-					children: [/* @__PURE__ */ d(ke, {
+					children: [/* @__PURE__ */ d(Ae, {
 						gridColumns: V.gridColumns,
 						gridRows: V.gridRows,
 						buttons: (V.buttons || []).map((e) => ({
@@ -851,7 +850,7 @@ function Ze() {
 			}),
 			bt.length > 0 && /* @__PURE__ */ d("div", {
 				"data-tour": "vibedeck-execution-log",
-				children: /* @__PURE__ */ d(Pe, {
+				children: /* @__PURE__ */ d(Fe, {
 					entries: bt,
 					expanded: St,
 					onToggleExpanded: () => Ct((e) => !e),
@@ -877,7 +876,7 @@ function Ze() {
 					})]
 				}, e.id))
 			}) }),
-			C.type === "createDeck" && /* @__PURE__ */ d(je, {
+			C.type === "createDeck" && /* @__PURE__ */ d(Me, {
 				title: "Create Vibe Deck",
 				onSubmit: cn,
 				onCancel: () => {
@@ -898,7 +897,7 @@ function Ze() {
 					})]
 				})
 			}),
-			C.type === "editDeck" && $ && /* @__PURE__ */ d(je, {
+			C.type === "editDeck" && $ && /* @__PURE__ */ d(Me, {
 				title: "Edit Vibe Deck",
 				initialData: {
 					name: $.name,
@@ -918,7 +917,7 @@ function Ze() {
 					entityId: $.id
 				})] })
 			}),
-			C.type === "createButton" && /* @__PURE__ */ d(Me, {
+			C.type === "createButton" && /* @__PURE__ */ d(Ne, {
 				title: "Add Button",
 				agents: Kt,
 				onSubmit: mn,
@@ -929,7 +928,7 @@ function Ze() {
 				buttonRow: C.row,
 				buttonColumn: C.column
 			}),
-			C.type === "editButton" && Q && /* @__PURE__ */ d(Me, {
+			C.type === "editButton" && Q && /* @__PURE__ */ d(Ne, {
 				title: "Edit Button",
 				initialData: {
 					label: Q.label,
@@ -998,7 +997,7 @@ function Ze() {
 				onClose: () => O(null),
 				isLoading: k === "deleteButton"
 			}),
-			C.type === "shareDeck" && /* @__PURE__ */ d(Ne, {
+			C.type === "shareDeck" && /* @__PURE__ */ d(Pe, {
 				vibeDeckId: C.deckId,
 				vibeDeckName: C.deckName,
 				onClose: () => w({ type: "none" })