@burdenoff/microfe-vibecontrols 2026.1003.2 → 2026.1004.1

package/dist/pages/VibesPage.js

@@ -33,80 +33,109 @@ import { AnimatePresence as ze } from "framer-motion";
 import { Fragment as Be, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { Button as Ve, CTAOverflowMenu as He, PagePurpose as Ue } from "@burdenoff/fe-libs/ui";
 import { AccessDenied as We, PermissionButton as f, PermissionGate as Ge } from "@burdenoff/fe-libs/shared/components";
-import { MotionItem as Ke, MotionList as p, MotionPage as qe } from "@burdenoff/fe-libs/shared/motion";
+import { MotionItem as Ke, MotionList as qe, MotionPage as Je } from "@burdenoff/fe-libs/shared/motion";
+import { useAssistantPageControls as Ye } from "@burdenoff/fe-libs/shared/assistant/appControls/useAssistantControl";
+import { enumFilter as Xe, filtersOf as Ze, openersOf as Qe, searchOf as $e } from "@burdenoff/fe-libs/shared/assistant/appControls/pageAdapters";
 //#region src/pages/VibesPage.tsx
-function m() {
-	let { onVibeActivate: m, workspaceId: h } = oe(), Je = se(), { hasPermission: g, isLoading: _, permissions: Ye } = Re(), { t: Xe } = Oe(), { isFree: Ze, approachingLimits: Qe } = ke({ resource: "vibes" }), v = Qe[0], y = o((e, t, n) => {
-		let r = Xe(e, n), i = r === e ? t : r;
+function et() {
+	let { onVibeActivate: et, workspaceId: p } = oe(), tt = se(), { hasPermission: m, isLoading: h, permissions: nt } = Re(), { t: rt } = Oe(), { isFree: it, approachingLimits: at } = ke({ resource: "vibes" }), g = at[0], _ = o((e, t, n) => {
+		let r = rt(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [Xe]), $e = [
+	}, [rt]), v = s(() => [
 		{
 			value: "all",
-			label: y("vibesPage.statusAll", "All Statuses")
+			label: _("vibesPage.statusAll", "All Statuses")
 		},
 		{
 			value: "ACTIVE",
-			label: y("vibesPage.statusActive", "Active")
+			label: _("vibesPage.statusActive", "Active")
 		},
 		{
 			value: "INACTIVE",
-			label: y("vibesPage.statusInactive", "Inactive")
+			label: _("vibesPage.statusInactive", "Inactive")
 		},
 		{
 			value: "ARCHIVED",
-			label: y("vibesPage.statusArchived", "Archived")
+			label: _("vibesPage.statusArchived", "Archived")
 		},
 		{
 			value: "ERROR",
-			label: y("vibesPage.statusError", "Error")
+			label: _("vibesPage.statusError", "Error")
 		}
-	];
-	y("vibesPage.typeAll", "All Types"), y("vibesPage.typeProject", "Project"), y("vibesPage.typeRepository", "Repository"), y("vibesPage.typeWorkspace", "Workspace"), y("vibesPage.typeMonorepo", "Monorepo"), y("vibesPage.typePackage", "Package"), y("vibesPage.typeCustom", "Custom");
-	let et = g(a.VIBE_LIST), tt = g(a.VIBE_UPDATE), nt = g(a.VIBE_DELETE), b = _ || !et, [x, rt] = l(""), [S, it] = l("all"), [C, at] = l("all"), [w, ot] = l("all"), [T, st] = l("grid"), [ct, E] = l(!1), [lt, D] = l(null), [O, ut] = l(!1), [k, A] = l(null), [dt, j] = l(!1), [M, N] = l({}), [ft, P] = l(null), [F, I] = l(/* @__PURE__ */ new Set()), [pt, L] = l(null), R = c(null);
+	], [_]), ot = s(() => [
+		{
+			value: "all",
+			label: _("vibesPage.typeAll", "All Types")
+		},
+		{
+			value: "PROJECT",
+			label: _("vibesPage.typeProject", "Project")
+		},
+		{
+			value: "REPOSITORY",
+			label: _("vibesPage.typeRepository", "Repository")
+		},
+		{
+			value: "WORKSPACE",
+			label: _("vibesPage.typeWorkspace", "Workspace")
+		},
+		{
+			value: "MONOREPO",
+			label: _("vibesPage.typeMonorepo", "Monorepo")
+		},
+		{
+			value: "PACKAGE",
+			label: _("vibesPage.typePackage", "Package")
+		},
+		{
+			value: "CUSTOM",
+			label: _("vibesPage.typeCustom", "Custom")
+		}
+	], [_]), st = m(a.VIBE_LIST), ct = m(a.VIBE_UPDATE), lt = m(a.VIBE_DELETE), y = h || !st, [b, ut] = l(""), [x, dt] = l("all"), [S, ft] = l("all"), [C, pt] = l("all"), [w, mt] = l("grid"), [ht, T] = l(!1), [gt, E] = l(null), [D, _t] = l(!1), [vt, O] = l(null), [yt, k] = l(!1), [A, j] = l({}), [bt, M] = l(null), [N, P] = l(/* @__PURE__ */ new Set()), [xt, F] = l(null), I = c(null);
 	De(() => () => {
-		R.current && clearTimeout(R.current);
+		I.current && clearTimeout(I.current);
 	}, []);
-	let mt = o(() => {
-		P(null), R.current &&= (clearTimeout(R.current), null);
-	}, []), ht = c(null), gt = c(null), _t = c(null), vt = c(null), [yt] = n(), [bt] = t(), { setDraftTagIds: xt, flushTags: St } = me("VIBECONTROLS_VIBE"), [Ct] = te(), [wt] = e(), [Tt, { loading: Et }] = r(), [z, B] = l(null), { data: Dt, loading: V, error: Ot, refetch: H } = ee({
+	let St = o(() => {
+		M(null), I.current &&= (clearTimeout(I.current), null);
+	}, []), Ct = c(null), wt = c(null), Tt = c(null), Et = c(null), [Dt] = n(), [Ot] = t(), { setDraftTagIds: kt, flushTags: At } = me("VIBECONTROLS_VIBE"), [jt] = te(), [Mt] = e(), [Nt, { loading: Pt }] = r(), [L, R] = l(null), { data: Ft, loading: z, error: It, refetch: B } = ee({
 		variables: s(() => {
 			let e = {};
-			return h && (e.workspaceId = h), S !== "all" && (e.status = S), C !== "all" && (e.type = C), w !== "all" && (e.attachedAgentIds = [w]), {
+			return p && (e.workspaceId = p), x !== "all" && (e.status = x), S !== "all" && (e.type = S), C !== "all" && (e.attachedAgentIds = [C]), {
 				filter: e,
 				pagination: { limit: 50 }
 			};
 		}, [
-			h,
+			p,
+			x,
 			S,
-			C,
-			w
+			C
 		]),
-		fetchPolicy: S === "all" && C === "all" && w === "all" ? "cache-first" : "cache-and-network",
+		fetchPolicy: x === "all" && S === "all" && C === "all" ? "cache-first" : "cache-and-network",
 		nextFetchPolicy: "cache-first",
-		skip: b,
+		skip: y,
 		notifyOnNetworkStatusChange: !0
-	}), { agents: kt } = le(), [At, { data: jt }] = i({ fetchPolicy: "cache-first" }), Mt = c(!1), U = o(() => {
-		Mt.current || b || (Mt.current = !0, At({ variables: { pagination: { limit: 100 } } }));
-	}, [At, b]), Nt = s(() => {
-		let e = jt?.vibecontrolsAgents ?? null, t = e ? e.map((e) => ({
+	}), { agents: Lt } = le(), [Rt, { data: zt }] = i({ fetchPolicy: "cache-first" }), Bt = c(!1), V = o(() => {
+		Bt.current || y || (Bt.current = !0, Rt({ variables: { pagination: { limit: 100 } } }));
+	}, [Rt, y]), Vt = s(() => {
+		let e = zt?.vibecontrolsAgents ?? null, t = e ? e.map((e) => ({
 			id: e.id,
 			name: e.name
-		})) : kt.map((e) => ({
+		})) : Lt.map((e) => ({
 			id: e.id,
 			name: e.name
 		}));
 		return [{
 			value: "all",
-			label: y("vibesPage.allAgents", "All Agents")
+			label: _("vibesPage.allAgents", "All Agents")
 		}, ...t.map((e) => ({
 			value: e.id,
 			label: e.name
 		}))];
 	}, [
-		jt?.vibecontrolsAgents,
-		kt,
-		y
-	]), W = s(() => (Dt?.vibes?.items ?? []).map((e) => ({
+		zt?.vibecontrolsAgents,
+		Lt,
+		_
+	]), H = s(() => (Ft?.vibes?.items ?? []).map((e) => ({
 		id: e.id,
 		workspaceId: e.workspaceId,
 		name: e.name,
@@ -124,39 +153,39 @@ function m() {
 		createdAt: e.createdAt,
 		updatedAt: e.updatedAt,
 		agents: []
-	})), [Dt?.vibes?.items]), G = s(() => W.filter((e) => {
-		if (x) {
-			let t = x.toLowerCase();
+	})), [Ft?.vibes?.items]), U = s(() => H.filter((e) => {
+		if (b) {
+			let t = b.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;
-	}), [W, x]), Pt = s(() => W.filter((e) => F.has(e.id)), [W, F]), K = Pt.filter((e) => e.status !== "ACTIVE"), q = Pt.filter((e) => e.status !== "ARCHIVED"), J = G.length > 0 && G.every((e) => F.has(e.id)), Ft = G.some((e) => F.has(e.id)) && !J, It = (e) => {
-		Je(`/vibes/${e.id}`);
-	}, Lt = async (e) => {
+	}), [H, b]), Ht = s(() => H.filter((e) => N.has(e.id)), [H, N]), W = Ht.filter((e) => e.status !== "ACTIVE"), G = Ht.filter((e) => e.status !== "ARCHIVED"), K = U.length > 0 && U.every((e) => N.has(e.id)), Ut = U.some((e) => N.has(e.id)) && !K, Wt = (e) => {
+		tt(`/vibes/${e.id}`);
+	}, Gt = async (e) => {
 		try {
-			(await Ct({ variables: {
+			(await jt({ variables: {
 				id: e.id,
 				status: "ACTIVE"
-			} })).data?.updateVibeStatus && (m?.({
+			} })).data?.updateVibeStatus && (et?.({
 				id: e.id,
 				name: e.name,
 				type: e.type,
 				status: "ACTIVE"
-			}), await H());
+			}), await B());
 		} catch (e) {
 			console.error("Failed to activate vibe:", e);
 		}
-	}, Rt = async (e) => {
+	}, q = async (e) => {
 		try {
-			await wt({ variables: { id: e.id } }), await H();
+			await Mt({ variables: { id: e.id } }), await B();
 		} catch (e) {
 			console.error("Failed to archive vibe:", e);
 		}
-	}, zt = async (e) => {
-		if (!z) return;
-		let t = z.id;
+	}, Kt = async (e) => {
+		if (!L) return;
+		let t = L.id;
 		try {
-			await Tt({
+			await Nt({
 				variables: {
 					id: t,
 					deleteRelatedEntities: e
@@ -167,65 +196,98 @@ function m() {
 						id: t
 					}) }), e.gc();
 				}
-			}), B(null), await H();
+			}), R(null), await B();
 		} catch (e) {
 			console.error("Failed to delete vibe:", e);
 		}
-	}, Bt = ce((e) => e.preferredIdeCommand), Vt = ce((e) => e.vibeIdeOverrides), Ht = (e) => {
+	}, qt = ce((e) => e.preferredIdeCommand), Jt = ce((e) => e.vibeIdeOverrides), Yt = (e) => {
 		if (!e.path) {
-			P(y("vibesPage.openEditorPathMissing", "No path available to open in editor")), R.current = setTimeout(() => {
-				P(null), R.current = null;
+			M(_("vibesPage.openEditorPathMissing", "No path available to open in editor")), I.current = setTimeout(() => {
+				M(null), I.current = null;
 			}, 3e3);
 			return;
 		}
-		let t = Ce(e.id, Bt, Vt), n = Se(t), r = n ? xe(n, e.path) : `vscode://file/${e.path}`;
-		r ? window.location.href = r : (P(y("vibesPage.openEditorNoProtocol", `${n?.label ?? t} has no URL handler — open this Vibe and use the editor menu.`)), R.current = setTimeout(() => {
-			P(null), R.current = null;
+		let t = Ce(e.id, qt, Jt), n = Se(t), r = n ? xe(n, e.path) : `vscode://file/${e.path}`;
+		r ? window.location.href = r : (M(_("vibesPage.openEditorNoProtocol", `${n?.label ?? t} has no URL handler — open this Vibe and use the editor menu.`)), I.current = setTimeout(() => {
+			M(null), I.current = null;
 		}, 4e3));
-	}, Y = o(() => {
-		D(null), E(!0), U();
-	}, [U]), [X, Ut] = Le();
+	}, J = o(() => {
+		E(null), T(!0), V();
+	}, [V]), Xt = m(a.VIBE_CREATE);
+	Ye(s(() => ({
+		page: _("vibesPage.assistantPage", "Vibes"),
+		filters: Ze([Xe({
+			id: "status",
+			label: _("vibesPage.filterStatus", "Status"),
+			options: v,
+			neutral: "all",
+			value: x,
+			set: dt
+		}), Xe({
+			id: "type",
+			label: _("vibesPage.assistantType", "Type"),
+			options: ot,
+			neutral: "all",
+			value: S,
+			set: ft
+		})]),
+		search: $e(ut),
+		...Xt ? { openers: Qe([{
+			id: "create-vibe",
+			label: _("vibesPage.assistantCreateVibe", "Create vibe"),
+			open: J
+		}]) } : {}
+	}), [
+		_,
+		v,
+		ot,
+		x,
+		S,
+		Xt,
+		J
+	]));
+	let [Y, Zt] = Le();
 	De(() => {
-		if (X.get("create") === "true") {
-			Y();
-			let e = new URLSearchParams(X);
-			e.delete("create"), Ut(e, { replace: !0 });
+		if (Y.get("create") === "true") {
+			J();
+			let e = new URLSearchParams(Y);
+			e.delete("create"), Zt(e, { replace: !0 });
 		}
 	}, [
-		X,
-		Ut,
-		Y
+		Y,
+		Zt,
+		J
 	]);
-	let Wt = (e, t) => {
-		I((n) => {
+	let Qt = (e, t) => {
+		P((n) => {
 			let r = new Set(n);
 			return t ? r.add(e.id) : r.delete(e.id), r;
 		});
-	}, Gt = (e) => {
-		I((t) => {
+	}, $t = (e) => {
+		P((t) => {
 			let n = new Set(t);
-			return G.forEach((t) => {
+			return U.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, Z = () => I(/* @__PURE__ */ new Set()), Kt = async () => {
-		if (K.length === 0) return;
-		let e = await Promise.allSettled(K.map((e) => Ct({ variables: {
+	}, X = () => P(/* @__PURE__ */ new Set()), en = async () => {
+		if (W.length === 0) return;
+		let e = await Promise.allSettled(W.map((e) => jt({ variables: {
 			id: e.id,
 			status: "ACTIVE"
 		} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		A(`Activated ${t} vibe${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), setTimeout(() => A(null), 4e3), Z(), L(null), await H();
-	}, qt = async () => {
-		if (q.length === 0) return;
-		let e = await Promise.allSettled(q.map((e) => wt({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		A(`Archived ${t} vibe${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), setTimeout(() => A(null), 4e3), Z(), L(null), await H();
-	}, Jt = async () => {
-		let e = ht.current?.value?.trim(), t = gt.current?.value?.trim(), n = _t.current?.value, r = vt.current?.value, i = {};
-		if (e || (i.name = y("vibesPage.nameRequired", "Name is required")), i.name) {
-			N(i), D(y("vibesPage.fillRequired", "Please fill in all required fields"));
+		O(`Activated ${t} vibe${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), setTimeout(() => O(null), 4e3), X(), F(null), await B();
+	}, tn = async () => {
+		if (G.length === 0) return;
+		let e = await Promise.allSettled(G.map((e) => Mt({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		O(`Archived ${t} vibe${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), setTimeout(() => O(null), 4e3), X(), F(null), await B();
+	}, nn = async () => {
+		let e = Ct.current?.value?.trim(), t = wt.current?.value?.trim(), n = Tt.current?.value, r = Et.current?.value, i = {};
+		if (e || (i.name = _("vibesPage.nameRequired", "Name is required")), i.name) {
+			j(i), E(_("vibesPage.fillRequired", "Please fill in all required fields"));
 			return;
 		}
-		N({});
+		j({});
 		let ee = [
 			"PROJECT",
 			"REPOSITORY",
@@ -234,147 +296,147 @@ function m() {
 			"PACKAGE",
 			"CUSTOM"
 		].includes(r) ? r : "PROJECT";
-		ut(!0), D(null);
+		_t(!0), E(null);
 		try {
-			let r = await yt({ variables: { input: {
+			let r = await Dt({ variables: { input: {
 				name: e,
 				path: t ?? "",
 				type: ee
 			} } });
-			if (!r.data?.createVibe?.id) throw Error(y("vibesPage.failedCreate", "Failed to create vibe"));
+			if (!r.data?.createVibe?.id) throw Error(_("vibesPage.failedCreate", "Failed to create vibe"));
 			let i = r.data.createVibe.id;
 			if (n) try {
-				await bt({ variables: { input: {
+				await Ot({ variables: { input: {
 					vibeId: i,
 					agentId: n
 				} } });
 			} catch {}
-			E(!1), A(y("vibesPage.createdSuccess", "Vibe created successfully")), await St(i), await H(), setTimeout(() => A(null), 3e3);
+			T(!1), O(_("vibesPage.createdSuccess", "Vibe created successfully")), await At(i), await B(), setTimeout(() => O(null), 3e3);
 		} catch (e) {
 			if (ie(e)) {
-				E(!1), D(null), N({}), ae(), j(!0);
+				T(!1), E(null), j({}), ae(), k(!0);
 				return;
 			}
-			D(e instanceof Error ? e.message : y("vibesPage.failedCreate", "Failed to create vibe"));
+			E(e instanceof Error ? e.message : _("vibesPage.failedCreate", "Failed to create vibe"));
 		} finally {
-			ut(!1);
+			_t(!1);
 		}
-	}, Yt = {
-		total: W.length,
-		active: W.filter((e) => e.status === "ACTIVE").length,
-		inactive: W.filter((e) => e.status === "INACTIVE").length
-	}, Q = _, $ = !_ && !!Ye && (Ye.permissionStrings?.length ?? 0) > 0 && !et, Xt = !Q && !$ && V && W.length === 0, Zt = !Q && !$ && !!Ot && W.length === 0, Qt = !Q && !$ && !Zt;
-	return /* @__PURE__ */ d(qe, {
+	}, rn = {
+		total: H.length,
+		active: H.filter((e) => e.status === "ACTIVE").length,
+		inactive: H.filter((e) => e.status === "INACTIVE").length
+	}, Z = h, Q = !h && !!nt && (nt.permissionStrings?.length ?? 0) > 0 && !st, an = !Z && !Q && z && H.length === 0, $ = !Z && !Q && !!It && H.length === 0, on = !Z && !Q && !$;
+	return /* @__PURE__ */ d(Je, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-screen",
 		children: [
-			Q && /* @__PURE__ */ u(de, { message: y("vibesPage.loadingPermissions", "Loading permissions...") }),
-			$ && /* @__PURE__ */ u(We, {
-				title: y("vibesPage.accessDeniedTitle", "Access Denied"),
-				description: y("vibesPage.accessDeniedDescription", "You don't have permission to view vibes. Contact your workspace administrator for access.")
+			Z && /* @__PURE__ */ u(de, { message: _("vibesPage.loadingPermissions", "Loading permissions...") }),
+			Q && /* @__PURE__ */ u(We, {
+				title: _("vibesPage.accessDeniedTitle", "Access Denied"),
+				description: _("vibesPage.accessDeniedDescription", "You don't have permission to view vibes. Contact your workspace administrator for access.")
 			}),
-			Zt && /* @__PURE__ */ u(fe, {
-				title: y("vibesPage.failedLoad", "Failed to load vibes"),
-				message: Ot?.message ?? "",
-				onRetry: () => H()
+			$ && /* @__PURE__ */ u(fe, {
+				title: _("vibesPage.failedLoad", "Failed to load vibes"),
+				message: It?.message ?? "",
+				onRetry: () => B()
 			}),
-			Qt && /* @__PURE__ */ d(Be, { children: [
+			on && /* @__PURE__ */ d(Be, { children: [
 				/* @__PURE__ */ u(ue, {
-					title: y("vibesPage.title", "Vibes"),
-					description: y("vibesPage.descriptionActive", "{{active}} of {{total}} vibes active", {
-						active: Yt.active,
-						total: Yt.total
+					title: _("vibesPage.title", "Vibes"),
+					description: _("vibesPage.descriptionActive", "{{active}} of {{total}} vibes active", {
+						active: rn.active,
+						total: rn.total
 					}),
 					actions: /* @__PURE__ */ d("div", {
 						className: "flex items-center gap-2",
 						children: [
-							Ze && v && typeof v.limit == "number" && /* @__PURE__ */ u("a", {
+							it && g && typeof g.limit == "number" && /* @__PURE__ */ u("a", {
 								href: "/billing/plans",
-								className: `inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded-md border ${v.current >= v.limit ? "border-status-error-border bg-status-error-bg-subtle text-status-error-text" : "border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text"}`,
-								title: y("vibesPage.upgradeChipTooltip", "Free plan limit — upgrade for more vibes"),
-								children: y("vibesPage.usageChip", "{{current}} of {{limit}} vibes used", {
-									current: v.current,
-									limit: v.limit
+								className: `inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded-md border ${g.current >= g.limit ? "border-status-error-border bg-status-error-bg-subtle text-status-error-text" : "border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text"}`,
+								title: _("vibesPage.upgradeChipTooltip", "Free plan limit — upgrade for more vibes"),
+								children: _("vibesPage.usageChip", "{{current}} of {{limit}} vibes used", {
+									current: g.current,
+									limit: g.limit
 								})
 							}),
 							/* @__PURE__ */ u(f, {
 								permission: a.VIBE_CREATE,
 								deniedBehavior: "disable",
-								deniedTooltip: y("vibesPage.deniedCreateTooltip", "You don't have permission to create vibes"),
+								deniedTooltip: _("vibesPage.deniedCreateTooltip", "You don't have permission to create vibes"),
 								children: /* @__PURE__ */ d(Ve, {
 									type: "button",
-									onClick: Y,
+									onClick: J,
 									className: "gap-2",
-									children: [/* @__PURE__ */ u(Pe, { className: "size-4" }), y("vibesPage.addVibe", "Add Vibe")]
+									children: [/* @__PURE__ */ u(Pe, { className: "size-4" }), _("vibesPage.addVibe", "Add Vibe")]
 								})
 							}),
 							/* @__PURE__ */ u(He, { actions: [{
-								label: y("vibesPage.refreshTitle", "Refresh vibes"),
-								onSelect: () => void H(),
-								disabled: V,
-								icon: /* @__PURE__ */ u(Fe, { className: `size-4 ${V ? "animate-spin" : ""}` })
+								label: _("vibesPage.refreshTitle", "Refresh vibes"),
+								onSelect: () => void B(),
+								disabled: z,
+								icon: /* @__PURE__ */ u(Fe, { className: `size-4 ${z ? "animate-spin" : ""}` })
 							}] })
 						]
 					})
 				}),
 				/* @__PURE__ */ u(Ue, {
 					icon: /* @__PURE__ */ u(Ie, { className: "size-4" }),
-					children: y("vibesPage.purpose", "A vibe is a workspace for a piece of work — a project, an experiment, a support task. It ties together the agent that runs your commands, the sessions you open, notes, schedules and audit history in one place. Create a vibe whenever you want a focused, shareable space to get something done with AI and your own machines.")
+					children: _("vibesPage.purpose", "A vibe is a workspace for a piece of work — a project, an experiment, a support task. It ties together the agent that runs your commands, the sessions you open, notes, schedules and audit history in one place. Create a vibe whenever you want a focused, shareable space to get something done with AI and your own machines.")
 				}),
 				/* @__PURE__ */ d("div", {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ u(ge, {
-							value: x,
-							onChange: rt,
-							placeholder: y("vibesPage.searchPlaceholder", "Search vibes..."),
+							value: b,
+							onChange: ut,
+							placeholder: _("vibesPage.searchPlaceholder", "Search vibes..."),
 							className: "flex-1 sm:w-64 sm:flex-none"
 						}), /* @__PURE__ */ d("div", {
 							className: "flex items-center gap-1 bg-bg-sunken rounded-button p-1 flex-shrink-0 border border-border-subtle",
 							children: [/* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: () => st("grid"),
-								className: `p-1.5 sm:p-2 rounded ${T === "grid" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
-								title: y("vibesPage.gridViewTitle", "Grid view"),
+								onClick: () => mt("grid"),
+								className: `p-1.5 sm:p-2 rounded ${w === "grid" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
+								title: _("vibesPage.gridViewTitle", "Grid view"),
 								children: /* @__PURE__ */ u(je, { className: "size-4 text-text-secondary" })
 							}), /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: () => st("list"),
-								className: `p-1.5 sm:p-2 rounded ${T === "list" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
-								title: y("vibesPage.listViewTitle", "List view"),
+								onClick: () => mt("list"),
+								className: `p-1.5 sm:p-2 rounded ${w === "list" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
+								title: _("vibesPage.listViewTitle", "List view"),
 								children: /* @__PURE__ */ u(Me, { className: "size-4 text-text-secondary" })
 							})]
 						})]
 					}), /* @__PURE__ */ d("div", {
 						className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 						children: [/* @__PURE__ */ u(_e, {
-							label: y("vibesPage.filterStatus", "Status"),
-							value: S,
-							options: $e,
-							onChange: it
+							label: _("vibesPage.filterStatus", "Status"),
+							value: x,
+							options: v,
+							onChange: dt
 						}), /* @__PURE__ */ u("div", {
-							onMouseDown: U,
-							onFocus: U,
+							onMouseDown: V,
+							onFocus: V,
 							children: /* @__PURE__ */ u(_e, {
-								label: y("vibesPage.filterAgent", "Agent"),
-								value: w,
-								options: Nt,
-								onChange: ot
+								label: _("vibesPage.filterAgent", "Agent"),
+								value: C,
+								options: Vt,
+								onChange: pt
 							})
 						})]
 					})]
 				}),
-				x || S !== "all" || C !== "all" || w !== "all" ? /* @__PURE__ */ d("p", {
+				b || x !== "all" || S !== "all" || C !== "all" ? /* @__PURE__ */ d("p", {
 					className: "text-sm text-text-secondary",
-					children: [y("vibesPage.showingResults", "Showing {{filtered}} of {{total}} vibes", {
-						filtered: G.length,
-						total: W.length
-					}), V && /* @__PURE__ */ u("span", {
+					children: [_("vibesPage.showingResults", "Showing {{filtered}} of {{total}} vibes", {
+						filtered: U.length,
+						total: H.length
+					}), z && /* @__PURE__ */ u("span", {
 						className: "ml-2 text-text-muted",
-						children: y("vibesPage.refreshing", "(refreshing...)")
+						children: _("vibesPage.refreshing", "(refreshing...)")
 					})]
 				}) : null,
-				G.length > 0 && /* @__PURE__ */ u("div", {
+				U.length > 0 && /* @__PURE__ */ u("div", {
 					className: "rounded-card border border-border-subtle bg-bg-surface shadow-elevation-1 p-5",
 					children: /* @__PURE__ */ d("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
@@ -383,17 +445,17 @@ function m() {
 							children: [/* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ u(ye, {
-									checked: J,
-									indeterminate: Ft,
-									onChange: Gt,
+									checked: K,
+									indeterminate: Ut,
+									onChange: $t,
 									ariaLabel: "Select all visible vibes"
 								}), /* @__PURE__ */ u("span", {
 									className: "text-sm font-medium text-text-primary",
 									children: "Select all visible"
 								})]
-							}), F.size > 0 && /* @__PURE__ */ u("button", {
+							}), N.size > 0 && /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: Z,
+								onClick: X,
 								className: "text-sm text-text-secondary hover:text-text-primary",
 								children: "Clear selection"
 							})]
@@ -402,15 +464,15 @@ function m() {
 							children: [
 								/* @__PURE__ */ d("span", {
 									className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
-									children: [F.size, " selected"]
+									children: [N.size, " selected"]
 								}),
 								/* @__PURE__ */ u(f, {
 									permission: a.VIBE_UPDATE,
 									deniedBehavior: "hide",
 									children: /* @__PURE__ */ u("button", {
 										type: "button",
-										onClick: () => L("activate"),
-										disabled: K.length === 0,
+										onClick: () => F("activate"),
+										disabled: W.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-button border border-status-success-border px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 										children: /* @__PURE__ */ d("span", {
@@ -418,7 +480,7 @@ function m() {
 											children: [
 												/* @__PURE__ */ u(Ne, { className: "size-4" }),
 												"Activate Selected",
-												K.length > 0 ? ` (${K.length})` : ""
+												W.length > 0 ? ` (${W.length})` : ""
 											]
 										})
 									})
@@ -428,15 +490,15 @@ function m() {
 									deniedBehavior: "hide",
 									children: /* @__PURE__ */ u("button", {
 										type: "button",
-										onClick: () => L("archive"),
-										disabled: q.length === 0,
+										onClick: () => F("archive"),
+										disabled: G.length === 0,
 										className: "rounded-button border border-status-warning-border px-3 py-2 text-sm font-medium text-status-warning-text hover:bg-status-warning-bg-subtle transition-colors disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 										children: /* @__PURE__ */ d("span", {
 											className: "inline-flex items-center gap-2",
 											children: [
 												/* @__PURE__ */ u(Ae, { className: "size-4" }),
 												"Archive Selected",
-												q.length > 0 ? ` (${q.length})` : ""
+												G.length > 0 ? ` (${G.length})` : ""
 											]
 										})
 									})
@@ -445,165 +507,165 @@ function m() {
 						})]
 					})
 				}),
-				Xt ? /* @__PURE__ */ u(be, {
+				an ? /* @__PURE__ */ u(be, {
 					variant: "cards",
 					count: 6
-				}) : G.length > 0 ? /* @__PURE__ */ u(ze, {
+				}) : U.length > 0 ? /* @__PURE__ */ u(ze, {
 					mode: "wait",
-					children: T === "grid" ? /* @__PURE__ */ u(p, {
+					children: w === "grid" ? /* @__PURE__ */ u(qe, {
 						"data-tour": "vibes-page-grid-view",
 						stagger: .04,
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4 xl:gap-3",
-						children: G.map((e) => /* @__PURE__ */ u(Ke, { children: /* @__PURE__ */ u(we, {
+						children: U.map((e) => /* @__PURE__ */ u(Ke, { children: /* @__PURE__ */ u(we, {
 							vibe: e,
-							onOpen: It,
-							onActivate: tt ? Lt : void 0,
-							onArchive: tt ? Rt : void 0,
-							onDelete: nt ? B : void 0,
-							onOpenInEditor: Ht,
-							selected: F.has(e.id),
-							onToggleSelect: (t) => Wt(e, t)
+							onOpen: Wt,
+							onActivate: ct ? Gt : void 0,
+							onArchive: ct ? q : void 0,
+							onDelete: lt ? R : void 0,
+							onOpenInEditor: Yt,
+							selected: N.has(e.id),
+							onToggleSelect: (t) => Qt(e, t)
 						}) }, e.id))
-					}, "grid") : /* @__PURE__ */ u(p, { children: /* @__PURE__ */ u(Ee, {
-						vibes: G,
-						onOpen: It,
-						onActivate: Lt,
-						onArchive: Rt,
-						onDelete: nt ? B : void 0,
-						onOpenInEditor: Ht,
-						selectedVibeIds: F,
-						onToggleSelect: Wt,
-						onToggleAllVisible: Gt,
-						allVisibleSelected: J,
-						partiallySelected: Ft
+					}, "grid") : /* @__PURE__ */ u(qe, { children: /* @__PURE__ */ u(Ee, {
+						vibes: U,
+						onOpen: Wt,
+						onActivate: Gt,
+						onArchive: q,
+						onDelete: lt ? R : void 0,
+						onOpenInEditor: Yt,
+						selectedVibeIds: N,
+						onToggleSelect: Qt,
+						onToggleAllVisible: $t,
+						allVisibleSelected: K,
+						partiallySelected: Ut
 					}) }, "list")
 				}) : /* @__PURE__ */ u(he, {
 					icon: /* @__PURE__ */ u(Ie, { className: "size-8 text-text-secondary" }),
-					illustration: x || S !== "all" || C !== "all" || w !== "all" ? "empty-search" : "empty-vibes",
-					title: x || S !== "all" || C !== "all" || w !== "all" ? y("vibesPage.emptyNoVibesFound", "No vibes found") : y("vibesPage.emptyNoVibesConfigured", "No vibes configured"),
-					description: x || S !== "all" || C !== "all" || w !== "all" ? y("vibesPage.emptyAdjustSearch", "Try adjusting your search or filters") : y("vibesPage.emptyNoVibesDescription", "Add your first vibe to start managing your development projects"),
-					action: !x && S === "all" && C === "all" && w === "all" ? /* @__PURE__ */ d("div", {
+					illustration: b || x !== "all" || S !== "all" || C !== "all" ? "empty-search" : "empty-vibes",
+					title: b || x !== "all" || S !== "all" || C !== "all" ? _("vibesPage.emptyNoVibesFound", "No vibes found") : _("vibesPage.emptyNoVibesConfigured", "No vibes configured"),
+					description: b || x !== "all" || S !== "all" || C !== "all" ? _("vibesPage.emptyAdjustSearch", "Try adjusting your search or filters") : _("vibesPage.emptyNoVibesDescription", "Add your first vibe to start managing your development projects"),
+					action: !b && x === "all" && S === "all" && C === "all" ? /* @__PURE__ */ d("div", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ u(Ge, {
 							permission: a.VIBE_CREATE,
 							children: /* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: Y,
+								onClick: J,
 								className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-								children: [/* @__PURE__ */ u(Pe, { className: "size-4" }), y("vibesPage.addVibe", "Add Vibe")]
+								children: [/* @__PURE__ */ u(Pe, { className: "size-4" }), _("vibesPage.addVibe", "Add Vibe")]
 							})
 						}), /* @__PURE__ */ u(ve, { prompt: "What is a Vibe in VibeControls and how do I create one?" })]
 					}) : void 0
 				}),
-				k && /* @__PURE__ */ u("div", {
+				vt && /* @__PURE__ */ u("div", {
 					className: "fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-success-bg-subtle text-status-success-text border border-status-success-border rounded-card shadow-elevation-3 text-sm",
-					children: k
+					children: vt
 				}),
 				/* @__PURE__ */ u(ne, {
-					isOpen: pt === "activate",
-					onClose: () => L(null),
-					onConfirm: Kt,
+					isOpen: xt === "activate",
+					onClose: () => F(null),
+					onConfirm: en,
 					title: "Activate selected vibes",
-					message: `Activate ${K.length} selected vibe${K.length === 1 ? "" : "s"}?`,
+					message: `Activate ${W.length} selected vibe${W.length === 1 ? "" : "s"}?`,
 					confirmLabel: "Activate",
 					variant: "default"
 				}),
 				/* @__PURE__ */ u(ne, {
-					isOpen: pt === "archive",
-					onClose: () => L(null),
-					onConfirm: qt,
+					isOpen: xt === "archive",
+					onClose: () => F(null),
+					onConfirm: tn,
 					title: "Archive selected vibes",
-					message: `Archive ${q.length} selected vibe${q.length === 1 ? "" : "s"}? Archived vibes will be hidden from active workflows.`,
+					message: `Archive ${G.length} selected vibe${G.length === 1 ? "" : "s"}? Archived vibes will be hidden from active workflows.`,
 					confirmLabel: "Archive",
 					variant: "warning"
 				}),
-				ft && /* @__PURE__ */ d("div", {
+				bt && /* @__PURE__ */ d("div", {
 					role: "alert",
 					className: "fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-error-bg-subtle text-status-error-text border border-status-error-border rounded-card shadow-elevation-3 text-sm",
-					children: [ft, /* @__PURE__ */ u("button", {
+					children: [bt, /* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: mt,
+						onClick: St,
 						className: "ml-3 text-xs underline opacity-80 hover:opacity-100",
-						children: y("vibesPage.dismiss", "Dismiss")
+						children: _("vibesPage.dismiss", "Dismiss")
 					})]
 				}),
-				ct && /* @__PURE__ */ u("div", {
+				ht && /* @__PURE__ */ u("div", {
 					className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
 					children: /* @__PURE__ */ d("div", {
 						className: "bg-bg-surface rounded-card border border-border-subtle shadow-[var(--shadow-elevation-4)] p-6 w-full max-w-lg",
 						children: [
 							/* @__PURE__ */ u("h2", {
 								className: "text-lg font-semibold text-text-primary mb-4",
-								children: y("vibesPage.addNewVibe", "Add New Vibe")
+								children: _("vibesPage.addNewVibe", "Add New Vibe")
 							}),
 							/* @__PURE__ */ d("div", {
 								className: "space-y-4",
 								children: [
-									lt && /* @__PURE__ */ u("div", {
+									gt && /* @__PURE__ */ u("div", {
 										className: "p-3 bg-status-error-bg-subtle text-status-error-text border border-status-error-border text-sm rounded-card",
-										children: lt
+										children: gt
 									}),
 									/* @__PURE__ */ d("div", { children: [
 										/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
-											children: y("vibesPage.nameLabel", "Name *")
+											children: _("vibesPage.nameLabel", "Name *")
 										}),
 										/* @__PURE__ */ u("input", {
 											"aria-label": "control",
-											ref: ht,
+											ref: Ct,
 											type: "text",
-											placeholder: y("vibesPage.namePlaceholder", "My Project"),
-											onChange: () => M.name && N((e) => ({
+											placeholder: _("vibesPage.namePlaceholder", "My Project"),
+											onChange: () => A.name && j((e) => ({
 												...e,
 												name: void 0
 											})),
-											className: `w-full px-3 py-2 bg-bg-sunken border rounded-input text-text-primary placeholder:text-text-placeholder transition-colors focus:outline-none focus:ring-1 focus:ring-[var(--color-focus-ring)] focus:border-border-strong ${M.name ? "border-status-error-border" : "border-border-subtle"}`
+											className: `w-full px-3 py-2 bg-bg-sunken border rounded-input text-text-primary placeholder:text-text-placeholder transition-colors focus:outline-none focus:ring-1 focus:ring-[var(--color-focus-ring)] focus:border-border-strong ${A.name ? "border-status-error-border" : "border-border-subtle"}`
 										}),
-										M.name && /* @__PURE__ */ u("p", {
+										A.name && /* @__PURE__ */ u("p", {
 											className: "mt-1 text-xs text-status-error-text",
-											children: M.name
+											children: A.name
 										})
 									] }),
 									/* @__PURE__ */ d("div", { children: [
 										/* @__PURE__ */ d("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
-											children: [y("vibesPage.pathLabel", "Path"), /* @__PURE__ */ u("span", {
+											children: [_("vibesPage.pathLabel", "Path"), /* @__PURE__ */ u("span", {
 												className: "ml-1 text-xs text-text-tertiary font-normal",
-												children: y("vibesPage.pathOptional", "(optional)")
+												children: _("vibesPage.pathOptional", "(optional)")
 											})]
 										}),
 										/* @__PURE__ */ u("input", {
 											"aria-label": "control",
-											ref: gt,
+											ref: wt,
 											type: "text",
-											placeholder: y("vibesPage.pathPlaceholder", "/path/to/project"),
-											onChange: () => M.path && N((e) => ({
+											placeholder: _("vibesPage.pathPlaceholder", "/path/to/project"),
+											onChange: () => A.path && j((e) => ({
 												...e,
 												path: void 0
 											})),
-											className: `w-full px-3 py-2 bg-bg-sunken border rounded-input text-text-primary placeholder:text-text-placeholder transition-colors focus:outline-none focus:ring-1 focus:ring-[var(--color-focus-ring)] focus:border-border-strong ${M.path ? "border-status-error-border" : "border-border-subtle"}`
+											className: `w-full px-3 py-2 bg-bg-sunken border rounded-input text-text-primary placeholder:text-text-placeholder transition-colors focus:outline-none focus:ring-1 focus:ring-[var(--color-focus-ring)] focus:border-border-strong ${A.path ? "border-status-error-border" : "border-border-subtle"}`
 										}),
-										M.path && /* @__PURE__ */ u("p", {
+										A.path && /* @__PURE__ */ u("p", {
 											className: "mt-1 text-xs text-status-error-text",
-											children: M.path
+											children: A.path
 										})
 									] }),
 									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: y("vibesPage.agentLabel", "Agent")
+										children: _("vibesPage.agentLabel", "Agent")
 									}), /* @__PURE__ */ d("select", {
-										ref: _t,
+										ref: Tt,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-subtle rounded-input text-text-primary transition-colors focus:outline-none focus:ring-1 focus:ring-[var(--color-focus-ring)] focus:border-border-strong",
 										children: [/* @__PURE__ */ u("option", {
 											value: "",
-											children: y("vibesPage.selectAgent", "Select an agent")
-										}), Nt.filter((e) => e.value !== "all").map((e) => /* @__PURE__ */ u("option", {
+											children: _("vibesPage.selectAgent", "Select an agent")
+										}), Vt.filter((e) => e.value !== "all").map((e) => /* @__PURE__ */ u("option", {
 											value: e.value,
 											children: e.label
 										}, e.value))]
 									})] }),
 									/* @__PURE__ */ u("input", {
-										ref: vt,
+										ref: Et,
 										type: "hidden",
 										value: "PROJECT"
 									})
@@ -613,54 +675,54 @@ function m() {
 								className: "mt-4 border-t border-border-subtle pt-4",
 								children: [/* @__PURE__ */ u("h3", {
 									className: "text-sm font-medium text-text-secondary mb-2",
-									children: y("vibesPage.tags", "Tags")
+									children: _("vibesPage.tags", "Tags")
 								}), /* @__PURE__ */ u(pe, {
 									entityType: "VIBECONTROLS_VIBE",
-									onDraftChange: xt
+									onDraftChange: kt
 								})]
 							}),
 							/* @__PURE__ */ d("div", {
 								className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
 								children: [/* @__PURE__ */ u("button", {
 									type: "button",
-									onClick: () => E(!1),
-									disabled: O,
+									onClick: () => T(!1),
+									disabled: D,
 									className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-									children: y("vibesPage.cancel", "Cancel")
+									children: _("vibesPage.cancel", "Cancel")
 								}), /* @__PURE__ */ u("button", {
 									type: "button",
-									onClick: Jt,
-									disabled: O,
+									onClick: nn,
+									disabled: D,
 									className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-all duration-200 disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-									children: O ? y("vibesPage.creating", "Creating...") : y("vibesPage.createVibe", "Create Vibe")
+									children: D ? _("vibesPage.creating", "Creating...") : _("vibesPage.createVibe", "Create Vibe")
 								})]
 							})
 						]
 					})
 				}),
 				/* @__PURE__ */ u(re, {
-					isOpen: dt,
-					onClose: () => j(!1),
+					isOpen: yt,
+					onClose: () => k(!1),
 					onConfirm: () => {
-						j(!1), Je("/billing/plans");
+						k(!1), tt("/billing/plans");
 					},
 					title: "Vibe Quota Reached",
 					message: "You've used all available vibe creation quota on your current plan. Upgrade your plan to create more vibes."
 				})
 			] }),
-			z && /* @__PURE__ */ u(Te, {
+			L && /* @__PURE__ */ u(Te, {
 				vibe: {
-					id: z.id,
-					name: z.name
+					id: L.id,
+					name: L.name
 				},
-				deleting: Et,
-				onConfirm: zt,
-				onCancel: () => B(null)
+				deleting: Pt,
+				onConfirm: Kt,
+				onCancel: () => R(null)
 			})
 		]
 	});
 }
 //#endregion
-export { m as VibesPage };
+export { et as VibesPage };
 
 //# sourceMappingURL=VibesPage.js.map