@burdenoff/microfe-vibecontrols 2026.522.2 → 2026.522.4

package/dist/pages/AgentsPage.js

@@ -1,42 +1,42 @@
-import { useAddAgentFromTunnelMutation as e, useAgentHeartbeatMutation as t, useCreateAgentMutation as n, useCreateTargetMutation as r, useDeactivateAgentMutation as i, useDeleteAgentMutation as ee, useListAgentsQuery as te, useStartVibecontrolsAgentMutation as ne, useStopVibecontrolsAgentMutation as re, useUpdateAgentMutation as ie, useVibecontrolsAgentHealthProbeStreamSubscription as ae, useVibecontrolsAgentHealthProbesLazyQuery as oe } from "../generated/wspace-operations.js";
-import { useVibeControls as se, useVibeNavigate as ce } from "../providers/VibeControlsProvider.js";
+import { useAddAgentFromTunnelMutation as e, useAgentHeartbeatMutation as t, useCreateAgentMutation as n, useCreateTargetMutation as r, useDeactivateAgentMutation as i, useDeleteAgentMutation as ee, useListAgentsQuery as te, useStartVibecontrolsAgentMutation as ne, useStopVibecontrolsAgentMutation as re, useUpdateAgentMutation as ie, useVibecontrolsAgentHealthProbeStreamSubscription as ae, useVibecontrolsAgentHealthProbesLazyQuery as oe, useVibecontrolsAgentHealthProbesQuery as se } from "../generated/wspace-operations.js";
+import { useVibeControls as ce, useVibeNavigate as le } from "../providers/VibeControlsProvider.js";
 import { useVibeControlsStore as a } 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 { QuotaExhaustedDialog as pe } from "../components/shared/QuotaExhaustedDialog.js";
-import { isQuotaExhaustedError as me } from "../utils/quotaUtils.js";
-import { EntityTagPicker as he } from "../components/shared/EntityTagPicker.js";
-import { useDraftEntityTags as ge } from "../hooks/useDraftEntityTags.js";
-import { EmptyState as _e } from "../components/shared/EmptyState.js";
-import { SearchInput as ve } from "../components/shared/SearchInput.js";
-import { FilterDropdown as ye } from "../components/shared/FilterDropdown.js";
-import { AgentSetupBanner as be } from "../components/shared/AgentSetupBanner.js";
-import { GetHelpButton as xe } from "../components/shared/GetHelpButton.js";
-import { TagFilter as Se } from "../components/shared/TagFilter.js";
+import ue from "../hooks/useCachedInitialData.js";
+import { PageHeader as de } from "../components/shared/PageHeader.js";
+import { LoadingState as fe } from "../components/shared/LoadingState.js";
+import { ErrorState as pe } from "../components/shared/ErrorState.js";
+import { QuotaExhaustedDialog as me } from "../components/shared/QuotaExhaustedDialog.js";
+import { isQuotaExhaustedError as he } from "../utils/quotaUtils.js";
+import { EntityTagPicker as ge } from "../components/shared/EntityTagPicker.js";
+import { useDraftEntityTags as _e } from "../hooks/useDraftEntityTags.js";
+import { EmptyState as ve } from "../components/shared/EmptyState.js";
+import { SearchInput as ye } from "../components/shared/SearchInput.js";
+import { FilterDropdown as be } from "../components/shared/FilterDropdown.js";
+import { AgentSetupBanner as xe } from "../components/shared/AgentSetupBanner.js";
+import { GetHelpButton as Se } from "../components/shared/GetHelpButton.js";
+import { TagFilter as Ce } from "../components/shared/TagFilter.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as Ce } from "../constants/permissions.js";
-import { PageSkeleton as we } from "../components/shared/PageSkeleton.js";
-import { AgentCard as Te } from "../components/agents/AgentCard.js";
-import { AgentList as Ee } from "../components/agents/AgentList.js";
-import { AgentForm as De } from "../components/agents/AgentForm.js";
+import { VIBE_PERMISSIONS as we } from "../constants/permissions.js";
+import { PageSkeleton as Te } from "../components/shared/PageSkeleton.js";
+import { AgentCard as Ee } from "../components/agents/AgentCard.js";
+import { AgentList as De } from "../components/agents/AgentList.js";
+import { AgentForm as Oe } from "../components/agents/AgentForm.js";
 import "../components/agents/index.js";
-import { deriveAgentStatus as Oe } from "../utils/agentStatus.js";
+import { deriveAgentStatus as ke } 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 ke } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Bot as Ae, CheckSquare as je, Grid as Me, List as Ne, Plus as d, RefreshCw as Pe, Trash2 as Fe, XSquare as Ie } from "lucide-react";
-import { usePermissions as Le } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as f, motion as Re } from "framer-motion";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { MotionItem as g, MotionList as _, MotionPage as v } from "@burdenoff/fe-libs/shared/motion";
+import { useI18n as Ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Bot as je, CheckSquare as Me, Grid as Ne, List as Pe, Plus as d, RefreshCw as Fe, Trash2 as Ie, XSquare as Le } from "lucide-react";
+import { usePermissions as Re } 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 _, MotionList as v, MotionPage as y } from "@burdenoff/fe-libs/shared/motion";
 import { AccessDenied as ze, PermissionButton as Be } from "@burdenoff/fe-libs/shared/components";
 //#region src/pages/AgentsPage.tsx
-function y() {
-	let { onAgentSelect: y, workspaceId: b } = se(), x = ce(), { hasPermission: Ve, isLoading: He, permissions: Ue } = Le(), { t: We } = ke(), S = o((e, t, n) => {
-		let r = We(e, n), i = r === e ? t : r;
+function Ve() {
+	let { onAgentSelect: Ve, workspaceId: b } = ce(), x = le(), { hasPermission: He, isLoading: Ue, permissions: We } = Re(), { t: Ge } = Ae(), S = o((e, t, n) => {
+		let r = Ge(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [We]), Ge = [
+	}, [Ge]), Ke = [
 		{
 			value: "all",
 			label: S("agentsPage.statusAll", "All Statuses")
@@ -53,7 +53,7 @@ function y() {
 			value: "OFFLINE",
 			label: S("agentsPage.statusOffline", "Offline")
 		}
-	], Ke = [
+	], qe = [
 		{
 			value: "all",
 			label: S("agentsPage.platformAll", "All Platforms")
@@ -70,9 +70,9 @@ function y() {
 			value: "windows",
 			label: S("agentsPage.platformWindows", "Windows")
 		}
-	], qe = Ve(Ce.AGENT_LIST), [C, Je] = u(""), [w, Ye] = u("all"), [T, Xe] = u("all"), [E, Ze] = u("all"), [D, Qe] = u("grid"), [$e, O] = u(!1), [et, tt] = u(!1), [k, A] = u(null), [nt, rt] = u(!1), j = a((e) => e.connectingAgents), it = a((e) => e.markAgentConnecting), M = a((e) => e.clearAgentConnecting), at = c(() => new Set(Object.keys(j)), [j]), ot = l(/* @__PURE__ */ new Map());
+	], Je = He(we.AGENT_LIST), [C, Ye] = u(""), [w, Xe] = u("all"), [T, Ze] = u("all"), [E, Qe] = u("all"), [D, $e] = u("grid"), [et, O] = u(!1), [tt, nt] = u(!1), [k, A] = u(null), [rt, it] = u(!1), j = a((e) => e.connectingAgents), at = a((e) => e.markAgentConnecting), M = a((e) => e.clearAgentConnecting), ot = c(() => new Set(Object.keys(j)), [j]), N = l(/* @__PURE__ */ new Map());
 	s(() => {
-		let e = ot.current;
+		let e = N.current;
 		for (let t of Object.keys(j)) {
 			if (e.has(t)) continue;
 			let n = setTimeout(() => {
@@ -82,21 +82,21 @@ function y() {
 		}
 		for (let [t, n] of e.entries()) t in j || (clearTimeout(n), e.delete(t));
 	}, [j, M]), s(() => {
-		let e = ot.current;
+		let e = N.current;
 		return () => {
 			for (let t of e.values()) clearTimeout(t);
 			e.clear();
 		};
 	}, []);
-	let [N, P] = u(null), [F, I] = u(!1), st = l(null), ct = l(null), [L, R] = u(/* @__PURE__ */ new Set()), [lt, ut] = u(!1), [dt, z] = u(null), [ft, B] = u(null), [pt, V] = u(!1), H = l(null);
+	let [P, F] = u(null), [I, L] = u(!1), st = l(null), ct = l(null), [R, z] = u(/* @__PURE__ */ new Set()), [lt, ut] = u(!1), [dt, B] = u(null), [ft, V] = u(null), [pt, 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);
-	}, []), [mt] = n({ refetchQueries: ["ListAgents"] }), { setDraftTagIds: ht, flushTags: gt } = ge("VIBECONTROLS_AGENT"), [_t] = e({ refetchQueries: ["ListAgents"] }), [vt] = t({ refetchQueries: ["ListAgents"] }), [yt] = i({ refetchQueries: ["ListAgents"] }), [bt] = ne({ refetchQueries: ["ListAgents"] }), [xt] = re({ refetchQueries: ["ListAgents"] }), { targets: St, loading: Ct, refetch: wt } = le(), Tt = St, Et = Ct, Dt = Tt.length > 0, [Ot] = ie({ refetchQueries: ["ListAgents"] }), [kt] = ee({ refetchQueries: ["ListAgents"] }), [At] = r({
+	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);
+	}, []), [mt] = n({ refetchQueries: ["ListAgents"] }), { setDraftTagIds: ht, flushTags: gt } = _e("VIBECONTROLS_AGENT"), [_t] = e({ refetchQueries: ["ListAgents"] }), [vt] = t({ refetchQueries: ["ListAgents"] }), [yt] = i({ refetchQueries: ["ListAgents"] }), [bt] = ne({ refetchQueries: ["ListAgents"] }), [xt] = re({ refetchQueries: ["ListAgents"] }), { targets: St, loading: Ct, refetch: wt } = ue(), Tt = St, Et = Ct, Dt = Tt.length > 0, [Ot] = ie({ refetchQueries: ["ListAgents"] }), [kt] = ee({ refetchQueries: ["ListAgents"] }), [At] = r({
 		refetchQueries: ["VibeControlsInitialData", "ListTargets"],
 		awaitRefetchQueries: !0
 	}), jt = o(async (e) => {
@@ -122,7 +122,7 @@ function y() {
 		At,
 		wt,
 		b
-	]), { data: Mt, loading: G, error: Nt, refetch: K } = te({
+	]), { data: Mt, loading: K, error: Nt, refetch: q } = te({
 		variables: {
 			filter: {
 				isActive: w === "ACTIVE" ? !0 : w === "OFFLINE" ? !1 : void 0,
@@ -132,18 +132,21 @@ function y() {
 		},
 		fetchPolicy: "cache-first",
 		skip: !b
-	}), [Pt, q] = oe({
-		fetchPolicy: "network-only",
-		notifyOnNetworkStatusChange: !0
-	}), { data: J } = ae({ skip: !b }), Ft = q.data === void 0 && J === void 0, Y = c(() => {
-		let e = /* @__PURE__ */ new Map(), t = J?.vibecontrolsAgentHealthProbeStream ?? q.data?.vibecontrolsAgentHealthProbes ?? [];
+	}), J = se({
+		fetchPolicy: "cache-and-network",
+		nextFetchPolicy: "cache-first",
+		notifyOnNetworkStatusChange: !0,
+		skip: !b,
+		pollInterval: 3e4
+	}), [Pt] = oe({ fetchPolicy: "network-only" }), { data: Y } = ae({ skip: !b }), Ft = 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,
 			healthy: n.healthy,
 			errorMessage: n.errorMessage
 		});
 		return e;
-	}, [q.data, J]), X = c(() => (Mt?.vibecontrolsAgents ?? []).map((e) => ({
+	}, [J.data, Y]), Z = c(() => (Mt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		workspaceId: e.workspaceId,
 		name: e.name,
@@ -152,12 +155,12 @@ function y() {
 		architecture: e.architecture,
 		version: e.version,
 		isActive: e.isActive,
-		status: at.has(e.id) ? "CONNECTING" : Oe({
+		status: ot.has(e.id) ? "CONNECTING" : ke({
 			id: e.id,
 			isActive: e.isActive,
 			metadata: e.metadata
-		}, Y, { probesLoading: Ft }),
-		healthError: Y.get(e.id)?.errorMessage ?? (e.lastGatewayAuthPushStatus === "failed" ? e.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
+		}, X, { probesLoading: Ft }),
+		healthError: X.get(e.id)?.errorMessage ?? (e.lastGatewayAuthPushStatus === "failed" ? e.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
 		lastHeartbeat: e.lastHeartbeat || null,
 		tunnelUrl: e.tunnelUrl ?? null,
 		tunnelStatus: e.tunnelStatus ?? null,
@@ -182,9 +185,9 @@ function y() {
 		}))
 	})), [
 		Mt?.vibecontrolsAgents,
-		Y,
+		X,
 		Ft,
-		at
+		ot
 	]);
 	s(() => {
 		let e = Object.keys(j);
@@ -192,48 +195,48 @@ function y() {
 		let t = Date.now(), n = Infinity;
 		for (let r of e) {
 			let e = j[r];
-			e !== void 0 && (Y.get(r)?.healthy === !0 && t >= e ? M(r) : e < n && (n = e));
+			e !== void 0 && (X.get(r)?.healthy === !0 && t >= e ? M(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 && Y.get(t)?.healthy === !0 && Date.now() >= n && M(t);
+				n !== void 0 && X.get(t)?.healthy === !0 && Date.now() >= n && M(t);
 			}
 		}, r);
 		return () => clearTimeout(i);
 	}, [
-		Y,
+		X,
 		j,
 		M
 	]);
-	let Z = c(() => X.filter((e) => {
+	let Q = c(() => Z.filter((e) => {
 		if (C) {
 			let t = C.toLowerCase();
 			if (!(e.name.toLowerCase().includes(t) || e.hostname?.toLowerCase().includes(t) || e.id.toLowerCase().includes(t))) return !1;
 		}
 		return !(E !== "all" && !(e.tagAssignments ?? []).some((e) => e.tagId === E));
 	}), [
-		X,
+		Z,
 		C,
 		E
 	]);
 	s(() => () => {
-		H.current && clearTimeout(H.current);
+		U.current && clearTimeout(U.current);
 	}, []);
 	let It = (e) => {
-		x(`/agents/${e.id}`), y?.({
+		x(`/agents/${e.id}`), Ve?.({
 			id: e.id,
 			name: e.name,
 			type: e.platform || "unknown",
 			status: e.status || (e.isActive ? "ACTIVE" : "OFFLINE")
 		});
-	}, Q = () => {
+	}, $ = () => {
 		O(!0);
 	}, Lt = async (e) => {
 		try {
-			tt(!0);
+			nt(!0);
 			let t = e.tunnelUrl?.trim(), n = e.agentApiKey?.trim();
 			if (t && n) {
 				let r = await _t({ variables: { input: {
@@ -261,43 +264,43 @@ function y() {
 			if (i?.id) return await gt(i.id), { id: i.id };
 			throw r.error ? r.error : Error("Agent creation failed — no data returned from the server.");
 		} catch (e) {
-			if (me(e)) {
-				V(!0), O(!1);
+			if (he(e)) {
+				H(!0), O(!1);
 				return;
 			}
 			throw console.error("Failed to create agent:", e), e;
 		} finally {
-			tt(!1);
+			nt(!1);
 		}
 	}, Rt = async (e) => {
 		try {
 			let t = (await bt({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
 			if (!t?.success) throw Error(t?.error || "Failed to start agent");
-			await vt({ variables: { id: e.id } }), U(`Agent "${e.name}" started`);
+			await vt({ 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");
 		}
 	}, zt = async (e) => {
 		try {
 			let t = (await xt({ variables: { agentId: e.id } })).data?.stopVibecontrolsAgent;
 			if (!t?.success) throw Error(t?.error || "Failed to stop agent");
-			await yt({ variables: { id: e.id } }), U(`Agent "${e.name}" stopped`);
+			await yt({ 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");
 		}
-	}, $ = (e) => {
-		P(e);
-	}, Bt = async () => {
-		if (!N) return;
-		let e = N;
-		I(!0);
+	}, Bt = (e) => {
+		F(e);
+	}, Vt = async () => {
+		if (!P) return;
+		let e = P;
+		L(!0);
 		try {
 			await yt({
 				variables: { id: e.id },
 				refetchQueries: []
 			});
 		} catch (e) {
-			console.error("Failed to deactivate agent:", e), W(e instanceof Error ? e.message : "Failed to disconnect agent"), I(!1), P(null), await K();
+			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 {
@@ -311,20 +314,20 @@ function y() {
 					}
 				},
 				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.");
 		}
-		I(!1), P(null), await K();
-	}, Vt = (e) => {
-		x(`/agents/${e.id}`);
+		L(!1), F(null), await q();
 	}, Ht = (e) => {
+		x(`/agents/${e.id}`);
+	}, Ut = (e) => {
 		A(e);
-	}, Ut = async () => {
+	}, Wt = async () => {
 		if (!k) return;
 		let e = k.id, t = st.current?.value?.trim() || "", n = ct.current?.value?.trim() || "";
 		try {
-			rt(!0), await Ot({
+			it(!0), await Ot({
 				variables: {
 					id: e,
 					input: {
@@ -334,267 +337,267 @@ function y() {
 					}
 				},
 				refetchQueries: ["ListAgents", "VibecontrolsAgentHealthProbes"]
-			}), t && it(e), A(null);
+			}), t && at(e), A(null);
 		} catch (e) {
 			console.error("Failed to update tunnel settings:", e);
 		} finally {
-			rt(!1);
+			it(!1);
 		}
-	}, Wt = o((e) => {
-		R((t) => {
+	}, Gt = o((e) => {
+		z((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Gt = o(() => {
-		R(new Set(Z.map((e) => e.id)));
-	}, [Z]), Kt = o(() => {
-		R(/* @__PURE__ */ new Set());
-	}, []), qt = Z.length > 0 && L.size === Z.length, Jt = L.size > 0, Yt = o(async () => {
-		if (L.size !== 0 && window.confirm(S("agentsPage.bulkDeleteConfirm", "Are you sure you want to remove {{count}} agent(s)? This cannot be undone.", { count: L.size }))) {
+	}, []), Kt = o(() => {
+		z(new Set(Q.map((e) => e.id)));
+	}, [Q]), qt = o(() => {
+		z(/* @__PURE__ */ new Set());
+	}, []), Jt = Q.length > 0 && R.size === Q.length, Yt = R.size > 0, Xt = o(async () => {
+		if (R.size !== 0 && window.confirm(S("agentsPage.bulkDeleteConfirm", "Are you sure you want to remove {{count}} agent(s)? This cannot be undone.", { count: R.size }))) {
 			ut(!0);
 			try {
-				let e = await Promise.allSettled(Array.from(L).map((e) => kt({ 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"}`), R(/* @__PURE__ */ new Set());
+				let e = await Promise.allSettled(Array.from(R).map((e) => kt({ 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 {
 				ut(!1);
 			}
 		}
 	}, [
-		L,
+		R,
 		kt,
-		W,
-		U
-	]), Xt = {
-		total: X.length,
-		active: X.filter((e) => e.isActive).length,
-		offline: X.filter((e) => !e.isActive).length
+		G,
+		W
+	]), Zt = {
+		total: Z.length,
+		active: Z.filter((e) => e.isActive).length,
+		offline: Z.filter((e) => !e.isActive).length
 	};
-	return He ? /* @__PURE__ */ m(v, {
+	return Ue ? /* @__PURE__ */ h(y, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ m(de, { message: S("agentsPage.loadingPermissions", "Loading permissions...") })
-	}) : Ue && Ue.permissionStrings?.length > 0 && !qe ? /* @__PURE__ */ m(v, {
+		children: /* @__PURE__ */ h(fe, { message: S("agentsPage.loadingPermissions", "Loading permissions...") })
+	}) : We && We.permissionStrings?.length > 0 && !Je ? /* @__PURE__ */ h(y, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ m(ze, {
+		children: /* @__PURE__ */ h(ze, {
 			title: S("agentsPage.accessDeniedTitle", "Access Denied"),
 			description: S("agentsPage.accessDeniedDescription", "You don't have permission to view agents. Contact your workspace administrator for access.")
 		})
-	}) : Nt && X.length === 0 ? /* @__PURE__ */ m(v, {
+	}) : Nt && Z.length === 0 ? /* @__PURE__ */ h(y, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ m(fe, {
+		children: /* @__PURE__ */ h(pe, {
 			title: S("agentsPage.failedLoad", "Failed to load agents"),
 			message: Nt.message,
-			onRetry: () => K()
+			onRetry: () => q()
 		})
-	}) : /* @__PURE__ */ h(v, {
+	}) : /* @__PURE__ */ g(y, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			dt && /* @__PURE__ */ m("div", {
+			dt && /* @__PURE__ */ h("div", {
 				className: "fixed top-4 left-4 right-4 sm:left-auto z-50 bg-status-success-bg text-status-success-text px-4 py-3 rounded-md shadow-lg text-sm",
 				children: dt
 			}),
-			ft && /* @__PURE__ */ m("div", {
+			ft && /* @__PURE__ */ h("div", {
 				className: "fixed top-4 right-4 z-50 bg-status-error-bg text-status-error-text px-4 py-3 rounded-md shadow-lg text-sm",
 				children: ft
 			}),
-			/* @__PURE__ */ m(ue, {
+			/* @__PURE__ */ h(de, {
 				title: S("agentsPage.title", "Agents"),
 				description: S("agentsPage.descriptionOnline", "{{active}} of {{total}} agents online", {
-					active: Xt.active,
-					total: Xt.total
+					active: Zt.active,
+					total: Zt.total
 				}),
-				actions: /* @__PURE__ */ h("div", {
+				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__ */ m("button", {
+					children: [/* @__PURE__ */ h("button", {
 						onClick: () => {
-							K(), Pt();
+							q(), Pt();
 						},
-						disabled: G || q.loading,
+						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: S("agentsPage.refreshTitle", "Refresh agents"),
-						children: /* @__PURE__ */ m(Pe, { className: `w-4 h-4 ${G || q.loading ? "animate-spin" : ""}` })
-					}), Dt ? /* @__PURE__ */ m(Be, {
-						permission: Ce.AGENT_CREATE,
+						children: /* @__PURE__ */ h(Fe, { className: `w-4 h-4 ${K || J.loading ? "animate-spin" : ""}` })
+					}), Dt ? /* @__PURE__ */ h(Be, {
+						permission: we.AGENT_CREATE,
 						deniedBehavior: "disable",
 						deniedTooltip: S("agentsPage.deniedCreateTooltip", "You don't have permission to create agents"),
-						children: /* @__PURE__ */ h("button", {
-							onClick: Q,
+						children: /* @__PURE__ */ g("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__ */ m(d, { className: "w-4 h-4" }), S("agentsPage.addAgent", "Add Agent")]
+							children: [/* @__PURE__ */ h(d, { className: "w-4 h-4" }), S("agentsPage.addAgent", "Add Agent")]
 						})
-					}) : /* @__PURE__ */ h("button", {
-						onClick: Q,
+					}) : /* @__PURE__ */ g("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__ */ m(d, { className: "w-4 h-4" }), S("agentsPage.addAgent", "Add Agent")]
+						children: [/* @__PURE__ */ h(d, { className: "w-4 h-4" }), S("agentsPage.addAgent", "Add Agent")]
 					})]
 				})
 			}),
-			X.length === 0 && !G && /* @__PURE__ */ m(be, {
+			Z.length === 0 && !K && /* @__PURE__ */ h(xe, {
 				variant: "full",
 				dismissKey: "vibecontrols-agents-setup-banner"
 			}),
-			X.length > 0 && /* @__PURE__ */ m(be, {
+			Z.length > 0 && /* @__PURE__ */ h(xe, {
 				variant: "compact",
 				dismissKey: "vibecontrols-agents-compact-banner"
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ m(ve, {
+					children: [/* @__PURE__ */ h(ye, {
 						value: C,
-						onChange: Je,
+						onChange: Ye,
 						placeholder: S("agentsPage.searchPlaceholder", "Search agents..."),
 						className: "flex-1 sm:w-64 sm:flex-none"
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
-						children: [/* @__PURE__ */ m("button", {
+						children: [/* @__PURE__ */ h("button", {
 							onClick: () => {
-								Qe("grid"), R(/* @__PURE__ */ new Set());
+								$e("grid"), z(/* @__PURE__ */ new Set());
 							},
 							className: `p-1.5 sm:p-2 rounded ${D === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
 							title: S("agentsPage.gridViewTitle", "Grid view"),
-							children: /* @__PURE__ */ m(Me, { className: "w-4 h-4 text-text-secondary" })
-						}), /* @__PURE__ */ m("button", {
+							children: /* @__PURE__ */ h(Ne, { className: "w-4 h-4 text-text-secondary" })
+						}), /* @__PURE__ */ h("button", {
 							onClick: () => {
-								Qe("list"), R(/* @__PURE__ */ new Set());
+								$e("list"), z(/* @__PURE__ */ new Set());
 							},
 							className: `p-1.5 sm:p-2 rounded ${D === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
 							title: S("agentsPage.listViewTitle", "List view"),
-							children: /* @__PURE__ */ m(Ne, { className: "w-4 h-4 text-text-secondary" })
+							children: /* @__PURE__ */ h(Pe, { className: "w-4 h-4 text-text-secondary" })
 						})]
 					})]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 					children: [
-						/* @__PURE__ */ m(ye, {
+						/* @__PURE__ */ h(be, {
 							label: S("agentsPage.filterStatus", "Status"),
 							value: w,
-							options: Ge,
-							onChange: Ye
+							options: Ke,
+							onChange: Xe
 						}),
-						/* @__PURE__ */ m(ye, {
+						/* @__PURE__ */ h(be, {
 							label: S("agentsPage.filterPlatform", "Platform"),
 							value: T,
-							options: Ke,
-							onChange: Xe
+							options: qe,
+							onChange: Ze
 						}),
-						/* @__PURE__ */ m(Se, {
+						/* @__PURE__ */ h(Ce, {
 							label: S("agentsPage.filterTag", "Tag"),
 							value: E,
-							onChange: Ze
+							onChange: Qe
 						})
 					]
 				})]
 			}),
-			Z.length > 0 && /* @__PURE__ */ m("div", {
+			Q.length > 0 && /* @__PURE__ */ h("div", {
 				className: "flex items-center gap-2 flex-wrap",
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ h("div", {
 					className: "ml-auto flex items-center gap-2",
-					children: /* @__PURE__ */ h("button", {
-						onClick: qt ? Kt : Gt,
+					children: /* @__PURE__ */ g("button", {
+						onClick: Jt ? qt : Kt,
 						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__ */ m(je, { className: "w-3.5 h-3.5" }), qt ? S("agentsPage.deselectAll", "Deselect All") : S("agentsPage.selectAll", "Select All")]
+						children: [/* @__PURE__ */ h(Me, { className: "w-3.5 h-3.5" }), Jt ? S("agentsPage.deselectAll", "Deselect All") : S("agentsPage.selectAll", "Select All")]
 					})
 				})
 			}),
-			Jt && /* @__PURE__ */ h("div", {
+			Yt && /* @__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__ */ m("span", {
+				children: [/* @__PURE__ */ h("span", {
 					className: "text-sm font-medium text-text-primary",
-					children: S("agentsPage.selectedCount", "{{count}} agents selected", { count: L.size })
-				}), /* @__PURE__ */ h("div", {
+					children: S("agentsPage.selectedCount", "{{count}} agents selected", { count: R.size })
+				}), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-1.5 sm:ml-auto",
-					children: [/* @__PURE__ */ h("button", {
-						onClick: Yt,
+					children: [/* @__PURE__ */ g("button", {
+						onClick: Xt,
 						disabled: lt,
 						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__ */ m(Fe, { className: "w-3 h-3" }),
+							/* @__PURE__ */ h(Ie, { className: "w-3 h-3" }),
 							" ",
 							S("agentsPage.remove", "Remove")
 						]
-					}), /* @__PURE__ */ h("button", {
-						onClick: Kt,
+					}), /* @__PURE__ */ g("button", {
+						onClick: qt,
 						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__ */ m(Ie, { className: "w-3 h-3" }),
+							/* @__PURE__ */ h(Le, { className: "w-3 h-3" }),
 							" ",
 							S("agentsPage.deselect", "Deselect")
 						]
 					})]
 				})]
 			}),
-			C || w !== "all" || T !== "all" ? /* @__PURE__ */ h("p", {
+			C || w !== "all" || T !== "all" ? /* @__PURE__ */ g("p", {
 				className: "text-sm text-text-secondary",
 				children: [S("agentsPage.showingResults", "Showing {{filtered}} of {{total}} agents", {
-					filtered: Z.length,
-					total: X.length
-				}), G && /* @__PURE__ */ m("span", {
+					filtered: Q.length,
+					total: Z.length
+				}), K && /* @__PURE__ */ h("span", {
 					className: "ml-2 text-text-muted",
 					children: S("agentsPage.refreshing", "(refreshing...)")
 				})]
 			}) : null,
-			G && X.length === 0 ? /* @__PURE__ */ m(we, {
+			K && Z.length === 0 ? /* @__PURE__ */ h(Te, {
 				variant: "rows",
 				count: 6
-			}) : Z.length > 0 ? /* @__PURE__ */ m(f, {
+			}) : Q.length > 0 ? /* @__PURE__ */ h(f, {
 				mode: "wait",
-				children: D === "grid" ? /* @__PURE__ */ m(_, {
+				children: D === "grid" ? /* @__PURE__ */ h(v, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: Z.map((e) => /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(Te, {
+					children: Q.map((e) => /* @__PURE__ */ h(_, { children: /* @__PURE__ */ h(Ee, {
 						agent: e,
 						onSelect: It,
 						onStart: Rt,
 						onStop: zt,
-						onDisconnect: $,
-						onConfigure: Vt,
-						onEditTunnelUrl: Ht,
-						selected: L.has(e.id),
-						onToggleSelect: () => Wt(e.id),
+						onDisconnect: Bt,
+						onConfigure: Ht,
+						onEditTunnelUrl: Ut,
+						selected: R.has(e.id),
+						onToggleSelect: () => Gt(e.id),
 						healthErrorMessage: e.healthError ?? null
 					}) }, e.id))
-				}, "grid-view") : /* @__PURE__ */ m(_, {
+				}, "grid-view") : /* @__PURE__ */ h(v, {
 					stagger: .04,
-					children: /* @__PURE__ */ m(g, {
+					children: /* @__PURE__ */ h(_, {
 						variant: "fadeRight",
-						children: /* @__PURE__ */ m(Ee, {
-							agents: Z,
+						children: /* @__PURE__ */ h(De, {
+							agents: Q,
 							onSelect: It,
 							onStart: Rt,
 							onStop: zt,
-							onDisconnect: $,
-							onSettings: Vt
+							onDisconnect: Bt,
+							onSettings: Ht
 						})
 					})
 				}, "list-view")
-			}) : /* @__PURE__ */ m(_e, {
-				icon: /* @__PURE__ */ m(Ae, { className: "w-8 h-8 text-text-secondary" }),
+			}) : /* @__PURE__ */ h(ve, {
+				icon: /* @__PURE__ */ h(je, { className: "w-8 h-8 text-text-secondary" }),
 				title: C || w !== "all" || T !== "all" ? S("agentsPage.emptyNoAgentsFound", "No agents found") : S("agentsPage.emptyNoAgentsConfigured", "No agents configured"),
 				description: C || w !== "all" || T !== "all" ? S("agentsPage.emptyAdjustSearch", "Try adjusting your search or filters") : S("agentsPage.emptyNoAgentsDescription", "Install the CLI agent on your machine, then add it here. You can create a target inline while adding the agent."),
-				action: !C && w === "all" && T === "all" ? /* @__PURE__ */ h("div", {
+				action: !C && w === "all" && T === "all" ? /* @__PURE__ */ g("div", {
 					className: "flex flex-wrap items-center gap-3",
 					children: [
-						/* @__PURE__ */ h("button", {
-							onClick: Q,
+						/* @__PURE__ */ g("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__ */ m(d, { className: "w-4 h-4" }), S("agentsPage.addAgent", "Add Agent")]
+							children: [/* @__PURE__ */ h(d, { className: "w-4 h-4" }), S("agentsPage.addAgent", "Add Agent")]
 						}),
-						/* @__PURE__ */ m("button", {
+						/* @__PURE__ */ h("button", {
 							onClick: () => x("/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: S("agentsPage.setupGuide", "Setup guide")
 						}),
-						/* @__PURE__ */ m(xe, { prompt: "What is an Agent in VibeControls and how do I add one?" })
+						/* @__PURE__ */ h(Se, { prompt: "What is an Agent in VibeControls and how do I add one?" })
 					]
 				}) : void 0
 			}),
-			$e && /* @__PURE__ */ m(De, {
+			et && /* @__PURE__ */ h(Oe, {
 				onSubmit: Lt,
 				onCancel: () => O(!1),
-				isLoading: et,
+				isLoading: tt,
 				onNavigate: (e) => {
 					O(!1), x(e);
 				},
@@ -606,18 +609,18 @@ function y() {
 				})),
 				targetsLoading: Et,
 				onCreateTarget: jt,
-				extraSection: /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+				extraSection: /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 					className: "text-sm font-medium text-text-secondary mb-2",
 					children: S("agents.tags", "Tags")
-				}), /* @__PURE__ */ m(he, {
+				}), /* @__PURE__ */ h(ge, {
 					entityType: "VIBECONTROLS_AGENT",
 					onDraftChange: ht
 				})] })
 			}),
-			/* @__PURE__ */ m(f, { children: N && /* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h(f, { children: P && /* @__PURE__ */ h("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4 sm:p-6",
-				onClick: () => !F && P(null),
-				children: /* @__PURE__ */ h(Re.div, {
+				onClick: () => !I && F(null),
+				children: /* @__PURE__ */ g(p.div, {
 					initial: {
 						opacity: 0,
 						scale: .95
@@ -634,44 +637,44 @@ function y() {
 					className: "bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-sm p-4 sm:p-6",
 					onClick: (e) => e.stopPropagation(),
 					children: [
-						/* @__PURE__ */ m("h3", {
+						/* @__PURE__ */ h("h3", {
 							className: "text-lg font-semibold text-text-primary mb-1",
 							children: "Disconnect Agent"
 						}),
-						/* @__PURE__ */ m("p", {
+						/* @__PURE__ */ h("p", {
 							className: "text-sm text-text-secondary mb-4",
-							children: Oe(N) === "OFFLINE" ? /* @__PURE__ */ h(p, { children: [
+							children: ke(P) === "OFFLINE" ? /* @__PURE__ */ g(m, { children: [
 								"Clear the stored tunnel connection for",
 								" ",
-								/* @__PURE__ */ m("strong", { children: N.name }),
+								/* @__PURE__ */ h("strong", { children: P.name }),
 								"? This will remove the tunnel URL and API key from this offline agent."
-							] }) : /* @__PURE__ */ h(p, { children: [
+							] }) : /* @__PURE__ */ g(m, { children: [
 								"Mark ",
-								/* @__PURE__ */ m("strong", { children: N.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."
 							] })
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex justify-end gap-2",
-							children: [/* @__PURE__ */ m("button", {
-								onClick: () => P(null),
-								disabled: F,
+							children: [/* @__PURE__ */ h("button", {
+								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__ */ m("button", {
-								onClick: Bt,
-								disabled: F,
+							}), /* @__PURE__ */ h("button", {
+								onClick: Vt,
+								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: F ? "Disconnecting..." : "Disconnect"
+								children: I ? "Disconnecting..." : "Disconnect"
 							})]
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ m(f, { children: k && /* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h(f, { children: k && /* @__PURE__ */ h("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4 sm:p-6",
 				onClick: () => A(null),
-				children: /* @__PURE__ */ h(Re.div, {
+				children: /* @__PURE__ */ g(p.div, {
 					initial: {
 						opacity: 0,
 						scale: .95
@@ -688,22 +691,22 @@ function y() {
 					className: "bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-md p-4 sm:p-6",
 					onClick: (e) => e.stopPropagation(),
 					children: [
-						/* @__PURE__ */ m("h3", {
+						/* @__PURE__ */ h("h3", {
 							className: "text-lg font-semibold text-text-primary mb-1",
 							children: S("agentsPage.editTunnelTitle", "Edit Tunnel")
 						}),
-						/* @__PURE__ */ m("p", {
+						/* @__PURE__ */ h("p", {
 							className: "text-sm text-text-secondary mb-4",
 							children: S("agentsPage.editTunnelDescription", "Configure the cloudflared tunnel URL and API key for {{name}}.", { name: k.name })
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ g("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ h("div", { children: [
-								/* @__PURE__ */ m("label", {
+							children: [/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: S("agentsPage.tunnelUrlLabel", "Tunnel URL")
 								}),
-								/* @__PURE__ */ m("input", {
+								/* @__PURE__ */ h("input", {
 									ref: st,
 									type: "url",
 									defaultValue: k.tunnelUrl || "",
@@ -711,49 +714,49 @@ function y() {
 									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",
 									autoFocus: !0
 								}),
-								/* @__PURE__ */ m("p", {
+								/* @__PURE__ */ h("p", {
 									className: "text-xs text-text-muted mt-1",
 									children: S("agentsPage.tunnelUrlHint", "Leave empty to clear. Agents with auto-tunnel report this automatically on startup.")
 								})
-							] }), /* @__PURE__ */ h("div", { children: [
-								/* @__PURE__ */ m("label", {
+							] }), /* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: S("agentsPage.agentApiKeyLabel", "Agent API Key")
 								}),
-								/* @__PURE__ */ m("input", {
+								/* @__PURE__ */ h("input", {
 									ref: ct,
 									type: "text",
 									defaultValue: k.agentApiKey || "",
 									placeholder: S("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__ */ m("p", {
+								/* @__PURE__ */ h("p", {
 									className: "text-xs text-text-muted mt-1",
 									children: S("agentsPage.agentApiKeyHint", "Authenticates requests to the agent. Typically changes on each agent restart.")
 								})
 							] })]
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex justify-end gap-2 mt-5",
-							children: [/* @__PURE__ */ m("button", {
+							children: [/* @__PURE__ */ h("button", {
 								onClick: () => A(null),
 								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
 								children: S("agentsPage.cancel", "Cancel")
-							}), /* @__PURE__ */ m("button", {
-								onClick: Ut,
-								disabled: nt,
+							}), /* @__PURE__ */ h("button", {
+								onClick: Wt,
+								disabled: rt,
 								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: nt ? S("agentsPage.saving", "Saving...") : S("agentsPage.save", "Save")
+								children: rt ? S("agentsPage.saving", "Saving...") : S("agentsPage.save", "Save")
 							})]
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ m(pe, {
+			/* @__PURE__ */ h(me, {
 				isOpen: pt,
-				onClose: () => V(!1),
+				onClose: () => H(!1),
 				onConfirm: () => {
-					V(!1), x("/billing");
+					H(!1), x("/billing");
 				},
 				title: "Agent Quota Reached",
 				message: "You've used all available agent slots on your current plan. Upgrade your plan to register more agents."
@@ -762,6 +765,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as AgentsPage };
+export { Ve as AgentsPage };
 
 //# sourceMappingURL=AgentsPage.js.map