@burdenoff/microfe-vibecontrols 2026.522.7 → 2026.522.8

package/dist/pages/VibesPage.js

@@ -56,42 +56,15 @@ function h() {
 			value: "ERROR",
 			label: x("vibesPage.statusError", "Error")
 		}
-	], ze = [
-		{
-			value: "all",
-			label: x("vibesPage.typeAll", "All Types")
-		},
-		{
-			value: "PROJECT",
-			label: x("vibesPage.typeProject", "Project")
-		},
-		{
-			value: "REPOSITORY",
-			label: x("vibesPage.typeRepository", "Repository")
-		},
-		{
-			value: "WORKSPACE",
-			label: x("vibesPage.typeWorkspace", "Workspace")
-		},
-		{
-			value: "MONOREPO",
-			label: x("vibesPage.typeMonorepo", "Monorepo")
-		},
-		{
-			value: "PACKAGE",
-			label: x("vibesPage.typePackage", "Package")
-		},
-		{
-			value: "CUSTOM",
-			label: x("vibesPage.typeCustom", "Custom")
-		}
-	], 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);
+	];
+	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(() => () => {
-		V.current && clearTimeout(V.current);
+		H.current && clearTimeout(H.current);
 	}, []);
-	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({
+	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,
@@ -105,13 +78,13 @@ function h() {
 		nextFetchPolicy: "cache-first",
 		skip: w,
 		notifyOnNetworkStatusChange: !0
-	}), { 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) => ({
+	}), { 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) => ({
 			id: e.id,
 			name: e.name
-		})) : ut.map((e) => ({
+		})) : ct.map((e) => ({
 			id: e.id,
 			name: e.name
 		}));
@@ -123,10 +96,10 @@ function h() {
 			label: e.name
 		}))];
 	}, [
-		ft?.vibecontrolsAgents,
-		ut,
+		ut?.vibecontrolsAgents,
+		ct,
 		x
-	]), G = l(() => (ct?.vibes?.items ?? []).map((e) => ({
+	]), K = l(() => (ot?.vibes?.items ?? []).map((e) => ({
 		id: e.id,
 		workspaceId: e.workspaceId,
 		name: e.name,
@@ -149,17 +122,17 @@ function h() {
 			isActive: e.isActive,
 			ownerUserId: e.ownerUserId ?? null
 		}))
-	})), [ct?.vibes?.items]), K = l(() => G.filter((e) => {
+	})), [ot?.vibes?.items]), q = l(() => K.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;
-	}), [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) => {
+	}), [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}`);
-	}, vt = async (e) => {
+	}, gt = async (e) => {
 		try {
-			(await ot({ variables: {
+			(await it({ variables: {
 				id: e.id,
 				status: "ACTIVE"
 			} })).data?.updateVibeStatus && h?.({
@@ -171,55 +144,55 @@ function h() {
 		} catch (e) {
 			console.error("Failed to activate vibe:", e);
 		}
-	}, yt = async (e) => {
+	}, _t = async (e) => {
 		try {
-			await st({ variables: { id: e.id } });
+			await at({ variables: { id: e.id } });
 		} catch (e) {
 			console.error("Failed to archive vibe:", e);
 		}
-	}, bt = ne((e) => e.preferredIdeCommand), xt = ne((e) => e.vibeIdeOverrides), St = (e) => {
+	}, vt = ne((e) => e.preferredIdeCommand), yt = ne((e) => e.vibeIdeOverrides), bt = (e) => {
 		if (!e.path) {
-			L(x("vibesPage.openEditorPathMissing", "No path available to open in editor")), V.current = setTimeout(() => {
-				L(null), V.current = null;
+			R(x("vibesPage.openEditorPathMissing", "No path available to open in editor")), H.current = setTimeout(() => {
+				R(null), H.current = null;
 			}, 3e3);
 			return;
 		}
-		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;
+		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;
 		}, 4e3));
-	}, X = () => {
-		j(null), A(!0), W();
-	}, Ct = (e, t) => {
-		z((n) => {
+	}, xt = () => {
+		M(null), A(!0), G();
+	}, St = (e, t) => {
+		B((n) => {
 			let r = new Set(n);
 			return t ? r.add(e.id) : r.delete(e.id), r;
 		});
-	}, wt = (e) => {
-		z((t) => {
+	}, Ct = (e) => {
+		B((t) => {
 			let n = new Set(t);
-			return K.forEach((t) => {
+			return q.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, Z = () => z(/* @__PURE__ */ new Set()), Tt = async () => {
-		if (q.length === 0) return;
-		let e = await Promise.allSettled(q.map((e) => ot({ variables: {
+	}, Z = () => B(/* @__PURE__ */ new Set()), wt = async () => {
+		if (J.length === 0) return;
+		let e = await Promise.allSettled(J.map((e) => it({ variables: {
 			id: e.id,
 			status: "ACTIVE"
 		} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		N(`Activated ${t} vibe${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), setTimeout(() => N(null), 4e3), Z(), B(null), await U();
+		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 () => {
-		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 = {};
+		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) {
-			I(i), j(x("vibesPage.fillRequired", "Please fill in all required fields"));
+			L(i), M(x("vibesPage.fillRequired", "Please fill in all required fields"));
 			return;
 		}
-		I({});
+		L({});
 		let ee = [
 			"PROJECT",
 			"REPOSITORY",
@@ -228,9 +201,9 @@ function h() {
 			"PACKAGE",
 			"CUSTOM"
 		].includes(r) ? r : "PROJECT";
-		qe(!0), j(null);
+		Ge(!0), M(null);
 		try {
-			let r = await rt({ variables: { input: {
+			let r = await tt({ variables: { input: {
 				name: e,
 				path: t,
 				type: ee,
@@ -238,21 +211,21 @@ function h() {
 			} } });
 			if (!r.data?.createVibe?.id) throw Error(x("vibesPage.failedCreate", "Failed to create vibe"));
 			let i = r.data.createVibe.id;
-			A(!1), N(x("vibesPage.createdSuccess", "Vibe created successfully")), await at(i), await U(), setTimeout(() => N(null), 3e3);
+			A(!1), P(x("vibesPage.createdSuccess", "Vibe created successfully")), await rt(i), await W(), setTimeout(() => P(null), 3e3);
 		} catch (e) {
 			if (ce(e)) {
-				A(!1), j(null), I({}), P(!0);
+				A(!1), M(null), L({}), F(!0);
 				return;
 			}
-			j(e instanceof Error ? e.message : x("vibesPage.failedCreate", "Failed to create vibe"));
+			M(e instanceof Error ? e.message : x("vibesPage.failedCreate", "Failed to create vibe"));
 		} finally {
-			qe(!1);
+			Ge(!1);
 		}
-	}, 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;
+	}, 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, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
@@ -261,32 +234,32 @@ function h() {
 				title: x("vibesPage.accessDeniedTitle", "Access Denied"),
 				description: x("vibesPage.accessDeniedDescription", "You don't have permission to view vibes. Contact your workspace administrator for access.")
 			}),
-			At && /* @__PURE__ */ f(oe, {
+			kt && /* @__PURE__ */ f(oe, {
 				title: x("vibesPage.failedLoad", "Failed to load vibes"),
-				message: lt?.message ?? "",
-				onRetry: () => U()
+				message: st?.message ?? "",
+				onRetry: () => W()
 			}),
-			jt && /* @__PURE__ */ p(Me, { children: [
+			At && /* @__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
+						active: Dt.active,
+						total: Dt.total
 					}),
 					actions: /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ f("button", {
-							onClick: () => U(),
-							disabled: H,
+							onClick: () => W(),
+							disabled: U,
 							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 ${H ? "animate-spin" : ""}` })
+							children: /* @__PURE__ */ f(Oe, { className: `w-4 h-4 ${U ? "animate-spin" : ""}` })
 						}), /* @__PURE__ */ f(Ie, {
 							permission: s.VIBE_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: x("vibesPage.deniedCreateTooltip", "You don't have permission to create vibes"),
 							children: /* @__PURE__ */ p("button", {
-								onClick: X,
+								onClick: xt,
 								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")]
 							})
@@ -299,18 +272,18 @@ function h() {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ f(fe, {
 							value: T,
-							onChange: Be,
+							onChange: ze,
 							placeholder: x("vibesPage.searchPlaceholder", "Search vibes..."),
 							className: "flex-1 sm:w-64 sm:flex-none"
 						}), /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
 							children: [/* @__PURE__ */ f("button", {
-								onClick: () => We("grid"),
+								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: () => We("list"),
+								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" })
@@ -318,43 +291,34 @@ function h() {
 						})]
 					}), /* @__PURE__ */ p("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: Ve
-							}),
-							/* @__PURE__ */ f(o, {
-								label: x("vibesPage.filterType", "Type"),
-								value: D,
-								options: ze,
+						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
-							}),
-							/* @__PURE__ */ f("div", {
-								onMouseDown: W,
-								onFocus: W,
-								children: /* @__PURE__ */ f(o, {
-									label: x("vibesPage.filterAgent", "Agent"),
-									value: O,
-									options: mt,
-									onChange: Ue
-								})
 							})
-						]
+						})]
 					})]
 				}),
 				T || E !== "all" || D !== "all" || O !== "all" ? /* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
 					children: [x("vibesPage.showingResults", "Showing {{filtered}} of {{total}} vibes", {
-						filtered: K.length,
-						total: G.length
-					}), H && /* @__PURE__ */ f("span", {
+						filtered: q.length,
+						total: K.length
+					}), U && /* @__PURE__ */ f("span", {
 						className: "ml-2 text-text-muted",
 						children: x("vibesPage.refreshing", "(refreshing...)")
 					})]
 				}) : null,
-				K.length > 0 && /* @__PURE__ */ f("div", {
+				q.length > 0 && /* @__PURE__ */ f("div", {
 					className: "rounded-lg border border-border-default bg-bg-surface p-4",
 					children: /* @__PURE__ */ p("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
@@ -363,15 +327,15 @@ function h() {
 							children: [/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ f(me, {
-									checked: Y,
-									indeterminate: gt,
-									onChange: wt,
+									checked: X,
+									indeterminate: mt,
+									onChange: Ct,
 									ariaLabel: "Select all visible vibes"
 								}), /* @__PURE__ */ f("span", {
 									className: "text-sm font-medium text-text-primary",
 									children: "Select all visible"
 								})]
-							}), R.size > 0 && /* @__PURE__ */ f("button", {
+							}), z.size > 0 && /* @__PURE__ */ f("button", {
 								onClick: Z,
 								className: "text-sm text-text-secondary hover:text-text-primary",
 								children: "Clear selection"
@@ -381,31 +345,32 @@ function h() {
 							children: [
 								/* @__PURE__ */ p("span", {
 									className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
-									children: [R.size, " selected"]
+									children: [z.size, " selected"]
 								}),
 								/* @__PURE__ */ f("button", {
-									onClick: () => B("activate"),
-									disabled: q.length === 0,
+									onClick: () => V("activate"),
+									disabled: J.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", {
 										className: "inline-flex items-center gap-2",
 										children: [
 											/* @__PURE__ */ f(Ee, { className: "w-4 h-4" }),
 											"Activate Selected",
-											q.length > 0 ? ` (${q.length})` : ""
+											J.length > 0 ? ` (${J.length})` : ""
 										]
 									})
 								}),
 								/* @__PURE__ */ f("button", {
-									onClick: () => B("archive"),
-									disabled: J.length === 0,
+									onClick: () => V("archive"),
+									disabled: Y.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", {
 										className: "inline-flex items-center gap-2",
 										children: [
 											/* @__PURE__ */ f(Ce, { className: "w-4 h-4" }),
 											"Archive Selected",
-											J.length > 0 ? ` (${J.length})` : ""
+											Y.length > 0 ? ` (${Y.length})` : ""
 										]
 									})
 								})
@@ -413,34 +378,34 @@ function h() {
 						})]
 					})
 				}),
-				kt ? /* @__PURE__ */ f(he, {
+				Ot ? /* @__PURE__ */ f(he, {
 					variant: "cards",
 					count: 6
-				}) : K.length > 0 ? /* @__PURE__ */ f(je, {
+				}) : q.length > 0 ? /* @__PURE__ */ f(je, {
 					mode: "wait",
 					children: k === "grid" ? /* @__PURE__ */ f(m, {
 						stagger: .04,
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-						children: K.map((e) => /* @__PURE__ */ f(Ne, { children: /* @__PURE__ */ f(ye, {
+						children: q.map((e) => /* @__PURE__ */ f(Ne, { children: /* @__PURE__ */ f(ye, {
 							vibe: e,
-							onOpen: _t,
-							onActivate: C ? vt : void 0,
-							onArchive: C ? yt : void 0,
-							onOpenInEditor: St,
-							selected: R.has(e.id),
-							onToggleSelect: (t) => Ct(e, t)
+							onOpen: ht,
+							onActivate: C ? gt : void 0,
+							onArchive: C ? _t : void 0,
+							onOpenInEditor: bt,
+							selected: z.has(e.id),
+							onToggleSelect: (t) => St(e, t)
 						}) }, e.id))
 					}, "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
+						vibes: q,
+						onOpen: ht,
+						onActivate: gt,
+						onArchive: _t,
+						onOpenInEditor: bt,
+						selectedVibeIds: z,
+						onToggleSelect: St,
+						onToggleAllVisible: Ct,
+						allVisibleSelected: X,
+						partiallySelected: mt
 					}) }, "list")
 				}) : /* @__PURE__ */ f(de, {
 					icon: /* @__PURE__ */ f(ke, { className: "w-8 h-8 text-text-secondary" }),
@@ -451,45 +416,45 @@ function h() {
 						children: [/* @__PURE__ */ f(Le, {
 							permission: s.VIBE_CREATE,
 							children: /* @__PURE__ */ p("button", {
-								onClick: X,
+								onClick: xt,
 								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")]
 							})
 						}), /* @__PURE__ */ f(pe, { prompt: "What is a Vibe in VibeControls and how do I create one?" })]
 					}) : void 0
 				}),
-				Je && /* @__PURE__ */ f("div", {
+				Ke && /* @__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: Je
+					children: Ke
 				}),
 				/* @__PURE__ */ f(a, {
-					isOpen: Ze === "activate",
-					onClose: () => B(null),
-					onConfirm: Tt,
+					isOpen: Ye === "activate",
+					onClose: () => V(null),
+					onConfirm: wt,
 					title: "Activate selected vibes",
-					message: `Activate ${q.length} selected vibe${q.length === 1 ? "" : "s"}?`,
+					message: `Activate ${J.length} selected vibe${J.length === 1 ? "" : "s"}?`,
 					confirmLabel: "Activate",
 					variant: "default"
 				}),
 				/* @__PURE__ */ f(a, {
-					isOpen: Ze === "archive",
-					onClose: () => B(null),
-					onConfirm: Et,
+					isOpen: Ye === "archive",
+					onClose: () => V(null),
+					onConfirm: Tt,
 					title: "Archive selected vibes",
-					message: `Archive ${J.length} selected vibe${J.length === 1 ? "" : "s"}? Archived vibes will be hidden from active workflows.`,
+					message: `Archive ${Y.length} selected vibe${Y.length === 1 ? "" : "s"}? Archived vibes will be hidden from active workflows.`,
 					confirmLabel: "Archive",
 					variant: "warning"
 				}),
-				Xe && /* @__PURE__ */ p("div", {
+				Je && /* @__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: [Xe, /* @__PURE__ */ f("button", {
-						onClick: Qe,
+					children: [Je, /* @__PURE__ */ f("button", {
+						onClick: Xe,
 						className: "ml-3 text-xs underline opacity-80 hover:opacity-100",
 						children: x("vibesPage.dismiss", "Dismiss")
 					})]
 				}),
-				Ge && /* @__PURE__ */ f("div", {
+				We && /* @__PURE__ */ f("div", {
 					className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
 					children: /* @__PURE__ */ p("div", {
 						className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
@@ -501,9 +466,9 @@ function h() {
 							/* @__PURE__ */ p("div", {
 								className: "space-y-4",
 								children: [
-									Ke && /* @__PURE__ */ f("div", {
+									j && /* @__PURE__ */ f("div", {
 										className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
-										children: Ke
+										children: j
 									}),
 									/* @__PURE__ */ p("div", { children: [
 										/* @__PURE__ */ f("label", {
@@ -511,18 +476,18 @@ function h() {
 											children: x("vibesPage.nameLabel", "Name *")
 										}),
 										/* @__PURE__ */ f("input", {
-											ref: $e,
+											ref: Ze,
 											type: "text",
 											placeholder: x("vibesPage.namePlaceholder", "My Project"),
-											onChange: () => F.name && I((e) => ({
+											onChange: () => I.name && L((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 ${F.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 ${I.name ? "border-status-error-border" : "border-border-default"}`
 										}),
-										F.name && /* @__PURE__ */ f("p", {
+										I.name && /* @__PURE__ */ f("p", {
 											className: "mt-1 text-xs text-status-error-text",
-											children: F.name
+											children: I.name
 										})
 									] }),
 									/* @__PURE__ */ p("div", { children: [
@@ -531,30 +496,30 @@ function h() {
 											children: x("vibesPage.pathLabel", "Path *")
 										}),
 										/* @__PURE__ */ f("input", {
-											ref: et,
+											ref: Qe,
 											type: "text",
 											placeholder: x("vibesPage.pathPlaceholder", "/path/to/project"),
-											onChange: () => F.path && I((e) => ({
+											onChange: () => I.path && L((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 ${F.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 ${I.path ? "border-status-error-border" : "border-border-default"}`
 										}),
-										F.path && /* @__PURE__ */ f("p", {
+										I.path && /* @__PURE__ */ f("p", {
 											className: "mt-1 text-xs text-status-error-text",
-											children: F.path
+											children: I.path
 										})
 									] }),
 									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: x("vibesPage.agentLabel", "Agent")
 									}), /* @__PURE__ */ p("select", {
-										ref: tt,
+										ref: $e,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
 										children: [/* @__PURE__ */ f("option", {
 											value: "",
 											children: x("vibesPage.selectAgent", "Select an agent")
-										}), mt.filter((e) => e.value !== "all").map((e) => /* @__PURE__ */ f("option", {
+										}), ft.filter((e) => e.value !== "all").map((e) => /* @__PURE__ */ f("option", {
 											value: e.value,
 											children: e.label
 										}, e.value))]
@@ -563,7 +528,7 @@ function h() {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: x("vibesPage.typeLabel", "Type")
 									}), /* @__PURE__ */ p("select", {
-										ref: nt,
+										ref: et,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
 										children: [
 											/* @__PURE__ */ f("option", {
@@ -601,31 +566,31 @@ function h() {
 									children: x("vibesPage.tags", "Tags")
 								}), /* @__PURE__ */ f(le, {
 									entityType: "VIBECONTROLS_VIBE",
-									onDraftChange: it
+									onDraftChange: nt
 								})]
 							}),
 							/* @__PURE__ */ p("div", {
 								className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
 								children: [/* @__PURE__ */ f("button", {
 									onClick: () => A(!1),
-									disabled: M,
+									disabled: N,
 									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: Dt,
-									disabled: M,
+									onClick: Et,
+									disabled: N,
 									className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-									children: M ? x("vibesPage.creating", "Creating...") : x("vibesPage.createVibe", "Create Vibe")
+									children: N ? x("vibesPage.creating", "Creating...") : x("vibesPage.createVibe", "Create Vibe")
 								})]
 							})
 						]
 					})
 				}),
 				/* @__PURE__ */ f(se, {
-					isOpen: Ye,
-					onClose: () => P(!1),
+					isOpen: qe,
+					onClose: () => F(!1),
 					onConfirm: () => {
-						P(!1), g("/billing");
+						F(!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."