@burdenoff/microfe-vibecontrols 2026.523.2 → 2026.524.1

package/dist/pages/VibesPage.js

@@ -1,105 +1,105 @@
-import { useArchiveVibeMutation as e, useCreateVibeMutation as t, useListAgentsLazyQuery as n, useListVibesQuery as r, useUpdateVibeStatusMutation as i } from "../generated/wspace-operations.js";
-import { useVibeControls as ee, useVibeNavigate as te } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as ne } from "../store/vibeControlsStore.js";
-import re from "../hooks/useCachedInitialData.js";
-import { PageHeader as ie } from "../components/shared/PageHeader.js";
-import { LoadingState as ae } from "../components/shared/LoadingState.js";
-import { ErrorState as oe } from "../components/shared/ErrorState.js";
+import { useArchiveVibeMutation as e, useAttachAgentToVibeMutation as t, useCreateVibeMutation as n, useListAgentsLazyQuery as r, useListVibesQuery as i, useUpdateVibeStatusMutation as ee } from "../generated/wspace-operations.js";
+import { useVibeControls as te, useVibeNavigate as ne } from "../providers/VibeControlsProvider.js";
+import { useVibeControlsStore as re } from "../store/vibeControlsStore.js";
+import ie from "../hooks/useCachedInitialData.js";
+import { PageHeader as ae } from "../components/shared/PageHeader.js";
+import { LoadingState as oe } from "../components/shared/LoadingState.js";
+import { ErrorState as se } from "../components/shared/ErrorState.js";
 import { ConfirmDialog as a } from "../components/shared/ConfirmDialog.js";
-import { QuotaExhaustedDialog as se } from "../components/shared/QuotaExhaustedDialog.js";
-import { isQuotaExhaustedError as ce } from "../utils/quotaUtils.js";
-import { EntityTagPicker as le } from "../components/shared/EntityTagPicker.js";
-import { useDraftEntityTags as ue } from "../hooks/useDraftEntityTags.js";
-import { EmptyState as de } from "../components/shared/EmptyState.js";
-import { SearchInput as fe } from "../components/shared/SearchInput.js";
-import { FilterDropdown as o } from "../components/shared/FilterDropdown.js";
-import { GetHelpButton as pe } from "../components/shared/GetHelpButton.js";
-import { SelectionCheckbox as me } from "../components/shared/SelectionCheckbox.js";
+import { QuotaExhaustedDialog as ce } from "../components/shared/QuotaExhaustedDialog.js";
+import { isQuotaExhaustedError as le } from "../utils/quotaUtils.js";
+import { EntityTagPicker as ue } from "../components/shared/EntityTagPicker.js";
+import { useDraftEntityTags as de } from "../hooks/useDraftEntityTags.js";
+import { EmptyState as fe } from "../components/shared/EmptyState.js";
+import { SearchInput as pe } from "../components/shared/SearchInput.js";
+import { FilterDropdown as me } from "../components/shared/FilterDropdown.js";
+import { GetHelpButton as he } from "../components/shared/GetHelpButton.js";
+import { SelectionCheckbox as ge } from "../components/shared/SelectionCheckbox.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as s } from "../constants/permissions.js";
-import { PageSkeleton as he } from "../components/shared/PageSkeleton.js";
-import { buildProtocolUrl as ge, getIdePreset as _e, resolveEffectiveIdeCommand as ve } from "../components/agents/idePresets.js";
-import { VibeCard as ye } from "../components/vibes/VibeCard.js";
-import { VibeList as be } from "../components/vibes/VibeList.js";
+import { VIBE_PERMISSIONS as o } from "../constants/permissions.js";
+import { PageSkeleton as _e } from "../components/shared/PageSkeleton.js";
+import { buildProtocolUrl as ve, getIdePreset as ye, resolveEffectiveIdeCommand as be } from "../components/agents/idePresets.js";
+import { VibeCard as xe } from "../components/vibes/VibeCard.js";
+import { VibeList as Se } from "../components/vibes/VibeList.js";
 import "../components/vibes/index.js";
-import { useCallback as c, useEffect as xe, useMemo as l, useRef as u, useState as d } from "react";
-import { useI18n as Se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Archive as Ce, Grid as we, List as Te, Play as Ee, Plus as De, RefreshCw as Oe, Zap as ke } from "lucide-react";
-import { usePermissions as Ae } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as je } from "framer-motion";
-import { Fragment as Me, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { MotionItem as Ne, MotionList as m, MotionPage as Pe } from "@burdenoff/fe-libs/shared/motion";
-import { AccessDenied as Fe, PermissionButton as Ie, PermissionGate as Le } from "@burdenoff/fe-libs/shared/components";
+import { useCallback as s, useEffect as Ce, useMemo as c, useRef as l, useState as u } from "react";
+import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Archive as Te, Grid as Ee, List as De, Play as Oe, Plus as ke, RefreshCw as Ae, Zap as je } from "lucide-react";
+import { usePermissions as Me } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as Ne } from "framer-motion";
+import { Fragment as Pe, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { MotionItem as Fe, MotionList as p, MotionPage as Ie } from "@burdenoff/fe-libs/shared/motion";
+import { AccessDenied as Le, PermissionButton as Re, PermissionGate as ze } from "@burdenoff/fe-libs/shared/components";
 //#region src/pages/VibesPage.tsx
-function h() {
-	let { onVibeActivate: h } = ee(), g = te(), { hasPermission: _, isLoading: v, permissions: y } = Ae(), { t: b } = Se(), x = c((e, t, n) => {
-		let r = b(e, n), i = r === e ? t : r;
+function m() {
+	let { onVibeActivate: m } = te(), h = ne(), { hasPermission: g, isLoading: _, permissions: v } = Me(), { t: y } = we(), b = s((e, t, n) => {
+		let r = y(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [b]), Re = [
+	}, [y]), Be = [
 		{
 			value: "all",
-			label: x("vibesPage.statusAll", "All Statuses")
+			label: b("vibesPage.statusAll", "All Statuses")
 		},
 		{
 			value: "ACTIVE",
-			label: x("vibesPage.statusActive", "Active")
+			label: b("vibesPage.statusActive", "Active")
 		},
 		{
 			value: "INACTIVE",
-			label: x("vibesPage.statusInactive", "Inactive")
+			label: b("vibesPage.statusInactive", "Inactive")
 		},
 		{
 			value: "ARCHIVED",
-			label: x("vibesPage.statusArchived", "Archived")
+			label: b("vibesPage.statusArchived", "Archived")
 		},
 		{
 			value: "ERROR",
-			label: x("vibesPage.statusError", "Error")
+			label: b("vibesPage.statusError", "Error")
 		}
 	];
-	x("vibesPage.typeAll", "All Types"), x("vibesPage.typeProject", "Project"), x("vibesPage.typeRepository", "Repository"), x("vibesPage.typeWorkspace", "Workspace"), x("vibesPage.typeMonorepo", "Monorepo"), x("vibesPage.typePackage", "Package"), x("vibesPage.typeCustom", "Custom");
-	let S = _(s.VIBE_LIST), C = _(s.VIBE_UPDATE), w = v || !S, [T, ze] = d(""), [E, Be] = d("all"), [D, Ve] = d("all"), [O, He] = d("all"), [k, Ue] = d("grid"), [We, A] = d(!1), [j, M] = d(null), [N, Ge] = d(!1), [Ke, P] = d(null), [qe, F] = d(!1), [I, L] = d({}), [Je, R] = d(null), [z, B] = d(/* @__PURE__ */ new Set()), [Ye, V] = d(null), H = u(null);
-	xe(() => () => {
-		H.current && clearTimeout(H.current);
+	b("vibesPage.typeAll", "All Types"), b("vibesPage.typeProject", "Project"), b("vibesPage.typeRepository", "Repository"), b("vibesPage.typeWorkspace", "Workspace"), b("vibesPage.typeMonorepo", "Monorepo"), b("vibesPage.typePackage", "Package"), b("vibesPage.typeCustom", "Custom");
+	let x = g(o.VIBE_LIST), S = g(o.VIBE_UPDATE), C = _ || !x, [w, Ve] = u(""), [T, He] = u("all"), [E, Ue] = u("all"), [D, We] = u("all"), [O, k] = u("grid"), [Ge, A] = u(!1), [Ke, j] = u(null), [M, qe] = u(!1), [Je, N] = u(null), [Ye, P] = u(!1), [F, I] = u({}), [Xe, L] = u(null), [R, z] = u(/* @__PURE__ */ new Set()), [Ze, B] = u(null), V = l(null);
+	Ce(() => () => {
+		V.current && clearTimeout(V.current);
 	}, []);
-	let Xe = c(() => {
-		R(null), H.current &&= (clearTimeout(H.current), null);
-	}, []), Ze = u(null), Qe = u(null), $e = u(null), et = u(null), [tt] = t(), { setDraftTagIds: nt, flushTags: rt } = ue("VIBECONTROLS_VIBE"), [it] = i(), [at] = e(), { data: ot, loading: U, error: st, refetch: W } = r({
-		variables: l(() => ({ filter: {
-			status: E === "all" ? void 0 : E,
-			type: D === "all" ? void 0 : D,
-			attachedAgentIds: O === "all" ? void 0 : [O]
+	let Qe = s(() => {
+		L(null), V.current &&= (clearTimeout(V.current), null);
+	}, []), $e = l(null), et = l(null), tt = l(null), nt = l(null), [rt] = n(), [it] = t(), { setDraftTagIds: at, flushTags: ot } = de("VIBECONTROLS_VIBE"), [st] = ee(), [ct] = e(), { data: lt, loading: H, error: ut, refetch: U } = i({
+		variables: c(() => ({ filter: {
+			status: T === "all" ? void 0 : T,
+			type: E === "all" ? void 0 : E,
+			attachedAgentIds: D === "all" ? void 0 : [D]
 		} }), [
+			T,
 			E,
-			D,
-			O
+			D
 		]),
-		fetchPolicy: E === "all" && D === "all" && O === "all" ? "cache-first" : "cache-and-network",
+		fetchPolicy: T === "all" && E === "all" && D === "all" ? "cache-first" : "cache-and-network",
 		nextFetchPolicy: "cache-first",
-		skip: w,
+		skip: C,
 		notifyOnNetworkStatusChange: !0
-	}), { agents: ct } = re(), [lt, { data: ut }] = n({ fetchPolicy: "cache-first" }), dt = u(!1), G = c(() => {
-		dt.current || w || (dt.current = !0, lt({ variables: { pagination: { limit: 100 } } }));
-	}, [lt, w]), ft = l(() => {
-		let e = ut?.vibecontrolsAgents ?? null, t = e ? e.map((e) => ({
+	}), { agents: dt } = ie(), [ft, { data: pt }] = r({ fetchPolicy: "cache-first" }), mt = l(!1), W = s(() => {
+		mt.current || C || (mt.current = !0, ft({ variables: { pagination: { limit: 100 } } }));
+	}, [ft, C]), ht = c(() => {
+		let e = pt?.vibecontrolsAgents ?? null, t = e ? e.map((e) => ({
 			id: e.id,
 			name: e.name
-		})) : ct.map((e) => ({
+		})) : dt.map((e) => ({
 			id: e.id,
 			name: e.name
 		}));
 		return [{
 			value: "all",
-			label: x("vibesPage.allAgents", "All Agents")
+			label: b("vibesPage.allAgents", "All Agents")
 		}, ...t.map((e) => ({
 			value: e.id,
 			label: e.name
 		}))];
 	}, [
-		ut?.vibecontrolsAgents,
-		ct,
-		x
-	]), K = l(() => (ot?.vibes?.items ?? []).map((e) => ({
+		pt?.vibecontrolsAgents,
+		dt,
+		b
+	]), G = c(() => (lt?.vibes?.items ?? []).map((e) => ({
 		id: e.id,
 		workspaceId: e.workspaceId,
 		name: e.name,
@@ -122,20 +122,20 @@ function h() {
 			isActive: e.isActive,
 			ownerUserId: e.ownerUserId ?? null
 		}))
-	})), [ot?.vibes?.items]), q = l(() => K.filter((e) => {
-		if (T) {
-			let t = T.toLowerCase();
+	})), [lt?.vibes?.items]), K = c(() => G.filter((e) => {
+		if (w) {
+			let t = w.toLowerCase();
 			if (!(e.name.toLowerCase().includes(t) || e.description?.toLowerCase().includes(t) || e.path?.toLowerCase().includes(t) || e.tags?.some((e) => e.toLowerCase().includes(t)))) return !1;
 		}
 		return !0;
-	}), [K, T]), pt = l(() => K.filter((e) => z.has(e.id)), [K, z]), J = pt.filter((e) => e.status !== "ACTIVE"), Y = pt.filter((e) => e.status !== "ARCHIVED"), X = q.length > 0 && q.every((e) => z.has(e.id)), mt = q.some((e) => z.has(e.id)) && !X, ht = (e) => {
-		g(`/vibes/${e.id}`);
-	}, gt = async (e) => {
+	}), [G, w]), gt = c(() => G.filter((e) => R.has(e.id)), [G, R]), q = gt.filter((e) => e.status !== "ACTIVE"), J = gt.filter((e) => e.status !== "ARCHIVED"), Y = K.length > 0 && K.every((e) => R.has(e.id)), _t = K.some((e) => R.has(e.id)) && !Y, vt = (e) => {
+		h(`/vibes/${e.id}`);
+	}, yt = async (e) => {
 		try {
-			(await it({ variables: {
+			(await st({ variables: {
 				id: e.id,
 				status: "ACTIVE"
-			} })).data?.updateVibeStatus && h?.({
+			} })).data?.updateVibeStatus && m?.({
 				id: e.id,
 				name: e.name,
 				type: e.type,
@@ -144,55 +144,55 @@ function h() {
 		} catch (e) {
 			console.error("Failed to activate vibe:", e);
 		}
-	}, _t = async (e) => {
+	}, bt = async (e) => {
 		try {
-			await at({ variables: { id: e.id } });
+			await ct({ variables: { id: e.id } });
 		} catch (e) {
 			console.error("Failed to archive vibe:", e);
 		}
-	}, vt = ne((e) => e.preferredIdeCommand), yt = ne((e) => e.vibeIdeOverrides), bt = (e) => {
+	}, xt = re((e) => e.preferredIdeCommand), St = re((e) => e.vibeIdeOverrides), X = (e) => {
 		if (!e.path) {
-			R(x("vibesPage.openEditorPathMissing", "No path available to open in editor")), H.current = setTimeout(() => {
-				R(null), H.current = null;
+			L(b("vibesPage.openEditorPathMissing", "No path available to open in editor")), V.current = setTimeout(() => {
+				L(null), V.current = null;
 			}, 3e3);
 			return;
 		}
-		let t = ve(e.id, vt, yt), n = _e(t), r = n ? ge(n, e.path) : `vscode://file/${e.path}`;
-		r ? window.location.href = r : (R(x("vibesPage.openEditorNoProtocol", `${n?.label ?? t} has no URL handler — open this Vibe and use the editor menu.`)), H.current = setTimeout(() => {
-			R(null), H.current = null;
+		let t = be(e.id, xt, St), n = ye(t), r = n ? ve(n, e.path) : `vscode://file/${e.path}`;
+		r ? window.location.href = r : (L(b("vibesPage.openEditorNoProtocol", `${n?.label ?? t} has no URL handler — open this Vibe and use the editor menu.`)), V.current = setTimeout(() => {
+			L(null), V.current = null;
 		}, 4e3));
-	}, xt = () => {
-		M(null), A(!0), G();
-	}, St = (e, t) => {
-		B((n) => {
+	}, Ct = () => {
+		j(null), A(!0), W();
+	}, wt = (e, t) => {
+		z((n) => {
 			let r = new Set(n);
 			return t ? r.add(e.id) : r.delete(e.id), r;
 		});
-	}, Ct = (e) => {
-		B((t) => {
+	}, Tt = (e) => {
+		z((t) => {
 			let n = new Set(t);
-			return q.forEach((t) => {
+			return K.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, Z = () => B(/* @__PURE__ */ new Set()), wt = async () => {
-		if (J.length === 0) return;
-		let e = await Promise.allSettled(J.map((e) => it({ variables: {
+	}, Z = () => z(/* @__PURE__ */ new Set()), Et = async () => {
+		if (q.length === 0) return;
+		let e = await Promise.allSettled(q.map((e) => st({ variables: {
 			id: e.id,
 			status: "ACTIVE"
 		} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		P(`Activated ${t} vibe${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), setTimeout(() => P(null), 4e3), Z(), V(null), await W();
-	}, Tt = async () => {
-		if (Y.length === 0) return;
-		let e = await Promise.allSettled(Y.map((e) => at({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		P(`Archived ${t} vibe${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), setTimeout(() => P(null), 4e3), Z(), V(null), await W();
-	}, Et = async () => {
-		let e = Ze.current?.value?.trim(), t = Qe.current?.value?.trim(), n = $e.current?.value, r = et.current?.value, i = {};
-		if (e || (i.name = x("vibesPage.nameRequired", "Name is required")), t || (i.path = x("vibesPage.pathRequired", "Path is required")), i.name || i.path) {
-			L(i), M(x("vibesPage.fillRequired", "Please fill in all required fields"));
+		N(`Activated ${t} vibe${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), setTimeout(() => N(null), 4e3), Z(), B(null), await U();
+	}, Dt = async () => {
+		if (J.length === 0) return;
+		let e = await Promise.allSettled(J.map((e) => ct({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		N(`Archived ${t} vibe${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), setTimeout(() => N(null), 4e3), Z(), B(null), await U();
+	}, Ot = async () => {
+		let e = $e.current?.value?.trim(), t = et.current?.value?.trim(), n = tt.current?.value, r = nt.current?.value, i = {};
+		if (e || (i.name = b("vibesPage.nameRequired", "Name is required")), t || (i.path = b("vibesPage.pathRequired", "Path is required")), i.name || i.path) {
+			I(i), j(b("vibesPage.fillRequired", "Please fill in all required fields"));
 			return;
 		}
-		L({});
+		I({});
 		let ee = [
 			"PROJECT",
 			"REPOSITORY",
@@ -201,176 +201,178 @@ function h() {
 			"PACKAGE",
 			"CUSTOM"
 		].includes(r) ? r : "PROJECT";
-		Ge(!0), M(null);
+		qe(!0), j(null);
 		try {
-			let r = await tt({ variables: { input: {
+			let r = await rt({ variables: { input: {
 				name: e,
 				path: t,
-				type: ee,
-				agentId: n || void 0
+				type: ee
 			} } });
-			if (!r.data?.createVibe?.id) throw Error(x("vibesPage.failedCreate", "Failed to create vibe"));
+			if (!r.data?.createVibe?.id) throw Error(b("vibesPage.failedCreate", "Failed to create vibe"));
 			let i = r.data.createVibe.id;
-			A(!1), P(x("vibesPage.createdSuccess", "Vibe created successfully")), await rt(i), await W(), setTimeout(() => P(null), 3e3);
+			n && await it({ variables: { input: {
+				vibeId: i,
+				agentId: n
+			} } }), A(!1), N(b("vibesPage.createdSuccess", "Vibe created successfully")), await ot(i), await U(), setTimeout(() => N(null), 3e3);
 		} catch (e) {
-			if (ce(e)) {
-				A(!1), M(null), L({}), F(!0);
+			if (le(e)) {
+				A(!1), j(null), I({}), P(!0);
 				return;
 			}
-			M(e instanceof Error ? e.message : x("vibesPage.failedCreate", "Failed to create vibe"));
+			j(e instanceof Error ? e.message : b("vibesPage.failedCreate", "Failed to create vibe"));
 		} finally {
-			Ge(!1);
+			qe(!1);
 		}
-	}, Dt = {
-		total: K.length,
-		active: K.filter((e) => e.status === "ACTIVE").length,
-		inactive: K.filter((e) => e.status === "INACTIVE").length
-	}, Q = v, $ = !v && !!y && (y.permissionStrings?.length ?? 0) > 0 && !S, Ot = !Q && !$ && U && K.length === 0, kt = !Q && !$ && !!st && K.length === 0, At = !Q && !$ && !kt;
-	return /* @__PURE__ */ p(Pe, {
+	}, kt = {
+		total: G.length,
+		active: G.filter((e) => e.status === "ACTIVE").length,
+		inactive: G.filter((e) => e.status === "INACTIVE").length
+	}, Q = _, $ = !_ && !!v && (v.permissionStrings?.length ?? 0) > 0 && !x, At = !Q && !$ && H && G.length === 0, jt = !Q && !$ && !!ut && G.length === 0, Mt = !Q && !$ && !jt;
+	return /* @__PURE__ */ f(Ie, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			Q && /* @__PURE__ */ f(ae, { message: x("vibesPage.loadingPermissions", "Loading permissions...") }),
-			$ && /* @__PURE__ */ f(Fe, {
-				title: x("vibesPage.accessDeniedTitle", "Access Denied"),
-				description: x("vibesPage.accessDeniedDescription", "You don't have permission to view vibes. Contact your workspace administrator for access.")
+			Q && /* @__PURE__ */ d(oe, { message: b("vibesPage.loadingPermissions", "Loading permissions...") }),
+			$ && /* @__PURE__ */ d(Le, {
+				title: b("vibesPage.accessDeniedTitle", "Access Denied"),
+				description: b("vibesPage.accessDeniedDescription", "You don't have permission to view vibes. Contact your workspace administrator for access.")
 			}),
-			kt && /* @__PURE__ */ f(oe, {
-				title: x("vibesPage.failedLoad", "Failed to load vibes"),
-				message: st?.message ?? "",
-				onRetry: () => W()
+			jt && /* @__PURE__ */ d(se, {
+				title: b("vibesPage.failedLoad", "Failed to load vibes"),
+				message: ut?.message ?? "",
+				onRetry: () => U()
 			}),
-			At && /* @__PURE__ */ p(Me, { children: [
-				/* @__PURE__ */ f(ie, {
-					title: x("vibesPage.title", "Vibes"),
-					description: x("vibesPage.descriptionActive", "{{active}} of {{total}} vibes active", {
-						active: Dt.active,
-						total: Dt.total
+			Mt && /* @__PURE__ */ f(Pe, { children: [
+				/* @__PURE__ */ d(ae, {
+					title: b("vibesPage.title", "Vibes"),
+					description: b("vibesPage.descriptionActive", "{{active}} of {{total}} vibes active", {
+						active: kt.active,
+						total: kt.total
 					}),
-					actions: /* @__PURE__ */ p("div", {
+					actions: /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ f("button", {
-							onClick: () => W(),
-							disabled: U,
+						children: [/* @__PURE__ */ d("button", {
+							onClick: () => U(),
+							disabled: H,
 							className: "flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-							title: x("vibesPage.refreshTitle", "Refresh vibes"),
-							children: /* @__PURE__ */ f(Oe, { className: `w-4 h-4 ${U ? "animate-spin" : ""}` })
-						}), /* @__PURE__ */ f(Ie, {
-							permission: s.VIBE_CREATE,
+							title: b("vibesPage.refreshTitle", "Refresh vibes"),
+							children: /* @__PURE__ */ d(Ae, { className: `w-4 h-4 ${H ? "animate-spin" : ""}` })
+						}), /* @__PURE__ */ d(Re, {
+							permission: o.VIBE_CREATE,
 							deniedBehavior: "disable",
-							deniedTooltip: x("vibesPage.deniedCreateTooltip", "You don't have permission to create vibes"),
-							children: /* @__PURE__ */ p("button", {
-								onClick: xt,
+							deniedTooltip: b("vibesPage.deniedCreateTooltip", "You don't have permission to create vibes"),
+							children: /* @__PURE__ */ f("button", {
+								onClick: Ct,
 								className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								children: [/* @__PURE__ */ f(De, { className: "w-4 h-4" }), x("vibesPage.addVibe", "Add Vibe")]
+								children: [/* @__PURE__ */ d(ke, { className: "w-4 h-4" }), b("vibesPage.addVibe", "Add Vibe")]
 							})
 						})]
 					})
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ f("div", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ f(fe, {
-							value: T,
-							onChange: ze,
-							placeholder: x("vibesPage.searchPlaceholder", "Search vibes..."),
+						children: [/* @__PURE__ */ d(pe, {
+							value: w,
+							onChange: Ve,
+							placeholder: b("vibesPage.searchPlaceholder", "Search vibes..."),
 							className: "flex-1 sm:w-64 sm:flex-none"
-						}), /* @__PURE__ */ p("div", {
+						}), /* @__PURE__ */ f("div", {
 							className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
-							children: [/* @__PURE__ */ f("button", {
-								onClick: () => Ue("grid"),
-								className: `p-1.5 sm:p-2 rounded ${k === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-								title: x("vibesPage.gridViewTitle", "Grid view"),
-								children: /* @__PURE__ */ f(we, { className: "w-4 h-4 text-text-secondary" })
-							}), /* @__PURE__ */ f("button", {
-								onClick: () => Ue("list"),
-								className: `p-1.5 sm:p-2 rounded ${k === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-								title: x("vibesPage.listViewTitle", "List view"),
-								children: /* @__PURE__ */ f(Te, { className: "w-4 h-4 text-text-secondary" })
+							children: [/* @__PURE__ */ d("button", {
+								onClick: () => k("grid"),
+								className: `p-1.5 sm:p-2 rounded ${O === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+								title: b("vibesPage.gridViewTitle", "Grid view"),
+								children: /* @__PURE__ */ d(Ee, { className: "w-4 h-4 text-text-secondary" })
+							}), /* @__PURE__ */ d("button", {
+								onClick: () => k("list"),
+								className: `p-1.5 sm:p-2 rounded ${O === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+								title: b("vibesPage.listViewTitle", "List view"),
+								children: /* @__PURE__ */ d(De, { className: "w-4 h-4 text-text-secondary" })
 							})]
 						})]
-					}), /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2 sm:gap-3 flex-wrap",
-						children: [/* @__PURE__ */ f(o, {
-							label: x("vibesPage.filterStatus", "Status"),
-							value: E,
-							options: Re,
-							onChange: Be
-						}), /* @__PURE__ */ f("div", {
-							onMouseDown: G,
-							onFocus: G,
-							children: /* @__PURE__ */ f(o, {
-								label: x("vibesPage.filterAgent", "Agent"),
-								value: O,
-								options: ft,
-								onChange: He
+						children: [/* @__PURE__ */ d(me, {
+							label: b("vibesPage.filterStatus", "Status"),
+							value: T,
+							options: Be,
+							onChange: He
+						}), /* @__PURE__ */ d("div", {
+							onMouseDown: W,
+							onFocus: W,
+							children: /* @__PURE__ */ d(me, {
+								label: b("vibesPage.filterAgent", "Agent"),
+								value: D,
+								options: ht,
+								onChange: We
 							})
 						})]
 					})]
 				}),
-				T || E !== "all" || D !== "all" || O !== "all" ? /* @__PURE__ */ p("p", {
+				w || T !== "all" || E !== "all" || D !== "all" ? /* @__PURE__ */ f("p", {
 					className: "text-sm text-text-secondary",
-					children: [x("vibesPage.showingResults", "Showing {{filtered}} of {{total}} vibes", {
-						filtered: q.length,
-						total: K.length
-					}), U && /* @__PURE__ */ f("span", {
+					children: [b("vibesPage.showingResults", "Showing {{filtered}} of {{total}} vibes", {
+						filtered: K.length,
+						total: G.length
+					}), H && /* @__PURE__ */ d("span", {
 						className: "ml-2 text-text-muted",
-						children: x("vibesPage.refreshing", "(refreshing...)")
+						children: b("vibesPage.refreshing", "(refreshing...)")
 					})]
 				}) : null,
-				q.length > 0 && /* @__PURE__ */ f("div", {
+				K.length > 0 && /* @__PURE__ */ d("div", {
 					className: "rounded-lg border border-border-default bg-bg-surface p-4",
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ f("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ f(me, {
-									checked: X,
-									indeterminate: mt,
-									onChange: Ct,
+								children: [/* @__PURE__ */ d(ge, {
+									checked: Y,
+									indeterminate: _t,
+									onChange: Tt,
 									ariaLabel: "Select all visible vibes"
-								}), /* @__PURE__ */ f("span", {
+								}), /* @__PURE__ */ d("span", {
 									className: "text-sm font-medium text-text-primary",
 									children: "Select all visible"
 								})]
-							}), z.size > 0 && /* @__PURE__ */ f("button", {
+							}), R.size > 0 && /* @__PURE__ */ d("button", {
 								onClick: Z,
 								className: "text-sm text-text-secondary hover:text-text-primary",
 								children: "Clear selection"
 							})]
-						}), /* @__PURE__ */ p("div", {
+						}), /* @__PURE__ */ f("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ p("span", {
+								/* @__PURE__ */ f("span", {
 									className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
-									children: [z.size, " selected"]
+									children: [R.size, " selected"]
 								}),
-								/* @__PURE__ */ f("button", {
-									onClick: () => V("activate"),
-									disabled: J.length === 0,
+								/* @__PURE__ */ d("button", {
+									onClick: () => B("activate"),
+									disabled: q.length === 0,
 									title: "Mark selected vibes as ACTIVE so they appear in the default vibe list and can run sessions/tunnels via their attached agent(s).",
 									className: "rounded-md border border-status-success-border px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg disabled:cursor-not-allowed disabled:opacity-50",
-									children: /* @__PURE__ */ p("span", {
+									children: /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ f(Ee, { className: "w-4 h-4" }),
+											/* @__PURE__ */ d(Oe, { className: "w-4 h-4" }),
 											"Activate Selected",
-											J.length > 0 ? ` (${J.length})` : ""
+											q.length > 0 ? ` (${q.length})` : ""
 										]
 									})
 								}),
-								/* @__PURE__ */ f("button", {
-									onClick: () => V("archive"),
-									disabled: Y.length === 0,
+								/* @__PURE__ */ d("button", {
+									onClick: () => B("archive"),
+									disabled: J.length === 0,
 									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 disabled:cursor-not-allowed disabled:opacity-50",
-									children: /* @__PURE__ */ p("span", {
+									children: /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ f(Ce, { className: "w-4 h-4" }),
+											/* @__PURE__ */ d(Te, { className: "w-4 h-4" }),
 											"Archive Selected",
-											Y.length > 0 ? ` (${Y.length})` : ""
+											J.length > 0 ? ` (${J.length})` : ""
 										]
 									})
 								})
@@ -378,219 +380,219 @@ function h() {
 						})]
 					})
 				}),
-				Ot ? /* @__PURE__ */ f(he, {
+				At ? /* @__PURE__ */ d(_e, {
 					variant: "cards",
 					count: 6
-				}) : q.length > 0 ? /* @__PURE__ */ f(je, {
+				}) : K.length > 0 ? /* @__PURE__ */ d(Ne, {
 					mode: "wait",
-					children: k === "grid" ? /* @__PURE__ */ f(m, {
+					children: O === "grid" ? /* @__PURE__ */ d(p, {
 						stagger: .04,
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-						children: q.map((e) => /* @__PURE__ */ f(Ne, { children: /* @__PURE__ */ f(ye, {
+						children: K.map((e) => /* @__PURE__ */ d(Fe, { children: /* @__PURE__ */ d(xe, {
 							vibe: e,
-							onOpen: ht,
-							onActivate: C ? gt : void 0,
-							onArchive: C ? _t : void 0,
-							onOpenInEditor: bt,
-							selected: z.has(e.id),
-							onToggleSelect: (t) => St(e, t)
+							onOpen: vt,
+							onActivate: S ? yt : void 0,
+							onArchive: S ? bt : void 0,
+							onOpenInEditor: X,
+							selected: R.has(e.id),
+							onToggleSelect: (t) => wt(e, t)
 						}) }, e.id))
-					}, "grid") : /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f(be, {
-						vibes: q,
-						onOpen: ht,
-						onActivate: gt,
-						onArchive: _t,
-						onOpenInEditor: bt,
-						selectedVibeIds: z,
-						onToggleSelect: St,
-						onToggleAllVisible: Ct,
-						allVisibleSelected: X,
-						partiallySelected: mt
+					}, "grid") : /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(Se, {
+						vibes: K,
+						onOpen: vt,
+						onActivate: yt,
+						onArchive: bt,
+						onOpenInEditor: X,
+						selectedVibeIds: R,
+						onToggleSelect: wt,
+						onToggleAllVisible: Tt,
+						allVisibleSelected: Y,
+						partiallySelected: _t
 					}) }, "list")
-				}) : /* @__PURE__ */ f(de, {
-					icon: /* @__PURE__ */ f(ke, { className: "w-8 h-8 text-text-secondary" }),
-					title: T || E !== "all" || D !== "all" || O !== "all" ? x("vibesPage.emptyNoVibesFound", "No vibes found") : x("vibesPage.emptyNoVibesConfigured", "No vibes configured"),
-					description: T || E !== "all" || D !== "all" || O !== "all" ? x("vibesPage.emptyAdjustSearch", "Try adjusting your search or filters") : x("vibesPage.emptyNoVibesDescription", "Add your first vibe to start managing your development projects"),
-					action: !T && E === "all" && D === "all" && O === "all" ? /* @__PURE__ */ p("div", {
+				}) : /* @__PURE__ */ d(fe, {
+					icon: /* @__PURE__ */ d(je, { className: "w-8 h-8 text-text-secondary" }),
+					title: w || T !== "all" || E !== "all" || D !== "all" ? b("vibesPage.emptyNoVibesFound", "No vibes found") : b("vibesPage.emptyNoVibesConfigured", "No vibes configured"),
+					description: w || T !== "all" || E !== "all" || D !== "all" ? b("vibesPage.emptyAdjustSearch", "Try adjusting your search or filters") : b("vibesPage.emptyNoVibesDescription", "Add your first vibe to start managing your development projects"),
+					action: !w && T === "all" && E === "all" && D === "all" ? /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ f(Le, {
-							permission: s.VIBE_CREATE,
-							children: /* @__PURE__ */ p("button", {
-								onClick: xt,
+						children: [/* @__PURE__ */ d(ze, {
+							permission: o.VIBE_CREATE,
+							children: /* @__PURE__ */ f("button", {
+								onClick: Ct,
 								className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-								children: [/* @__PURE__ */ f(De, { className: "w-4 h-4" }), x("vibesPage.addVibe", "Add Vibe")]
+								children: [/* @__PURE__ */ d(ke, { className: "w-4 h-4" }), b("vibesPage.addVibe", "Add Vibe")]
 							})
-						}), /* @__PURE__ */ f(pe, { prompt: "What is a Vibe in VibeControls and how do I create one?" })]
+						}), /* @__PURE__ */ d(he, { prompt: "What is a Vibe in VibeControls and how do I create one?" })]
 					}) : void 0
 				}),
-				Ke && /* @__PURE__ */ f("div", {
+				Je && /* @__PURE__ */ d("div", {
 					className: "fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-success-bg text-status-success-text rounded-md shadow-lg text-sm",
-					children: Ke
+					children: Je
 				}),
-				/* @__PURE__ */ f(a, {
-					isOpen: Ye === "activate",
-					onClose: () => V(null),
-					onConfirm: wt,
+				/* @__PURE__ */ d(a, {
+					isOpen: Ze === "activate",
+					onClose: () => B(null),
+					onConfirm: Et,
 					title: "Activate selected vibes",
-					message: `Activate ${J.length} selected vibe${J.length === 1 ? "" : "s"}?`,
+					message: `Activate ${q.length} selected vibe${q.length === 1 ? "" : "s"}?`,
 					confirmLabel: "Activate",
 					variant: "default"
 				}),
-				/* @__PURE__ */ f(a, {
-					isOpen: Ye === "archive",
-					onClose: () => V(null),
-					onConfirm: Tt,
+				/* @__PURE__ */ d(a, {
+					isOpen: Ze === "archive",
+					onClose: () => B(null),
+					onConfirm: Dt,
 					title: "Archive selected vibes",
-					message: `Archive ${Y.length} selected vibe${Y.length === 1 ? "" : "s"}? Archived vibes will be hidden from active workflows.`,
+					message: `Archive ${J.length} selected vibe${J.length === 1 ? "" : "s"}? Archived vibes will be hidden from active workflows.`,
 					confirmLabel: "Archive",
 					variant: "warning"
 				}),
-				Je && /* @__PURE__ */ p("div", {
+				Xe && /* @__PURE__ */ f("div", {
 					role: "alert",
 					className: "fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-error-bg text-status-error-text rounded-md shadow-lg text-sm",
-					children: [Je, /* @__PURE__ */ f("button", {
-						onClick: Xe,
+					children: [Xe, /* @__PURE__ */ d("button", {
+						onClick: Qe,
 						className: "ml-3 text-xs underline opacity-80 hover:opacity-100",
-						children: x("vibesPage.dismiss", "Dismiss")
+						children: b("vibesPage.dismiss", "Dismiss")
 					})]
 				}),
-				We && /* @__PURE__ */ f("div", {
+				Ge && /* @__PURE__ */ d("div", {
 					className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ f("div", {
 						className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
 						children: [
-							/* @__PURE__ */ f("h2", {
+							/* @__PURE__ */ d("h2", {
 								className: "text-lg font-semibold text-text-primary mb-4",
-								children: x("vibesPage.addNewVibe", "Add New Vibe")
+								children: b("vibesPage.addNewVibe", "Add New Vibe")
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ f("div", {
 								className: "space-y-4",
 								children: [
-									j && /* @__PURE__ */ f("div", {
+									Ke && /* @__PURE__ */ d("div", {
 										className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
-										children: j
+										children: Ke
 									}),
-									/* @__PURE__ */ p("div", { children: [
-										/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ f("div", { children: [
+										/* @__PURE__ */ d("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
-											children: x("vibesPage.nameLabel", "Name *")
+											children: b("vibesPage.nameLabel", "Name *")
 										}),
-										/* @__PURE__ */ f("input", {
-											ref: Ze,
+										/* @__PURE__ */ d("input", {
+											ref: $e,
 											type: "text",
-											placeholder: x("vibesPage.namePlaceholder", "My Project"),
-											onChange: () => I.name && L((e) => ({
+											placeholder: b("vibesPage.namePlaceholder", "My Project"),
+											onChange: () => F.name && I((e) => ({
 												...e,
 												name: void 0
 											})),
-											className: `w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${I.name ? "border-status-error-border" : "border-border-default"}`
+											className: `w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${F.name ? "border-status-error-border" : "border-border-default"}`
 										}),
-										I.name && /* @__PURE__ */ f("p", {
+										F.name && /* @__PURE__ */ d("p", {
 											className: "mt-1 text-xs text-status-error-text",
-											children: I.name
+											children: F.name
 										})
 									] }),
-									/* @__PURE__ */ p("div", { children: [
-										/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ f("div", { children: [
+										/* @__PURE__ */ d("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
-											children: x("vibesPage.pathLabel", "Path *")
+											children: b("vibesPage.pathLabel", "Path *")
 										}),
-										/* @__PURE__ */ f("input", {
-											ref: Qe,
+										/* @__PURE__ */ d("input", {
+											ref: et,
 											type: "text",
-											placeholder: x("vibesPage.pathPlaceholder", "/path/to/project"),
-											onChange: () => I.path && L((e) => ({
+											placeholder: b("vibesPage.pathPlaceholder", "/path/to/project"),
+											onChange: () => F.path && I((e) => ({
 												...e,
 												path: void 0
 											})),
-											className: `w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${I.path ? "border-status-error-border" : "border-border-default"}`
+											className: `w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${F.path ? "border-status-error-border" : "border-border-default"}`
 										}),
-										I.path && /* @__PURE__ */ f("p", {
+										F.path && /* @__PURE__ */ d("p", {
 											className: "mt-1 text-xs text-status-error-text",
-											children: I.path
+											children: F.path
 										})
 									] }),
-									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: x("vibesPage.agentLabel", "Agent")
-									}), /* @__PURE__ */ p("select", {
-										ref: $e,
+										children: b("vibesPage.agentLabel", "Agent")
+									}), /* @__PURE__ */ f("select", {
+										ref: tt,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
-										children: [/* @__PURE__ */ f("option", {
+										children: [/* @__PURE__ */ d("option", {
 											value: "",
-											children: x("vibesPage.selectAgent", "Select an agent")
-										}), ft.filter((e) => e.value !== "all").map((e) => /* @__PURE__ */ f("option", {
+											children: b("vibesPage.selectAgent", "Select an agent")
+										}), ht.filter((e) => e.value !== "all").map((e) => /* @__PURE__ */ d("option", {
 											value: e.value,
 											children: e.label
 										}, e.value))]
 									})] }),
-									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: x("vibesPage.typeLabel", "Type")
-									}), /* @__PURE__ */ p("select", {
-										ref: et,
+										children: b("vibesPage.typeLabel", "Type")
+									}), /* @__PURE__ */ f("select", {
+										ref: nt,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
 										children: [
-											/* @__PURE__ */ f("option", {
+											/* @__PURE__ */ d("option", {
 												value: "PROJECT",
-												children: x("vibesPage.typeProject", "Project")
+												children: b("vibesPage.typeProject", "Project")
 											}),
-											/* @__PURE__ */ f("option", {
+											/* @__PURE__ */ d("option", {
 												value: "REPOSITORY",
-												children: x("vibesPage.typeRepository", "Repository")
+												children: b("vibesPage.typeRepository", "Repository")
 											}),
-											/* @__PURE__ */ f("option", {
+											/* @__PURE__ */ d("option", {
 												value: "WORKSPACE",
-												children: x("vibesPage.typeWorkspace", "Workspace")
+												children: b("vibesPage.typeWorkspace", "Workspace")
 											}),
-											/* @__PURE__ */ f("option", {
+											/* @__PURE__ */ d("option", {
 												value: "MONOREPO",
-												children: x("vibesPage.typeMonorepo", "Monorepo")
+												children: b("vibesPage.typeMonorepo", "Monorepo")
 											}),
-											/* @__PURE__ */ f("option", {
+											/* @__PURE__ */ d("option", {
 												value: "PACKAGE",
-												children: x("vibesPage.typePackage", "Package")
+												children: b("vibesPage.typePackage", "Package")
 											}),
-											/* @__PURE__ */ f("option", {
+											/* @__PURE__ */ d("option", {
 												value: "CUSTOM",
-												children: x("vibesPage.typeCustom", "Custom")
+												children: b("vibesPage.typeCustom", "Custom")
 											})
 										]
 									})] })
 								]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ f("div", {
 								className: "mt-4 border-t border-border-default pt-4",
-								children: [/* @__PURE__ */ f("h3", {
+								children: [/* @__PURE__ */ d("h3", {
 									className: "text-sm font-medium text-text-secondary mb-2",
-									children: x("vibesPage.tags", "Tags")
-								}), /* @__PURE__ */ f(le, {
+									children: b("vibesPage.tags", "Tags")
+								}), /* @__PURE__ */ d(ue, {
 									entityType: "VIBECONTROLS_VIBE",
-									onDraftChange: nt
+									onDraftChange: at
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
-								children: [/* @__PURE__ */ f("button", {
+								children: [/* @__PURE__ */ d("button", {
 									onClick: () => A(!1),
-									disabled: N,
+									disabled: M,
 									className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-									children: x("vibesPage.cancel", "Cancel")
-								}), /* @__PURE__ */ f("button", {
-									onClick: Et,
-									disabled: N,
+									children: b("vibesPage.cancel", "Cancel")
+								}), /* @__PURE__ */ d("button", {
+									onClick: Ot,
+									disabled: M,
 									className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-									children: N ? x("vibesPage.creating", "Creating...") : x("vibesPage.createVibe", "Create Vibe")
+									children: M ? b("vibesPage.creating", "Creating...") : b("vibesPage.createVibe", "Create Vibe")
 								})]
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ f(se, {
-					isOpen: qe,
-					onClose: () => F(!1),
+				/* @__PURE__ */ d(ce, {
+					isOpen: Ye,
+					onClose: () => P(!1),
 					onConfirm: () => {
-						F(!1), g("/billing");
+						P(!1), h("/billing");
 					},
 					title: "Vibe Quota Reached",
 					message: "You've used all available vibe creation quota on your current plan. Upgrade your plan to create more vibes."
@@ -600,6 +602,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as VibesPage };
+export { m as VibesPage };
 
 //# sourceMappingURL=VibesPage.js.map

package/dist/pages/VibesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"VibesPage.js","names":[],"sources":["../../src/pages/VibesPage.tsx"],"sourcesContent":["import { useState, useMemo, useRef, useEffect, useCallback } from 'react';\nimport { Plus, Zap, Grid, List, RefreshCw, Archive, Play } from 'lucide-react';\nimport { VibeCard, VibeList } from '@/components/vibes';\nimport type { Vibe } from '@/components/vibes';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { PageSkeleton } from '@/components/shared/PageSkeleton';\nimport { useDraftEntityTags } from '@/hooks/useDraftEntityTags';\nimport {\n  PageHeader,\n  SearchInput,\n  FilterDropdown,\n  EmptyState,\n  LoadingState,\n  ErrorState,\n  ConfirmDialog,\n  QuotaExhaustedDialog,\n  SelectionCheckbox,\n  GetHelpButton,\n} from '@/components/shared';\nimport { MotionPage, MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { AnimatePresence } from 'framer-motion';\nimport { useVibeControls, useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport {\n  useListVibesQuery,\n  useCreateVibeMutation,\n  useUpdateVibeStatusMutation,\n  useArchiveVibeMutation,\n  useListAgentsLazyQuery,\n  type ListAgentsQuery,\n} from '@/generated/wspace-operations';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\n\ntype Agent = NonNullable<ListAgentsQuery['vibecontrolsAgents']>[number];\nimport {\n  PermissionGate,\n  PermissionButton,\n  AccessDenied,\n} from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { isQuotaExhaustedError } from '@/utils/quotaUtils';\nimport {\n  buildProtocolUrl,\n  getIdePreset,\n  resolveEffectiveIdeCommand,\n} from '@/components/agents/idePresets';\nimport { useVibeControlsStore } from '@/store/vibeControlsStore';\n\ntype ViewMode = 'grid' | 'list';\n\n/**\n * Vibes (projects/repositories) management page\n */\nexport function VibesPage() {\n  const { onVibeActivate } = useVibeControls();\n  const navigate = useVibeNavigate();\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n  const { t } = useI18n();\n\n  const tr = useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string => {\n      const translated = t(key, params);\n      const template = translated === key ? fallback : translated;\n\n      if (!params) return template;\n\n      return Object.entries(params).reduce(\n        (acc, [paramKey, paramValue]) => acc.replace(`{{${paramKey}}}`, String(paramValue)),\n        template\n      );\n    },\n    [t]\n  );\n\n  const statusOptions = [\n    { value: 'all', label: tr('vibesPage.statusAll', 'All Statuses') },\n    { value: 'ACTIVE', label: tr('vibesPage.statusActive', 'Active') },\n    { value: 'INACTIVE', label: tr('vibesPage.statusInactive', 'Inactive') },\n    { value: 'ARCHIVED', label: tr('vibesPage.statusArchived', 'Archived') },\n    { value: 'ERROR', label: tr('vibesPage.statusError', 'Error') },\n  ];\n\n  const typeOptions = [\n    { value: 'all', label: tr('vibesPage.typeAll', 'All Types') },\n    { value: 'PROJECT', label: tr('vibesPage.typeProject', 'Project') },\n    { value: 'REPOSITORY', label: tr('vibesPage.typeRepository', 'Repository') },\n    { value: 'WORKSPACE', label: tr('vibesPage.typeWorkspace', 'Workspace') },\n    { value: 'MONOREPO', label: tr('vibesPage.typeMonorepo', 'Monorepo') },\n    { value: 'PACKAGE', label: tr('vibesPage.typePackage', 'Package') },\n    { value: 'CUSTOM', label: tr('vibesPage.typeCustom', 'Custom') },\n  ];\n\n  // Check permissions\n  const canListVibes = hasPermission(VIBE_PERMISSIONS.VIBE_LIST);\n  const canUpdateVibe = hasPermission(VIBE_PERMISSIONS.VIBE_UPDATE);\n\n  // Skip queries until permissions are loaded and user has permission\n  // This prevents FORBIDDEN errors from triggering auth error handlers\n  const shouldSkipQueries = permissionsLoading || !canListVibes;\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState('all');\n  const [typeFilter, setTypeFilter] = useState('all');\n  const [agentFilter, setAgentFilter] = useState('all');\n  const [viewMode, setViewMode] = useState<ViewMode>('grid');\n  const [showCreateForm, setShowCreateForm] = useState(false);\n  const [createError, setCreateError] = useState<string | null>(null);\n  const [createLoading, setCreateLoading] = useState(false);\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  const [fieldErrors, setFieldErrors] = useState<{ name?: string; path?: string }>({});\n  const [pageError, setPageError] = useState<string | null>(null);\n  const [selectedVibeIds, setSelectedVibeIds] = useState<Set<string>>(new Set());\n  const [bulkAction, setBulkAction] = useState<'activate' | 'archive' | null>(null);\n  const pageErrorTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (pageErrorTimer.current) clearTimeout(pageErrorTimer.current);\n    };\n  }, []);\n\n  const clearPageError = useCallback(() => {\n    setPageError(null);\n    if (pageErrorTimer.current) {\n      clearTimeout(pageErrorTimer.current);\n      pageErrorTimer.current = null;\n    }\n  }, []);\n\n  // Form refs for create modal\n  const nameRef = useRef<HTMLInputElement>(null);\n  const pathRef = useRef<HTMLInputElement>(null);\n  const agentRef = useRef<HTMLSelectElement>(null);\n  const typeRef = useRef<HTMLSelectElement>(null);\n\n  const [createVibe] = useCreateVibeMutation();\n  const { setDraftTagIds, flushTags } = useDraftEntityTags('VIBECONTROLS_VIBE');\n  const [updateVibeStatus] = useUpdateVibeStatusMutation();\n  const [archiveVibe] = useArchiveVibeMutation();\n\n  // Memoise variables so a stable identity keeps Apollo from treating each\n  // render as a new query (which caused multiple loading flashes).\n  // NOTE: we intentionally do NOT include `searchQuery` in the query\n  // variables — the list is filtered client-side by name below, and keying\n  // the query on `searchQuery` caused a fresh refetch on every keystroke\n  // (previously mitigated by an unusable `limit: 1000` fire-hose). Rely on\n  // the default backend pagination and filter client-side within the page.\n  const listVibesVariables = useMemo(\n    () => ({\n      filter: {\n        status:\n          statusFilter !== 'all'\n            ? (statusFilter as 'ACTIVE' | 'INACTIVE' | 'ARCHIVED' | 'ERROR')\n            : undefined,\n        type:\n          typeFilter !== 'all'\n            ? (typeFilter as\n                | 'PROJECT'\n                | 'REPOSITORY'\n                | 'WORKSPACE'\n                | 'MONOREPO'\n                | 'PACKAGE'\n                | 'CUSTOM')\n            : undefined,\n        // Multi-agent: server-side filter takes a list. Single-select UI maps\n        // to a one-element array; \"all\" clears the filter.\n        attachedAgentIds: agentFilter !== 'all' ? [agentFilter] : undefined,\n      },\n    }),\n    [statusFilter, typeFilter, agentFilter]\n  );\n\n  // When no filters are applied, the variables match the InitialData\n  // prefetch (no filters) — use cache-first to avoid a redundant network\n  // hit on every page visit. When user actually narrows by filter, fall\n  // back to cache-and-network for fresh server-side filtering.\n  const noVibeFilters = statusFilter === 'all' && typeFilter === 'all' && agentFilter === 'all';\n  const vibesFetchPolicy = noVibeFilters ? 'cache-first' : 'cache-and-network';\n\n  // Fetch vibes from GraphQL API. cache-and-network returns the cached list\n  // immediately while revalidating once in the background — avoids the\n  // \"loading → cache → network → cache\" double-flash seen with cache-first\n  // plus mutation refetchQueries. `notifyOnNetworkStatusChange` keeps the\n  // loading flag true during refetches so the UI can show a spinner rather\n  // than showing stale data silently.\n  const { data, loading, error, refetch } = useListVibesQuery({\n    variables: listVibesVariables,\n    fetchPolicy: vibesFetchPolicy,\n    nextFetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n    notifyOnNetworkStatusChange: true,\n  });\n\n  // Cached agents (already prefetched by InitialDataPrefetcher) cover the\n  // initial agent-filter dropdown without firing any network query. The\n  // lazy ListAgentsQuery below is only triggered on first interaction with\n  // the agent filter (in case the prefetch was stale).\n  const { agents: cachedAgentsForFilter } = useCachedInitialData();\n  const [fetchAgents, { data: agentsData }] = useListAgentsLazyQuery({\n    fetchPolicy: 'cache-first',\n  });\n  const triggeredAgentsFetchRef = useRef(false);\n  const handleAgentFilterInteract = useCallback(() => {\n    if (triggeredAgentsFetchRef.current || shouldSkipQueries) return;\n    triggeredAgentsFetchRef.current = true;\n    void fetchAgents({ variables: { pagination: { limit: 100 } } });\n  }, [fetchAgents, shouldSkipQueries]);\n\n  // Build agent options for filter — prefer freshly-fetched data once the\n  // dropdown has been opened, otherwise use the cached set from\n  // InitialDataPrefetcher.\n  const agentOptions = useMemo(() => {\n    const live = agentsData?.vibecontrolsAgents ?? null;\n    const source: Array<{ id: string; name: string }> = live\n      ? live.map((a: Agent) => ({ id: a.id, name: a.name }))\n      : cachedAgentsForFilter.map((a) => ({ id: a.id, name: a.name }));\n    return [\n      { value: 'all', label: tr('vibesPage.allAgents', 'All Agents') },\n      ...source.map((agent) => ({\n        value: agent.id,\n        label: agent.name,\n      })),\n    ];\n  }, [agentsData?.vibecontrolsAgents, cachedAgentsForFilter, tr]);\n\n  // Map GraphQL response to Vibe type\n  const vibes: Vibe[] = useMemo(() => {\n    const rawVibes = data?.vibes?.items ?? [];\n    return rawVibes.map((vibe: NonNullable<typeof rawVibes>[number]) => ({\n      id: vibe.id,\n      workspaceId: vibe.workspaceId,\n      name: vibe.name,\n      description: vibe.description || null,\n      type: vibe.type as Vibe['type'],\n      status: vibe.status as Vibe['status'],\n      path: vibe.path || null,\n      parentId: vibe.parentId || null,\n      gitBranch: vibe.gitBranch || null,\n      gitRemote: vibe.gitRemote || null,\n      gitStatus: vibe.gitStatus\n        ? typeof vibe.gitStatus === 'string'\n          ? vibe.gitStatus\n          : typeof vibe.gitStatus === 'object' &&\n              vibe.gitStatus !== null &&\n              'status' in vibe.gitStatus\n            ? String((vibe.gitStatus as Record<string, unknown>).status)\n            : JSON.stringify(vibe.gitStatus)\n        : null,\n      environmentVariables: (vibe.environmentVariables as Record<string, string>) || {},\n      tags: vibe.tags || [],\n      metadata: (vibe.metadata as Record<string, unknown>) || {},\n      createdAt: vibe.createdAt,\n      updatedAt: vibe.updatedAt,\n      agents: (vibe.agents ?? []).map((a: NonNullable<typeof vibe.agents>[number]) => ({\n        id: a.id,\n        name: a.name,\n        isActive: a.isActive,\n        ownerUserId: a.ownerUserId ?? null,\n      })),\n    }));\n  }, [data?.vibes?.items]);\n\n  // Filter vibes based on search (client-side filtering for search)\n  const filteredVibes = useMemo(() => {\n    return vibes.filter((vibe) => {\n      // Search filter\n      if (searchQuery) {\n        const query = searchQuery.toLowerCase();\n        const matchesSearch =\n          vibe.name.toLowerCase().includes(query) ||\n          vibe.description?.toLowerCase().includes(query) ||\n          vibe.path?.toLowerCase().includes(query) ||\n          vibe.tags?.some((tag) => tag.toLowerCase().includes(query));\n        if (!matchesSearch) return false;\n      }\n\n      return true;\n    });\n  }, [vibes, searchQuery]);\n\n  const selectedVibes = useMemo(\n    () => vibes.filter((vibe) => selectedVibeIds.has(vibe.id)),\n    [vibes, selectedVibeIds]\n  );\n  const activatableVibes = selectedVibes.filter((vibe) => vibe.status !== 'ACTIVE');\n  const archivableVibes = selectedVibes.filter((vibe) => vibe.status !== 'ARCHIVED');\n  const allVisibleSelected =\n    filteredVibes.length > 0 && filteredVibes.every((vibe) => selectedVibeIds.has(vibe.id));\n  const partiallySelected =\n    filteredVibes.some((vibe) => selectedVibeIds.has(vibe.id)) && !allVisibleSelected;\n\n  const handleVibeSelect = (vibe: Vibe) => {\n    navigate(`/vibes/${vibe.id}`);\n  };\n\n  const handleVibeActivate = async (vibe: Vibe) => {\n    try {\n      const result = await updateVibeStatus({\n        variables: { id: vibe.id, status: 'ACTIVE' as const },\n      });\n      if (result.data?.updateVibeStatus) {\n        onVibeActivate?.({ id: vibe.id, name: vibe.name, type: vibe.type, status: 'ACTIVE' });\n      }\n    } catch (err) {\n      console.error('Failed to activate vibe:', err);\n    }\n  };\n\n  const handleVibeArchive = async (vibe: Vibe) => {\n    try {\n      await archiveVibe({ variables: { id: vibe.id } });\n    } catch (err) {\n      console.error('Failed to archive vibe:', err);\n    }\n  };\n\n  // Honour the user's preferred IDE + per-Vibe override when opening from\n  // the card. Falls back to `vscode://` for IDEs without a registered URL\n  // protocol; for richer launching (agent-exec, browser editor) use the\n  // VibeOpenInEditorMenu on the Vibe detail page.\n  const preferredIdeCommand = useVibeControlsStore((s) => s.preferredIdeCommand);\n  const vibeIdeOverrides = useVibeControlsStore((s) => s.vibeIdeOverrides);\n\n  const handleOpenInEditor = (vibe: Vibe) => {\n    if (!vibe.path) {\n      setPageError(tr('vibesPage.openEditorPathMissing', 'No path available to open in editor'));\n      pageErrorTimer.current = setTimeout(() => {\n        setPageError(null);\n        pageErrorTimer.current = null;\n      }, 3000);\n      return;\n    }\n    const cmd = resolveEffectiveIdeCommand(vibe.id, preferredIdeCommand, vibeIdeOverrides);\n    const preset = getIdePreset(cmd);\n    const url = preset ? buildProtocolUrl(preset, vibe.path) : `vscode://file/${vibe.path}`;\n    if (url) {\n      window.location.href = url;\n    } else {\n      setPageError(\n        tr(\n          'vibesPage.openEditorNoProtocol',\n          `${preset?.label ?? cmd} has no URL handler — open this Vibe and use the editor menu.`\n        )\n      );\n      pageErrorTimer.current = setTimeout(() => {\n        setPageError(null);\n        pageErrorTimer.current = null;\n      }, 4000);\n    }\n  };\n\n  const handleCreateVibe = () => {\n    setCreateError(null);\n    setShowCreateForm(true);\n    // Ensure the create-form agent dropdown has options even if the user\n    // never opened the page-level agent filter.\n    handleAgentFilterInteract();\n  };\n\n  const toggleVibeSelection = (vibe: Vibe, checked: boolean) => {\n    setSelectedVibeIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(vibe.id);\n      } else {\n        next.delete(vibe.id);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllVisibleVibes = (checked: boolean) => {\n    setSelectedVibeIds((prev) => {\n      const next = new Set(prev);\n      filteredVibes.forEach((vibe) => {\n        if (checked) {\n          next.add(vibe.id);\n        } else {\n          next.delete(vibe.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const clearSelection = () => setSelectedVibeIds(new Set());\n\n  const handleBulkActivate = async () => {\n    if (activatableVibes.length === 0) return;\n\n    const results = await Promise.allSettled(\n      activatableVibes.map((vibe) =>\n        updateVibeStatus({ variables: { id: vibe.id, status: 'ACTIVE' as const } })\n      )\n    );\n\n    const succeeded = results.filter((result) => result.status === 'fulfilled').length;\n    const failed = results.length - succeeded;\n\n    setSuccessMessage(\n      `Activated ${succeeded} vibe${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`\n    );\n    setTimeout(() => setSuccessMessage(null), 4000);\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  const handleBulkArchive = async () => {\n    if (archivableVibes.length === 0) return;\n\n    const results = await Promise.allSettled(\n      archivableVibes.map((vibe) => archiveVibe({ variables: { id: vibe.id } }))\n    );\n\n    const succeeded = results.filter((result) => result.status === 'fulfilled').length;\n    const failed = results.length - succeeded;\n\n    setSuccessMessage(\n      `Archived ${succeeded} vibe${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`\n    );\n    setTimeout(() => setSuccessMessage(null), 4000);\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  const handleSubmitCreateVibe = async () => {\n    const name = nameRef.current?.value?.trim();\n    const path = pathRef.current?.value?.trim();\n    const agentId = agentRef.current?.value;\n    const type = typeRef.current?.value;\n\n    const errors: { name?: string; path?: string } = {};\n    if (!name) errors.name = tr('vibesPage.nameRequired', 'Name is required');\n    if (!path) errors.path = tr('vibesPage.pathRequired', 'Path is required');\n    if (errors.name || errors.path) {\n      setFieldErrors(errors);\n      setCreateError(tr('vibesPage.fillRequired', 'Please fill in all required fields'));\n      return;\n    }\n    setFieldErrors({});\n\n    // Validate type against allowed enum values\n    const validTypes = [\n      'PROJECT',\n      'REPOSITORY',\n      'WORKSPACE',\n      'MONOREPO',\n      'PACKAGE',\n      'CUSTOM',\n    ] as const;\n    const resolvedType = validTypes.includes(type as (typeof validTypes)[number])\n      ? (type as (typeof validTypes)[number])\n      : 'PROJECT';\n\n    setCreateLoading(true);\n    setCreateError(null);\n    try {\n      const result = await createVibe({\n        variables: {\n          input: {\n            name,\n            path,\n            type: resolvedType,\n            agentId: agentId || undefined,\n          },\n        },\n      });\n      if (!result.data?.createVibe?.id) {\n        throw new Error(tr('vibesPage.failedCreate', 'Failed to create vibe'));\n      }\n      const newVibeId = result.data.createVibe.id;\n      setShowCreateForm(false);\n      setSuccessMessage(tr('vibesPage.createdSuccess', 'Vibe created successfully'));\n      await flushTags(newVibeId);\n      await refetch();\n      setTimeout(() => setSuccessMessage(null), 3000);\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        setShowCreateForm(false);\n        setCreateError(null);\n        setFieldErrors({});\n        setShowQuotaExhausted(true);\n        return;\n      }\n\n      setCreateError(\n        err instanceof Error ? err.message : tr('vibesPage.failedCreate', 'Failed to create vibe')\n      );\n    } finally {\n      setCreateLoading(false);\n    }\n  };\n\n  // Stats\n  const stats = {\n    total: vibes.length,\n    active: vibes.filter((v) => v.status === 'ACTIVE').length,\n    inactive: vibes.filter((v) => v.status === 'INACTIVE').length,\n  };\n\n  // Collapse guard states into a single MotionPage shell so transitioning\n  // between loading / error / data does not unmount+remount and replay the\n  // entrance animation. Contents are swapped in-place.\n  const showPermissionsLoading = permissionsLoading;\n  const showAccessDenied =\n    !permissionsLoading &&\n    !!permissions &&\n    (permissions.permissionStrings?.length ?? 0) > 0 &&\n    !canListVibes;\n  const showInitialLoading =\n    !showPermissionsLoading && !showAccessDenied && loading && vibes.length === 0;\n  const showInitialError =\n    !showPermissionsLoading && !showAccessDenied && !!error && vibes.length === 0;\n  const showDataShell = !showPermissionsLoading && !showAccessDenied && !showInitialError;\n\n  return (\n    <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n      {showPermissionsLoading && (\n        <LoadingState message={tr('vibesPage.loadingPermissions', 'Loading permissions...')} />\n      )}\n      {showAccessDenied && (\n        <AccessDenied\n          title={tr('vibesPage.accessDeniedTitle', 'Access Denied')}\n          description={tr(\n            'vibesPage.accessDeniedDescription',\n            \"You don't have permission to view vibes. Contact your workspace administrator for access.\"\n          )}\n        />\n      )}\n      {showInitialError && (\n        <ErrorState\n          title={tr('vibesPage.failedLoad', 'Failed to load vibes')}\n          message={error?.message ?? ''}\n          onRetry={() => refetch()}\n        />\n      )}\n      {showDataShell && (\n        <>\n          <PageHeader\n            title={tr('vibesPage.title', 'Vibes')}\n            description={tr('vibesPage.descriptionActive', '{{active}} of {{total}} vibes active', {\n              active: stats.active,\n              total: stats.total,\n            })}\n            actions={\n              <div className=\"flex items-center gap-2\">\n                <button\n                  onClick={() => refetch()}\n                  disabled={loading}\n                  className=\"flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n                  title={tr('vibesPage.refreshTitle', 'Refresh vibes')}\n                >\n                  <RefreshCw className={`w-4 h-4 ${loading ? 'animate-spin' : ''}`} />\n                </button>\n                <PermissionButton\n                  permission={VIBE_PERMISSIONS.VIBE_CREATE}\n                  deniedBehavior=\"disable\"\n                  deniedTooltip={tr(\n                    'vibesPage.deniedCreateTooltip',\n                    \"You don't have permission to create vibes\"\n                  )}\n                >\n                  <button\n                    onClick={handleCreateVibe}\n                    className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    <Plus className=\"w-4 h-4\" />\n                    {tr('vibesPage.addVibe', 'Add Vibe')}\n                  </button>\n                </PermissionButton>\n              </div>\n            }\n          />\n\n          {/* Filters Bar */}\n          <div className=\"space-y-3\">\n            {/* Row 1: Search + View Toggle */}\n            <div className=\"flex items-center gap-2\">\n              <SearchInput\n                value={searchQuery}\n                onChange={setSearchQuery}\n                placeholder={tr('vibesPage.searchPlaceholder', 'Search vibes...')}\n                className=\"flex-1 sm:w-64 sm:flex-none\"\n              />\n              {/* View Toggle */}\n              <div className=\"flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0\">\n                <button\n                  onClick={() => setViewMode('grid')}\n                  className={`p-1.5 sm:p-2 rounded ${viewMode === 'grid' ? 'bg-bg-surface shadow-sm' : 'hover:bg-bg-surface/50'}`}\n                  title={tr('vibesPage.gridViewTitle', 'Grid view')}\n                >\n                  <Grid className=\"w-4 h-4 text-text-secondary\" />\n                </button>\n                <button\n                  onClick={() => setViewMode('list')}\n                  className={`p-1.5 sm:p-2 rounded ${viewMode === 'list' ? 'bg-bg-surface shadow-sm' : 'hover:bg-bg-surface/50'}`}\n                  title={tr('vibesPage.listViewTitle', 'List view')}\n                >\n                  <List className=\"w-4 h-4 text-text-secondary\" />\n                </button>\n              </div>\n            </div>\n\n            {/* Row 2: Filters - wrap on all screens */}\n            <div className=\"flex items-center gap-2 sm:gap-3 flex-wrap\">\n              <FilterDropdown\n                label={tr('vibesPage.filterStatus', 'Status')}\n                value={statusFilter}\n                options={statusOptions}\n                onChange={setStatusFilter}\n              />\n              <div onMouseDown={handleAgentFilterInteract} onFocus={handleAgentFilterInteract}>\n                <FilterDropdown\n                  label={tr('vibesPage.filterAgent', 'Agent')}\n                  value={agentFilter}\n                  options={agentOptions}\n                  onChange={setAgentFilter}\n                />\n              </div>\n            </div>\n          </div>\n\n          {/* Results Count */}\n          {searchQuery ||\n          statusFilter !== 'all' ||\n          typeFilter !== 'all' ||\n          agentFilter !== 'all' ? (\n            <p className=\"text-sm text-text-secondary\">\n              {tr('vibesPage.showingResults', 'Showing {{filtered}} of {{total}} vibes', {\n                filtered: filteredVibes.length,\n                total: vibes.length,\n              })}\n              {loading && (\n                <span className=\"ml-2 text-text-muted\">\n                  {tr('vibesPage.refreshing', '(refreshing...)')}\n                </span>\n              )}\n            </p>\n          ) : null}\n\n          {filteredVibes.length > 0 && (\n            <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n              <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n                <div className=\"flex flex-wrap items-center gap-3\">\n                  <div className=\"flex items-center gap-2\">\n                    <SelectionCheckbox\n                      checked={allVisibleSelected}\n                      indeterminate={partiallySelected}\n                      onChange={toggleAllVisibleVibes}\n                      ariaLabel=\"Select all visible vibes\"\n                    />\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      Select all visible\n                    </span>\n                  </div>\n                  {selectedVibeIds.size > 0 && (\n                    <button\n                      onClick={clearSelection}\n                      className=\"text-sm text-text-secondary hover:text-text-primary\"\n                    >\n                      Clear selection\n                    </button>\n                  )}\n                </div>\n\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary\">\n                    {selectedVibeIds.size} selected\n                  </span>\n                  <button\n                    onClick={() => setBulkAction('activate')}\n                    disabled={activatableVibes.length === 0}\n                    title=\"Mark selected vibes as ACTIVE so they appear in the default vibe list and can run sessions/tunnels via their attached agent(s).\"\n                    className=\"rounded-md border border-status-success-border px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <span className=\"inline-flex items-center gap-2\">\n                      <Play className=\"w-4 h-4\" />\n                      Activate Selected\n                      {activatableVibes.length > 0 ? ` (${activatableVibes.length})` : ''}\n                    </span>\n                  </button>\n                  <button\n                    onClick={() => setBulkAction('archive')}\n                    disabled={archivableVibes.length === 0}\n                    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 disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <span className=\"inline-flex items-center gap-2\">\n                      <Archive className=\"w-4 h-4\" />\n                      Archive Selected\n                      {archivableVibes.length > 0 ? ` (${archivableVibes.length})` : ''}\n                    </span>\n                  </button>\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Vibes Display */}\n          {showInitialLoading ? (\n            <PageSkeleton variant=\"cards\" count={6} />\n          ) : filteredVibes.length > 0 ? (\n            <AnimatePresence mode=\"wait\">\n              {viewMode === 'grid' ? (\n                <MotionList\n                  key=\"grid\"\n                  stagger={0.04}\n                  className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"\n                >\n                  {filteredVibes.map((vibe) => (\n                    <MotionItem key={vibe.id}>\n                      <VibeCard\n                        vibe={vibe}\n                        onOpen={handleVibeSelect}\n                        onActivate={canUpdateVibe ? handleVibeActivate : undefined}\n                        onArchive={canUpdateVibe ? handleVibeArchive : undefined}\n                        onOpenInEditor={handleOpenInEditor}\n                        selected={selectedVibeIds.has(vibe.id)}\n                        onToggleSelect={(checked) => toggleVibeSelection(vibe, checked)}\n                      />\n                    </MotionItem>\n                  ))}\n                </MotionList>\n              ) : (\n                <MotionList key=\"list\">\n                  <VibeList\n                    vibes={filteredVibes}\n                    onOpen={handleVibeSelect}\n                    onActivate={handleVibeActivate}\n                    onArchive={handleVibeArchive}\n                    onOpenInEditor={handleOpenInEditor}\n                    selectedVibeIds={selectedVibeIds}\n                    onToggleSelect={toggleVibeSelection}\n                    onToggleAllVisible={toggleAllVisibleVibes}\n                    allVisibleSelected={allVisibleSelected}\n                    partiallySelected={partiallySelected}\n                  />\n                </MotionList>\n              )}\n            </AnimatePresence>\n          ) : (\n            <EmptyState\n              icon={<Zap className=\"w-8 h-8 text-text-secondary\" />}\n              title={\n                searchQuery ||\n                statusFilter !== 'all' ||\n                typeFilter !== 'all' ||\n                agentFilter !== 'all'\n                  ? tr('vibesPage.emptyNoVibesFound', 'No vibes found')\n                  : tr('vibesPage.emptyNoVibesConfigured', 'No vibes configured')\n              }\n              description={\n                searchQuery ||\n                statusFilter !== 'all' ||\n                typeFilter !== 'all' ||\n                agentFilter !== 'all'\n                  ? tr('vibesPage.emptyAdjustSearch', 'Try adjusting your search or filters')\n                  : tr(\n                      'vibesPage.emptyNoVibesDescription',\n                      'Add your first vibe to start managing your development projects'\n                    )\n              }\n              action={\n                !searchQuery &&\n                statusFilter === 'all' &&\n                typeFilter === 'all' &&\n                agentFilter === 'all' ? (\n                  <div className=\"flex items-center gap-2\">\n                    <PermissionGate permission={VIBE_PERMISSIONS.VIBE_CREATE}>\n                      <button\n                        onClick={handleCreateVibe}\n                        className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n                      >\n                        <Plus className=\"w-4 h-4\" />\n                        {tr('vibesPage.addVibe', 'Add Vibe')}\n                      </button>\n                    </PermissionGate>\n                    <GetHelpButton prompt=\"What is a Vibe in VibeControls and how do I create one?\" />\n                  </div>\n                ) : undefined\n              }\n            />\n          )}\n\n          {/* Success Toast */}\n          {successMessage && (\n            <div className=\"fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-success-bg text-status-success-text rounded-md shadow-lg text-sm\">\n              {successMessage}\n            </div>\n          )}\n\n          <ConfirmDialog\n            isOpen={bulkAction === 'activate'}\n            onClose={() => setBulkAction(null)}\n            onConfirm={handleBulkActivate}\n            title=\"Activate selected vibes\"\n            message={`Activate ${activatableVibes.length} selected vibe${activatableVibes.length === 1 ? '' : 's'}?`}\n            confirmLabel=\"Activate\"\n            variant=\"default\"\n          />\n\n          <ConfirmDialog\n            isOpen={bulkAction === 'archive'}\n            onClose={() => setBulkAction(null)}\n            onConfirm={handleBulkArchive}\n            title=\"Archive selected vibes\"\n            message={`Archive ${archivableVibes.length} selected vibe${archivableVibes.length === 1 ? '' : 's'}? Archived vibes will be hidden from active workflows.`}\n            confirmLabel=\"Archive\"\n            variant=\"warning\"\n          />\n\n          {/* Page-level Error Toast */}\n          {pageError && (\n            <div\n              role=\"alert\"\n              className=\"fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-error-bg text-status-error-text rounded-md shadow-lg text-sm\"\n            >\n              {pageError}\n              <button\n                onClick={clearPageError}\n                className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n              >\n                {tr('vibesPage.dismiss', 'Dismiss')}\n              </button>\n            </div>\n          )}\n\n          {/* Create Vibe Modal */}\n          {showCreateForm && (\n            <div className=\"fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4\">\n              <div className=\"bg-bg-surface rounded-lg p-6 w-full max-w-lg\">\n                <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n                  {tr('vibesPage.addNewVibe', 'Add New Vibe')}\n                </h2>\n                <div className=\"space-y-4\">\n                  {createError && (\n                    <div className=\"p-3 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n                      {createError}\n                    </div>\n                  )}\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {tr('vibesPage.nameLabel', 'Name *')}\n                    </label>\n                    <input\n                      ref={nameRef}\n                      type=\"text\"\n                      placeholder={tr('vibesPage.namePlaceholder', 'My Project')}\n                      onChange={() =>\n                        fieldErrors.name && setFieldErrors((e) => ({ ...e, name: undefined }))\n                      }\n                      className={`w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${fieldErrors.name ? 'border-status-error-border' : 'border-border-default'}`}\n                    />\n                    {fieldErrors.name && (\n                      <p className=\"mt-1 text-xs text-status-error-text\">{fieldErrors.name}</p>\n                    )}\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {tr('vibesPage.pathLabel', 'Path *')}\n                    </label>\n                    <input\n                      ref={pathRef}\n                      type=\"text\"\n                      placeholder={tr('vibesPage.pathPlaceholder', '/path/to/project')}\n                      onChange={() =>\n                        fieldErrors.path && setFieldErrors((e) => ({ ...e, path: undefined }))\n                      }\n                      className={`w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${fieldErrors.path ? 'border-status-error-border' : 'border-border-default'}`}\n                    />\n                    {fieldErrors.path && (\n                      <p className=\"mt-1 text-xs text-status-error-text\">{fieldErrors.path}</p>\n                    )}\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {tr('vibesPage.agentLabel', 'Agent')}\n                    </label>\n                    <select\n                      ref={agentRef}\n                      className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary\"\n                    >\n                      <option value=\"\">{tr('vibesPage.selectAgent', 'Select an agent')}</option>\n                      {agentOptions\n                        .filter((opt) => opt.value !== 'all')\n                        .map((agent) => (\n                          <option key={agent.value} value={agent.value}>\n                            {agent.label}\n                          </option>\n                        ))}\n                    </select>\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {tr('vibesPage.typeLabel', 'Type')}\n                    </label>\n                    <select\n                      ref={typeRef}\n                      className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary\"\n                    >\n                      <option value=\"PROJECT\">{tr('vibesPage.typeProject', 'Project')}</option>\n                      <option value=\"REPOSITORY\">\n                        {tr('vibesPage.typeRepository', 'Repository')}\n                      </option>\n                      <option value=\"WORKSPACE\">\n                        {tr('vibesPage.typeWorkspace', 'Workspace')}\n                      </option>\n                      <option value=\"MONOREPO\">{tr('vibesPage.typeMonorepo', 'Monorepo')}</option>\n                      <option value=\"PACKAGE\">{tr('vibesPage.typePackage', 'Package')}</option>\n                      <option value=\"CUSTOM\">{tr('vibesPage.typeCustom', 'Custom')}</option>\n                    </select>\n                  </div>\n                </div>\n                <div className=\"mt-4 border-t border-border-default pt-4\">\n                  <h3 className=\"text-sm font-medium text-text-secondary mb-2\">\n                    {tr('vibesPage.tags', 'Tags')}\n                  </h3>\n                  <EntityTagPicker entityType=\"VIBECONTROLS_VIBE\" onDraftChange={setDraftTagIds} />\n                </div>\n                <div className=\"flex flex-col sm:flex-row justify-end gap-3 mt-6\">\n                  <button\n                    onClick={() => setShowCreateForm(false)}\n                    disabled={createLoading}\n                    className=\"px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n                  >\n                    {tr('vibesPage.cancel', 'Cancel')}\n                  </button>\n                  <button\n                    onClick={handleSubmitCreateVibe}\n                    disabled={createLoading}\n                    className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n                  >\n                    {createLoading\n                      ? tr('vibesPage.creating', 'Creating...')\n                      : tr('vibesPage.createVibe', 'Create Vibe')}\n                  </button>\n                </div>\n              </div>\n            </div>\n          )}\n\n          <QuotaExhaustedDialog\n            isOpen={showQuotaExhausted}\n            onClose={() => setShowQuotaExhausted(false)}\n            onConfirm={() => {\n              setShowQuotaExhausted(false);\n              navigate('/billing');\n            }}\n            title=\"Vibe Quota Reached\"\n            message=\"You've used all available vibe creation quota on your current plan. Upgrade your plan to create more vibes.\"\n          />\n        </>\n      )}\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"VibesPage.js","names":[],"sources":["../../src/pages/VibesPage.tsx"],"sourcesContent":["import { useState, useMemo, useRef, useEffect, useCallback } from 'react';\nimport { Plus, Zap, Grid, List, RefreshCw, Archive, Play } from 'lucide-react';\nimport { VibeCard, VibeList } from '@/components/vibes';\nimport type { Vibe } from '@/components/vibes';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { PageSkeleton } from '@/components/shared/PageSkeleton';\nimport { useDraftEntityTags } from '@/hooks/useDraftEntityTags';\nimport {\n  PageHeader,\n  SearchInput,\n  FilterDropdown,\n  EmptyState,\n  LoadingState,\n  ErrorState,\n  ConfirmDialog,\n  QuotaExhaustedDialog,\n  SelectionCheckbox,\n  GetHelpButton,\n} from '@/components/shared';\nimport { MotionPage, MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { AnimatePresence } from 'framer-motion';\nimport { useVibeControls, useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport {\n  useListVibesQuery,\n  useCreateVibeMutation,\n  useAttachAgentToVibeMutation,\n  useUpdateVibeStatusMutation,\n  useArchiveVibeMutation,\n  useListAgentsLazyQuery,\n  type ListAgentsQuery,\n} from '@/generated/wspace-operations';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\n\ntype Agent = NonNullable<ListAgentsQuery['vibecontrolsAgents']>[number];\nimport {\n  PermissionGate,\n  PermissionButton,\n  AccessDenied,\n} from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { isQuotaExhaustedError } from '@/utils/quotaUtils';\nimport {\n  buildProtocolUrl,\n  getIdePreset,\n  resolveEffectiveIdeCommand,\n} from '@/components/agents/idePresets';\nimport { useVibeControlsStore } from '@/store/vibeControlsStore';\n\ntype ViewMode = 'grid' | 'list';\n\n/**\n * Vibes (projects/repositories) management page\n */\nexport function VibesPage() {\n  const { onVibeActivate } = useVibeControls();\n  const navigate = useVibeNavigate();\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n  const { t } = useI18n();\n\n  const tr = useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string => {\n      const translated = t(key, params);\n      const template = translated === key ? fallback : translated;\n\n      if (!params) return template;\n\n      return Object.entries(params).reduce(\n        (acc, [paramKey, paramValue]) => acc.replace(`{{${paramKey}}}`, String(paramValue)),\n        template\n      );\n    },\n    [t]\n  );\n\n  const statusOptions = [\n    { value: 'all', label: tr('vibesPage.statusAll', 'All Statuses') },\n    { value: 'ACTIVE', label: tr('vibesPage.statusActive', 'Active') },\n    { value: 'INACTIVE', label: tr('vibesPage.statusInactive', 'Inactive') },\n    { value: 'ARCHIVED', label: tr('vibesPage.statusArchived', 'Archived') },\n    { value: 'ERROR', label: tr('vibesPage.statusError', 'Error') },\n  ];\n\n  const typeOptions = [\n    { value: 'all', label: tr('vibesPage.typeAll', 'All Types') },\n    { value: 'PROJECT', label: tr('vibesPage.typeProject', 'Project') },\n    { value: 'REPOSITORY', label: tr('vibesPage.typeRepository', 'Repository') },\n    { value: 'WORKSPACE', label: tr('vibesPage.typeWorkspace', 'Workspace') },\n    { value: 'MONOREPO', label: tr('vibesPage.typeMonorepo', 'Monorepo') },\n    { value: 'PACKAGE', label: tr('vibesPage.typePackage', 'Package') },\n    { value: 'CUSTOM', label: tr('vibesPage.typeCustom', 'Custom') },\n  ];\n\n  // Check permissions\n  const canListVibes = hasPermission(VIBE_PERMISSIONS.VIBE_LIST);\n  const canUpdateVibe = hasPermission(VIBE_PERMISSIONS.VIBE_UPDATE);\n\n  // Skip queries until permissions are loaded and user has permission\n  // This prevents FORBIDDEN errors from triggering auth error handlers\n  const shouldSkipQueries = permissionsLoading || !canListVibes;\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState('all');\n  const [typeFilter, setTypeFilter] = useState('all');\n  const [agentFilter, setAgentFilter] = useState('all');\n  const [viewMode, setViewMode] = useState<ViewMode>('grid');\n  const [showCreateForm, setShowCreateForm] = useState(false);\n  const [createError, setCreateError] = useState<string | null>(null);\n  const [createLoading, setCreateLoading] = useState(false);\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  const [fieldErrors, setFieldErrors] = useState<{ name?: string; path?: string }>({});\n  const [pageError, setPageError] = useState<string | null>(null);\n  const [selectedVibeIds, setSelectedVibeIds] = useState<Set<string>>(new Set());\n  const [bulkAction, setBulkAction] = useState<'activate' | 'archive' | null>(null);\n  const pageErrorTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (pageErrorTimer.current) clearTimeout(pageErrorTimer.current);\n    };\n  }, []);\n\n  const clearPageError = useCallback(() => {\n    setPageError(null);\n    if (pageErrorTimer.current) {\n      clearTimeout(pageErrorTimer.current);\n      pageErrorTimer.current = null;\n    }\n  }, []);\n\n  // Form refs for create modal\n  const nameRef = useRef<HTMLInputElement>(null);\n  const pathRef = useRef<HTMLInputElement>(null);\n  const agentRef = useRef<HTMLSelectElement>(null);\n  const typeRef = useRef<HTMLSelectElement>(null);\n\n  const [createVibe] = useCreateVibeMutation();\n  const [attachAgentToVibe] = useAttachAgentToVibeMutation();\n  const { setDraftTagIds, flushTags } = useDraftEntityTags('VIBECONTROLS_VIBE');\n  const [updateVibeStatus] = useUpdateVibeStatusMutation();\n  const [archiveVibe] = useArchiveVibeMutation();\n\n  // Memoise variables so a stable identity keeps Apollo from treating each\n  // render as a new query (which caused multiple loading flashes).\n  // NOTE: we intentionally do NOT include `searchQuery` in the query\n  // variables — the list is filtered client-side by name below, and keying\n  // the query on `searchQuery` caused a fresh refetch on every keystroke\n  // (previously mitigated by an unusable `limit: 1000` fire-hose). Rely on\n  // the default backend pagination and filter client-side within the page.\n  const listVibesVariables = useMemo(\n    () => ({\n      filter: {\n        status:\n          statusFilter !== 'all'\n            ? (statusFilter as 'ACTIVE' | 'INACTIVE' | 'ARCHIVED' | 'ERROR')\n            : undefined,\n        type:\n          typeFilter !== 'all'\n            ? (typeFilter as\n                | 'PROJECT'\n                | 'REPOSITORY'\n                | 'WORKSPACE'\n                | 'MONOREPO'\n                | 'PACKAGE'\n                | 'CUSTOM')\n            : undefined,\n        // Multi-agent: server-side filter takes a list. Single-select UI maps\n        // to a one-element array; \"all\" clears the filter.\n        attachedAgentIds: agentFilter !== 'all' ? [agentFilter] : undefined,\n      },\n    }),\n    [statusFilter, typeFilter, agentFilter]\n  );\n\n  // When no filters are applied, the variables match the InitialData\n  // prefetch (no filters) — use cache-first to avoid a redundant network\n  // hit on every page visit. When user actually narrows by filter, fall\n  // back to cache-and-network for fresh server-side filtering.\n  const noVibeFilters = statusFilter === 'all' && typeFilter === 'all' && agentFilter === 'all';\n  const vibesFetchPolicy = noVibeFilters ? 'cache-first' : 'cache-and-network';\n\n  // Fetch vibes from GraphQL API. cache-and-network returns the cached list\n  // immediately while revalidating once in the background — avoids the\n  // \"loading → cache → network → cache\" double-flash seen with cache-first\n  // plus mutation refetchQueries. `notifyOnNetworkStatusChange` keeps the\n  // loading flag true during refetches so the UI can show a spinner rather\n  // than showing stale data silently.\n  const { data, loading, error, refetch } = useListVibesQuery({\n    variables: listVibesVariables,\n    fetchPolicy: vibesFetchPolicy,\n    nextFetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n    notifyOnNetworkStatusChange: true,\n  });\n\n  // Cached agents (already prefetched by InitialDataPrefetcher) cover the\n  // initial agent-filter dropdown without firing any network query. The\n  // lazy ListAgentsQuery below is only triggered on first interaction with\n  // the agent filter (in case the prefetch was stale).\n  const { agents: cachedAgentsForFilter } = useCachedInitialData();\n  const [fetchAgents, { data: agentsData }] = useListAgentsLazyQuery({\n    fetchPolicy: 'cache-first',\n  });\n  const triggeredAgentsFetchRef = useRef(false);\n  const handleAgentFilterInteract = useCallback(() => {\n    if (triggeredAgentsFetchRef.current || shouldSkipQueries) return;\n    triggeredAgentsFetchRef.current = true;\n    void fetchAgents({ variables: { pagination: { limit: 100 } } });\n  }, [fetchAgents, shouldSkipQueries]);\n\n  // Build agent options for filter — prefer freshly-fetched data once the\n  // dropdown has been opened, otherwise use the cached set from\n  // InitialDataPrefetcher.\n  const agentOptions = useMemo(() => {\n    const live = agentsData?.vibecontrolsAgents ?? null;\n    const source: Array<{ id: string; name: string }> = live\n      ? live.map((a: Agent) => ({ id: a.id, name: a.name }))\n      : cachedAgentsForFilter.map((a) => ({ id: a.id, name: a.name }));\n    return [\n      { value: 'all', label: tr('vibesPage.allAgents', 'All Agents') },\n      ...source.map((agent) => ({\n        value: agent.id,\n        label: agent.name,\n      })),\n    ];\n  }, [agentsData?.vibecontrolsAgents, cachedAgentsForFilter, tr]);\n\n  // Map GraphQL response to Vibe type\n  const vibes: Vibe[] = useMemo(() => {\n    const rawVibes = data?.vibes?.items ?? [];\n    return rawVibes.map((vibe: NonNullable<typeof rawVibes>[number]) => ({\n      id: vibe.id,\n      workspaceId: vibe.workspaceId,\n      name: vibe.name,\n      description: vibe.description || null,\n      type: vibe.type as Vibe['type'],\n      status: vibe.status as Vibe['status'],\n      path: vibe.path || null,\n      parentId: vibe.parentId || null,\n      gitBranch: vibe.gitBranch || null,\n      gitRemote: vibe.gitRemote || null,\n      gitStatus: vibe.gitStatus\n        ? typeof vibe.gitStatus === 'string'\n          ? vibe.gitStatus\n          : typeof vibe.gitStatus === 'object' &&\n              vibe.gitStatus !== null &&\n              'status' in vibe.gitStatus\n            ? String((vibe.gitStatus as Record<string, unknown>).status)\n            : JSON.stringify(vibe.gitStatus)\n        : null,\n      environmentVariables: (vibe.environmentVariables as Record<string, string>) || {},\n      tags: vibe.tags || [],\n      metadata: (vibe.metadata as Record<string, unknown>) || {},\n      createdAt: vibe.createdAt,\n      updatedAt: vibe.updatedAt,\n      agents: (vibe.agents ?? []).map((a: NonNullable<typeof vibe.agents>[number]) => ({\n        id: a.id,\n        name: a.name,\n        isActive: a.isActive,\n        ownerUserId: a.ownerUserId ?? null,\n      })),\n    }));\n  }, [data?.vibes?.items]);\n\n  // Filter vibes based on search (client-side filtering for search)\n  const filteredVibes = useMemo(() => {\n    return vibes.filter((vibe) => {\n      // Search filter\n      if (searchQuery) {\n        const query = searchQuery.toLowerCase();\n        const matchesSearch =\n          vibe.name.toLowerCase().includes(query) ||\n          vibe.description?.toLowerCase().includes(query) ||\n          vibe.path?.toLowerCase().includes(query) ||\n          vibe.tags?.some((tag) => tag.toLowerCase().includes(query));\n        if (!matchesSearch) return false;\n      }\n\n      return true;\n    });\n  }, [vibes, searchQuery]);\n\n  const selectedVibes = useMemo(\n    () => vibes.filter((vibe) => selectedVibeIds.has(vibe.id)),\n    [vibes, selectedVibeIds]\n  );\n  const activatableVibes = selectedVibes.filter((vibe) => vibe.status !== 'ACTIVE');\n  const archivableVibes = selectedVibes.filter((vibe) => vibe.status !== 'ARCHIVED');\n  const allVisibleSelected =\n    filteredVibes.length > 0 && filteredVibes.every((vibe) => selectedVibeIds.has(vibe.id));\n  const partiallySelected =\n    filteredVibes.some((vibe) => selectedVibeIds.has(vibe.id)) && !allVisibleSelected;\n\n  const handleVibeSelect = (vibe: Vibe) => {\n    navigate(`/vibes/${vibe.id}`);\n  };\n\n  const handleVibeActivate = async (vibe: Vibe) => {\n    try {\n      const result = await updateVibeStatus({\n        variables: { id: vibe.id, status: 'ACTIVE' as const },\n      });\n      if (result.data?.updateVibeStatus) {\n        onVibeActivate?.({ id: vibe.id, name: vibe.name, type: vibe.type, status: 'ACTIVE' });\n      }\n    } catch (err) {\n      console.error('Failed to activate vibe:', err);\n    }\n  };\n\n  const handleVibeArchive = async (vibe: Vibe) => {\n    try {\n      await archiveVibe({ variables: { id: vibe.id } });\n    } catch (err) {\n      console.error('Failed to archive vibe:', err);\n    }\n  };\n\n  // Honour the user's preferred IDE + per-Vibe override when opening from\n  // the card. Falls back to `vscode://` for IDEs without a registered URL\n  // protocol; for richer launching (agent-exec, browser editor) use the\n  // VibeOpenInEditorMenu on the Vibe detail page.\n  const preferredIdeCommand = useVibeControlsStore((s) => s.preferredIdeCommand);\n  const vibeIdeOverrides = useVibeControlsStore((s) => s.vibeIdeOverrides);\n\n  const handleOpenInEditor = (vibe: Vibe) => {\n    if (!vibe.path) {\n      setPageError(tr('vibesPage.openEditorPathMissing', 'No path available to open in editor'));\n      pageErrorTimer.current = setTimeout(() => {\n        setPageError(null);\n        pageErrorTimer.current = null;\n      }, 3000);\n      return;\n    }\n    const cmd = resolveEffectiveIdeCommand(vibe.id, preferredIdeCommand, vibeIdeOverrides);\n    const preset = getIdePreset(cmd);\n    const url = preset ? buildProtocolUrl(preset, vibe.path) : `vscode://file/${vibe.path}`;\n    if (url) {\n      window.location.href = url;\n    } else {\n      setPageError(\n        tr(\n          'vibesPage.openEditorNoProtocol',\n          `${preset?.label ?? cmd} has no URL handler — open this Vibe and use the editor menu.`\n        )\n      );\n      pageErrorTimer.current = setTimeout(() => {\n        setPageError(null);\n        pageErrorTimer.current = null;\n      }, 4000);\n    }\n  };\n\n  const handleCreateVibe = () => {\n    setCreateError(null);\n    setShowCreateForm(true);\n    // Ensure the create-form agent dropdown has options even if the user\n    // never opened the page-level agent filter.\n    handleAgentFilterInteract();\n  };\n\n  const toggleVibeSelection = (vibe: Vibe, checked: boolean) => {\n    setSelectedVibeIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(vibe.id);\n      } else {\n        next.delete(vibe.id);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllVisibleVibes = (checked: boolean) => {\n    setSelectedVibeIds((prev) => {\n      const next = new Set(prev);\n      filteredVibes.forEach((vibe) => {\n        if (checked) {\n          next.add(vibe.id);\n        } else {\n          next.delete(vibe.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const clearSelection = () => setSelectedVibeIds(new Set());\n\n  const handleBulkActivate = async () => {\n    if (activatableVibes.length === 0) return;\n\n    const results = await Promise.allSettled(\n      activatableVibes.map((vibe) =>\n        updateVibeStatus({ variables: { id: vibe.id, status: 'ACTIVE' as const } })\n      )\n    );\n\n    const succeeded = results.filter((result) => result.status === 'fulfilled').length;\n    const failed = results.length - succeeded;\n\n    setSuccessMessage(\n      `Activated ${succeeded} vibe${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`\n    );\n    setTimeout(() => setSuccessMessage(null), 4000);\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  const handleBulkArchive = async () => {\n    if (archivableVibes.length === 0) return;\n\n    const results = await Promise.allSettled(\n      archivableVibes.map((vibe) => archiveVibe({ variables: { id: vibe.id } }))\n    );\n\n    const succeeded = results.filter((result) => result.status === 'fulfilled').length;\n    const failed = results.length - succeeded;\n\n    setSuccessMessage(\n      `Archived ${succeeded} vibe${succeeded === 1 ? '' : 's'}${failed > 0 ? ` • ${failed} failed` : ''}`\n    );\n    setTimeout(() => setSuccessMessage(null), 4000);\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  const handleSubmitCreateVibe = async () => {\n    const name = nameRef.current?.value?.trim();\n    const path = pathRef.current?.value?.trim();\n    const agentId = agentRef.current?.value;\n    const type = typeRef.current?.value;\n\n    const errors: { name?: string; path?: string } = {};\n    if (!name) errors.name = tr('vibesPage.nameRequired', 'Name is required');\n    if (!path) errors.path = tr('vibesPage.pathRequired', 'Path is required');\n    if (errors.name || errors.path) {\n      setFieldErrors(errors);\n      setCreateError(tr('vibesPage.fillRequired', 'Please fill in all required fields'));\n      return;\n    }\n    setFieldErrors({});\n\n    // Validate type against allowed enum values\n    const validTypes = [\n      'PROJECT',\n      'REPOSITORY',\n      'WORKSPACE',\n      'MONOREPO',\n      'PACKAGE',\n      'CUSTOM',\n    ] as const;\n    const resolvedType = validTypes.includes(type as (typeof validTypes)[number])\n      ? (type as (typeof validTypes)[number])\n      : 'PROJECT';\n\n    setCreateLoading(true);\n    setCreateError(null);\n    try {\n      const result = await createVibe({\n        variables: {\n          input: {\n            name,\n            path,\n            type: resolvedType,\n          },\n        },\n      });\n      if (!result.data?.createVibe?.id) {\n        throw new Error(tr('vibesPage.failedCreate', 'Failed to create vibe'));\n      }\n      const newVibeId = result.data.createVibe.id;\n      // Multi-agent: vibes are created agent-less; attach the optionally\n      // selected agent afterward via the attachment mutation (the old\n      // `agentId` field on CreateVibeInput was removed server-side).\n      if (agentId) {\n        await attachAgentToVibe({\n          variables: { input: { vibeId: newVibeId, agentId } },\n        });\n      }\n      setShowCreateForm(false);\n      setSuccessMessage(tr('vibesPage.createdSuccess', 'Vibe created successfully'));\n      await flushTags(newVibeId);\n      await refetch();\n      setTimeout(() => setSuccessMessage(null), 3000);\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        setShowCreateForm(false);\n        setCreateError(null);\n        setFieldErrors({});\n        setShowQuotaExhausted(true);\n        return;\n      }\n\n      setCreateError(\n        err instanceof Error ? err.message : tr('vibesPage.failedCreate', 'Failed to create vibe')\n      );\n    } finally {\n      setCreateLoading(false);\n    }\n  };\n\n  // Stats\n  const stats = {\n    total: vibes.length,\n    active: vibes.filter((v) => v.status === 'ACTIVE').length,\n    inactive: vibes.filter((v) => v.status === 'INACTIVE').length,\n  };\n\n  // Collapse guard states into a single MotionPage shell so transitioning\n  // between loading / error / data does not unmount+remount and replay the\n  // entrance animation. Contents are swapped in-place.\n  const showPermissionsLoading = permissionsLoading;\n  const showAccessDenied =\n    !permissionsLoading &&\n    !!permissions &&\n    (permissions.permissionStrings?.length ?? 0) > 0 &&\n    !canListVibes;\n  const showInitialLoading =\n    !showPermissionsLoading && !showAccessDenied && loading && vibes.length === 0;\n  const showInitialError =\n    !showPermissionsLoading && !showAccessDenied && !!error && vibes.length === 0;\n  const showDataShell = !showPermissionsLoading && !showAccessDenied && !showInitialError;\n\n  return (\n    <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n      {showPermissionsLoading && (\n        <LoadingState message={tr('vibesPage.loadingPermissions', 'Loading permissions...')} />\n      )}\n      {showAccessDenied && (\n        <AccessDenied\n          title={tr('vibesPage.accessDeniedTitle', 'Access Denied')}\n          description={tr(\n            'vibesPage.accessDeniedDescription',\n            \"You don't have permission to view vibes. Contact your workspace administrator for access.\"\n          )}\n        />\n      )}\n      {showInitialError && (\n        <ErrorState\n          title={tr('vibesPage.failedLoad', 'Failed to load vibes')}\n          message={error?.message ?? ''}\n          onRetry={() => refetch()}\n        />\n      )}\n      {showDataShell && (\n        <>\n          <PageHeader\n            title={tr('vibesPage.title', 'Vibes')}\n            description={tr('vibesPage.descriptionActive', '{{active}} of {{total}} vibes active', {\n              active: stats.active,\n              total: stats.total,\n            })}\n            actions={\n              <div className=\"flex items-center gap-2\">\n                <button\n                  onClick={() => refetch()}\n                  disabled={loading}\n                  className=\"flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n                  title={tr('vibesPage.refreshTitle', 'Refresh vibes')}\n                >\n                  <RefreshCw className={`w-4 h-4 ${loading ? 'animate-spin' : ''}`} />\n                </button>\n                <PermissionButton\n                  permission={VIBE_PERMISSIONS.VIBE_CREATE}\n                  deniedBehavior=\"disable\"\n                  deniedTooltip={tr(\n                    'vibesPage.deniedCreateTooltip',\n                    \"You don't have permission to create vibes\"\n                  )}\n                >\n                  <button\n                    onClick={handleCreateVibe}\n                    className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    <Plus className=\"w-4 h-4\" />\n                    {tr('vibesPage.addVibe', 'Add Vibe')}\n                  </button>\n                </PermissionButton>\n              </div>\n            }\n          />\n\n          {/* Filters Bar */}\n          <div className=\"space-y-3\">\n            {/* Row 1: Search + View Toggle */}\n            <div className=\"flex items-center gap-2\">\n              <SearchInput\n                value={searchQuery}\n                onChange={setSearchQuery}\n                placeholder={tr('vibesPage.searchPlaceholder', 'Search vibes...')}\n                className=\"flex-1 sm:w-64 sm:flex-none\"\n              />\n              {/* View Toggle */}\n              <div className=\"flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0\">\n                <button\n                  onClick={() => setViewMode('grid')}\n                  className={`p-1.5 sm:p-2 rounded ${viewMode === 'grid' ? 'bg-bg-surface shadow-sm' : 'hover:bg-bg-surface/50'}`}\n                  title={tr('vibesPage.gridViewTitle', 'Grid view')}\n                >\n                  <Grid className=\"w-4 h-4 text-text-secondary\" />\n                </button>\n                <button\n                  onClick={() => setViewMode('list')}\n                  className={`p-1.5 sm:p-2 rounded ${viewMode === 'list' ? 'bg-bg-surface shadow-sm' : 'hover:bg-bg-surface/50'}`}\n                  title={tr('vibesPage.listViewTitle', 'List view')}\n                >\n                  <List className=\"w-4 h-4 text-text-secondary\" />\n                </button>\n              </div>\n            </div>\n\n            {/* Row 2: Filters - wrap on all screens */}\n            <div className=\"flex items-center gap-2 sm:gap-3 flex-wrap\">\n              <FilterDropdown\n                label={tr('vibesPage.filterStatus', 'Status')}\n                value={statusFilter}\n                options={statusOptions}\n                onChange={setStatusFilter}\n              />\n              <div onMouseDown={handleAgentFilterInteract} onFocus={handleAgentFilterInteract}>\n                <FilterDropdown\n                  label={tr('vibesPage.filterAgent', 'Agent')}\n                  value={agentFilter}\n                  options={agentOptions}\n                  onChange={setAgentFilter}\n                />\n              </div>\n            </div>\n          </div>\n\n          {/* Results Count */}\n          {searchQuery ||\n          statusFilter !== 'all' ||\n          typeFilter !== 'all' ||\n          agentFilter !== 'all' ? (\n            <p className=\"text-sm text-text-secondary\">\n              {tr('vibesPage.showingResults', 'Showing {{filtered}} of {{total}} vibes', {\n                filtered: filteredVibes.length,\n                total: vibes.length,\n              })}\n              {loading && (\n                <span className=\"ml-2 text-text-muted\">\n                  {tr('vibesPage.refreshing', '(refreshing...)')}\n                </span>\n              )}\n            </p>\n          ) : null}\n\n          {filteredVibes.length > 0 && (\n            <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n              <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n                <div className=\"flex flex-wrap items-center gap-3\">\n                  <div className=\"flex items-center gap-2\">\n                    <SelectionCheckbox\n                      checked={allVisibleSelected}\n                      indeterminate={partiallySelected}\n                      onChange={toggleAllVisibleVibes}\n                      ariaLabel=\"Select all visible vibes\"\n                    />\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      Select all visible\n                    </span>\n                  </div>\n                  {selectedVibeIds.size > 0 && (\n                    <button\n                      onClick={clearSelection}\n                      className=\"text-sm text-text-secondary hover:text-text-primary\"\n                    >\n                      Clear selection\n                    </button>\n                  )}\n                </div>\n\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary\">\n                    {selectedVibeIds.size} selected\n                  </span>\n                  <button\n                    onClick={() => setBulkAction('activate')}\n                    disabled={activatableVibes.length === 0}\n                    title=\"Mark selected vibes as ACTIVE so they appear in the default vibe list and can run sessions/tunnels via their attached agent(s).\"\n                    className=\"rounded-md border border-status-success-border px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <span className=\"inline-flex items-center gap-2\">\n                      <Play className=\"w-4 h-4\" />\n                      Activate Selected\n                      {activatableVibes.length > 0 ? ` (${activatableVibes.length})` : ''}\n                    </span>\n                  </button>\n                  <button\n                    onClick={() => setBulkAction('archive')}\n                    disabled={archivableVibes.length === 0}\n                    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 disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <span className=\"inline-flex items-center gap-2\">\n                      <Archive className=\"w-4 h-4\" />\n                      Archive Selected\n                      {archivableVibes.length > 0 ? ` (${archivableVibes.length})` : ''}\n                    </span>\n                  </button>\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Vibes Display */}\n          {showInitialLoading ? (\n            <PageSkeleton variant=\"cards\" count={6} />\n          ) : filteredVibes.length > 0 ? (\n            <AnimatePresence mode=\"wait\">\n              {viewMode === 'grid' ? (\n                <MotionList\n                  key=\"grid\"\n                  stagger={0.04}\n                  className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"\n                >\n                  {filteredVibes.map((vibe) => (\n                    <MotionItem key={vibe.id}>\n                      <VibeCard\n                        vibe={vibe}\n                        onOpen={handleVibeSelect}\n                        onActivate={canUpdateVibe ? handleVibeActivate : undefined}\n                        onArchive={canUpdateVibe ? handleVibeArchive : undefined}\n                        onOpenInEditor={handleOpenInEditor}\n                        selected={selectedVibeIds.has(vibe.id)}\n                        onToggleSelect={(checked) => toggleVibeSelection(vibe, checked)}\n                      />\n                    </MotionItem>\n                  ))}\n                </MotionList>\n              ) : (\n                <MotionList key=\"list\">\n                  <VibeList\n                    vibes={filteredVibes}\n                    onOpen={handleVibeSelect}\n                    onActivate={handleVibeActivate}\n                    onArchive={handleVibeArchive}\n                    onOpenInEditor={handleOpenInEditor}\n                    selectedVibeIds={selectedVibeIds}\n                    onToggleSelect={toggleVibeSelection}\n                    onToggleAllVisible={toggleAllVisibleVibes}\n                    allVisibleSelected={allVisibleSelected}\n                    partiallySelected={partiallySelected}\n                  />\n                </MotionList>\n              )}\n            </AnimatePresence>\n          ) : (\n            <EmptyState\n              icon={<Zap className=\"w-8 h-8 text-text-secondary\" />}\n              title={\n                searchQuery ||\n                statusFilter !== 'all' ||\n                typeFilter !== 'all' ||\n                agentFilter !== 'all'\n                  ? tr('vibesPage.emptyNoVibesFound', 'No vibes found')\n                  : tr('vibesPage.emptyNoVibesConfigured', 'No vibes configured')\n              }\n              description={\n                searchQuery ||\n                statusFilter !== 'all' ||\n                typeFilter !== 'all' ||\n                agentFilter !== 'all'\n                  ? tr('vibesPage.emptyAdjustSearch', 'Try adjusting your search or filters')\n                  : tr(\n                      'vibesPage.emptyNoVibesDescription',\n                      'Add your first vibe to start managing your development projects'\n                    )\n              }\n              action={\n                !searchQuery &&\n                statusFilter === 'all' &&\n                typeFilter === 'all' &&\n                agentFilter === 'all' ? (\n                  <div className=\"flex items-center gap-2\">\n                    <PermissionGate permission={VIBE_PERMISSIONS.VIBE_CREATE}>\n                      <button\n                        onClick={handleCreateVibe}\n                        className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n                      >\n                        <Plus className=\"w-4 h-4\" />\n                        {tr('vibesPage.addVibe', 'Add Vibe')}\n                      </button>\n                    </PermissionGate>\n                    <GetHelpButton prompt=\"What is a Vibe in VibeControls and how do I create one?\" />\n                  </div>\n                ) : undefined\n              }\n            />\n          )}\n\n          {/* Success Toast */}\n          {successMessage && (\n            <div className=\"fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-success-bg text-status-success-text rounded-md shadow-lg text-sm\">\n              {successMessage}\n            </div>\n          )}\n\n          <ConfirmDialog\n            isOpen={bulkAction === 'activate'}\n            onClose={() => setBulkAction(null)}\n            onConfirm={handleBulkActivate}\n            title=\"Activate selected vibes\"\n            message={`Activate ${activatableVibes.length} selected vibe${activatableVibes.length === 1 ? '' : 's'}?`}\n            confirmLabel=\"Activate\"\n            variant=\"default\"\n          />\n\n          <ConfirmDialog\n            isOpen={bulkAction === 'archive'}\n            onClose={() => setBulkAction(null)}\n            onConfirm={handleBulkArchive}\n            title=\"Archive selected vibes\"\n            message={`Archive ${archivableVibes.length} selected vibe${archivableVibes.length === 1 ? '' : 's'}? Archived vibes will be hidden from active workflows.`}\n            confirmLabel=\"Archive\"\n            variant=\"warning\"\n          />\n\n          {/* Page-level Error Toast */}\n          {pageError && (\n            <div\n              role=\"alert\"\n              className=\"fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-error-bg text-status-error-text rounded-md shadow-lg text-sm\"\n            >\n              {pageError}\n              <button\n                onClick={clearPageError}\n                className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n              >\n                {tr('vibesPage.dismiss', 'Dismiss')}\n              </button>\n            </div>\n          )}\n\n          {/* Create Vibe Modal */}\n          {showCreateForm && (\n            <div className=\"fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4\">\n              <div className=\"bg-bg-surface rounded-lg p-6 w-full max-w-lg\">\n                <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n                  {tr('vibesPage.addNewVibe', 'Add New Vibe')}\n                </h2>\n                <div className=\"space-y-4\">\n                  {createError && (\n                    <div className=\"p-3 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n                      {createError}\n                    </div>\n                  )}\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {tr('vibesPage.nameLabel', 'Name *')}\n                    </label>\n                    <input\n                      ref={nameRef}\n                      type=\"text\"\n                      placeholder={tr('vibesPage.namePlaceholder', 'My Project')}\n                      onChange={() =>\n                        fieldErrors.name && setFieldErrors((e) => ({ ...e, name: undefined }))\n                      }\n                      className={`w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${fieldErrors.name ? 'border-status-error-border' : 'border-border-default'}`}\n                    />\n                    {fieldErrors.name && (\n                      <p className=\"mt-1 text-xs text-status-error-text\">{fieldErrors.name}</p>\n                    )}\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {tr('vibesPage.pathLabel', 'Path *')}\n                    </label>\n                    <input\n                      ref={pathRef}\n                      type=\"text\"\n                      placeholder={tr('vibesPage.pathPlaceholder', '/path/to/project')}\n                      onChange={() =>\n                        fieldErrors.path && setFieldErrors((e) => ({ ...e, path: undefined }))\n                      }\n                      className={`w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${fieldErrors.path ? 'border-status-error-border' : 'border-border-default'}`}\n                    />\n                    {fieldErrors.path && (\n                      <p className=\"mt-1 text-xs text-status-error-text\">{fieldErrors.path}</p>\n                    )}\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {tr('vibesPage.agentLabel', 'Agent')}\n                    </label>\n                    <select\n                      ref={agentRef}\n                      className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary\"\n                    >\n                      <option value=\"\">{tr('vibesPage.selectAgent', 'Select an agent')}</option>\n                      {agentOptions\n                        .filter((opt) => opt.value !== 'all')\n                        .map((agent) => (\n                          <option key={agent.value} value={agent.value}>\n                            {agent.label}\n                          </option>\n                        ))}\n                    </select>\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                      {tr('vibesPage.typeLabel', 'Type')}\n                    </label>\n                    <select\n                      ref={typeRef}\n                      className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary\"\n                    >\n                      <option value=\"PROJECT\">{tr('vibesPage.typeProject', 'Project')}</option>\n                      <option value=\"REPOSITORY\">\n                        {tr('vibesPage.typeRepository', 'Repository')}\n                      </option>\n                      <option value=\"WORKSPACE\">\n                        {tr('vibesPage.typeWorkspace', 'Workspace')}\n                      </option>\n                      <option value=\"MONOREPO\">{tr('vibesPage.typeMonorepo', 'Monorepo')}</option>\n                      <option value=\"PACKAGE\">{tr('vibesPage.typePackage', 'Package')}</option>\n                      <option value=\"CUSTOM\">{tr('vibesPage.typeCustom', 'Custom')}</option>\n                    </select>\n                  </div>\n                </div>\n                <div className=\"mt-4 border-t border-border-default pt-4\">\n                  <h3 className=\"text-sm font-medium text-text-secondary mb-2\">\n                    {tr('vibesPage.tags', 'Tags')}\n                  </h3>\n                  <EntityTagPicker entityType=\"VIBECONTROLS_VIBE\" onDraftChange={setDraftTagIds} />\n                </div>\n                <div className=\"flex flex-col sm:flex-row justify-end gap-3 mt-6\">\n                  <button\n                    onClick={() => setShowCreateForm(false)}\n                    disabled={createLoading}\n                    className=\"px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n                  >\n                    {tr('vibesPage.cancel', 'Cancel')}\n                  </button>\n                  <button\n                    onClick={handleSubmitCreateVibe}\n                    disabled={createLoading}\n                    className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n                  >\n                    {createLoading\n                      ? tr('vibesPage.creating', 'Creating...')\n                      : tr('vibesPage.createVibe', 'Create Vibe')}\n                  </button>\n                </div>\n              </div>\n            </div>\n          )}\n\n          <QuotaExhaustedDialog\n            isOpen={showQuotaExhausted}\n            onClose={() => setShowQuotaExhausted(false)}\n            onConfirm={() => {\n              setShowQuotaExhausted(false);\n              navigate('/billing');\n            }}\n            title=\"Vibe Quota Reached\"\n            message=\"You've used all available vibe creation quota on your current plan. Upgrade your plan to create more vibes.\"\n          />\n        </>\n      )}\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-vibecontrols",
-  "version": "2026.523.2",
+  "version": "2026.524.1",
   "description": "VibeControls microfrontend for Burdenoff products",
   "type": "module",
   "files": [