@burdenoff/microfe-vibecontrols 2026.522.1 → 2026.522.2

package/dist/pages/VibesPage.js

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