@burdenoff/microfe-vibecontrols 2026.523.2 → 2026.524.2

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