@burdenoff/microfe-vibecontrols 2026.709.1 → 2026.709.2

package/dist/pages/AgentsPage.js

@@ -1,45 +1,45 @@
-import { useAddAgentFromTunnelMutation as e, useAgentHeartbeatMutation as t, useCreateAgentMutation as n, useCreateTargetMutation as r, useDeactivateAgentMutation as i, useDeleteAgentMutation as ee, useListAgentsQuery as te, useListTargetsQuery as ne, useSetupAgentGatewayAuthMutation as re, useStartVibecontrolsAgentMutation as ie, useStopVibecontrolsAgentMutation as ae, useUpdateAgentMutation as oe, useVibecontrolsAgentHealthProbeStreamSubscription as se, useVibecontrolsAgentHealthProbesLazyQuery as ce, useVibecontrolsAgentHealthProbesQuery as le } from "../generated/wspace-operations.js";
-import { useTr as ue } from "../shared/hooks/useTr.js";
-import { ConfirmDialog as de } from "../components/shared/ConfirmDialog.js";
-import { QuotaExhaustedDialog as fe } from "../components/shared/QuotaExhaustedDialog.js";
-import { getQuotaDialogContent as pe, isQuotaExhaustedError as a, markQuotaHandledLocally as o } from "../utils/quotaUtils.js";
-import { useVibeControls as me, useVibeNavigate as he } 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, useListTargetsQuery as ne, useSetupAgentGatewayAuthMutation as re, useStartVibecontrolsAgentMutation as ie, useStopVibecontrolsAgentMutation as ae, useUpdateAgentMutation as oe, useVibecontrolsAgentHealthProbesLazyQuery as se, useVibecontrolsAgentHealthProbesQuery as ce } from "../generated/wspace-operations.js";
+import { useTr as le } from "../shared/hooks/useTr.js";
+import { ConfirmDialog as ue } from "../components/shared/ConfirmDialog.js";
+import { QuotaExhaustedDialog as de } from "../components/shared/QuotaExhaustedDialog.js";
+import { getQuotaDialogContent as fe, isQuotaExhaustedError as a, markQuotaHandledLocally as o } from "../utils/quotaUtils.js";
+import { useVibeControls as pe, useVibeNavigate as me } from "../providers/VibeControlsProvider.js";
 import { useVibeControlsStore as s } from "../store/vibeControlsStore.js";
-import ge from "../hooks/useCachedInitialData.js";
-import { PageHeader as _e } from "../components/shared/PageHeader.js";
-import { LoadingState as ve } from "../components/shared/LoadingState.js";
-import { ErrorState as ye } from "../components/shared/ErrorState.js";
-import { EntityTagPicker as be } from "../components/shared/EntityTagPicker.js";
-import { useDraftEntityTags as xe } from "../hooks/useDraftEntityTags.js";
-import { EmptyState as Se } from "../components/shared/EmptyState.js";
-import { SearchInput as Ce } from "../components/shared/SearchInput.js";
-import { FilterDropdown as we } from "../components/shared/FilterDropdown.js";
-import { AgentSetupBanner as Te } from "../components/shared/AgentSetupBanner.js";
-import { GetHelpButton as Ee } from "../components/shared/GetHelpButton.js";
-import { useField as De } from "../shared/hooks/useField.js";
-import { TagFilter as Oe } from "../components/shared/TagFilter.js";
+import he from "../hooks/useCachedInitialData.js";
+import { PageHeader as ge } from "../components/shared/PageHeader.js";
+import { LoadingState as _e } from "../components/shared/LoadingState.js";
+import { ErrorState as ve } from "../components/shared/ErrorState.js";
+import { EntityTagPicker as ye } from "../components/shared/EntityTagPicker.js";
+import { useDraftEntityTags as be } from "../hooks/useDraftEntityTags.js";
+import { EmptyState as xe } from "../components/shared/EmptyState.js";
+import { SearchInput as Se } from "../components/shared/SearchInput.js";
+import { FilterDropdown as Ce } from "../components/shared/FilterDropdown.js";
+import { AgentSetupBanner as we } from "../components/shared/AgentSetupBanner.js";
+import { GetHelpButton as Te } from "../components/shared/GetHelpButton.js";
+import { useField as Ee } from "../shared/hooks/useField.js";
+import { TagFilter as De } from "../components/shared/TagFilter.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as ke } from "../constants/permissions.js";
-import { PageSkeleton as Ae } from "../components/shared/PageSkeleton.js";
+import { VIBE_PERMISSIONS as Oe } from "../constants/permissions.js";
+import { PageSkeleton as ke } from "../components/shared/PageSkeleton.js";
 import { notify as c } from "../lib/toast.js";
-import { AgentCard as je } from "../components/agents/AgentCard.js";
-import { AgentList as Me } from "../components/agents/AgentList.js";
-import { AgentForm as Ne } from "../components/agents/AgentForm.js";
+import { AgentCard as Ae } from "../components/agents/AgentCard.js";
+import { AgentList as je } from "../components/agents/AgentList.js";
+import { AgentForm as Me } from "../components/agents/AgentForm.js";
 import "../components/agents/index.js";
-import { deriveAgentStatus as Pe } from "../utils/agentStatus.js";
-import { useCallback as l, useEffect as u, useMemo as d, useRef as Fe, useState as f } from "react";
-import { Bot as Ie, CheckSquare as Le, Grid as Re, List as ze, Plus as p, RefreshCw as Be, Trash2 as Ve, XSquare as He } from "lucide-react";
-import { useSearchParams as Ue } from "react-router-dom";
-import { usePermissions as We } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as Ge } from "framer-motion";
+import { deriveAgentStatus as Ne } from "../utils/agentStatus.js";
+import { useCallback as l, useEffect as u, useMemo as d, useRef as Pe, useState as f } from "react";
+import { Bot as Fe, CheckSquare as Ie, Grid as Le, List as Re, Plus as p, RefreshCw as ze, Trash2 as Be, XSquare as Ve } from "lucide-react";
+import { useSearchParams as He } from "react-router-dom";
+import { usePermissions as Ue } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as We } from "framer-motion";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Button as Ke, Input as qe, PagePurpose as Je, ResponsiveDialog as Ye, ResponsiveDialogContent as Xe, ResponsiveDialogDescription as Ze, ResponsiveDialogFooter as Qe, ResponsiveDialogHeader as $e, ResponsiveDialogTitle as et } from "@burdenoff/fe-libs/ui";
-import { useEventBus as tt } from "@burdenoff/fe-libs/shared/events";
-import { AccessDenied as nt, PermissionButton as rt } from "@burdenoff/fe-libs/shared/components";
-import { MotionItem as it, MotionList as at, MotionPage as g } from "@burdenoff/fe-libs/shared/motion";
+import { Button as Ge, Input as Ke, PagePurpose as qe, ResponsiveDialog as Je, ResponsiveDialogContent as Ye, ResponsiveDialogDescription as Xe, ResponsiveDialogFooter as Ze, ResponsiveDialogHeader as Qe, ResponsiveDialogTitle as $e } from "@burdenoff/fe-libs/ui";
+import { useEventBus as et } from "@burdenoff/fe-libs/shared/events";
+import { AccessDenied as tt, PermissionButton as nt } from "@burdenoff/fe-libs/shared/components";
+import { MotionItem as rt, MotionList as it, MotionPage as g } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/AgentsPage.tsx
-function ot() {
-	let { onAgentSelect: ot, workspaceId: _ } = me(), v = he(), y = tt(), { hasPermission: st, isLoading: ct, permissions: lt } = We(), b = ue(), ut = [
+function at() {
+	let { onAgentSelect: at, workspaceId: _ } = pe(), v = me(), y = et(), { hasPermission: ot, isLoading: st, permissions: ct } = Ue(), b = le(), lt = [
 		{
 			value: "all",
 			label: b("agentsPage.statusAll", "All Statuses")
@@ -56,7 +56,7 @@ function ot() {
 			value: "OFFLINE",
 			label: b("agentsPage.statusOffline", "Offline")
 		}
-	], dt = [
+	], ut = [
 		{
 			value: "all",
 			label: b("agentsPage.platformAll", "All Platforms")
@@ -73,31 +73,31 @@ function ot() {
 			value: "windows",
 			label: b("agentsPage.platformWindows", "Windows")
 		}
-	], ft = st(ke.AGENT_LIST), [x, pt] = f(""), [S, mt] = f("all"), [C, ht] = f("all"), [w, gt] = f("all"), [T, _t] = f("grid"), [vt, E] = f(!1), [yt, bt] = f(!1), [D, xt] = Ue();
+	], dt = ot(Oe.AGENT_LIST), [x, ft] = f(""), [S, pt] = f("all"), [C, mt] = f("all"), [w, ht] = f("all"), [T, E] = f("grid"), [gt, D] = f(!1), [_t, vt] = f(!1), [O, yt] = He();
 	u(() => {
-		if (D.get("create") === "true") {
-			E(!0);
-			let e = new URLSearchParams(D);
-			e.delete("create"), xt(e, { replace: !0 });
+		if (O.get("create") === "true") {
+			D(!0);
+			let e = new URLSearchParams(O);
+			e.delete("create"), yt(e, { replace: !0 });
 		}
-	}, [D, xt]);
-	let [O, k] = f(null), [A, St] = f(!1), j = s((e) => e.connectingAgents), Ct = s((e) => e.markAgentConnecting), M = s((e) => e.clearAgentConnecting), wt = d(() => new Set(Object.keys(j)), [j]), Tt = Fe(/* @__PURE__ */ new Map());
+	}, [O, yt]);
+	let [k, A] = f(null), [j, bt] = f(!1), M = s((e) => e.connectingAgents), xt = s((e) => e.markAgentConnecting), N = s((e) => e.clearAgentConnecting), St = d(() => new Set(Object.keys(M)), [M]), Ct = Pe(/* @__PURE__ */ new Map());
 	u(() => {
-		let e = Tt.current;
-		for (let t of Object.keys(j)) {
+		let e = Ct.current;
+		for (let t of Object.keys(M)) {
 			if (e.has(t)) continue;
 			let n = setTimeout(() => {
-				M(t), e.delete(t);
+				N(t), e.delete(t);
 			}, 3e4);
 			e.set(t, n);
 		}
-		for (let [t, n] of e.entries()) t in j || (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();
 		};
-	}, [j, M]);
-	let [N, P] = f(null), [Et, F] = f(!1), Dt = Fe(null), I = De({ hint: b("agentsPage.tunnelUrlHint", "Leave empty to clear. Agents with auto-tunnel report this automatically on startup.") }), [L, R] = f(/* @__PURE__ */ new Set()), [z, Ot] = f(!1), [kt, B] = f(!1), [V, H] = f(null), [At] = n({ refetchQueries: ["ListAgents"] }), { setDraftTagIds: jt, flushTags: Mt } = xe("VIBECONTROLS_AGENT"), [Nt] = e({ refetchQueries: ["ListAgents"] }), [Pt] = t({ refetchQueries: ["ListAgents"] }), [Ft] = i({ refetchQueries: ["ListAgents"] }), [It] = ie({ refetchQueries: ["ListAgents"] }), [Lt] = ae({ refetchQueries: ["ListAgents"] }), [Rt] = re({ refetchQueries: ["ListAgents"] }), { refetch: zt } = ge(), { data: Bt, loading: Vt, refetch: Ht } = ne({
+	}, [M, N]);
+	let [P, F] = f(null), [wt, I] = f(!1), Tt = Pe(null), L = Ee({ hint: b("agentsPage.tunnelUrlHint", "Leave empty to clear. Agents with auto-tunnel report this automatically on startup.") }), [R, z] = f(/* @__PURE__ */ new Set()), [B, V] = f(!1), [Et, H] = f(!1), [U, W] = f(null), [Dt] = n({ refetchQueries: ["ListAgents"] }), { setDraftTagIds: Ot, flushTags: kt } = be("VIBECONTROLS_AGENT"), [At] = e({ refetchQueries: ["ListAgents"] }), [jt] = t({ refetchQueries: ["ListAgents"] }), [Mt] = i({ refetchQueries: ["ListAgents"] }), [Nt] = ie({ refetchQueries: ["ListAgents"] }), [Pt] = ae({ refetchQueries: ["ListAgents"] }), [Ft] = re({ refetchQueries: ["ListAgents"] }), { refetch: It } = he(), { data: Lt, loading: Rt, refetch: zt } = ne({
 		variables: {
 			workspaceId: _ ?? "",
 			limit: 50,
@@ -105,37 +105,37 @@ function ot() {
 		},
 		skip: !_,
 		fetchPolicy: "cache-and-network"
-	}), Ut = Bt?.targets?.items ?? [], Wt = Ut.length > 0, [Gt] = oe({ refetchQueries: ["ListAgents"] }), [Kt] = ee({ refetchQueries: ["ListAgents"] }), [qt] = r({
+	}), Bt = Lt?.targets?.items ?? [], Vt = Bt.length > 0, [Ht] = oe({ refetchQueries: ["ListAgents"] }), [Ut] = ee({ refetchQueries: ["ListAgents"] }), [Wt] = r({
 		refetchQueries: ["VibeControlsInitialData", "ListTargets"],
 		awaitRefetchQueries: !0
-	}), Jt = l(async (e) => {
+	}), Gt = l(async (e) => {
 		if (!_ || !e.trim()) return null;
 		try {
-			let t = await qt({ variables: {
+			let t = await Wt({ variables: {
 				workspaceId: _,
 				input: {
 					type: "DIRECT",
 					name: e.trim()
 				}
 			} });
-			if (t.error && a(t.error)) throw o(), H("target"), t.error;
+			if (t.error && a(t.error)) throw o(), W("target"), t.error;
 			let n = t.data?.createTarget;
-			return n ? (zt(), Ht(), {
+			return n ? (It(), zt(), {
 				id: n.id,
 				name: n.name,
 				type: n.type ?? "DIRECT",
 				status: n.status ?? "unknown"
 			}) : null;
 		} catch (e) {
-			if (a(e)) throw o(), H("target"), e;
+			if (a(e)) throw o(), W("target"), e;
 			return null;
 		}
 	}, [
-		qt,
+		Wt,
+		It,
 		zt,
-		Ht,
 		_
-	]), { data: Yt, loading: U, error: Xt, refetch: W } = te({
+	]), { data: Kt, loading: G, error: qt, refetch: K } = te({
 		variables: {
 			filter: {
 				isActive: S === "ACTIVE" ? !0 : S === "OFFLINE" ? !1 : void 0,
@@ -145,26 +145,26 @@ function ot() {
 		},
 		fetchPolicy: "cache-first",
 		skip: !_
-	}), [Zt, Qt] = f(!1);
+	}), [Jt, Yt] = f(!1);
 	u(() => {
-		let e = window.setTimeout(() => Qt(!0), 0);
+		let e = window.setTimeout(() => Yt(!0), 0);
 		return () => window.clearTimeout(e);
 	}, []);
-	let G = le({
+	let q = ce({
 		fetchPolicy: "cache-and-network",
 		nextFetchPolicy: "cache-first",
 		notifyOnNetworkStatusChange: !0,
-		skip: !_ || !Zt,
+		skip: !_ || !Jt,
 		pollInterval: 6e4
-	}), [$t] = ce({ fetchPolicy: "network-only" }), { data: K } = se({ skip: !_ || !Zt }), en = G.data === void 0 && K === void 0, q = d(() => {
-		let e = /* @__PURE__ */ new Map(), t = K?.vibecontrolsAgentHealthProbeStream ?? G.data?.vibecontrolsAgentHealthProbes ?? [];
+	}), [Xt] = se({ fetchPolicy: "network-only" }), Zt = q.data === void 0, J = d(() => {
+		let e = /* @__PURE__ */ new Map(), t = q.data?.vibecontrolsAgentHealthProbes ?? [];
 		for (let n of t) e.set(n.agentId, {
 			agentId: n.agentId,
 			healthy: n.healthy,
 			errorMessage: n.errorMessage
 		});
 		return e;
-	}, [G.data, K]), J = d(() => (Yt?.vibecontrolsAgents ?? []).map((e) => ({
+	}, [q.data]), Y = d(() => (Kt?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		workspaceId: e.workspaceId,
 		name: e.name,
@@ -173,12 +173,12 @@ function ot() {
 		architecture: e.architecture,
 		version: e.version,
 		isActive: e.isActive,
-		status: wt.has(e.id) ? "CONNECTING" : Pe({
+		status: St.has(e.id) ? "CONNECTING" : Ne({
 			id: e.id,
 			isActive: e.isActive,
 			metadata: e.metadata
-		}, q, { probesLoading: en }),
-		healthError: q.get(e.id)?.errorMessage ?? (e.lastGatewayAuthPushStatus === "failed" ? e.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
+		}, J, { probesLoading: Zt }),
+		healthError: J.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,
@@ -201,58 +201,58 @@ function ot() {
 			} : null
 		}))
 	})), [
-		Yt?.vibecontrolsAgents,
-		q,
-		en,
-		wt
+		Kt?.vibecontrolsAgents,
+		J,
+		Zt,
+		St
 	]);
 	u(() => {
-		let e = Object.keys(j);
+		let e = Object.keys(M);
 		if (e.length === 0) return;
 		let t = Date.now(), n = Infinity;
 		for (let r of e) {
-			let e = j[r];
-			e !== void 0 && (q.get(r)?.healthy === !0 && t >= e ? M(r) : e < n && (n = e));
+			let e = M[r];
+			e !== void 0 && (J.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 = s.getState().connectingAgents;
 			for (let t of Object.keys(e)) {
 				let n = e[t];
-				n !== void 0 && q.get(t)?.healthy === !0 && Date.now() >= n && M(t);
+				n !== void 0 && J.get(t)?.healthy === !0 && Date.now() >= n && N(t);
 			}
 		}, r);
 		return () => clearTimeout(i);
 	}, [
-		q,
-		j,
-		M
+		J,
+		M,
+		N
 	]);
-	let Y = d(() => J.filter((e) => {
+	let X = d(() => Y.filter((e) => {
 		if (x) {
 			let t = x.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));
 	}), [
-		J,
+		Y,
 		x,
 		w
-	]), tn = (e) => {
-		v(`/agents/${e.id}`), ot?.({
+	]), Qt = (e) => {
+		v(`/agents/${e.id}`), at?.({
 			id: e.id,
 			name: e.name,
 			type: e.platform || "unknown",
 			status: e.status || (e.isActive ? "ACTIVE" : "OFFLINE")
 		});
-	}, X = () => {
-		E(!0), y.emitCustom("vibecontrols.agent.register_clicked", { workspaceId: _ ?? void 0 });
-	}, nn = async (e) => {
+	}, Z = () => {
+		D(!0), y.emitCustom("vibecontrols.agent.register_clicked", { workspaceId: _ ?? void 0 });
+	}, $t = async (e) => {
 		try {
-			bt(!0);
+			vt(!0);
 			let t = e.tunnelUrl?.trim(), n = e.agentApiKey?.trim();
 			if (t && n) {
-				let r = await Nt({ variables: { input: {
+				let r = await At({ variables: { input: {
 					tunnelUrl: t,
 					apiKey: n,
 					...e.name ? { name: e.name } : {},
@@ -261,7 +261,7 @@ function ot() {
 				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 Mt(i.agent.id), y.emitCustom("vibecontrols.agent.registered", {
+				if (i.agent?.id) return await kt(i.agent.id), y.emitCustom("vibecontrols.agent.registered", {
 					workspaceId: _ ?? void 0,
 					agentId: i.agent.id
 				}), y.emitCustom("vibecontrols.agent.gateway_auth_setup", {
@@ -270,7 +270,7 @@ function ot() {
 				}), { id: i.agent.id };
 				throw Error("Agent onboarding returned no agent record.");
 			}
-			let r = await At({ variables: { input: {
+			let r = await Dt({ variables: { input: {
 				name: e.name,
 				hostname: e.hostname,
 				platform: e.platform,
@@ -280,69 +280,69 @@ function ot() {
 				...e.tunnelUrl ? { tunnelUrl: e.tunnelUrl } : {},
 				...e.tunnelStatus ? { tunnelStatus: e.tunnelStatus } : {}
 			} } }), i = r.data?.createVibecontrolsAgent;
-			if (i?.id) return await Mt(i.id), y.emitCustom("vibecontrols.agent.registered", {
+			if (i?.id) return await kt(i.id), y.emitCustom("vibecontrols.agent.registered", {
 				workspaceId: _ ?? void 0,
 				agentId: i.id
 			}), { id: i.id };
 			throw r.error ? r.error : Error("Agent creation failed — no data returned from the server.");
 		} catch (e) {
 			if (a(e)) {
-				o(), H("agent"), E(!1), y.emitCustom("vibecontrols.quota.agent_limit_hit", { workspaceId: _ ?? void 0 });
+				o(), W("agent"), D(!1), y.emitCustom("vibecontrols.quota.agent_limit_hit", { workspaceId: _ ?? void 0 });
 				return;
 			}
 			throw console.error("Failed to create agent:", e), e;
 		} finally {
-			bt(!1);
+			vt(!1);
 		}
-	}, Z = async (e) => {
+	}, en = async (e) => {
 		try {
-			let t = (await It({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
+			let t = (await Nt({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
 			if (!t?.success) {
 				if (/not yet configured|awaiting[-\s_]config/i.test(t?.error ?? "")) {
-					let t = (await Rt({ variables: { input: { agentId: e.id } } })).data?.setupAgentGatewayAuth;
+					let t = (await Ft({ 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 It({ variables: { agentId: e.id } })).data?.startVibecontrolsAgent;
+					let i = (await Nt({ 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.`);
 					y.emitCustom("vibecontrols.agent.gateway_auth_setup", {
 						workspaceId: _ ?? void 0,
 						agentId: e.id
-					}), await Pt({ variables: { id: e.id } }), c.success(`Agent "${e.name}" re-credentialed and started.`);
+					}), await jt({ variables: { id: e.id } }), c.success(`Agent "${e.name}" re-credentialed and started.`);
 					return;
 				}
 				throw Error(t?.error || "Failed to start agent");
 			}
-			await Pt({ variables: { id: e.id } }), c.success(`Agent "${e.name}" started`);
+			await jt({ variables: { id: e.id } }), c.success(`Agent "${e.name}" started`);
 		} catch (e) {
 			console.error("Failed to start agent:", e), c.error(e instanceof Error ? e.message : "Failed to start agent");
 		}
-	}, rn = async (e) => {
+	}, tn = async (e) => {
 		try {
-			let t = (await Lt({ variables: { agentId: e.id } })).data?.stopVibecontrolsAgent;
+			let t = (await Pt({ variables: { agentId: e.id } })).data?.stopVibecontrolsAgent;
 			if (!t?.success) throw Error(t?.error || "Failed to stop agent");
-			await Ft({ variables: { id: e.id } }), c.success(`Agent "${e.name}" stopped`);
+			await Mt({ variables: { id: e.id } }), c.success(`Agent "${e.name}" stopped`);
 		} catch (e) {
 			console.error("Failed to stop agent:", e), c.error(e instanceof Error ? e.message : "Failed to stop agent");
 		}
-	}, an = (e) => {
-		P(e);
-	}, on = async () => {
-		if (!N) return;
-		let e = N;
-		F(!0);
+	}, nn = (e) => {
+		F(e);
+	}, rn = async () => {
+		if (!P) return;
+		let e = P;
+		I(!0);
 		try {
-			await Ft({
+			await Mt({
 				variables: { id: e.id },
 				refetchQueries: []
 			});
 		} catch (e) {
-			console.error("Failed to deactivate agent:", e), c.error(e instanceof Error ? e.message : "Failed to disconnect agent"), F(!1), P(null), await W();
+			console.error("Failed to deactivate agent:", e), c.error(e instanceof Error ? e.message : "Failed to disconnect agent"), I(!1), F(null), await K();
 			return;
 		}
 		try {
-			await Gt({
+			await Ht({
 				variables: {
 					id: e.id,
 					input: {
@@ -355,16 +355,16 @@ function ot() {
 		} catch (e) {
 			console.error("Failed to clear tunnel fields:", e), c.error("Agent marked offline, but failed to clear connection fields — clear them manually in Settings.");
 		}
-		F(!1), P(null), await W();
-	}, sn = (e) => {
+		I(!1), F(null), await K();
+	}, an = (e) => {
 		v(`/agents/${e.id}`);
-	}, cn = (e) => {
-		k(e);
-	}, ln = async () => {
-		if (!O) return;
-		let e = O.id, t = Dt.current?.value?.trim() || "";
+	}, on = (e) => {
+		A(e);
+	}, sn = async () => {
+		if (!k) return;
+		let e = k.id, t = Tt.current?.value?.trim() || "";
 		try {
-			St(!0), await Gt({
+			bt(!0), await Ht({
 				variables: {
 					id: e,
 					input: {
@@ -373,105 +373,105 @@ function ot() {
 					}
 				},
 				refetchQueries: ["ListAgents", "VibecontrolsAgentHealthProbes"]
-			}), t && Ct(e), k(null);
+			}), t && xt(e), A(null);
 		} catch (e) {
 			console.error("Failed to update tunnel settings:", e);
 		} finally {
-			St(!1);
+			bt(!1);
 		}
-	}, un = l((e) => {
-		R((t) => {
+	}, cn = l((e) => {
+		z((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), dn = l(() => {
-		R(new Set(Y.map((e) => e.id)));
-	}, [Y]), Q = l(() => {
-		R(/* @__PURE__ */ new Set());
-	}, []), $ = Y.length > 0 && L.size === Y.length, fn = L.size > 0, pn = l(async () => {
-		if (L.size !== 0) {
-			Ot(!0);
+	}, []), ln = l(() => {
+		z(new Set(X.map((e) => e.id)));
+	}, [X]), Q = l(() => {
+		z(/* @__PURE__ */ new Set());
+	}, []), $ = X.length > 0 && R.size === X.length, un = R.size > 0, dn = l(async () => {
+		if (R.size !== 0) {
+			V(!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 ? c.error(`Removed ${t}, failed to remove ${n} agent${n === 1 ? "" : "s"}`) : c.success(`Removed ${t} agent${t === 1 ? "" : "s"}`), R(/* @__PURE__ */ new Set());
+				let e = await Promise.allSettled(Array.from(R).map((e) => Ut({ variables: { id: e } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.filter((e) => e.status === "rejected").length;
+				n > 0 ? c.error(`Removed ${t}, failed to remove ${n} agent${n === 1 ? "" : "s"}`) : c.success(`Removed ${t} agent${t === 1 ? "" : "s"}`), z(/* @__PURE__ */ new Set());
 			} catch (e) {
 				c.error(e instanceof Error ? e.message : "Failed to remove agents");
 			} finally {
-				Ot(!1), B(!1);
+				V(!1), H(!1);
 			}
 		}
-	}, [L, Kt]), mn = {
-		total: J.length,
-		active: J.filter((e) => e.status === "ACTIVE").length,
-		offline: J.filter((e) => e.status !== "ACTIVE").length
+	}, [R, Ut]), fn = {
+		total: Y.length,
+		active: Y.filter((e) => e.status === "ACTIVE").length,
+		offline: Y.filter((e) => e.status !== "ACTIVE").length
 	};
-	return ct ? /* @__PURE__ */ m(g, {
+	return st ? /* @__PURE__ */ m(g, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
-		children: /* @__PURE__ */ m(ve, { message: b("agentsPage.loadingPermissions", "Loading permissions...") })
-	}) : lt && lt.permissionStrings?.length > 0 && !ft ? /* @__PURE__ */ m(g, {
+		children: /* @__PURE__ */ m(_e, { message: b("agentsPage.loadingPermissions", "Loading permissions...") })
+	}) : ct && ct.permissionStrings?.length > 0 && !dt ? /* @__PURE__ */ m(g, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
-		children: /* @__PURE__ */ m(nt, {
+		children: /* @__PURE__ */ m(tt, {
 			title: b("agentsPage.accessDeniedTitle", "Access Denied"),
 			description: b("agentsPage.accessDeniedDescription", "You don't have permission to view agents. Contact your workspace administrator for access.")
 		})
-	}) : Xt && J.length === 0 ? /* @__PURE__ */ m(g, {
+	}) : qt && Y.length === 0 ? /* @__PURE__ */ m(g, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
-		children: /* @__PURE__ */ m(ye, {
+		children: /* @__PURE__ */ m(ve, {
 			title: b("agentsPage.failedLoad", "Failed to load agents"),
-			message: Xt.message,
-			onRetry: () => W()
+			message: qt.message,
+			onRetry: () => K()
 		})
 	}) : /* @__PURE__ */ h(g, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-full",
 		children: [
-			/* @__PURE__ */ m(_e, {
+			/* @__PURE__ */ m(ge, {
 				title: b("agentsPage.title", "Agents"),
 				description: b("agentsPage.descriptionOnline", "{{active}} of {{total}} agents online", {
-					active: mn.active,
-					total: mn.total
+					active: fn.active,
+					total: fn.total
 				}),
 				actions: /* @__PURE__ */ h("div", {
 					className: "flex w-full flex-col items-end gap-2 sm:w-auto sm:flex-row sm:items-center",
 					children: [/* @__PURE__ */ m("button", {
 						type: "button",
 						onClick: () => {
-							W(), $t();
+							K(), Xt();
 						},
-						disabled: U || G.loading,
+						disabled: G || q.loading,
 						className: "flex items-center justify-center gap-2 px-3 py-2 max-md:min-h-11 max-md:min-w-11 text-text-secondary hover:bg-bg-sunken hover:text-text-primary rounded-button transition-colors disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 						"aria-label": b("agentsPage.refreshTitle", "Refresh agents"),
 						title: b("agentsPage.refreshTitle", "Refresh agents"),
-						children: /* @__PURE__ */ m(Be, {
+						children: /* @__PURE__ */ m(ze, {
 							"aria-hidden": "true",
-							className: `size-4 ${U || G.loading ? "animate-spin" : ""}`
+							className: `size-4 ${G || q.loading ? "animate-spin" : ""}`
 						})
-					}), Wt ? /* @__PURE__ */ m(rt, {
-						permission: ke.AGENT_CREATE,
+					}), Vt ? /* @__PURE__ */ m(nt, {
+						permission: Oe.AGENT_CREATE,
 						deniedBehavior: "disable",
 						deniedTooltip: b("agentsPage.deniedCreateTooltip", "You don't have permission to create agents"),
 						children: /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: X,
+							onClick: Z,
 							className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 							children: [/* @__PURE__ */ m(p, { className: "size-4" }), b("agentsPage.addAgent", "Add Agent")]
 						})
 					}) : /* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: X,
+						onClick: Z,
 						className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 						children: [/* @__PURE__ */ m(p, { className: "size-4" }), b("agentsPage.addAgent", "Add Agent")]
 					})]
 				})
 			}),
-			/* @__PURE__ */ m(Je, {
-				icon: /* @__PURE__ */ m(Ie, { className: "size-4" }),
+			/* @__PURE__ */ m(qe, {
+				icon: /* @__PURE__ */ m(Fe, { className: "size-4" }),
 				children: b("agentsPage.purpose", "Agents are the lightweight programs you install on your own machines (laptop, server, CI runner) that let VibeControls securely run terminal sessions and tasks there. Register an agent here, then attach it to a vibe to give that workspace a place to actually execute work — your code never leaves your hardware.")
 			}),
-			J.length === 0 && !U && /* @__PURE__ */ m(Te, {
+			Y.length === 0 && !G && /* @__PURE__ */ m(we, {
 				variant: "full",
 				dismissKey: "vibecontrols-agents-setup-banner"
 			}),
-			J.length > 0 && /* @__PURE__ */ m(Te, {
+			Y.length > 0 && /* @__PURE__ */ m(we, {
 				variant: "compact",
 				dismissKey: "vibecontrols-agents-compact-banner"
 			}),
@@ -479,9 +479,9 @@ function ot() {
 				className: "space-y-3",
 				children: [/* @__PURE__ */ h("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ m(Ce, {
+					children: [/* @__PURE__ */ m(Se, {
 						value: x,
-						onChange: pt,
+						onChange: ft,
 						placeholder: b("agentsPage.searchPlaceholder", "Search agents..."),
 						className: "flex-1 sm:w-64 sm:flex-none"
 					}), /* @__PURE__ */ h("div", {
@@ -489,26 +489,26 @@ function ot() {
 						children: [/* @__PURE__ */ m("button", {
 							type: "button",
 							onClick: () => {
-								_t("grid"), R(/* @__PURE__ */ new Set());
+								E("grid"), z(/* @__PURE__ */ new Set());
 							},
 							className: `flex items-center justify-center p-1.5 sm:p-2 max-md:min-h-11 max-md:min-w-11 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${T === "grid" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
 							"aria-label": b("agentsPage.gridViewTitle", "Grid view"),
 							"aria-pressed": T === "grid",
 							title: b("agentsPage.gridViewTitle", "Grid view"),
-							children: /* @__PURE__ */ m(Re, {
+							children: /* @__PURE__ */ m(Le, {
 								"aria-hidden": "true",
 								className: "size-4 text-text-secondary"
 							})
 						}), /* @__PURE__ */ m("button", {
 							type: "button",
 							onClick: () => {
-								_t("list"), R(/* @__PURE__ */ new Set());
+								E("list"), z(/* @__PURE__ */ new Set());
 							},
 							className: `flex items-center justify-center p-1.5 sm:p-2 max-md:min-h-11 max-md:min-w-11 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${T === "list" ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-surface/60"}`,
 							"aria-label": b("agentsPage.listViewTitle", "List view"),
 							"aria-pressed": T === "list",
 							title: b("agentsPage.listViewTitle", "List view"),
-							children: /* @__PURE__ */ m(ze, {
+							children: /* @__PURE__ */ m(Re, {
 								"aria-hidden": "true",
 								className: "size-4 text-text-secondary"
 							})
@@ -517,53 +517,53 @@ function ot() {
 				}), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 					children: [
-						/* @__PURE__ */ m(we, {
+						/* @__PURE__ */ m(Ce, {
 							label: b("agentsPage.filterStatus", "Status"),
 							value: S,
-							options: ut,
-							onChange: mt
+							options: lt,
+							onChange: pt
 						}),
-						/* @__PURE__ */ m(we, {
+						/* @__PURE__ */ m(Ce, {
 							label: b("agentsPage.filterPlatform", "Platform"),
 							value: C,
-							options: dt,
-							onChange: ht
+							options: ut,
+							onChange: mt
 						}),
-						/* @__PURE__ */ m(Oe, {
+						/* @__PURE__ */ m(De, {
 							label: b("agentsPage.filterTag", "Tag"),
 							value: w,
-							onChange: gt
+							onChange: ht
 						})
 					]
 				})]
 			}),
-			T === "grid" && Y.length > 0 && /* @__PURE__ */ m("div", {
+			T === "grid" && X.length > 0 && /* @__PURE__ */ m("div", {
 				className: "flex justify-end",
 				children: /* @__PURE__ */ h("button", {
 					type: "button",
-					onClick: $ ? Q : dn,
+					onClick: $ ? Q : ln,
 					"aria-pressed": $,
 					className: "flex items-center gap-1.5 px-3 py-1.5 max-md:min-h-11 text-xs text-text-secondary hover:text-text-primary rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-					children: [/* @__PURE__ */ m(Le, {
+					children: [/* @__PURE__ */ m(Ie, {
 						"aria-hidden": "true",
 						className: "size-3.5"
 					}), $ ? b("agentsPage.deselectAll", "Deselect All") : b("agentsPage.selectAll", "Select All")]
 				})
 			}),
-			fn && /* @__PURE__ */ h("div", {
+			un && /* @__PURE__ */ h("div", {
 				className: "flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-2.5 bg-[var(--color-accent-soft)] border border-border-subtle rounded-card",
 				children: [/* @__PURE__ */ m("span", {
 					className: "text-sm font-medium text-text-primary",
-					children: b("agentsPage.selectedCount", "{{count}} agents selected", { count: L.size })
+					children: b("agentsPage.selectedCount", "{{count}} agents selected", { count: R.size })
 				}), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-1.5 sm:ml-auto",
 					children: [/* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => B(!0),
-						disabled: z,
+						onClick: () => H(!0),
+						disabled: B,
 						className: "flex items-center gap-1.5 px-3 py-1.5 max-md:min-h-11 text-xs font-medium text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-button hover:bg-status-error-bg-subtle/80 transition-colors disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 						children: [
-							/* @__PURE__ */ m(Ve, {
+							/* @__PURE__ */ m(Be, {
 								"aria-hidden": "true",
 								className: "size-3"
 							}),
@@ -575,7 +575,7 @@ function ot() {
 						onClick: Q,
 						className: "flex items-center gap-1.5 px-3 py-1.5 max-md:min-h-11 text-xs text-text-secondary hover:text-text-primary rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 						children: [
-							/* @__PURE__ */ m(He, {
+							/* @__PURE__ */ m(Ve, {
 								"aria-hidden": "true",
 								className: "size-3"
 							}),
@@ -588,57 +588,57 @@ function ot() {
 			x || S !== "all" || C !== "all" ? /* @__PURE__ */ h("p", {
 				className: "text-sm text-text-secondary",
 				children: [b("agentsPage.showingResults", "Showing {{filtered}} of {{total}} agents", {
-					filtered: Y.length,
-					total: J.length
-				}), U && /* @__PURE__ */ m("span", {
+					filtered: X.length,
+					total: Y.length
+				}), G && /* @__PURE__ */ m("span", {
 					className: "ml-2 text-text-muted",
 					children: b("agentsPage.refreshing", "(refreshing...)")
 				})]
 			}) : null,
-			U && J.length === 0 ? /* @__PURE__ */ m(Ae, {
+			G && Y.length === 0 ? /* @__PURE__ */ m(ke, {
 				variant: "rows",
 				count: 6
-			}) : Y.length > 0 ? /* @__PURE__ */ m(Ge, {
+			}) : X.length > 0 ? /* @__PURE__ */ m(We, {
 				mode: "wait",
-				children: T === "grid" ? /* @__PURE__ */ m(at, {
+				children: T === "grid" ? /* @__PURE__ */ m(it, {
 					"data-tour": "agents-page-grid-header",
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: Y.map((e) => /* @__PURE__ */ m(it, {
+					children: X.map((e) => /* @__PURE__ */ m(rt, {
 						className: "h-full",
-						children: /* @__PURE__ */ m(je, {
+						children: /* @__PURE__ */ m(Ae, {
 							agent: e,
-							onSelect: tn,
-							onStart: Z,
-							onStop: rn,
-							onDisconnect: an,
-							onConfigure: sn,
-							onEditTunnelUrl: cn,
-							selected: L.has(e.id),
-							onToggleSelect: () => un(e.id),
+							onSelect: Qt,
+							onStart: en,
+							onStop: tn,
+							onDisconnect: nn,
+							onConfigure: an,
+							onEditTunnelUrl: on,
+							selected: R.has(e.id),
+							onToggleSelect: () => cn(e.id),
 							healthErrorMessage: e.healthError ?? null
 						})
 					}, e.id))
-				}, "grid-view") : /* @__PURE__ */ m(at, {
+				}, "grid-view") : /* @__PURE__ */ m(it, {
 					stagger: .04,
-					children: /* @__PURE__ */ m(it, {
+					children: /* @__PURE__ */ m(rt, {
 						variant: "fadeRight",
-						children: /* @__PURE__ */ m(Me, {
-							agents: Y,
-							onSelect: tn,
-							onStart: Z,
-							onStop: rn,
-							onDisconnect: an,
-							onSettings: sn,
-							selectedIds: L,
-							onToggleSelect: un,
-							onSelectAll: dn,
+						children: /* @__PURE__ */ m(je, {
+							agents: X,
+							onSelect: Qt,
+							onStart: en,
+							onStop: tn,
+							onDisconnect: nn,
+							onSettings: an,
+							selectedIds: R,
+							onToggleSelect: cn,
+							onSelectAll: ln,
 							onDeselectAll: Q
 						})
 					})
 				}, "list-view")
-			}) : /* @__PURE__ */ m(Se, {
-				icon: /* @__PURE__ */ m(Ie, { className: "size-8 text-text-secondary" }),
+			}) : /* @__PURE__ */ m(xe, {
+				icon: /* @__PURE__ */ m(Fe, { className: "size-8 text-text-secondary" }),
 				illustration: x || S !== "all" || C !== "all" ? "empty-search" : "empty-agents",
 				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."),
@@ -647,7 +647,7 @@ function ot() {
 					children: [
 						/* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: X,
+							onClick: Z,
 							className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 							children: [/* @__PURE__ */ m(p, { className: "size-4" }), b("agentsPage.addAgent", "Add Agent")]
 						}),
@@ -657,119 +657,119 @@ function ot() {
 							className: "flex items-center gap-2 px-4 py-2 border border-border-subtle bg-bg-surface text-text-primary rounded-button hover:bg-bg-sunken hover:border-border-strong transition-all duration-200 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 							children: b("agentsPage.setupGuide", "Setup guide")
 						}),
-						/* @__PURE__ */ m(Ee, { prompt: "What is an Agent in VibeControls and how do I add one?" })
+						/* @__PURE__ */ m(Te, { prompt: "What is an Agent in VibeControls and how do I add one?" })
 					]
 				}) : void 0
 			}),
-			vt && /* @__PURE__ */ m(Ne, {
-				onSubmit: nn,
-				onCancel: () => E(!1),
-				isLoading: yt,
+			gt && /* @__PURE__ */ m(Me, {
+				onSubmit: $t,
+				onCancel: () => D(!1),
+				isLoading: _t,
 				onNavigate: (e) => {
-					E(!1), v(e);
+					D(!1), v(e);
 				},
-				targets: Ut.map((e) => ({
+				targets: Bt.map((e) => ({
 					id: e.id,
 					name: e.name,
 					type: e.type || "DIRECT",
 					status: e.status
 				})),
-				targetsLoading: Vt,
-				onCreateTarget: Jt,
+				targetsLoading: Rt,
+				onCreateTarget: Gt,
 				extraSection: /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
 					className: "text-sm font-medium text-text-secondary mb-2",
 					children: b("agents.tags", "Tags")
-				}), /* @__PURE__ */ m(be, {
+				}), /* @__PURE__ */ m(ye, {
 					entityType: "VIBECONTROLS_AGENT",
-					onDraftChange: jt
+					onDraftChange: Ot
 				})] })
 			}),
-			/* @__PURE__ */ m(de, {
-				isOpen: N !== null,
+			/* @__PURE__ */ m(ue, {
+				isOpen: P !== null,
 				onClose: () => {
-					Et || P(null);
+					wt || F(null);
 				},
-				onConfirm: on,
+				onConfirm: rn,
 				title: b("agentsPage.disconnectTitle", "Disconnect Agent"),
-				message: N ? Pe(N) === "OFFLINE" ? b("agentsPage.disconnectOfflineMessage", "Clear the stored tunnel connection for {{name}}? This will remove the tunnel URL and API key from this offline agent.", { name: N.name }) : b("agentsPage.disconnectActiveMessage", "Mark {{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.", { name: N.name }) : "",
+				message: P ? Ne(P) === "OFFLINE" ? b("agentsPage.disconnectOfflineMessage", "Clear the stored tunnel connection for {{name}}? This will remove the tunnel URL and API key from this offline agent.", { name: P.name }) : b("agentsPage.disconnectActiveMessage", "Mark {{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.", { name: P.name }) : "",
 				confirmLabel: b("agentsPage.disconnectConfirm", "Disconnect"),
 				variant: "danger",
-				isLoading: Et
+				isLoading: wt
 			}),
-			/* @__PURE__ */ m(Ye, {
-				open: O !== null,
+			/* @__PURE__ */ m(Je, {
+				open: k !== null,
 				onOpenChange: (e) => {
-					e || k(null);
+					e || A(null);
 				},
-				children: O ? /* @__PURE__ */ h(Xe, {
+				children: k ? /* @__PURE__ */ h(Ye, {
 					className: "sm:max-w-md",
 					children: [
-						/* @__PURE__ */ h($e, { children: [/* @__PURE__ */ m(et, { children: b("agentsPage.editTunnelTitle", "Edit Tunnel") }), /* @__PURE__ */ m(Ze, { children: b("agentsPage.editTunnelDescription", "Configure the cloudflared tunnel URL and API key for {{name}}.", { name: O.name }) })] }),
+						/* @__PURE__ */ h(Qe, { children: [/* @__PURE__ */ m($e, { children: b("agentsPage.editTunnelTitle", "Edit Tunnel") }), /* @__PURE__ */ m(Xe, { children: b("agentsPage.editTunnelDescription", "Configure the cloudflared tunnel URL and API key for {{name}}.", { name: k.name }) })] }),
 						/* @__PURE__ */ h("div", {
 							className: "py-4",
 							children: [
 								/* @__PURE__ */ m("label", {
-									htmlFor: I.id,
+									htmlFor: L.id,
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: b("agentsPage.tunnelUrlLabel", "Tunnel URL")
 								}),
-								/* @__PURE__ */ m(qe, {
-									...I.inputProps,
-									ref: Dt,
+								/* @__PURE__ */ m(Ke, {
+									...L.inputProps,
+									ref: Tt,
 									type: "url",
-									defaultValue: O.tunnelUrl || "",
+									defaultValue: k.tunnelUrl || "",
 									placeholder: b("agentsPage.tunnelUrlPlaceholder", "https://example.trycloudflare.com"),
 									className: "text-base md:text-sm"
 								}),
 								/* @__PURE__ */ m("p", {
-									id: I.hintId,
+									id: L.hintId,
 									className: "mt-1.5 text-xs text-text-muted",
 									children: b("agentsPage.tunnelUrlHint", "Leave empty to clear. Agents with auto-tunnel report this automatically on startup.")
 								})
 							]
 						}),
-						/* @__PURE__ */ h(Qe, { children: [/* @__PURE__ */ m(Ke, {
+						/* @__PURE__ */ h(Ze, { children: [/* @__PURE__ */ m(Ge, {
 							type: "button",
 							variant: "outline",
-							onClick: () => k(null),
+							onClick: () => A(null),
 							className: "max-md:min-h-11",
 							children: b("agentsPage.cancel", "Cancel")
-						}), /* @__PURE__ */ m(Ke, {
+						}), /* @__PURE__ */ m(Ge, {
 							type: "button",
-							onClick: ln,
-							disabled: A,
-							"aria-busy": A,
+							onClick: sn,
+							disabled: j,
+							"aria-busy": j,
 							className: "max-md:min-h-11",
-							children: A ? b("agentsPage.saving", "Saving...") : b("agentsPage.save", "Save")
+							children: j ? b("agentsPage.saving", "Saving...") : b("agentsPage.save", "Save")
 						})] })
 					]
 				}) : null
 			}),
-			/* @__PURE__ */ m(de, {
-				isOpen: kt,
+			/* @__PURE__ */ m(ue, {
+				isOpen: Et,
 				onClose: () => {
-					z || B(!1);
+					B || H(!1);
 				},
-				onConfirm: pn,
+				onConfirm: dn,
 				title: b("agentsPage.bulkDeleteTitle", "Remove agents"),
-				message: b("agentsPage.bulkDeleteConfirm", "Are you sure you want to remove {{count}} agent(s)? This cannot be undone.", { count: L.size }),
+				message: b("agentsPage.bulkDeleteConfirm", "Are you sure you want to remove {{count}} agent(s)? This cannot be undone.", { count: R.size }),
 				confirmLabel: b("agentsPage.remove", "Remove"),
 				variant: "danger",
-				isLoading: z
+				isLoading: B
 			}),
-			/* @__PURE__ */ m(fe, {
-				isOpen: V !== null,
-				onClose: () => H(null),
+			/* @__PURE__ */ m(de, {
+				isOpen: U !== null,
+				onClose: () => W(null),
 				onConfirm: () => {
-					H(null), v("/billing/plans");
+					W(null), v("/billing/plans");
 				},
-				title: pe(V ?? "generic").title,
-				message: pe(V ?? "generic").message
+				title: fe(U ?? "generic").title,
+				message: fe(U ?? "generic").message
 			})
 		]
 	});
 }
 //#endregion
-export { ot as AgentsPage };
+export { at as AgentsPage };
 
 //# sourceMappingURL=AgentsPage.js.map