@burdenoff/microfe-vibecontrols 2026.602.1 → 2026.602.2

package/dist/pages/VibesPage.js

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