@burdenoff/microfe-vibecontrols 2026.528.5 → 2026.528.7

package/dist/pages/AgentsPage.js

@@ -26,92 +26,101 @@ import { deriveAgentStatus as Me } from "../utils/agentStatus.js";
 import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
 import { useI18n as Ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Bot as Pe, CheckSquare as Fe, Grid as Ie, List as Le, Plus as d, RefreshCw as Re, Trash2 as ze, XSquare as Be } from "lucide-react";
-import { usePermissions as Ve } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useSearchParams as Ve } from "react-router-dom";
+import { usePermissions as He } from "@burdenoff/fe-libs/shared/providers/shell";
 import { AnimatePresence as f, motion as p } from "framer-motion";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { MotionItem as He, MotionList as Ue, MotionPage as _ } from "@burdenoff/fe-libs/shared/motion";
+import { MotionItem as _, MotionList as Ue, MotionPage as v } from "@burdenoff/fe-libs/shared/motion";
 import { AccessDenied as We, PermissionButton as Ge } from "@burdenoff/fe-libs/shared/components";
 //#region src/pages/AgentsPage.tsx
 function Ke() {
-	let { onAgentSelect: Ke, workspaceId: v } = pe(), y = me(), { hasPermission: qe, isLoading: Je, permissions: Ye } = Ve(), { t: Xe } = Ne(), b = o((e, t, n) => {
+	let { onAgentSelect: Ke, workspaceId: y } = pe(), b = me(), { hasPermission: qe, isLoading: Je, permissions: Ye } = He(), { t: Xe } = Ne(), x = o((e, t, n) => {
 		let r = Xe(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
 	}, [Xe]), Ze = [
 		{
 			value: "all",
-			label: b("agentsPage.statusAll", "All Statuses")
+			label: x("agentsPage.statusAll", "All Statuses")
 		},
 		{
 			value: "ACTIVE",
-			label: b("agentsPage.statusActive", "Active")
+			label: x("agentsPage.statusActive", "Active")
 		},
 		{
 			value: "STOPPED",
-			label: b("agentsPage.statusStopped", "Stopped")
+			label: x("agentsPage.statusStopped", "Stopped")
 		},
 		{
 			value: "OFFLINE",
-			label: b("agentsPage.statusOffline", "Offline")
+			label: x("agentsPage.statusOffline", "Offline")
 		}
 	], Qe = [
 		{
 			value: "all",
-			label: b("agentsPage.platformAll", "All Platforms")
+			label: x("agentsPage.platformAll", "All Platforms")
 		},
 		{
 			value: "darwin",
-			label: b("agentsPage.platformMac", "macOS")
+			label: x("agentsPage.platformMac", "macOS")
 		},
 		{
 			value: "linux",
-			label: b("agentsPage.platformLinux", "Linux")
+			label: x("agentsPage.platformLinux", "Linux")
 		},
 		{
 			value: "windows",
-			label: b("agentsPage.platformWindows", "Windows")
+			label: x("agentsPage.platformWindows", "Windows")
 		}
-	], $e = qe(De.AGENT_LIST), [x, et] = u(""), [S, tt] = u("all"), [C, nt] = u("all"), [w, rt] = u("all"), [T, it] = u("grid"), [at, E] = u(!1), [ot, st] = u(!1), [D, O] = u(null), [ct, lt] = u(!1), k = a((e) => e.connectingAgents), ut = a((e) => e.markAgentConnecting), A = a((e) => e.clearAgentConnecting), dt = c(() => new Set(Object.keys(k)), [k]), ft = l(/* @__PURE__ */ new Map());
+	], $e = qe(De.AGENT_LIST), [S, et] = u(""), [C, tt] = u("all"), [w, nt] = u("all"), [T, rt] = u("all"), [E, it] = u("grid"), [at, D] = u(!1), [ot, st] = u(!1), [O, ct] = Ve();
+	s(() => {
+		if (O.get("create") === "true") {
+			D(!0);
+			let e = new URLSearchParams(O);
+			e.delete("create"), ct(e, { replace: !0 });
+		}
+	}, [O, ct]);
+	let [k, A] = u(null), [j, lt] = u(!1), M = a((e) => e.connectingAgents), ut = a((e) => e.markAgentConnecting), N = a((e) => e.clearAgentConnecting), dt = c(() => new Set(Object.keys(M)), [M]), ft = l(/* @__PURE__ */ new Map());
 	s(() => {
 		let e = ft.current;
-		for (let t of Object.keys(k)) {
+		for (let t of Object.keys(M)) {
 			if (e.has(t)) continue;
 			let n = setTimeout(() => {
-				A(t), e.delete(t);
+				N(t), e.delete(t);
 			}, 3e4);
 			e.set(t, n);
 		}
-		for (let [t, n] of e.entries()) t in k || (clearTimeout(n), e.delete(t));
+		for (let [t, n] of e.entries()) t in M || (clearTimeout(n), e.delete(t));
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
 			e.clear();
 		};
-	}, [k, A]);
-	let [j, M] = u(null), [N, P] = u(!1), pt = l(null), mt = l(null), [F, I] = u(/* @__PURE__ */ new Set()), [ht, L] = u(!1), [R, z] = u(null), [gt, B] = u(null), [_t, V] = u(!1), H = l(null);
+	}, [M, N]);
+	let [P, F] = u(null), [I, L] = u(!1), pt = l(null), mt = l(null), [R, z] = u(/* @__PURE__ */ new Set()), [ht, gt] = u(!1), [_t, B] = u(null), [vt, V] = u(null), [yt, H] = u(!1), U = l(null);
 	s(() => () => {
-		H.current && clearTimeout(H.current);
+		U.current && clearTimeout(U.current);
 	}, []);
-	let U = o((e) => {
-		H.current && clearTimeout(H.current), B(null), z(e), H.current = setTimeout(() => z(null), 3e3);
-	}, []), W = o((e) => {
-		H.current && clearTimeout(H.current), z(null), B(e), H.current = setTimeout(() => B(null), 5e3);
-	}, []), [vt] = ee({ refetchQueries: ["ListAgents"] }), { setDraftTagIds: yt, flushTags: bt } = be("VIBECONTROLS_AGENT"), [xt] = r({ refetchQueries: ["ListAgents"] }), [St] = i({ refetchQueries: ["ListAgents"] }), [Ct] = ne({ refetchQueries: ["ListAgents"] }), [G] = se({ refetchQueries: ["ListAgents"] }), [wt] = ce({ refetchQueries: ["ListAgents"] }), [Tt] = oe({ refetchQueries: ["ListAgents"] }), { refetch: Et } = he(), { data: Dt, loading: Ot, refetch: kt } = ae({
-		variables: { workspaceId: v ?? "" },
-		skip: !v,
+	let W = o((e) => {
+		U.current && clearTimeout(U.current), V(null), B(e), U.current = setTimeout(() => B(null), 3e3);
+	}, []), G = o((e) => {
+		U.current && clearTimeout(U.current), B(null), V(e), U.current = setTimeout(() => V(null), 5e3);
+	}, []), [bt] = ee({ refetchQueries: ["ListAgents"] }), { setDraftTagIds: xt, flushTags: St } = be("VIBECONTROLS_AGENT"), [Ct] = r({ refetchQueries: ["ListAgents"] }), [wt] = i({ refetchQueries: ["ListAgents"] }), [Tt] = ne({ refetchQueries: ["ListAgents"] }), [Et] = se({ refetchQueries: ["ListAgents"] }), [Dt] = ce({ refetchQueries: ["ListAgents"] }), [Ot] = oe({ refetchQueries: ["ListAgents"] }), { refetch: kt } = he(), { data: At, loading: jt, refetch: Mt } = ae({
+		variables: { workspaceId: y ?? "" },
+		skip: !y,
 		fetchPolicy: "cache-and-network"
-	}), At = Dt?.targets?.items ?? [], jt = At.length > 0, [Mt] = le({ refetchQueries: ["ListAgents"] }), [Nt] = re({ refetchQueries: ["ListAgents"] }), [Pt] = te({
+	}), Nt = At?.targets?.items ?? [], Pt = Nt.length > 0, [Ft] = le({ refetchQueries: ["ListAgents"] }), [It] = re({ refetchQueries: ["ListAgents"] }), [Lt] = te({
 		refetchQueries: ["VibeControlsInitialData", "ListTargets"],
 		awaitRefetchQueries: !0
-	}), Ft = o(async (e) => {
-		if (!v || !e.trim()) return null;
+	}), Rt = o(async (e) => {
+		if (!y || !e.trim()) return null;
 		try {
-			let { data: t } = await Pt({ variables: {
-				workspaceId: v,
+			let { data: t } = await Lt({ variables: {
+				workspaceId: y,
 				input: {
 					type: "DIRECT",
 					name: e.trim()
 				}
 			} }), n = t?.createTarget;
-			return n ? (Et(), kt(), {
+			return n ? (kt(), Mt(), {
 				id: n.id,
 				name: n.name,
 				type: n.type ?? "DIRECT",
@@ -121,27 +130,27 @@ function Ke() {
 			return null;
 		}
 	}, [
-		Pt,
-		Et,
+		Lt,
 		kt,
-		v
-	]), { data: It, loading: K, error: Lt, refetch: q } = ie({
+		Mt,
+		y
+	]), { data: zt, loading: K, error: Bt, refetch: q } = ie({
 		variables: {
 			filter: {
-				isActive: S === "ACTIVE" ? !0 : S === "OFFLINE" ? !1 : void 0,
-				platform: C === "all" ? void 0 : C
+				isActive: C === "ACTIVE" ? !0 : C === "OFFLINE" ? !1 : void 0,
+				platform: w === "all" ? void 0 : w
 			},
 			pagination: { limit: 100 }
 		},
 		fetchPolicy: "cache-first",
-		skip: !v
+		skip: !y
 	}), J = fe({
 		fetchPolicy: "cache-and-network",
 		nextFetchPolicy: "cache-first",
 		notifyOnNetworkStatusChange: !0,
-		skip: !v,
+		skip: !y,
 		pollInterval: 3e4
-	}), [Rt] = de({ fetchPolicy: "network-only" }), { data: Y } = ue({ skip: !v }), zt = J.data === void 0 && Y === void 0, X = c(() => {
+	}), [Vt] = de({ fetchPolicy: "network-only" }), { data: Y } = ue({ skip: !y }), Ht = J.data === void 0 && Y === void 0, X = c(() => {
 		let e = /* @__PURE__ */ new Map(), t = Y?.vibecontrolsAgentHealthProbeStream ?? J.data?.vibecontrolsAgentHealthProbes ?? [];
 		for (let n of t) e.set(n.agentId, {
 			agentId: n.agentId,
@@ -149,7 +158,7 @@ function Ke() {
 			errorMessage: n.errorMessage
 		});
 		return e;
-	}, [J.data, Y]), Z = c(() => (It?.vibecontrolsAgents ?? []).map((e) => ({
+	}, [J.data, Y]), Z = c(() => (zt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		workspaceId: e.workspaceId,
 		name: e.name,
@@ -162,7 +171,7 @@ function Ke() {
 			id: e.id,
 			isActive: e.isActive,
 			metadata: e.metadata
-		}, X, { probesLoading: zt }),
+		}, X, { probesLoading: Ht }),
 		healthError: X.get(e.id)?.errorMessage ?? (e.lastGatewayAuthPushStatus === "failed" ? e.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
 		lastHeartbeat: e.lastHeartbeat || null,
 		tunnelUrl: e.tunnelUrl ?? null,
@@ -187,62 +196,62 @@ function Ke() {
 			} : null
 		}))
 	})), [
-		It?.vibecontrolsAgents,
+		zt?.vibecontrolsAgents,
 		X,
-		zt,
+		Ht,
 		dt
 	]);
 	s(() => {
-		let e = Object.keys(k);
+		let e = Object.keys(M);
 		if (e.length === 0) return;
 		let t = Date.now(), n = Infinity;
 		for (let r of e) {
-			let e = k[r];
-			e !== void 0 && (X.get(r)?.healthy === !0 && t >= e ? A(r) : e < n && (n = e));
+			let e = M[r];
+			e !== void 0 && (X.get(r)?.healthy === !0 && t >= e ? N(r) : e < n && (n = e));
 		}
 		if (n === Infinity) return;
 		let r = Math.max(0, n - t) + 50, i = setTimeout(() => {
 			let e = a.getState().connectingAgents;
 			for (let t of Object.keys(e)) {
 				let n = e[t];
-				n !== void 0 && X.get(t)?.healthy === !0 && Date.now() >= n && A(t);
+				n !== void 0 && X.get(t)?.healthy === !0 && Date.now() >= n && N(t);
 			}
 		}, r);
 		return () => clearTimeout(i);
 	}, [
 		X,
-		k,
-		A
+		M,
+		N
 	]);
 	let Q = c(() => Z.filter((e) => {
-		if (x) {
-			let t = x.toLowerCase();
+		if (S) {
+			let t = S.toLowerCase();
 			if (!(e.name.toLowerCase().includes(t) || e.hostname?.toLowerCase().includes(t) || e.id.toLowerCase().includes(t))) return !1;
 		}
-		return !(w !== "all" && !(e.tagAssignments ?? []).some((e) => e.tagId === w));
+		return !(T !== "all" && !(e.tagAssignments ?? []).some((e) => e.tagId === T));
 	}), [
 		Z,
-		x,
-		w
+		S,
+		T
 	]);
 	s(() => () => {
-		H.current && clearTimeout(H.current);
+		U.current && clearTimeout(U.current);
 	}, []);
-	let Bt = (e) => {
-		y(`/agents/${e.id}`), Ke?.({
+	let Ut = (e) => {
+		b(`/agents/${e.id}`), Ke?.({
 			id: e.id,
 			name: e.name,
 			type: e.platform || "unknown",
 			status: e.status || (e.isActive ? "ACTIVE" : "OFFLINE")
 		});
 	}, $ = () => {
-		E(!0);
-	}, Vt = async (e) => {
+		D(!0);
+	}, Wt = async (e) => {
 		try {
 			st(!0);
 			let t = e.tunnelUrl?.trim(), n = e.agentApiKey?.trim();
 			if (t && n) {
-				let r = await xt({ variables: { input: {
+				let r = await Ct({ variables: { input: {
 					tunnelUrl: t,
 					apiKey: n,
 					...e.name ? { name: e.name } : {},
@@ -251,10 +260,10 @@ function Ke() {
 				if (r.error) throw r.error;
 				let i = r.data?.addVibecontrolsAgentFromTunnel;
 				if (!i?.success) throw Error(i?.error || "Failed to onboard agent — probe or OAuth setup failed.");
-				if (i.agent?.id) return await bt(i.agent.id), { id: i.agent.id };
+				if (i.agent?.id) return await St(i.agent.id), { id: i.agent.id };
 				throw Error("Agent onboarding returned no agent record.");
 			}
-			let r = await vt({ variables: { input: {
+			let r = await bt({ variables: { input: {
 				name: e.name,
 				hostname: e.hostname,
 				platform: e.platform,
@@ -264,63 +273,63 @@ function Ke() {
 				...e.tunnelUrl ? { tunnelUrl: e.tunnelUrl } : {},
 				...e.tunnelStatus ? { tunnelStatus: e.tunnelStatus } : {}
 			} } }), i = r.data?.createVibecontrolsAgent;
-			if (i?.id) return await bt(i.id), { id: i.id };
+			if (i?.id) return await St(i.id), { id: i.id };
 			throw r.error ? r.error : Error("Agent creation failed — no data returned from the server.");
 		} catch (e) {
 			if (t(e)) {
-				n(), V(!0), E(!1);
+				n(), H(!0), D(!1);
 				return;
 			}
 			throw console.error("Failed to create agent:", e), e;
 		} finally {
 			st(!1);
 		}
-	}, Ht = async (e) => {
+	}, Gt = async (e) => {
 		try {
-			let t = (await G({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
+			let t = (await Et({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
 			if (!t?.success) {
 				if (/not yet configured|awaiting[-\s_]config/i.test(t?.error ?? "")) {
-					let t = (await Tt({ variables: { input: { agentId: e.id } } })).data?.setupAgentGatewayAuth;
+					let t = (await Ot({ variables: { input: { agentId: e.id } } })).data?.setupAgentGatewayAuth;
 					if (t?.error) throw Error(`Agent needs credentials. Auto re-push failed: ${t.error}. Try "Re-push credentials" in Security tab.`);
 					if (!t) throw Error("Agent needs credentials. Auto re-push returned no result. Try \"Re-push credentials\" in Security tab.");
 					let n = t.agent?.lastGatewayAuthPushStatus, r = t.agent?.lastGatewayAuthPushError;
 					if (n === "failed") throw Error(`Credentials created but push to agent tunnel failed: ${r || "unknown error"}. Check that the agent can reach the workspace's gateway URLs from its host network.`);
-					let i = (await G({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
+					let i = (await Et({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
 					if (!i?.success) throw Error(`Credentials pushed but lifecycle/start failed: ${i?.error || "unknown error"}. The agent has fresh credentials; try clicking Reconnect again or check vibe status on the host.`);
-					await St({ variables: { id: e.id } }), U(`Agent "${e.name}" re-credentialed and started.`);
+					await wt({ variables: { id: e.id } }), W(`Agent "${e.name}" re-credentialed and started.`);
 					return;
 				}
 				throw Error(t?.error || "Failed to start agent");
 			}
-			await St({ variables: { id: e.id } }), U(`Agent "${e.name}" started`);
+			await wt({ variables: { id: e.id } }), W(`Agent "${e.name}" started`);
 		} catch (e) {
-			console.error("Failed to start agent:", e), W(e instanceof Error ? e.message : "Failed to start agent");
+			console.error("Failed to start agent:", e), G(e instanceof Error ? e.message : "Failed to start agent");
 		}
-	}, Ut = async (e) => {
+	}, Kt = async (e) => {
 		try {
-			let t = (await wt({ variables: { agentId: e.id } })).data?.stopVibecontrolsAgent;
+			let t = (await Dt({ variables: { agentId: e.id } })).data?.stopVibecontrolsAgent;
 			if (!t?.success) throw Error(t?.error || "Failed to stop agent");
-			await Ct({ variables: { id: e.id } }), U(`Agent "${e.name}" stopped`);
+			await Tt({ variables: { id: e.id } }), W(`Agent "${e.name}" stopped`);
 		} catch (e) {
-			console.error("Failed to stop agent:", e), W(e instanceof Error ? e.message : "Failed to stop agent");
+			console.error("Failed to stop agent:", e), G(e instanceof Error ? e.message : "Failed to stop agent");
 		}
-	}, Wt = (e) => {
-		M(e);
-	}, Gt = async () => {
-		if (!j) return;
-		let e = j;
-		P(!0);
+	}, qt = (e) => {
+		F(e);
+	}, Jt = async () => {
+		if (!P) return;
+		let e = P;
+		L(!0);
 		try {
-			await Ct({
+			await Tt({
 				variables: { id: e.id },
 				refetchQueries: []
 			});
 		} catch (e) {
-			console.error("Failed to deactivate agent:", e), W(e instanceof Error ? e.message : "Failed to disconnect agent"), P(!1), M(null), await q();
+			console.error("Failed to deactivate agent:", e), G(e instanceof Error ? e.message : "Failed to disconnect agent"), L(!1), F(null), await q();
 			return;
 		}
 		try {
-			await Mt({
+			await Ft({
 				variables: {
 					id: e.id,
 					input: {
@@ -330,20 +339,20 @@ function Ke() {
 					}
 				},
 				refetchQueries: []
-			}), U(`Agent "${e.name}" disconnected`);
+			}), W(`Agent "${e.name}" disconnected`);
 		} catch (e) {
-			console.error("Failed to clear tunnel fields:", e), W("Agent marked offline, but failed to clear connection fields — clear them manually in Settings.");
+			console.error("Failed to clear tunnel fields:", e), G("Agent marked offline, but failed to clear connection fields — clear them manually in Settings.");
 		}
-		P(!1), M(null), await q();
-	}, Kt = (e) => {
-		y(`/agents/${e.id}`);
-	}, qt = (e) => {
-		O(e);
-	}, Jt = async () => {
-		if (!D) return;
-		let e = D.id, t = pt.current?.value?.trim() || "", n = mt.current?.value?.trim() || "";
+		L(!1), F(null), await q();
+	}, Yt = (e) => {
+		b(`/agents/${e.id}`);
+	}, Xt = (e) => {
+		A(e);
+	}, Zt = async () => {
+		if (!k) return;
+		let e = k.id, t = pt.current?.value?.trim() || "", n = mt.current?.value?.trim() || "";
 		try {
-			lt(!0), await Mt({
+			lt(!0), await Ft({
 				variables: {
 					id: e,
 					input: {
@@ -353,102 +362,102 @@ function Ke() {
 					}
 				},
 				refetchQueries: ["ListAgents", "VibecontrolsAgentHealthProbes"]
-			}), t && ut(e), O(null);
+			}), t && ut(e), A(null);
 		} catch (e) {
 			console.error("Failed to update tunnel settings:", e);
 		} finally {
 			lt(!1);
 		}
-	}, Yt = o((e) => {
-		I((t) => {
+	}, Qt = o((e) => {
+		z((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Xt = o(() => {
-		I(new Set(Q.map((e) => e.id)));
-	}, [Q]), Zt = o(() => {
-		I(/* @__PURE__ */ new Set());
-	}, []), Qt = Q.length > 0 && F.size === Q.length, $t = F.size > 0, en = o(async () => {
-		if (F.size !== 0 && window.confirm(b("agentsPage.bulkDeleteConfirm", "Are you sure you want to remove {{count}} agent(s)? This cannot be undone.", { count: F.size }))) {
-			L(!0);
+	}, []), $t = o(() => {
+		z(new Set(Q.map((e) => e.id)));
+	}, [Q]), en = o(() => {
+		z(/* @__PURE__ */ new Set());
+	}, []), tn = Q.length > 0 && R.size === Q.length, nn = R.size > 0, rn = o(async () => {
+		if (R.size !== 0 && window.confirm(x("agentsPage.bulkDeleteConfirm", "Are you sure you want to remove {{count}} agent(s)? This cannot be undone.", { count: R.size }))) {
+			gt(!0);
 			try {
-				let e = await Promise.allSettled(Array.from(F).map((e) => Nt({ variables: { id: e } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.filter((e) => e.status === "rejected").length;
-				n > 0 ? W(`Removed ${t}, failed to remove ${n} agent${n === 1 ? "" : "s"}`) : U(`Removed ${t} agent${t === 1 ? "" : "s"}`), I(/* @__PURE__ */ new Set());
+				let e = await Promise.allSettled(Array.from(R).map((e) => It({ variables: { id: e } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.filter((e) => e.status === "rejected").length;
+				n > 0 ? G(`Removed ${t}, failed to remove ${n} agent${n === 1 ? "" : "s"}`) : W(`Removed ${t} agent${t === 1 ? "" : "s"}`), z(/* @__PURE__ */ new Set());
 			} catch (e) {
-				W(e instanceof Error ? e.message : "Failed to remove agents");
+				G(e instanceof Error ? e.message : "Failed to remove agents");
 			} finally {
-				L(!1);
+				gt(!1);
 			}
 		}
 	}, [
-		F,
-		Nt,
-		W,
-		U
-	]), tn = {
+		R,
+		It,
+		G,
+		W
+	]), an = {
 		total: Z.length,
 		active: Z.filter((e) => e.status === "ACTIVE").length,
 		offline: Z.filter((e) => e.status !== "ACTIVE").length
 	};
-	return Je ? /* @__PURE__ */ h(_, {
+	return Je ? /* @__PURE__ */ h(v, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ h(_e, { message: b("agentsPage.loadingPermissions", "Loading permissions...") })
-	}) : Ye && Ye.permissionStrings?.length > 0 && !$e ? /* @__PURE__ */ h(_, {
+		children: /* @__PURE__ */ h(_e, { message: x("agentsPage.loadingPermissions", "Loading permissions...") })
+	}) : Ye && Ye.permissionStrings?.length > 0 && !$e ? /* @__PURE__ */ h(v, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: /* @__PURE__ */ h(We, {
-			title: b("agentsPage.accessDeniedTitle", "Access Denied"),
-			description: b("agentsPage.accessDeniedDescription", "You don't have permission to view agents. Contact your workspace administrator for access.")
+			title: x("agentsPage.accessDeniedTitle", "Access Denied"),
+			description: x("agentsPage.accessDeniedDescription", "You don't have permission to view agents. Contact your workspace administrator for access.")
 		})
-	}) : Lt && Z.length === 0 ? /* @__PURE__ */ h(_, {
+	}) : Bt && Z.length === 0 ? /* @__PURE__ */ h(v, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: /* @__PURE__ */ h(ve, {
-			title: b("agentsPage.failedLoad", "Failed to load agents"),
-			message: Lt.message,
+			title: x("agentsPage.failedLoad", "Failed to load agents"),
+			message: Bt.message,
 			onRetry: () => q()
 		})
-	}) : /* @__PURE__ */ g(_, {
+	}) : /* @__PURE__ */ g(v, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			R && /* @__PURE__ */ h("div", {
+			_t && /* @__PURE__ */ h("div", {
 				className: "fixed top-4 left-4 right-4 sm:left-auto z-[101] bg-status-success-bg text-status-success-text px-4 py-3 rounded-md shadow-lg text-sm",
-				children: R
+				children: _t
 			}),
-			gt && /* @__PURE__ */ h("div", {
+			vt && /* @__PURE__ */ h("div", {
 				className: "fixed top-4 right-4 z-[101] bg-status-error-bg text-status-error-text px-4 py-3 rounded-md shadow-lg text-sm",
-				children: gt
+				children: vt
 			}),
 			/* @__PURE__ */ h(ge, {
-				title: b("agentsPage.title", "Agents"),
-				description: b("agentsPage.descriptionOnline", "{{active}} of {{total}} agents online", {
-					active: tn.active,
-					total: tn.total
+				title: x("agentsPage.title", "Agents"),
+				description: x("agentsPage.descriptionOnline", "{{active}} of {{total}} agents online", {
+					active: an.active,
+					total: an.total
 				}),
 				actions: /* @__PURE__ */ g("div", {
 					className: "flex w-full flex-col items-end gap-2 sm:w-auto sm:flex-row sm:items-center",
 					children: [/* @__PURE__ */ h("button", {
 						type: "button",
 						onClick: () => {
-							q(), Rt();
+							q(), Vt();
 						},
 						disabled: K || J.loading,
 						className: "flex items-center justify-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-						title: b("agentsPage.refreshTitle", "Refresh agents"),
+						title: x("agentsPage.refreshTitle", "Refresh agents"),
 						children: /* @__PURE__ */ h(Re, { className: `size-4 ${K || J.loading ? "animate-spin" : ""}` })
-					}), jt ? /* @__PURE__ */ h(Ge, {
+					}), Pt ? /* @__PURE__ */ h(Ge, {
 						permission: De.AGENT_CREATE,
 						deniedBehavior: "disable",
-						deniedTooltip: b("agentsPage.deniedCreateTooltip", "You don't have permission to create agents"),
+						deniedTooltip: x("agentsPage.deniedCreateTooltip", "You don't have permission to create agents"),
 						children: /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: $,
 							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__ */ h(d, { className: "size-4" }), b("agentsPage.addAgent", "Add Agent")]
+							children: [/* @__PURE__ */ h(d, { className: "size-4" }), x("agentsPage.addAgent", "Add Agent")]
 						})
 					}) : /* @__PURE__ */ g("button", {
 						type: "button",
 						onClick: $,
 						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__ */ h(d, { className: "size-4" }), b("agentsPage.addAgent", "Add Agent")]
+						children: [/* @__PURE__ */ h(d, { className: "size-4" }), x("agentsPage.addAgent", "Add Agent")]
 					})]
 				})
 			}),
@@ -465,27 +474,27 @@ function Ke() {
 				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ h(Se, {
-						value: x,
+						value: S,
 						onChange: et,
-						placeholder: b("agentsPage.searchPlaceholder", "Search agents..."),
+						placeholder: x("agentsPage.searchPlaceholder", "Search agents..."),
 						className: "flex-1 sm:w-64 sm:flex-none"
 					}), /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
 						children: [/* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								it("grid"), I(/* @__PURE__ */ new Set());
+								it("grid"), z(/* @__PURE__ */ new Set());
 							},
-							className: `p-1.5 sm:p-2 rounded ${T === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-							title: b("agentsPage.gridViewTitle", "Grid view"),
+							className: `p-1.5 sm:p-2 rounded ${E === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							title: x("agentsPage.gridViewTitle", "Grid view"),
 							children: /* @__PURE__ */ h(Ie, { className: "size-4 text-text-secondary" })
 						}), /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								it("list"), I(/* @__PURE__ */ new Set());
+								it("list"), z(/* @__PURE__ */ new Set());
 							},
-							className: `p-1.5 sm:p-2 rounded ${T === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-							title: b("agentsPage.listViewTitle", "List view"),
+							className: `p-1.5 sm:p-2 rounded ${E === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							title: x("agentsPage.listViewTitle", "List view"),
 							children: /* @__PURE__ */ h(Le, { className: "size-4 text-text-secondary" })
 						})]
 					})]
@@ -493,20 +502,20 @@ function Ke() {
 					className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 					children: [
 						/* @__PURE__ */ h(Ce, {
-							label: b("agentsPage.filterStatus", "Status"),
-							value: S,
+							label: x("agentsPage.filterStatus", "Status"),
+							value: C,
 							options: Ze,
 							onChange: tt
 						}),
 						/* @__PURE__ */ h(Ce, {
-							label: b("agentsPage.filterPlatform", "Platform"),
-							value: C,
+							label: x("agentsPage.filterPlatform", "Platform"),
+							value: w,
 							options: Qe,
 							onChange: nt
 						}),
 						/* @__PURE__ */ h(Ee, {
-							label: b("agentsPage.filterTag", "Tag"),
-							value: w,
+							label: x("agentsPage.filterTag", "Tag"),
+							value: T,
 							onChange: rt
 						})
 					]
@@ -518,49 +527,49 @@ function Ke() {
 					className: "ml-auto flex items-center gap-2",
 					children: /* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: Qt ? Zt : Xt,
+						onClick: tn ? en : $t,
 						className: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
-						children: [/* @__PURE__ */ h(Fe, { className: "size-3.5" }), Qt ? b("agentsPage.deselectAll", "Deselect All") : b("agentsPage.selectAll", "Select All")]
+						children: [/* @__PURE__ */ h(Fe, { className: "size-3.5" }), tn ? x("agentsPage.deselectAll", "Deselect All") : x("agentsPage.selectAll", "Select All")]
 					})
 				})
 			}),
-			$t && /* @__PURE__ */ g("div", {
+			nn && /* @__PURE__ */ g("div", {
 				className: "flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-2 bg-action-primary-bg/10 border border-action-primary-bg/20 rounded-lg",
 				children: [/* @__PURE__ */ h("span", {
 					className: "text-sm font-medium text-text-primary",
-					children: b("agentsPage.selectedCount", "{{count}} agents selected", { count: F.size })
+					children: x("agentsPage.selectedCount", "{{count}} agents selected", { count: R.size })
 				}), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-1.5 sm:ml-auto",
 					children: [/* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: en,
+						onClick: rn,
 						disabled: ht,
 						className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-status-error-text bg-status-error-bg border border-status-error-text/20 rounded-md hover:bg-status-error-bg/80 transition-colors disabled:opacity-50",
 						children: [
 							/* @__PURE__ */ h(ze, { className: "size-3" }),
 							" ",
-							b("agentsPage.remove", "Remove")
+							x("agentsPage.remove", "Remove")
 						]
 					}), /* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: Zt,
+						onClick: en,
 						className: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
 						children: [
 							/* @__PURE__ */ h(Be, { className: "size-3" }),
 							" ",
-							b("agentsPage.deselect", "Deselect")
+							x("agentsPage.deselect", "Deselect")
 						]
 					})]
 				})]
 			}),
-			x || S !== "all" || C !== "all" ? /* @__PURE__ */ g("p", {
+			S || C !== "all" || w !== "all" ? /* @__PURE__ */ g("p", {
 				className: "text-sm text-text-secondary",
-				children: [b("agentsPage.showingResults", "Showing {{filtered}} of {{total}} agents", {
+				children: [x("agentsPage.showingResults", "Showing {{filtered}} of {{total}} agents", {
 					filtered: Q.length,
 					total: Z.length
 				}), K && /* @__PURE__ */ h("span", {
 					className: "ml-2 text-text-muted",
-					children: b("agentsPage.refreshing", "(refreshing...)")
+					children: x("agentsPage.refreshing", "(refreshing...)")
 				})]
 			}) : null,
 			K && Z.length === 0 ? /* @__PURE__ */ h(Oe, {
@@ -568,92 +577,92 @@ function Ke() {
 				count: 6
 			}) : Q.length > 0 ? /* @__PURE__ */ h(f, {
 				mode: "wait",
-				children: T === "grid" ? /* @__PURE__ */ h(Ue, {
+				children: E === "grid" ? /* @__PURE__ */ h(Ue, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: Q.map((e) => /* @__PURE__ */ h(He, {
+					children: Q.map((e) => /* @__PURE__ */ h(_, {
 						className: "h-full",
 						children: /* @__PURE__ */ h(ke, {
 							agent: e,
-							onSelect: Bt,
-							onStart: Ht,
-							onStop: Ut,
-							onDisconnect: Wt,
-							onConfigure: Kt,
-							onEditTunnelUrl: qt,
-							selected: F.has(e.id),
-							onToggleSelect: () => Yt(e.id),
+							onSelect: Ut,
+							onStart: Gt,
+							onStop: Kt,
+							onDisconnect: qt,
+							onConfigure: Yt,
+							onEditTunnelUrl: Xt,
+							selected: R.has(e.id),
+							onToggleSelect: () => Qt(e.id),
 							healthErrorMessage: e.healthError ?? null
 						})
 					}, e.id))
 				}, "grid-view") : /* @__PURE__ */ h(Ue, {
 					stagger: .04,
-					children: /* @__PURE__ */ h(He, {
+					children: /* @__PURE__ */ h(_, {
 						variant: "fadeRight",
 						children: /* @__PURE__ */ h(Ae, {
 							agents: Q,
-							onSelect: Bt,
-							onStart: Ht,
-							onStop: Ut,
-							onDisconnect: Wt,
-							onSettings: Kt
+							onSelect: Ut,
+							onStart: Gt,
+							onStop: Kt,
+							onDisconnect: qt,
+							onSettings: Yt
 						})
 					})
 				}, "list-view")
 			}) : /* @__PURE__ */ h(xe, {
 				icon: /* @__PURE__ */ h(Pe, { className: "size-8 text-text-secondary" }),
-				title: x || S !== "all" || C !== "all" ? b("agentsPage.emptyNoAgentsFound", "No agents found") : b("agentsPage.emptyNoAgentsConfigured", "No agents configured"),
-				description: x || S !== "all" || C !== "all" ? b("agentsPage.emptyAdjustSearch", "Try adjusting your search or filters") : b("agentsPage.emptyNoAgentsDescription", "Install the CLI agent on your machine, then add it here. You can create a target inline while adding the agent."),
-				action: !x && S === "all" && C === "all" ? /* @__PURE__ */ g("div", {
+				title: S || C !== "all" || w !== "all" ? x("agentsPage.emptyNoAgentsFound", "No agents found") : x("agentsPage.emptyNoAgentsConfigured", "No agents configured"),
+				description: S || C !== "all" || w !== "all" ? x("agentsPage.emptyAdjustSearch", "Try adjusting your search or filters") : x("agentsPage.emptyNoAgentsDescription", "Install the CLI agent on your machine, then add it here. You can create a target inline while adding the agent."),
+				action: !S && C === "all" && w === "all" ? /* @__PURE__ */ g("div", {
 					className: "flex flex-wrap items-center gap-3",
 					children: [
 						/* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: $,
 							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__ */ h(d, { className: "size-4" }), b("agentsPage.addAgent", "Add Agent")]
+							children: [/* @__PURE__ */ h(d, { className: "size-4" }), x("agentsPage.addAgent", "Add Agent")]
 						}),
 						/* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => y("/getting-started"),
+							onClick: () => b("/getting-started"),
 							className: "flex items-center gap-2 px-4 py-2 border border-border-default text-text-primary rounded-md hover:bg-bg-sunken transition-colors text-sm",
-							children: b("agentsPage.setupGuide", "Setup guide")
+							children: x("agentsPage.setupGuide", "Setup guide")
 						}),
 						/* @__PURE__ */ h(Te, { prompt: "What is an Agent in VibeControls and how do I add one?" })
 					]
 				}) : void 0
 			}),
 			at && /* @__PURE__ */ h(je, {
-				onSubmit: Vt,
-				onCancel: () => E(!1),
+				onSubmit: Wt,
+				onCancel: () => D(!1),
 				isLoading: ot,
 				onNavigate: (e) => {
-					E(!1), y(e);
+					D(!1), b(e);
 				},
-				targets: At.map((e) => ({
+				targets: Nt.map((e) => ({
 					id: e.id,
 					name: e.name,
 					type: e.type || "DIRECT",
 					status: e.status
 				})),
-				targetsLoading: Ot,
-				onCreateTarget: Ft,
+				targetsLoading: jt,
+				onCreateTarget: Rt,
 				extraSection: /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 					className: "text-sm font-medium text-text-secondary mb-2",
-					children: b("agents.tags", "Tags")
+					children: x("agents.tags", "Tags")
 				}), /* @__PURE__ */ h(ye, {
 					entityType: "VIBECONTROLS_AGENT",
-					onDraftChange: yt
+					onDraftChange: xt
 				})] })
 			}),
-			/* @__PURE__ */ h(f, { children: j && /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ h(f, { children: P && /* @__PURE__ */ h("div", {
 				role: "button",
 				tabIndex: 0,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), !N && M(null));
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), !I && F(null));
 				},
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4 sm:p-6",
-				onClick: () => !N && M(null),
+				onClick: () => !I && F(null),
 				children: /* @__PURE__ */ g(p.div, {
 					initial: {
 						opacity: 0,
@@ -677,14 +686,14 @@ function Ke() {
 						}),
 						/* @__PURE__ */ h("p", {
 							className: "text-sm text-text-secondary mb-4",
-							children: Me(j) === "OFFLINE" ? /* @__PURE__ */ g(m, { children: [
+							children: Me(P) === "OFFLINE" ? /* @__PURE__ */ g(m, { children: [
 								"Clear the stored tunnel connection for",
 								" ",
-								/* @__PURE__ */ h("strong", { children: j.name }),
+								/* @__PURE__ */ h("strong", { children: P.name }),
 								"? This will remove the tunnel URL and API key from this offline agent."
 							] }) : /* @__PURE__ */ g(m, { children: [
 								"Mark ",
-								/* @__PURE__ */ h("strong", { children: j.name }),
+								/* @__PURE__ */ h("strong", { children: P.name }),
 								" as offline and clear its tunnel connection? The agent process will not be stopped automatically — you may need to stop it manually on the host machine."
 							] })
 						}),
@@ -692,29 +701,29 @@ function Ke() {
 							className: "flex justify-end gap-2",
 							children: [/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => M(null),
-								disabled: N,
+								onClick: () => F(null),
+								disabled: I,
 								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
 								children: "Cancel"
 							}), /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: Gt,
-								disabled: N,
+								onClick: Jt,
+								disabled: I,
 								className: "px-4 py-2 text-sm bg-action-danger-bg text-action-danger-text rounded-md hover:bg-action-danger-bg-hover transition-colors disabled:opacity-50",
-								children: N ? "Disconnecting..." : "Disconnect"
+								children: I ? "Disconnecting..." : "Disconnect"
 							})]
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ h(f, { children: D && /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ h(f, { children: k && /* @__PURE__ */ h("div", {
 				role: "button",
 				tabIndex: 0,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), O(null));
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), A(null));
 				},
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4 sm:p-6",
-				onClick: () => O(null),
+				onClick: () => A(null),
 				children: /* @__PURE__ */ g(p.div, {
 					initial: {
 						opacity: 0,
@@ -734,47 +743,47 @@ function Ke() {
 					children: [
 						/* @__PURE__ */ h("h3", {
 							className: "text-lg font-semibold text-text-primary mb-1",
-							children: b("agentsPage.editTunnelTitle", "Edit Tunnel")
+							children: x("agentsPage.editTunnelTitle", "Edit Tunnel")
 						}),
 						/* @__PURE__ */ h("p", {
 							className: "text-sm text-text-secondary mb-4",
-							children: b("agentsPage.editTunnelDescription", "Configure the cloudflared tunnel URL and API key for {{name}}.", { name: D.name })
+							children: x("agentsPage.editTunnelDescription", "Configure the cloudflared tunnel URL and API key for {{name}}.", { name: k.name })
 						}),
 						/* @__PURE__ */ g("div", {
 							className: "space-y-4",
 							children: [/* @__PURE__ */ g("div", { children: [
 								/* @__PURE__ */ h("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: b("agentsPage.tunnelUrlLabel", "Tunnel URL")
+									children: x("agentsPage.tunnelUrlLabel", "Tunnel URL")
 								}),
 								/* @__PURE__ */ h("input", {
 									"aria-label": "control",
 									ref: pt,
 									type: "url",
-									defaultValue: D.tunnelUrl || "",
-									placeholder: b("agentsPage.tunnelUrlPlaceholder", "https://example.trycloudflare.com"),
+									defaultValue: k.tunnelUrl || "",
+									placeholder: x("agentsPage.tunnelUrlPlaceholder", "https://example.trycloudflare.com"),
 									className: "w-full px-3 py-2 border border-border-default rounded-md bg-bg-sunken text-text-primary placeholder:text-text-placeholder focus:outline-none focus:border-border-strong"
 								}),
 								/* @__PURE__ */ h("p", {
 									className: "text-xs text-text-muted mt-1",
-									children: b("agentsPage.tunnelUrlHint", "Leave empty to clear. Agents with auto-tunnel report this automatically on startup.")
+									children: x("agentsPage.tunnelUrlHint", "Leave empty to clear. Agents with auto-tunnel report this automatically on startup.")
 								})
 							] }), /* @__PURE__ */ g("div", { children: [
 								/* @__PURE__ */ h("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: b("agentsPage.agentApiKeyLabel", "Agent API Key")
+									children: x("agentsPage.agentApiKeyLabel", "Agent API Key")
 								}),
 								/* @__PURE__ */ h("input", {
 									"aria-label": "control",
 									ref: mt,
 									type: "text",
-									defaultValue: D.agentApiKey || "",
-									placeholder: b("agentsPage.agentApiKeyPlaceholder", "sk-agent-..."),
+									defaultValue: k.agentApiKey || "",
+									placeholder: x("agentsPage.agentApiKeyPlaceholder", "sk-agent-..."),
 									className: "w-full px-3 py-2 border border-border-default rounded-md bg-bg-sunken text-text-primary font-mono text-sm placeholder:text-text-placeholder focus:outline-none focus:border-border-strong"
 								}),
 								/* @__PURE__ */ h("p", {
 									className: "text-xs text-text-muted mt-1",
-									children: b("agentsPage.agentApiKeyHint", "Authenticates requests to the agent. Typically changes on each agent restart.")
+									children: x("agentsPage.agentApiKeyHint", "Authenticates requests to the agent. Typically changes on each agent restart.")
 								})
 							] })]
 						}),
@@ -782,25 +791,25 @@ function Ke() {
 							className: "flex justify-end gap-2 mt-5",
 							children: [/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => O(null),
+								onClick: () => A(null),
 								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
-								children: b("agentsPage.cancel", "Cancel")
+								children: x("agentsPage.cancel", "Cancel")
 							}), /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: Jt,
-								disabled: ct,
+								onClick: Zt,
+								disabled: j,
 								className: "px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-								children: ct ? b("agentsPage.saving", "Saving...") : b("agentsPage.save", "Save")
+								children: j ? x("agentsPage.saving", "Saving...") : x("agentsPage.save", "Save")
 							})]
 						})
 					]
 				})
 			}) }),
 			/* @__PURE__ */ h(e, {
-				isOpen: _t,
-				onClose: () => V(!1),
+				isOpen: yt,
+				onClose: () => H(!1),
 				onConfirm: () => {
-					V(!1), y("/billing");
+					H(!1), b("/billing");
 				},
 				title: "Agent Quota Reached",
 				message: "You've used all available agent slots on your current plan. Upgrade your plan to register more agents."